/* 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:#454545; 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:#454545;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: #000000;}

.ui_color2{color: #333333;}

.ui_color3{color: #cccccc;}

.ui_color4{color: #ffffff;}

.ui_txtc{text-align: center;}

.ui_background_gray{background: #f6f6f6;}

.ui_baclground_black{background: #232529;}

.ui_padding10{padding: 10px;}

.ui_padding5{padding: 5px;}

.ui_padding{padding: 20px;}

.ui_margin_lr10{margin: 0 10px;}

.ui_padding_lr20{padding: 0 20px;}

.ui_padding_lr26{padding: 0 26px;}

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

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

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

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

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

.ui_bold{font-weight: bold;}

.ui_ml2{margin-left: 2px;}

.ui_ml10{margin-left: 10px;}

.ui_ml24{margin-left: 24px;}

.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_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: 2px; width: 100%;}

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

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

.slideBox a{display: block;}

.ui_toph{height: 81px;}

.ui_topbar{position: fixed; width: 100%; min-width:320px; max-width:640px; margin:0 auto; top: 0; z-index: 10000; display: block; padding: 20px; border-bottom: 1px solid #e5cec8; background: #f6f6f6; line-height: 40px;}

.ui_logo{width: 26%;}

.ui_menu{width: 40px; height: 40px; background: url(../img/menu_ico.png) no-repeat; background-size: 100% 100%;}

.ui_desb{text-indent: 24px; line-height: 1.5em;}

.ui_piclistb{padding: 0 2%;}

.ui_piclistb dl{width: 50%; float: left; padding: 0 2%; margin-top: 40px;}

.ui_piclistb .ui_border{padding: 3%; border-radius: 8px;}

.ui_piclistb .des{max-height: 5.6em; overflow: hidden;}

.ui_piclistb dl .pic{padding: 2% 2% 0 2%;}

.ui_piclistb2 dl{width: 50%; float: left; padding: 0 5%; margin-top: 46px;}

.ui_piclistb2 dl .pic{padding: 0 18%;}

.ui_piclistb2 li{text-align: center;}

.ui_piclistb2 li .ico{width: 10px; height: 10px; display: inline-block; background: url(../img/ico5.png) no-repeat; background-size: 100% 100%;}

.ui_piclistb3 li{padding: 20px 20px 0 10px; width: 50%; float: left;}

.ui_piclistb3 li:nth-child(2){padding: 20px 15px 0 10px;}

.ui_gg_thumb{position: relative;}

.ui_gg_thumb .gg_bg{width: 50%; background: url(../img/gg_bg.png) no-repeat; background-size: 100% 100%; position: absolute; z-index: 1; left: 10%; top: 22%; padding: 20px; line-height: 1.2em;}

.ui_gg_thumb .gg_bg p{text-indent: 24px;}

.ui_btn{line-height: 2em; padding: 0 4%; color: #fff; background: #ec6941; border-radius: 5px; display: inline-block;}

.ui_footb{padding: 30px 20px; line-height: 24px;}

.ui_footb2{background: #28292f; color: #7e7e82; padding: 20px;}

.ui_tyico{width: 24px; height: 24px; display: block;}

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

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

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

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

.ui_footb li{margin-top: 10px;}

.ui_footb dl.d1{width: 40%; float: left;}

.ui_footb dl.d2{line-height: 1.6em; width: 60%; float: right; text-align: center;}

.ft_logo{width: 50%; display: inline-block;}

.ui_footbar{position: fixed; width: 100%; min-width:320px; max-width:640px; margin:0 auto; bottom: 0; z-index: 10000; display: block; padding: 14px 0; line-height: 70px; background: #ed7854;}

.ui_footh{height: 98px;}

.ui_footbar dl{width: 50%; float: left; text-align: center;}

.ui_footbar dl .ico{width: 70px; height: 70px; display: inline-block;}

.ui_footbar dl .ico1{background: url(../img/ft_ico6.png) no-repeat; background-size: 100% 100%;}

.ui_footbar dl .ico2{background: url(../img/ft_ico7.png) no-repeat; background-size: 100% 100%;}

.ui_footbar dl span{display: inline-block; vertical-align: top;}



@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_margin_lr10{margin: 0 5px;}

    .ui_padding_lr26{padding: 0 13px;}

    .ui_padding_lr20{padding: 0 10px;}

    .ui_ml10{margin-left: 5px;}

    .ui_ml24{margin-left: 12px;}

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

    .ui_toph{height: 45px;}

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

    .ui_piclistb dl{margin-top: 20px;}

    .ui_piclistb2 dl{margin-top: 23px;}

    .ui_piclistb2 li .ico{width: 8px; height: 8px;}

    .ui_piclistb3 li{padding: 10px 10px 0 5px;}

    .ui_piclistb3 li:nth-child(2){padding: 10px 5px 0 5px;}

    .ui_gg_thumb .gg_bg{padding: 10px; width: 65%; left: 5%; top: 16%;}

    .ui_footb{padding: 15px 10px; line-height: 18px;}

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

    .ui_footb li{margin-top: 6px;}

    .ui_footb2{padding: 10px;}

    .ui_footb2 span{width: 100%; display: block; text-align: center;}

    .ui_footb dl.d1{width: 100%; display: block; float: none;}

    .ui_footb dl.d2{width: 100%; text-align: center; padding-top: 20px;}

    .ft_logo{width: 35%;}

    .ui_footbar{padding: 7px 0; line-height: 40px;}

    .ui_footbar dl .ico{width: 40px; height: 40px;}

    .ui_footh{height: 54px;}

}



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

    body{font-size: 14px;}

    .ui_max_f1{font-size: 16px;}

    .ui_max_f2{font-size: 18px;}

    .ui_max_f3{font-size: 20px;}

    .ui_gg_thumb .gg_bg{top: 15%;}

}



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

    .ui_gg_thumb .gg_bg{top: 10%;}

}