﻿*{margin:0;padding:0;}
body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑"; 
	/*font-size:14px;*/ 
	 cursor: default;
	 background-color:#eee;
  font-size: .14rem;
	 
	
}
html{font-size:625%}
.hide{display: none}
table{border-collapse:collapse;border-spacing:0px;}
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
.clearfix{clear:both}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}
a{-webkit-tap-highlight-color:transparent;}
textarea{resize:none;overflow:auto;	font-family:"微软雅黑";  }
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.l{float: left !important}
.r{float: right !important;}
input{border: none ; background: none;font-family:"微软雅黑"; }
i{font-style: normal}
.clear{clear: both; height: 0;}

  @media only screen and (min-width: 320px){
    html {
    font-size: 625% !important;
   }
 }
  @media only screen and (min-width: 375px){
    html {
    font-size: 721% !important;
   }
 }
   @media only screen and (min-width: 414px){
    html {
    /*font-size: 796% !important;*/
	font-size: 776% !important;
   }
 }
/*  @media only screen and (min-width: 481px){
    html {
    font-size: 925% !important;
   }
 }
  @media only screen and (min-width: 561px){
   html {
    font-size: 1079% !important;
  }
 }
 
 @media only screen and (min-width: 640px){
   html {
    font-size: 1230% !important;
  }
 }
 */



.noscroll{ height:100vh; overflow:hidden}
.max-box{ max-width: 640px;margin: 0 auto;}


.show{display: block }
.mgb10{margin-bottom: .1rem !important; }
.mgb11{margin-bottom: .11rem !important; }
.mgb12{margin-bottom: .12rem !important; }
.mgb13{margin-bottom: .13rem !important; }
.mgb14{margin-bottom: .14rem !important; }
.mgb15{margin-bottom: .15rem !important; }
.mgb16{margin-bottom: .16rem !important; }
.mgb17{margin-bottom: .17rem !important; }
.mgb18{margin-bottom: .18rem !important; }
.mgb19{margin-bottom: .19rem !important; }
.mgb20{margin-bottom: .2rem !important; }

.mgt10{margin-top: .1rem !important; }
.mgt11{margin-top: .11rem !important; }
.mgt12{margin-top: .12rem !important; }
.mgt13{margin-top: .13rem !important; }
.mgt14{margin-top: .14rem !important; }
.mgt15{margin-top: .15rem !important; }
.mgt16{margin-top: .16rem !important; }
.mgt17{margin-top: .17rem !important; }
.mgt18{margin-top: .18rem !important; }
.mgt19{margin-top: .19rem !important; }
.mgt20{margin-top: .2rem !important; }
.mgb7{margin-bottom: .7rem !important}
.mgb6{margin-bottom: .6rem !important}

.widt10{ width: 100% !important}
.widt9{ width: 90% !important}
.widt8{ width: 80% !important}
.widt7{ width: 70% !important}
.widt6{ width: 60% !important}
.widt5{ width: 50% !important}
.widt4{ width: 40% !important}
.widt3{ width: 30% !important}
.widt4{ width: 20% !important}

.border-no{border: none !important}
.bg-no{ background: none !important}
.txt-r{text-align: right !important}
.width85{ width: calc(100% - .85rem) !important; }
.txt-l{text-align: left !important}

.font-w{font-weight: bold !important}
.pad0{ padding: 0 !important}
.mgb7{margin-bottom: .7rem !important}




.head-bj{width:100%; height:.52rem;z-index:9; position:fixed; left:0; top:0; background-color: #fff; box-shadow: 0 0 .08rem .03rem rgba(0, 0, 0, 0.07);z-index: 99; }
.head-c{ width:92%;margin: 0 auto; height:.52rem;max-width:640px; position:relative }
.head-c  .logo{ width: 2.14rem ;margin: .14rem 0 0 0}
.head-c .iconfont{ font-size: .23rem;color: #333;position: absolute; right: 0; top: .14rem}
.head-c .fan{position: absolute; left: -.03rem;top: .11rem ;font-size: .26rem}
.head-c .txt{ width: calc(100% - .62rem) ;position: absolute; left: .3rem; line-height: .51rem; font-size: .17rem; color: #333;text-align: center}






/* 栏目 */
.gb{ width: .2rem; height: auto ;  margin: .2rem 0 .3rem 85%}
.list{width:72%; background: rgba(255, 255, 255, 0.95); position: fixed; right: -72%; top: 0 ;  z-index: 999;height: 100%; overflow-y: auto}
.list ul{ width: 85% ; margin: 0 auto;}
.list ul li{ width: 100% ; }
.list ul li a{color: #333333; font-size:.16rem; display: block;border-bottom:solid 1px #bfbfbf;  line-height: .44rem; position: relative;}
.list ul li .inactives a{ color: #f6cd8e ;}
.list ul li ul li a{ font-size: .14rem;}
.list ul li .inactive{    background: url(../images/no.png) no-repeat ;
  background-position: 96% center ;background-size: .07rem auto; }
.list ul li .inactives{ background-image: url(../images/no.png) ;background-position: 96% center ;
 background-size: .07rem auto ; background-repeat: no-repeat;} 
.list ul li ul{display: none; width: 100% ;  }
.list ul li ul li { width: 90%; padding:0 0 0 10%;  line-height: .44rem;background-color: #3488ea; }
.list ul li ul li a{ border: none ;color: #fff}
.list ul li ul li ul li a{ width: 100%;display: block; height: auto; line-height: .22rem; background: none !important ;border: none !important ; font-size: .12rem !important; margin: .07rem 0}
.list ul li .cor{font-weight: bold }
.list ul li ul li ul li a:hover{font-weight: bold }
.list ul li:last-of-type{ border: none}
.hei{ width: 100% ; height: 100%; background: rgba(0, 0, 0, 0.3);  position: fixed; left: 0; top: 0; z-index: 198; display: none}
.list ul li ul li ul li{ background: none ; padding-bottom: .05rem }
.list ul li.style>.inactive{ background-image: url(../images/no2.png) ;background-position: 96% center ;
  background-size: .13rem auto ; background-repeat: no-repeat;}
.list ul li ul li.ej .inactive{background-image: url(../images/off2.png) ;background-position: 96% center ;
  background-size: .07rem auto ; background-repeat: no-repeat;}
.list ul li ul li.ej .style2{background-image: url(../images/off.png) ;background-position: 96% center ;
    background-size: .13rem auto ; background-repeat: no-repeat;}
.list ul li:last-child a{border: none}
.list>ul{padding-bottom: .6rem}
.yjt{ width: .36rem; height: .36rem; position: fixed;right: .1rem;top: 44% ;z-index: 99;}





.footer-bj{ width: 100% ; background: url(../images/footer-bj.jpg) no-repeat ; background-size: cover;position: relative; z-index: 99; padding-bottom: .12rem}
.footer-c{ width: 92% ;margin: 0 auto;}
.rx-box{ width: 100% ;padding: .1rem 0 0 0; position: relative;}
.rx-box h3{padding-left: .02rem; font-size: .12rem;color: #ebebeb ;margin: .06rem 0 0 0}
.rx-box h3 span{font-weight: bold;font-size: .14rem ;font-weight: bold ;font-family: "Arial"}
.rx-box .ema{ width: .64rem; height: .64rem; position: absolute; right: 0;top: .16rem}
.rx-box .wid{ width: calc(100% - .9rem)}
.copy-box{width: 100% ;background-color: #285a91; text-align: center ;padding: .08rem 0 .5rem 0}
.copy-box h5{font-size: .1rem; color: #fff ;margin: .05rem 0}
.copy-box h5 a{font-size: .1rem; color: #fff}
.fenx{width: 100% ;border-bottom: 1px solid rgba(255, 255, 255, 0.1) ; padding: .14rem 0 .13rem 0 }
.fenx .log{ width: 70%; }

.pc-bj{ width: 100%; position: fixed; left: 0; bottom: .1rem ; z-index: 9999;}
.pc-box{ width: 82%; height: .4rem; background: rgba(232,242, 253, 0.95) ; margin: 0 auto; border-radius:.4rem ; -webkit-border-radius:.4rem ; -moz-border-radius:.4rem ; -ms-border-radius:.4rem ; -o-border-radius:.4rem ;box-shadow: inset 0px 0.1rem 0.05rem -0.1rem #cfd7e0; overflow: hidden; }
.pc-box a{ width: calc(33.333333% - 1px) ; height: .4rem;text-align: center; line-height: .4rem; float: left; border-right: 1px solid rgba(255, 255, 255, 0.65)}
.pc-box a:last-child{border: none}
.pc-box a span{ font-size: .2rem; line-height: .4rem; color: #fff}
.pc-box a img{ width: .2rem;margin-top: .1rem}
.wx-dw{ width: .4rem;position: fixed; right: 4%; top: 50%}
.pc-box a:nth-child(3) img{ width: .23rem}


.ewm-bj{ width: 100%; height: 100vh ;background: rgba(0, 0, 0, 0.5) ;position: fixed; left: 0;top: 0; z-index: 99; display: none}
.ewm-boc{ width: 1.1rem; height: 1.2rem; background-color: #fff ; text-align: center; border-radius:.06rem; position: fixed; right: 8% ; bottom: .6rem; z-index: 100; -webkit-border-radius:.06rem; -moz-border-radius:.06rem; -ms-border-radius:.06rem; -o-border-radius:.06rem; display: none}
.ewm-boc img{ width: .86rem; height: .86rem;margin: .07rem 0 .01rem 0}
.ewm-boc h4{font-size: .1rem; color: #959595}
.sj{width: 0;height: 0;border-left: .05rem solid transparent;border-right: .05rem solid transparent;border-top: .1rem solid #fff; position: absolute; left: 50%; bottom: -.09rem ;margin-left: -.05rem}










@media screen and (min-width: 375px) {
  
}
@media screen and (width: 360px) {

	
}




