@charset "UTF-8";
/* 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,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display: block;}
ol,ul{list-style: none;}
i,em{font-style: normal;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a,button,input,div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;outline: none;text-decoration: none; color:#666}
a:hover,a:focus,a:active{text-decoration: none;}
*:before,*:after{content: '';}
table:before,table:after,thead:before,thead:after,tbody:before,tbody:after,tr:before,tr:after,td:before,td:after,body:before,body:after,html:before,html:after{display: none;}
*,*:before,*:after{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
img {width: 100%;display: block;border: 0 none;outline: 0 none;}
em,i{font-style: normal;}

textarea{outline: 0 none;background: none;padding: 0;margin: 0; border: 0;}
button,button:active,button:focus{font-size: 0.12rem;outline: none;line-height: 22px;box-shadow: none;border: 0;}
html{font-size: 100px;}
body{font-size: 0.15rem;font-family: "微软雅黑";}

.hide{display: none;}
.show{display: block;}
.main{width: 100%; max-width: 750px; overflow: hidden; margin: 0 auto;}
.box{width: 100%; overflow: hidden;}
.bg-100{background-size: 100% auto !important; -webkit-background-size: 100% auto !important; -moz-background-size: 100% auto !important; -o-background-size: 100% auto !important; -ms-background-size: 100% auto !important;}
.bg-cover{background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important;}
.bg-contain{background-size:contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; -ms-background-size: contain !important;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.f-l{float: left;}
.f-r{float: right;}
.text-overflow{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.text-overflows{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-right{text-align: right;}
.text-left{ text-align:left}
.text-center{ text-align:center;}
.text-24{text-indent: .24rem;}
.text-top{ vertical-align:top  !important}
.display-block{display: block;}

/*ul*/
.ul-nav-1,.ul-nav-2,.ul-nav-3,.ul-nav-4,.ul-nav-5,.ul-nav-6{width: 100%; overflow: hidden; clear: both; display: table;}
.ul-nav-1 > li,.ul-nav-2 > li,.ul-nav-3 > li,.ul-nav-4 > li,.ul-nav-5 > li,.ul-nav-6 > li{float: left; overflow: hidden;}
.ul-nav-1 > li{width: 100%;}
.ul-nav-2 > li{width: 50%;}
.ul-nav-3 > li{width: 33.33333333%;}
.ul-nav-4 > li{width: 25%;}
.ul-nav-5 > li{width: 20%;}
.ul-nav-6 > li{width: 16.66666667%;}


/*table*/
.ads-row{ width: 100%; clear: both; display: table;}
.ads-row >.ads-c-0,.ads-row >.ads-c-1,.ads-row >.ads-c-2,.ads-row >.ads-c-3,.ads-row >.ads-c-4,.ads-row >.ads-c-5,.ads-row > .ads-c-6,.ads-row > .ads-c-7,.ads-row > .ads-c-8,.ads-row > .ads-c-9,.ads-row > .ads-c-10,.ads-row > .ads-c-11,.ads-row > .ads-c-12,.ads-row > .ads-mg-7,.ads-row .ads-c-20{ float: left;}
.ads-c-0{ width: 0;}
.ads-c-1{width: 8.33333333%}
.ads-c-2{width: 16.66666667%}
.ads-c-3{width: 25%}
.ads-c-4{width: 33.33333333%}
.ads-c-5{width: 41.66666667%}
.ads-c-6{ width: 50%}
.ads-c-7{width: 58.33333333%}
.ads-c-8{width: 66.66666667%}
.ads-c-9{ width: 75%}
.ads-c-10{width: 83.33333333%}
.ads-c-11{width: 91.66666667%}
.ads-c-12{ width: 100%;}
.ads-mg-7{ width: 14.28571428%}
.ads-c-20{ width:20%;}
.table{ display:table; width:100%}
.table-cell{ display:table-cell; vertical-align:middle;}
.table-row{ display:table-row}
.no-br{ white-space:nowrap}

/*padding*/
.pd-10{padding: .1rem !important;}
.pd-20{padding: .2rem;}
.pb-04{padding-bottom: .04rem;}
.pb-10{padding-bottom: .1rem;}
.pb-15{padding-bottom: .15rem;}
.pb-20{padding-bottom: .2rem;}
.pt-10{padding-top: .1rem;}
.pl-10{padding-left: .1rem;}
.pl-20{padding-left: .2rem;}
.pr-04{padding-right: .04rem;}
.pr-10{padding-right: .1rem;}
.pr-20{padding-right: .2rem;}
.ptb-10{padding: .1rem 0;}
.ptb-20{padding: .2rem 0;}
.mb-10{margin-bottom: .1rem;}
.mr-10{margin-right: .1rem;}
.mt-10{margin-top: .1rem;}
.mt-20{margin-top: .2rem;}
.ml-10{margin-left: .1rem;}


/*box*/
.dblock{ display:inline-block; vertical-align:middle}
.h05em{ height:0.5em}
.h1em{ height:1em;}
.h2em{ height:2em;}
.h1rem{ height:.1rem;}
.h13rem{ height:0.135rem}
.h05rem{ height:0.05rem}


.pd05em{ padding:0.5em;}
.pd1em{ padding:1em;}
.plr-1em{padding:0 1em;}
.pl-1em{ padding-left:1em;}
.pr-1em{ padding-right:1em;}
.pt-1em{ padding-top:1em;}
.pb-1em{ padding-bottom:1em;}
.mt-08em{ margin-top:0.8em;}
.mt-1em{ margin-top:1em;}
.mb-1em{ margin-bottom:1em;}
.ml-1em{ margin-left:1em;}
.ml-2em{ margin-left:2em;}
.mr-1em{ margin-right:1em;}
.pa-left{ left:0}
.pa-right{ right:0}
.pa-bottom{ bottom:0}
.pa-top{ top:0}
.pl-05em{ padding-left:0.5em}
.pr-05em{ padding-right:0.5em}
.pt-05em{ padding-top:0.5em}
.pb-05em{ padding-bottom:0.5em}

/*background*/
.bg-f1{background-color: #f1f1f1;}
.bg-f9{background-color: #f9f9f9;}
.bg-f{background-color: #fff;}
.bg-f2{background-color: #f2f2f2;}
.redBg{background-color: #e5004f;}
.redBg-copy{background-color: #f80048;}
.orangeBg{background-color: #cc4824;}
.blueBg{background-color: #28a0e9;}
.blueBg-copy{background-color: #a5dbfd;}
.grayBg{background-color: #6d6d6d;}
.cBg{background-color: #ccc;}
.yellowBg{background-color: #fff100;}
.bg-f0{ background:#f0f0f0}
.bg-white{ background:#fff}

/*font*/

.fem-10{ font-size:0.1rem}
.fem-105{ font-size:0.105rem}
.fem-11{ font-size:0.11rem}
.fem-12{ font-size:0.12rem}
.fem-13{ font-size:0.13rem}
.fem-14{ font-size:0.14rem}
.fem-15{ font-size:0.15rem}
.fem-16{ font-size:0.16rem}
.fem-17{ font-size:0.17rem}
.fem-18{ font-size:0.18rem}
.fem-19{ font-size:0.19rem}
.fem-20{ font-size:0.20rem}

.lh-12{ line-height:120%}
.lh-13{ line-height:130%}
.lh-14{ line-height:140%}
.lh-15{ line-height:150%}
.lh-16{ line-height:160%}
.lh-17{ line-height:170%}
.lh-18{ line-height:180%}
.lh-20{ line-height:200%}


/*color*/
.red{color: #e5004f;}
.blue2{ color:#90e2fb}
.white{ color:#fff}
.hui-666{ color:#666}
.hei-333{ color:#333}
.hei{ color:#000}
.yellow{ color:#ff9f00}
.blod{ font-weight:bold}
.hui-999{ color:#999}

@media (min-width: 640px) {
/*
  html{font-size: 200px !important;}
  */
}
@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  html{font-size: 117.1875px;}
}
@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  html{font-size: 129.375px;}
}