/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;vertical-align:baseline;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

ol,ul {list-style:none;}

blockquote,q {quotes:none;}

blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}

table {border-collapse:collapse;border-spacing:0;}

* {tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;border:0;border-radius:0;font-family:Microsoft YaHei;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

:focus{outline:0}

body{color:#666; font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}

html,body{font-size:20px;-webkit-text-size-adjust:none; line-height:1.4em;}

a{color:#666;text-decoration:none;}

.en{font-family: arial;}

.wrap{min-width:320px; max-width:640px; margin:0 auto; position:relative; min-height: 100%;}

.clearfix:after{display:block;content:'';clear:both;visibility:hidden;}

.clear{clear:both;}

*{margin: 0; padding: 0;}

.fl{float:left;}

.fr{float:right;}

.bk5{height:5px; font-size:0; clear:both; overflow:hidden;}

.bk10{height:10px; font-size:0; clear:both; overflow:hidden;}

.bk15{height:15px; font-size:0; clear:both; overflow:hidden;}

.bk20{height:20px; font-size:0; clear:both; overflow:hidden;}

.bk25{height:25px; font-size:0; clear:both; overflow:hidden;}

.bk30{height:30px; font-size:0; clear:both; overflow:hidden;}

.bk35{height:35px; font-size:0; clear:both; overflow:hidden;}

.bk40{height:40px; font-size:0; clear:both; overflow:hidden;}

.bk50{height:50px; font-size:0; clear:both; overflow:hidden;}

.ui_color{color: #999;}

.ui_color2{color: #333;}

.ui_color3{color: #ea5520;}

.ui_color4{color: #f8bf10;}

.ui_color5{color: #fff;}

.ui_background_gray{background: #eee;}

.ui_background_white{background: #fff;}

.ui_padding10{padding: 10px;}

.ui_padding5{padding: 5px;}

.ui_padding{padding: 20px;}

.ui_padding_tb25{padding: 25px 0;}

.ui_margin_lr10{margin: 0 10px;}

.ui_padding_lr20{padding: 0 20px;}

.ui_padding_lr26{padding: 0 26px;}

.ui_border{border: 1px solid #f0f0f0;}

.ui_border_t{border-top: 1px solid #f0f0f0;}

.ui_border_r{border-right: 1px solid #f0f0f0;}

.ui_border_b{border-bottom: 1px solid #f0f0f0;}

.ui_border_l{border-left: 1px solid #f0f0f0;}

.ui_border_b2{border-bottom: 1px solid #eea984;}

.ui_bold{font-weight: bold;}

.ui_ml2{margin-left: 2px;}

.ui_ml10{margin-left: 10px;}

.ui_max_f1{font-size: 22px;}

.ui_max_f2{font-size: 24px;}

.ui_max_f3{font-size: 26px;}

.ui_min_f1{font-size: 16px;}

.ui_block{width: 100%; display: block;}

.ui_circle{border-radius: 50%;}

.ui_border4{border:4px solid #fff;}

.ui_nowrap{display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.slideBox {position: relative; overflow: hidden;}

.slideBox .bd {position: relative; z-index: 0;}

.slideBox .bd ul {width: 100%; float: left;}

.slideBox .bd li {float: left; position: relative;}

.slideBox .bd li img {display: block; background: url(../img/loading.gif) center center no-repeat;}

.slideBox .hd{text-align: center; position: absolute; z-index: 1; bottom: 10px; width: 100%;}

.slideBox .hd li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; overflow: hidden; background: #bebdbd; margin-left: 5px; text-indent: -999px;}

.slideBox .hd li.on{background: #ed6d1f;}

.slideBox a{display: block;}

.ui_toph{height: 82px; display: none;}

.ui_topbar{position: absolute; width: 100%; min-width:320px; max-width:640px; margin:0 auto; bottom: 0; z-index: 10000; display: block; padding: 15px; background: url(../img/t_htbg.png) no-repeat; background-size: 100% 100%;}

.ui_topbar_hov{position: fixed; top: 0; background: #ed6d1f;}

.ui_searchb{width: 100%; position: relative;}

.ui_searchb .ss_box{width: 80%; margin: 0 auto; background: #fff; line-height: 32px; border-radius: 25px; padding: 10px 20px;}

.ui_txt{background: none; margin: 0 2%; width: 81%;}

.ui_ico{width: 44px; height: 44px; display: inline-block;}

.ui_ico2{width: 32px; height: 32px; display: inline-block;}

.ui_ico3{width: 24px; height: 24px; display: inline-block;}

.ui_ico4{width: 48px; height: 48px; display: inline-block;}

.ui_ico5{width: 44px; height: 44px; display: inline-block;}

.setting_ico{background: url(../img/setting_ico.png) no-repeat; background-size: 100% 100%; margin-top: 2px; left: 0; top: 0;}

.add_ico{background: url(../img/add_ico.png) no-repeat; background-size: 100% 100%; margin-top: 2px; right: 0; top: 0;}

.search_ico{background: url(../img/search_ico.png) no-repeat; background-size: 100% 100%;}

.awm_ico{background: url(../img/awm_ico.png) no-repeat; background-size: 100% 100%;}

.xx_ico{background: url(../img/xx_ico.png) no-repeat; background-size: 100% 100%;}

.nm_ico{background: url(../img/nm_ico.png) no-repeat; background-size: 100% 100%;}

.nm_ico2{background: url(../img/nm_ico2.png) no-repeat; background-size: 100% 100%;}

.nm_ico3{background: url(../img/nm_ico3.png) no-repeat; background-size: 100% 100%;}

.nm_ico4{background: url(../img/nm_ico4.png) no-repeat; background-size: 100% 100%;}

.nm_ico5{background: url(../img/nm_ico5.png) no-repeat; background-size: 100% 100%;}

.tj_ico{background: url(../img/tj_ico.png) no-repeat; background-size: 100% 100%;}

.back_ico{background: url(../img/back_ico.png) no-repeat; background-size: 100% 100%;}

.menu_ico{background: url(../img/menu_ico.png) no-repeat; background-size: 100% 100%;}

.search_ico2{background: url(../img/search_ico2.png) no-repeat; background-size: 100% 100%;}

.menu_home_ico{background: url(../img/menu_home_ico.png) no-repeat; background-size: 100% 100%;}

.menu_message_ico{background: url(../img/menu_message_ico.png) no-repeat; background-size: 100% 100%;}

.menu_user_ico{background: url(../img/menu_user_ico.png) no-repeat; background-size: 100% 100%;}

.refresh_ico{background: url(../img/refresh_ico.png) no-repeat; background-size: 100% 100%;}

.right_ico{background: url(../img/right_ico.png) no-repeat; background-size: 100% 100%;}

.down_ico{background: url(../img/down_ico.png) no-repeat; background-size: 100% 100%;}

.az_ico{background: url(../img/az_ico.png) no-repeat; background-size: 100% 100%;}

.lxkf_ico{background: url(../img/lxkf_ico.png) no-repeat; background-size: 100% 100%;}

.lxsj_ico{background: url(../img/lxsj_ico.png) no-repeat; background-size: 100% 100%;}

.wyts_ico{background: url(../img/wyts_ico.png) no-repeat; background-size: 100% 100%;}

.menu_ico2{background: url(../img/menu_ico2.png) no-repeat; background-size: 100% 100%;}

.sort_ico{background: url(../img/sort_ico.png) no-repeat; background-size: 100% 100%;}

.sort_ico2{background: url(../img/sort_ico2.png) no-repeat; background-size: 100% 100%;}

.back_ico2{background: url(../img/back_ico2.png) no-repeat; background-size: 100% 100%;}

.menu_ico3{background: url(../img/menu_ico3.png) no-repeat; background-size: 100% 100%;}

.news_ico{background: url(../img/news_ico.png) no-repeat; background-size: 100% 100%;}

.star_ico3{background: url(../img/star_ico3.png) no-repeat; background-size: 100% 100%;}

.shop_ico2{background: url(../img/shop_ico2.png) no-repeat; background-size: 100% 100%;}

.star_ico4{background: url(../img/star_ico4.png) no-repeat; background-size: 100% 100%;}

.star_ico5{background: url(../img/star_ico5.png) no-repeat; background-size: 100% 100%;}

.up_ico{background: url(../img/up_ico.png) no-repeat; background-size: 100% 100%;}

.yjfx_ico{background: url(../img/yjfx_ico.png) no-repeat; background-size: 100% 100%;}

.jrjhd_ico{background: url(../img/jrjhd_ico.png) no-repeat; background-size: 100% 100%;}

.ljdg_ico{background: url(../img/ljdg_ico.png) no-repeat; background-size: 100% 100%;}

.close_ico{background: url(../img/close_ico.png) no-repeat; background-size: 100% 100%;}

.close_ico2{background: url(../img/close_ico2.png) no-repeat; background-size: 100% 100%;}

.check_ico_hov{background: url(../img/check_ico.png) no-repeat; background-size: 100% 100%;}

.up_ico2{background: url(../img/up_ico2.png) no-repeat; background-size: 100% 100%;}

.ui_absolute{position: absolute;}

.ui_menu{padding: 30px 0;}

.ui_menu dl{width: 25%; float: left; padding: 0 3%;}

.ui_menu dl .pic{padding: 0 14%;}

.ui_menu dl a{display: block;}

.ui_htc{line-height: 24px; padding: 20px 0;}

.ui_htc .lt{width: 22%;}

.ui_htc .lt .pic{padding: 0 5% 0 10%;}

.ui_htc .rt{width: 78%; padding: 0 2%;}

.ui_ggc{padding: 16px 4px 8px 4px;}

.ui_ggc ul li{width: 50%; float: left; padding: 0 2px;}

.ui_tib{padding: 10px 6px; line-height: 44px;}

.ui_tib span{vertical-align: top;}

.ui_tib2{padding: 20px 10px; line-height: 32px;}

.ui_tib2 span{vertical-align: top;}

.ui_upper{text-transform: uppercase;}

.ui_thumb_c .c1 .lt{width: 50%;}

.ui_thumb_c .c1 .rt{width: 50%;}

.ui_thumb_c .c1 .rt .dlb .lcn{width: 49%; padding: 0 0 0 2%;}

.ui_thumb_c .c1 .rt .dlb .pic{width: 50%;}

.ui_thumb_c .c1 dl{border-bottom: 1px solid #f0f0f0;}

.ui_thumb_c .c1 dl:last-child{border-bottom: none;}

.ui_thumb_c .c2 dl{width: 25%; float: left; border-left: 1px solid #f0f0f0;}

.ui_thumb_c .c2 dl:first-child{border-left: none;}

.ui_thumb_c .c1 .lt:active{background: #d6d6d6;}

.ui_thumb_c .c1 .rt .dlb dl:active{background: #d6d6d6;}

.ui_tjc{padding: 24px 10px;}

.ui_tjc dl{width: 25%; float: left; padding: 0 0 0 3px;}

.ui_tjc dl .box{border-radius: 5px; padding: 16px 10px; color: #fff;}

.ui_tjc dl .box a{display: block; color: #fff;}

.ui_tjc dl .bg1{background: #ff4761;}

.ui_tjc dl .bg2{background: #44a5fc;}

.ui_tjc dl .bg3{background: #fd6826;}

.ui_tjc dl .bg4{background: #26cb8b;}

.ui_tjc dl .box .pic{width: 70%;}

.ui_tjc dl .box .btn{line-height: 1.6em; background: #fff; border-radius: 5px;}

.ui_tjc dl .bg1 .btn{color: #ff4761;}

.ui_tjc dl .bg2 .btn{color: #44a5fc;}

.ui_tjc dl .bg3 .btn{color: #fd6826;}

.ui_tjc dl .bg4 .btn{color: #26cb8b;}

.ui_relative{position: relative;}

.ui_thumb_c2{padding: 0 4px;}

.grid{margin-left: -4px;}

.grid-item{width: 50%; float: left; margin-top: 10px; padding: 0 0 0 4px;}

.grid-item .box{background: #fff; border-radius: 5px;}

.grid-item .box .pic{padding: 8px;}

.grid-item .box .ti{padding: 0 10px; line-height: 1.2em; height: 2.4em; overflow: hidden;}

.grid-item .box .ti a{color: #1b1b1a;}

.grid-item .box .desb{color: #ea5520; line-height: 1.2em; padding: 0 10px;}

.grid-item .box .desb .f2{border: 1px solid #ea5520; padding: 0 5px; border-radius: 10px;}

.ui_tib3{line-height: 24px; height: 24px;}

.ui_tib3 .hr{position: absolute; z-index: 1; top: 12px; height: 1px; width: 80%; left: 10%; overflow: hidden; margin: 0 auto; background: #c5c4c4;}

.ui_tib3 .cnb{position: absolute; width: 100%; z-index: 2; text-align: center;}

.ui_tib3 .cnb .bbc{display: inline-block; padding: 0 10px; background: #eeeeee;}

.ui_tib3 .cnb .bbc .star_ico{display: inline-block; width: 20px; height: 20px; background: url(../img/star_ico.png) no-repeat; background-size: 100% 100%;}

.ui_tib3 .cnb .bbc span{vertical-align: top;}

.marqueebox1{overflow: hidden; height: 19px;}

.ui_nav{padding: 16px 0; position: fixed; width: 100%; min-width:320px; max-width:640px; margin:0 auto; bottom: 0; z-index: 10000; display: block; background: #fff;}

.ui_nav li{width: 20%; float: left; text-align: center;}

.ui_nav li .home_ico{background: url(../img/home_ico.png) no-repeat; background-size: 100% 100%;}

.ui_nav li .class_ico{background: url(../img/class_ico.png) no-repeat; background-size: 100% 100%;}

.ui_nav li .shop_ico{background: url(../img/shop_ico.png) no-repeat; background-size: 100% 100%;}

.ui_nav li .order_ico{background: url(../img/order_ico.png) no-repeat; background-size: 100% 100%;}

.ui_nav li .user_ico{background: url(../img/user_ico.png) no-repeat; background-size: 100% 100%;}

.ui_nav li.li_hov .home_ico{background: url(../img/home_ico_hov.png) no-repeat; background-size: 100% 100%;}

.ui_nav li.li_hov .class_ico{background: url(../img/class_ico_hov.png) no-repeat; background-size: 100% 100%;}

.ui_nav li.li_hov .shop_ico{background: url(../img/shop_ico_hov.png) no-repeat; background-size: 100% 100%;}

.ui_nav li.li_hov .order_ico{background: url(../img/order_ico_hov.png) no-repeat; background-size: 100% 100%;}

.ui_nav li.li_hov .user_ico{background: url(../img/user_ico_hov.png) no-repeat; background-size: 100% 100%;}

.ui_nav li.li_hov p{color: #ed6d1f;}

.ui_footh{height: 116px;}

.ui_topbar2{position: fixed; width: 100%; min-width:320px; max-width:640px; margin:0 auto; top: 0; z-index: 10000; display: block; padding: 20px 10px; background: #fafafa; line-height: 44px;}

.ui_toph2{height: 84px;}

.lev_menu{position: absolute; top: 84px; right: 10px; display: none; width: 22%; background: #c5c4c4; border: 1px solid #c5c4c4; border-bottom: none; background: #fff;}

.lev_menu li{padding: 6px; line-height: 32px; border-bottom: 1px solid #c5c4c4;}

.ui_lable{width: 16px; height: 16px; background: #ed6d1f; text-align: center; line-height: 16px; color: #fff; position: absolute; top: -2px; right: -2px; border-radius: 50%; font-size: 8px;}

.preloader{text-align: center;}

.preloader span{vertical-align: top;}

.ui_order_c .s1{line-height: 1.6em; display: flex;}

.ui_order_c .s1 .lt{width: 17%; text-align: right; float: left;}

.ui_order_c .s1 .rt{width: 83%; float: left; line-height: 24px;}

.ui_order_c .s1 .rt span{vertical-align: top;}

.ui_order_c .s2 .lt{width: 27%; float: left;}

.ui_order_c .s2 .rt{width: 73%; float: right;}

.ui_order_c .s2_pding:active{background: #d6d6d6;}

.ui_order_c .s2 .rt{padding: 0 0 0 10px;}

.ui_order_c .s2 .dlb dl{width: 33%; float: left;}

.ui_order_c .s2 .dlb dl span{vertical-align: top;}

.ui_txtr{text-align: right;}

.ui_txtc{text-align: center;}

.ui_order_c .s1 span{vertical-align: top;}

.ui_order_c .rt_cdc li{display: inline-block; line-height: 24px; margin-bottom: 5px; padding: 2px 5px; border-radius: 10px; border: 1px solid #c8c8c8; margin-right: 10px;}

.ui_order_c .rt_cdc li span{vertical-align: top;}

.ui_ddxx_c{padding: 10px 0 0 24px;}

.ui_order_btnb{text-align: center;}

.ui_order_btnb a{display: inline-block; line-height: 1.6em; padding: 0 20px; margin-left: 5px; color: #ed6d1f; border-radius: 10px; border: 1px solid #ed6d1f;}

.ui_abt_c1{padding: 50px 0;}

.ui_abt_c1 .cnb{width: 42%; margin: 0 auto;}

.ui_abt_c1 .cnb .logo{padding: 0 5%;}

.ui_abt_c2 dl{line-height: 2em;}

.ui_abt_c2 dl .lt{width: 30%; float: left; text-align: right;}

.ui_abt_c2 dl .rt{width: 65%; float: right; text-align: left;}

.ui_abt_c2 dl .rt .zj_pic{width: 80%; margin-top: 10px;}

.ui_nav2{line-height: 44px; height: 84px; overflow: hidden; position: fixed; width: 100%; min-width:320px; max-width:640px; margin:0 auto; bottom: 0; z-index: 10000; display: block; background: #fff;}

.ui_nav2 .lt{width: 15%; float: left; text-align: center; padding: 20px 0; }

.ui_nav2 .rt{width: 85%; float: right;}

.ui_nav2 .rt li{width: 33.3%; float: left; padding: 20px 0;  text-align: center; vertical-align:bottom; border-left: 1px solid #f0f0f0;}

.ui_nav2 .rt li a{display: block;}

.ui_nav2 .rt li.li_hov a{color: #ea5520;}

.ui_footh2{height: 84px;}

.ui_tab_c li{width:33.3%; float: left; text-align: center; line-height: 24px;}

.ui_tab_c li .bor{padding: 20px 0; border-bottom: 2px solid #fff;}

.ui_tab_c li .bor div{border-right: 1px solid #f0f0f0;}

.ui_tab_c li.li_hov .bor{border-bottom: 2px solid #ea5520;}

.ui_tab_c li span{vertical-align: top;}

.ui_tab_c li.li_hov a{color: #ea5520;}

.ui_background_gold{background: #ed6d1f;}

.ui_searchb2{position: absolute; width: 80%; left: 10%;}

.ui_searchb2 .ss_box{width: 92%;}

.ui_searchb2 .ss_box{padding: 4px 10px;}

.ui_more a{display: inline-block; padding: 0 15px; border-radius: 15px; border: 1px solid #f0f0f0;}

.ui_sp_c1{padding: 60px 20px; background: url(../img/sp_r1bg.png) no-repeat; background-size: 100% 100%;}

.ui_sp_c1 .lt{width: 80%; float: left;}

.ui_sp_c1 .rt{float: right; text-align: right;}

.star_ico2{width: 48px; height: 48px; display: inline-block; background: url(../img/star_ico2.png) no-repeat; background-size: 100% 100%;}

.ui_sp_c1 .lt .lt_l{width: 48px; float: left;}

.ui_sp_c1 .lt .lt_r{width: 84%; float: left; padding: 0 0 0 10px; line-height: 24px; color: #fff;}

.ui_lable2{display: inline-block; padding: 0 10px; background: #fff; color: #ed6d1f; border-radius: 10px;}

.ui_pj_nav ul li{text-align: center; padding: 16px 0; border-bottom: 2px solid #fff; width: 20%; float: left;}

.ui_pj_nav ul li.li_hov{border-bottom: 2px solid #ed6d1f;}

.ui_pj_nav ul li.li_hov .t1{color: #333;}

.ui_pj_c1 .lt{width: 17%; float: left; text-align: center; padding: 1% 0 0 0;}

.ui_pj_c1 .rt{width: 83%; float: left;}

.ui_pj_c1 .rt ul li{line-height: 1.3em; background: #fff; padding: 0 10px; margin: 2px 8px; float: left;}

.ui_pj_c2 dl{margin-bottom:10px; background: #fff;}

.ui_pj_c2 dl .lt{width: 68%; float: left;}

.ui_pj_c2 dl .rt{width: 30%; float: right; text-align: right;}

.ui_pj_c2 dl .rt span{float: left;}

.ui_pj_c2 dl .thumb_list li{margin: 0 4px; width: 15%; float: left; display: block;}

.ui_art_c1 .rt{width: 18%; float: right; text-align: center;}

.ui_art_c1 .lt{width: 82%; float: left; padding: 0 5% 0 0;}

.ui_art_c1 .lt .ti{line-height: 1.6em; height: 3.2em; overflow: hidden;}

.ui_art_c2 dl{width: 33.3%; float: left;}

.ui_art_c2 dl:nth-child(2){text-align: center;}

.ui_art_c2 dl:last-child{text-align: right;}

.ui_art_c2 dl:last-child span{vertical-align: top;}

.ui_art_c2 .s1{line-height: 32px;}

.ui_art_c2 .s1 .lable{width: 32px; height: 32px; text-align: center; display:inline-block; color: #ed6d1f; border: 1px solid #ed6d1f; border-radius: 50%;}

.ui_art_c2 .s1 .lable2{padding: 0 15px; background: #ed6d1f; line-height: 24px; border-radius: 10px; display:inline-block; color: #fff;}

.ui_art_c2 .s3 .logo{width: 80px; height: 80px; display: inline-block;}

.ui_art_c2 .s4 dl{width: 33.3%; float: left;}

.ui_art_c2 .s4 dl:nth-child(2){text-align: center;}

.ui_art_c2 .s4 dl:last-child{text-align: right;}

.ui_art_c2 .s4 dl span{vertical-align: top;}

.ui_more2{padding: 0 20px; display: inline-block; margin: 0 auto; border: 1px solid #999999; border-radius: 15px; line-height: 1.6em;}

.ui_nav3{line-height: 44px; height: 84px; overflow: hidden; position: fixed; width: 100%; min-width:320px; max-width:640px; margin:0 auto; bottom: 0; z-index: 10000; display: block; background: #eeeeee; padding: 20px 0;}

.ui_nav3 li{width: 33%; float: left; padding: 0 3px; text-align: center;}

.ui_nav3 li:nth-child(2){width: 34%;}

.ui_nav3 li span{vertical-align: top;}

.ui_nav3 li .box{border: 1px solid #ed6d1f; border-radius: 15px;}

.reveal-modal-bg{position:fixed; height:100%; width:100%; background:#000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; z-index:1000000; display:none; top:0; left:0;}

.reveal-modal{visibility:hidden; top:150px; left:50%; position:absolute; z-index:10000001; width: 100%;  margin-left: -50%; height: auto;}

.reveal-modal .reveal-msgbox{width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto;}

.ui_share_b{background: #fff; border-radius: 10px; width: 80%; margin: 0 auto;}

.ui_share_b .cnb dl{width: 25%; float: left; text-align: center; padding: 0 4%;}

.ui_share_b .cnb dl .pic{padding: 0 12%;}

.color-reveal-modal{visibility:hidden; left:50%; position:fixed; z-index:10000001; width: 100%; margin-left: -50%; height: auto;}

.color-reveal-modal .reveal-msgbox{width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto;}

.ui_check_b{margin-left: -10px;}

.ui_check_b li{margin: 10px 0 0 10px; float: left; line-height: 24px; overflow: hidden; background: #fff; padding: 5px; border-radius: 10px; border: 1px solid #d3d3d3;}

.ui_check_b li span{vertical-align: top; display: inline-block;}

.ui_btn2{background: #ed6d1f; padding: 0 20px; border-radius: 15px; margin: 0 auto; line-height: 2em; vertical-align: top; color: #fff;}



@media screen and (max-width:480px) {

    body{font-size: 16px;}

    .bk5{height:3px; font-size:0; clear:both; overflow:hidden;}

    .bk10{height:5px; font-size:0; clear:both; overflow:hidden;}

    .bk15{height:7px; font-size:0; clear:both; overflow:hidden;}

    .bk20{height:10px; font-size:0; clear:both; overflow:hidden;}

    .bk25{height:13px; font-size:0; clear:both; overflow:hidden;}

    .bk30{height:15px; font-size:0; clear:both; overflow:hidden;}

    .bk35{height:18px; font-size:0; clear:both; overflow:hidden;}

    .bk40{height:20px; font-size:0; clear:both; overflow:hidden;}

    .bk50{height:25px; font-size:0; clear:both; overflow:hidden;}

    .ui_max_f1{font-size: 18px;}

    .ui_max_f2{font-size: 20px;}

    .ui_max_f3{font-size: 22px;}

    .ui_min_f1{font-size: 14px;}

    .ui_padding10{padding: 5px;}

    .ui_padding5{padding: 3px;}

    .ui_padding{padding: 10px;}

    .ui_padding_tb25{padding: 13px 0;}

    .ui_margin_lr10{margin: 0 5px;}

    .ui_padding_lr26{padding: 0 13px;}

    .ui_padding_lr20{padding: 0 10px;}

    .ui_topbar{padding: 8px;}

    .ui_toph{height: 50px;}

    .ui_message_ico{width: 24px; height: 24px; top: 12px; right: 15px;}

    .slideBox .hd{bottom: 4px;}

    .slideBox .hd li{width: 6px; height: 6px;}

    .ui_searchb .ss_box{padding: 5px 10px; line-height: 24px;}

    .ui_ico{width: 30px; height: 30px;}

    .ui_ico2{width: 24px; height: 24px;}

    .ui_ico3{width: 18px; height: 18px;}

    .ui_ico4{width: 24px; height: 24px;}

    .ui_ico5{width: 26px; height: 26px;}

    .ui_txt{width: 74%;}

    .ui_menu{padding: 15px 0;}

    .ui_htc{padding: 10px 0; line-height: 18px;}

    .ui_ggc{padding: 8px 2px 2px 2px;}

    .ui_tib{padding: 5px 3px; line-height: 30px;}

    .ui_tib{padding: 10px 5px; line-height: 24px;}

    .ui_ml10{margin-left: 5px;}

    .ui_tjc{padding: 12px 5px;}

    .ui_tjc dl{padding: 0 0 0 2px;}

    .ui_tjc dl .box{padding: 8px 5px;}

    .grid-item .box .pic{padding: 4px;}

    .grid-item .box .ti{padding: 0 5px;}

    .grid-item .box .desb{padding: 0 5px;}

    .ui_nav{padding: 8px 0;}

    .ui_footh{height: 65px;}

    .ui_topbar2{padding: 10px 5px; line-height: 26px;}

    .ui_toph2{height: 48px;}

    .lev_menu{top: 48px; right: 5px; width: 32%;}

    .lev_menu li{padding: 3px; line-height: 24px;}

    .ui_order_c .s1 .lt{width: 23.5%;}

    .ui_order_c .s1 .rt{width: 79.5%; line-height: 18px;}

    .ui_order_c .rt_cdc li{line-height: 18px; margin-right: 2px;}

    .ui_abt_c1{padding: 25px 0;}

    .ui_nav2{line-height: 30px; height: 50px;}

    .ui_nav2 .lt,.ui_nav2 .rt li{padding: 10px 0;}

    .ui_footh2{height: 50px;}

    .ui_tab_c li{line-height: 18px;}

    .ui_tab_c li .bor{padding: 10px 0;}

    .ui_searchb2 .ss_box{padding: 1px 5px;}

    .ui_sp_c1{padding: 30px 10px;}

    .star_ico2{width: 36px; height: 36px;}

    .ui_sp_c1 .lt .lt_l{width: 36px;}

    .ui_sp_c1 .lt .lt_r{line-height: 18px;}

    .ui_pj_nav ul li{padding: 8px 0;}

    .ui_pj_c1 .rt ul li{padding: 0 2px; margin: 2px 6px;}

    .ui_pj_c2 dl{margin-bottom: 5px}

    .ui_art_c2 .s1{line-height: 24px;}

    .ui_art_c2 .s1 .lable{width: 24px; height: 24px;}

    .ui_art_c2 .s1 .lable2{padding: 0 4px;}

    .ui_art_c2 .s3 .logo{width: 50px; height: 50px;}

    .ui_nav3{line-height: 26px; height: 50px; padding: 10px 0;}

    .ui_check_b li{line-height: 18px; margin: 5px 0 0 5px; padding: 2px 5px;}

    .ui_share_b .cnb dl{padding: 0 2%;}

}



@media screen and (max-width:374px) {

    body{font-size: 14px;}

    .ui_min_f1{font-size: 12px;}

    .ui_ico{width: 26px; height: 26px;}

    .ui_order_c .s1 .lt{width: 24%;}

    .ui_order_c .s1 .rt{width: 76%;}

    .ui_pj_c1 .rt ul li{padding: 0 2px; margin: 2px 2px;}

}