@charset "utf-8";
html{ font-size:100px; }
body{ font-size:.26rem; width:100%; overflow-x:hidden; font-family:'微软雅黑','微软雅黑 Regular','黑体','黑体 Regular','宋体 Regular','宋体','Arial Regular','Arial';overflow-x: hidden;}
@font-face {
   font-family: 'BarlowCondensed';
   src: url("../../magic/fonts/BarlowCondensed-Bold.woff.ttf");
}
@font-face {
   font-family: 'YouSheBiaoTiHei';
   src: url("../../magic/fonts/YouSheBiaoTiHei-2.ttf");
}
.wrap{ width:7.5rem; margin:0 auto;padding: 0 .28rem; }
.header{background-color: #ffffff;padding: 0 .28rem;position: fixed;top: 0;left: 0;width: 100%;/*box-shadow: 0 5px 20px rgba(0,0,0,.1);*/z-index: 99;height: 1rem;}
.header .menuBtn{width: .34rem;height:.34rem;float: right;background-image: url(../images/common/menuBtn.png);background-repeat: no-repeat;background-position: center;background-size: 100%;margin-top: .35rem;cursor: pointer;}
.header .logo{float: left;width: 1.58rem;height: 1rem;line-height: 1rem;}
.header .logo img{display: inline-block;vertical-align: middle;width:100%;line-height: 1rem;}
.user{display: block;width: .26rem;height: .3rem;background-image: url(../images/common/user.png);background-repeat: no-repeat;background-position: center;background-size: 100%;float: right;margin-top: .35rem;margin-right: .54rem;}
.navBox{background-color: #ffffff;width: 100%;height: 100%;overflow-y: auto;position: fixed;top: 0;right: -100%;z-index: 99;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.navBox.active{right: 0;}
.navBox .top{overflow: hidden;padding: 0 .28rem;border-bottom: .02rem solid #E2E2E2;}
.navBox .top .close{width: .6rem;height: 1rem;background-image: url(../images/common/close2.png);background-repeat: no-repeat;background-position: left center;background-size: auto .28rem;float: right;cursor: pointer;}
.navBox .top .logo{display: block;width: 1.03rem;height: 1rem;line-height: 1rem;float: left;}
.navBox .top .logo img{display: inline-block;width: 100%;vertical-align: middle;}
.navBox .nav li{border-bottom: .02rem solid #E2E2E2;position: relative;}
.navBox .nav li a.v1{font-size: .32rem;color: #333333;line-height: 1.1rem;padding: 0 .6rem;display: block;}
.navBox .nav li i{width: .28rem;height: .28rem;background-repeat: no-repeat;background-position: center;background-size: 100%;display: block;position: absolute;right: .6rem;top: .42rem;}
.navBox .nav li .i1{background-image: url(../images/common/more.png);}
.navBox .nav li .i2{background-image: url(../images/common/jia.png);}
.navBox .nav li.active i{background-image: url(../images/common/jian.png);}
.navBox .nav li.on a.v1{color: #0C76C8;}
.navBox .nav li dl{display: none;background-color: #F7F8FA;}
.navBox .nav li dl a{font-size: .32rem;color: #666666;line-height: 1.1rem;position: relative;display: block;padding: 0 .6rem;}
.navBox .nav li dl a:after{content: '';display: block;width: .13rem;height: .24rem;background-image: url(../images/common/more.png);background-repeat: no-repeat;background-position: center;position: absolute;right: .7rem;top: 50%;margin-top: -.12rem;background-size: 100%;}
.commTop{margin-top: 1rem;}
.commPad{padding: .4rem 0;}

.commTit{text-align: center;margin-bottom: .3rem;}
.commTit h3{font-size: .32rem;color: #333333;line-height: .34rem;font-weight: bold;display: block;margin-top: .14rem;}
.commTit h3 span{font-size: .24rem;color: #666666;display: inline-block;margin-left: .05rem;font-weight: normal;}
.commTit h4{display: inline-block;vertical-align: middle;font-size: .24rem;color: #95A0A9;line-height: 1;text-transform: uppercase;font-family: 'BarlowCondensed';}
.commTit h4:before{content: '';display: inline-block;vertical-align: middle;width: .4rem;height: .02rem;background: #95A0A9;margin-right: .15rem;}
.commTit h4:after{content: '';display: inline-block;vertical-align: middle;width: .4rem;height: .02rem;background: #95A0A9;margin-left: .15rem;}
.commTit p{font-size: .24rem;color: #666666;line-height: .36rem;margin-top: .2rem;}

footer{background: #171C25;}
footer .top{padding: .32rem .28rem;text-align: center;font-size: 0;border-bottom: .02rem solid rgba(255,255,255,.3);}
footer .top .tel{padding-left: .72rem;background-image: url(../images/common/tel.png);background-repeat: no-repeat;background-position: left center;display: inline-block;vertical-align: middle;background-size: .72rem auto;text-align: left;}
footer .top .tel span{font-size: .24rem;color: rgba(255,255,255,.6);line-height: .36rem;}
footer .top .tel h3{font-size: .32rem;color: rgba(255,255,255,.6);line-height: .36rem;margin-top: .08rem;}
footer .top .aBox{margin-left: 1.15rem;width: 1.16rem;display: inline-block;vertical-align: middle;}
footer .top .aBox img{display: block;width: 100%;}
footer .bot{padding-bottom: .35rem;}
footer .bot .liBox{font-size: 0;text-align: center;margin: .32rem 0 .28rem;}
footer .bot .liBox a{font-size: .24rem;color: #ffffff;line-height: .24rem;display: inline-block;vertical-align: middle;padding: 0 .4rem;border-right: .02rem solid #ffffff;}
footer .bot .liBox a:last-child{border-right: 0;}
footer .bot p{font-size: .24rem;color: rgba(255,255,255,.3);l,min-height: .3rem;text-align: center;}


.commBanner{overflow: hidden;}
.commBanner img{display: block;width: 100%;}

.commBack{height: .9rem;background: #FFFFFF;box-shadow: 0px .05rem .07rem 0px rgba(43, 62, 120, 0.11);border-top: .02rem solid #E2E2E2;position: relative;}
.commBack h3{font-size: .28rem;color: #333333;line-height: .9rem;text-align: center;width: 6rem;text-align: center;margin: 0 auto;}
.commBack i{width: .36rem;height: .36rem;background-image: url(../images/common/back.png);background-repeat: no-repeat;background-position: center;background-size: 100%;position: absolute;left: .25rem;top: 50%;margin-top: -.18rem;display: block;cursor: pointer;}