@charset "utf-8";
/* CSS Document */
body {font-family:"Microsoft YaHei",Arial,sans-serif;font-size:.24rem;-webkit-tap-highlight-color:rgba(0,0,0,0);}
* {padding:0;margin:0;}
a {text-decoration:none;color: #222;}
ul,li {list-style:none;}
.w640 {margin:0px auto;/* width:6.4rem;*/width:100%;max-width:6.4rem;box-sizing:border-box;}
.pdh10,.pd-0-10 {padding:0 0.1rem;}
.pdh20,.pd-0-20 {padding:0 0.2rem;}
.pdh30 {padding:0 0.3rem;}
.pdv10,.pd-10-0 {padding:0.1rem 0;}
.pdv20,.pd-20-0 {padding:0.2rem 0;}
.pdv30,.pd-30-0 {padding:0.3rem 0;}
.pd1 {padding:0.1rem;}
.pd2 {padding:0.2rem;}
.pd3 {padding:0.3rem;}
.pd10 {padding:0.1rem;}
.pd20 {padding:0.2rem;}
.pd30 {padding:0.3rem;}
.pd35 {padding:0.35rem;}
.wdp10 {width:10%;}
.wdp20 {width:20%;}
.wdp30 {width:30%;}
.wdp70 {width:70%;}
.wdp80 {width:80%;}
.wdp90 {width:90%;}
.max-img img {max-width:100%;}
.img-w-auto img,.img-width-auto img{width: auto !important;}
.img-h-auto img,.img-height-auto img{height: auto !important;}
.img-w-h-auto img,.img-h-w-auto img,.img-width-height-auto img,.img-height-width-auto img{height: auto !important;width: auto !important;}
.fl {float:left;}
.fr {float:right;}
.textcenter,.text-center {text-align:center;}
.textright,.text-right {text-align:right;}
.textleft,.text-left {text-align:left;}
.hd10 {height:0.1rem;}
.hd20 {height:0.2rem;}
.hd30 {height:0.3rem;}
.hd40 {height:0.4rem;}
.hd50 {height:0.5rem;}
.hd60 {height:0.6rem;}
.hd75 {height:0.75rem;}
.hd80 {height:0.80rem;}
.hd100 {height:1rem;}
.hd72 {height:0.72rem;}
.lhd15 {line-height:150%;}
.lhd20 {line-height:200%;}
.lhd30 {line-height:300%;}
.lhd100 {line-height:100%;}
.lhd150 {line-height:150%;}
.lhd200 {line-height:200%;}
.lhd300 {line-height:300%;}
.lhd36 {line-height:0.36rem;}
.lhd75 {line-height:0.75rem;}
.ft0 {font-size:0;}
.ft12 {font-size:0.12rem;}
.ft14 {font-size:0.14rem;}
.ft16 {font-size:0.16rem;}
.ft18 {font-size:0.18rem;}
.ft20 {font-size:0.2rem;}
.ft24 {font-size:0.24rem;}
.ft28 {font-size:0.28rem;}
.ft30 {font-size:0.30rem;}
.ft32 {font-size:0.32rem;}
.ft36 {font-size:0.36rem;}
.ft40 {font-size:0.4rem;}
.ft45 {font-size:0.45rem;}
.ft48 {font-size:0.48rem;}
.ft52 {font-size:0.52rem;}
.ftb,.fwb {font-weight:bold;}
.ofhd {overflow:hidden;}
.bga1 {background-color:rgba(255,255,255,0.9);}
.bg-111{background-color: #111;}
.bgfff,.bg-fff {background-color:#fff}
.bg333,.bg-333 {background-color:#333}
.bg666,.bg-666 {background-color:#666}
.bg999,.bg-999 {background-color:#999}
.bgeee,.bg-eee {background-color:#eee}
.text-indent {text-indent:2em;}
.clear {clear:both;}
.color333,.color-333 {color:#333;}
.color666,.color-666 {color:#666;}
.color999,.color-999 {color:#999;}
.colorfff,.color-fff {color:#fff;}
.pdimg4-3 .img {background-position:center;background-repeat:no-repeat;background-size:auto 100%;padding-top:75%;overflow:hidden;transition-duration:1s;}
.pdimg4-30 .img:hover {background-size:110%;transition-duration:1s;}
.pdimg4-3 .img a {display:block;width:100%;position:relative;padding-top:75%;margin-top:-75%;}
.pdimg4-3 .img img {display:none;}
.pdimg2-1 .img {background-position:center;background-repeat:no-repeat;background-size:auto 50%;padding-top:50%;}
.pdimg2-1 .img a {display:block;width:100%;position:relative;padding-top:50%;margin-top:-50%;}
.pdimg2-1 .img img {display:none;}

.pdimg1-1 .img {background-position:center;background-repeat:no-repeat;background-size:auto 100%;padding-top:100%;}
.pdimg1-1 .img a {display:block;width:100%;position:relative;padding-top:100%;margin-top:-100%;}
.pdimg1-1 .img img {display:none;}
.pdimg1-2 .img {background-position:center;background-repeat:no-repeat;background-size:auto 100%;padding-top:200%;}
.pdimg1-2 .img a {display:block;width:100%;position:relative;padding-top:200%;margin-top:-200%;}
.pdimg1-2 .img img {display:none;}
.block {display:block;}
.hdp100 {height:100%;}
.li-5-1 li {float:left;width:18%;margin:0.1rem 1%;}
.li-5 li {float:left;width:16%;margin:0.1rem 2%;}
.li-4 li {float:left;width:21%;margin:0.1rem 2%;}
.li-3 li {width:29.33%;float:left;margin:0.1rem 2%;}
.li-2 li {float:left;width:46%;margin:0.1rem 2%;}
.nowrap {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd48-24 {height:0.48rem;line-height:0.24rem;overflow:hidden;}
.uppercase {text-transform:uppercase;}
.nowrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*字体*/
@media only screen and (min-width:641px) {html {font-size:100px;}
}
@media only screen and (max-width:640px) {html {font-size:100px;}
}
@media only screen and (max-width:540px) {html {font-size:84.375px;}
}
@media only screen and (max-width:480px) {html {font-size:75px;}
}
@media only screen and (max-width:414px) {html {font-size:64.6875px;}
}
@media only screen and (max-width:400px) {html {font-size:62.5px;}
}
@media only screen and (max-width:375px) {html {font-size:58.5938px;}
}
@media only screen and (max-width:360px) {html {font-size:56.25px;}
}
@media only screen and (max-width:320px) {html {font-size:50px;}
}