*{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: -webkit-linear-gradient(top,#f17170,#ef6965);z-index: 99;}
.head-c{ width:92%;margin: 0 auto; height:.52rem;max-width:640px; position:relative }
.head-c .logo{ width: 1.94rem ;margin: .15rem 0 0 0}
.head-c .iconfont{ font-size: .28rem;color: #fff;position: absolute; right: 0; top: .11rem}




.bottom_bj{ width:100%; position:fixed; left:0; bottom:0; z-index: 9;}
.bottom_box{ width:100%;height:.52rem;  margin:0 auto;max-width:640px;background-color:#fff;box-shadow: inset 0px 0.12rem 0.07rem -0.12rem #ece0d9}
.bottom_box ul{ width:100%}
.bottom_box ul li{ width:25%; height:.52rem; float: left; text-align:center; position: relative;}
.bottom_box ul li a{ width: 100%; display: block;height:.52rem; overflow: hidden;}
.bottom_box ul li h4{ width:100%; height:0.16rem; line-height:0.16rem; font-size:.12rem; color:#555555;  overflow:hidden;  position: absolute; left: 0; bottom: .05rem; }
.bottom_box ul li img{ width: .22rem; height: auto; position: absolute; left: 50%; margin-left: -.11rem; margin-top: .06rem }
.bottom_box ul li .wa2{display: none}
.bottom_box ul li.on .wa2{display: block}
.bottom_box ul li.on .wa1{display: none}
.bottom_box ul li.on h4{color: #f3651a}




/* 栏目 */
.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: .15rem;}
.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: #e85349; }
.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}








@media screen and (min-width: 375px) {
  
}
@media screen and (width: 360px) {

	
}