

*{margin: 0; padding: 0; outline: none;box-sizing: inherit;}
*:not(input,textarea){-webkit-touch-callout: inherit; -webkit-user-select: auto;}

body{width:100%; color: #060002; -webkit-touch-callout: inherit ; -webkit-user-select: auto ; background-color: #f2f2f2; margin:0 auto; font-size:0.26rem;font-family:"微软雅黑"!important; }

a { outline: none; color: inherit;color: #999; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }  
a:link { text-decoration: none; color: inherit; }  
a:visited { text-decoration: none; color: inherit; }  
a:hover { text-decoration: none; color: inherit; }  
a:active { star: expression(this.onFocus=this.blur()); text-decoration: none; color: inherit; } 
a:focus { outline: 0; color: inherit; text-decoration: none; }
button,input,select,textarea{font-size: 100%; margin: 0; padding: 0; outline: none;}
dt,dd{display: inline-block;}
textarea,input{resize: none; outline: none;}
textarea{resize: none; -webkit-appearance: none;}
ul,ol,li{list-style: none;}
i, em, b {
    font-style: normal;
    font-weight: normal;
}
img{display:block;}
/*--input--*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}   
/*--float--*/
.fl, .fr{display: inline; float: left;}
.fr{float: right;}
/*--blank10--*/
.blank1{ width:100%; height:2px; line-height:2px; overflow:hidden; clear:both;}
.blank10{ width:100%; height:0.2rem; line-height:0.2rem; overflow:hidden; clear:both;}
#loading{width:0.5rem; height:0.6rem; position:absolute; top:50%; left:50%; margin-top:-0.3rem; margin-left:-0.25rem;}
.spinner{width: 0.5rem; height: 0.6rem; text-align: center; font-size: 0.1rem;}
.spinner > div{background-color: #ec6718; height: 100%; width: 0.06rem; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2{-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.spinner .rect3{-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.spinner .rect4{-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.spinner .rect5{-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay{0%, 40%, 100%{-webkit-transform: scaleY(0.4)} 20%{-webkit-transform: scaleY(1.0)}}
@keyframes stretchdelay{0%, 40%, 100%{transform: scaleY(0.4); -webkit-transform: scaleY(0.4);} 20%{transform: scaleY(1.0); -webkit-transform: scaleY(1.0);}}




/*导航栏*/
.tabnav{width:100%;height: 1.15rem;background: #ffffff;position: fixed;bottom: 0;left: 0;z-index: 99999;box-shadow: 0 1px 16px rgba(0,0,0,0.05);}
.tabnav .tab-con{width:100%;height: 100%;display: flex;align-items: center;justify-content: space-around;}
.tabnav .tab-con img{width:0.44rem;height: 0.38rem;}
.tabnav .tab-con a {flex-wrap: wrap;align-items: center;flex: 1;display:inline-flex;justify-content: center;font-size: 0.22rem;color: #000;}
.tabnav .tab-con a span{display:inline-block;width: 100%;text-align: center;}
.tabnav .tab-con .current-tab a span{color: #ff6600;font-weight:bold}


/*常规版---顶部栏*/
.header-nav{width:100%;height: 1.04rem;position: fixed;top: 0;left: 0;box-sizing: border-box;padding: 0.15rem 0.3rem;background: #fff;z-index: 99999;}
.header-con{display: flex;justify-content: space-between;align-items: center;width:100%;height: 100%;}
.header-con .logo{width:auto;height: 1.04rem;display: inline-block;}
.header-con .logo img{height: 100%;}
.header-con .btns{width:auto;}
.header-con .btn{width:0.7rem;display: inline-flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.header-con .btn img{width:0.4rem;height: 0.4rem;}
.header-con .btn span{font-size:0.16rem;color: #000;width:100%;text-align: center;}
.scrollY{box-shadow: 0 -1px 16px rgba(0,0,0,0.2);}

/*划图版---首页---版本转换*/
.btnLang{width: 1.24rem;height: 1.24rem;position: fixed;top: 0;right: 0;z-index: 999999;display:none}
.btnLang img{width:100%;height: 100%;}

/*划图版---首页---指示点*/
.swiper-point-wrapper{position:absolute;height: auto;z-index: 99;display: flex;justify-content: center;}
.swiper-point .point{width: 0.16rem;height: 0.16rem;background: rgba(255,255,255,0.5);border-radius: 0.16rem;float: left;box-shadow: 0 0 16px rgba(0,0,0,0.1);margin:0.1rem;}
.swiper-point .current-point{background:#fff;}
.horizontal{width:100%;bottom:1.35rem;}
.vertical{width:0.36rem;height:calc(100% - 1.15rem);right:0.2rem;flex-direction: column;top:0;}

/*常规版---脚部*/
.footer{width:100%;height: auto;font-size: 0.24rem;line-height: 0.4rem;color: #c0c0c0;text-align: center;margin: 0.4rem 0;}


/*常规版---弹出层*/
.mask{width:100%;height: 100%;position: fixed;z-index: 999999;background: rgba(0,0,0,0.8);top: 0;left: 0;display: flex;align-items: center;justify-content: center;text-align: center;}
.mask .mask-con a{font-size: 0.36rem;line-height: 1.2rem;font-weight: bold;color: #fff;display: block;width: 100%;}
.mask .btnClose img{width:1.09rem;height: 1.09rem;display: inline-block;margin-top: 0.8rem;}

/*常规版---弹出层---语言*/
.lang-con{width:100%;display: flex;}
.mask .mask-con .font30{width:100%;font-size: 0.3rem;color: #fff;text-align: center;margin-bottom: 0.8rem;}
.mask .mask-con .lang-con a{font-size: 0.28rem;font-weight: lighter;display: inline-flex;width: auto;text-align: center;justify-content: center; flex-wrap: wrap;}
.mask .mask-con .lang-con a img{width:1.34rem;height: 1.34rem;}
.mask .mask-con .lang-con a p{width:100%;}
.showMask{
	-webkit-animation: showMask .3s ease both;
	animation: showMask .4s ease both;
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
}
.showMask .mask-con a{
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInLeft .5s both ease-out;
	animation: flipInLeft .5s both ease-out;
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
}
.showMask .btnClose{
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInLeft .5s both ease-out;
	animation: flipInLeft .5s both ease-out;
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
}
@-webkit-keyframes showMask {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes showMask {
  0% {opacity: 0;}
  100% {opacity: 1;}
}



@-webkit-keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}

/*常规版---其他*/
.footer .hr{width:1px;height: 0.2rem;background: #dcdcdc;display: inline-block;margin: 0 0.1rem;}

.page{width:100%;height: auto;margin-bottom: 1.15rem;margin-top: 1.04rem;}

.atitle{width:100%;height: auto;padding: 0 0.3rem ;box-sizing: border-box;font-size: 0.32rem;font-weight: bold;color: #000;line-height: 0.8rem;margin-top: 0.2rem;}


/*page*/
div.pagingbar{margin-top: 0.2rem;width:100%;}
DIV.blue{text-align: center;}
DIV.blue A{width:0.9rem;height: 0.9rem;text-align: center;line-height: 0.9rem;color: #333;font-size: 0.3rem;display: inline-block;border-radius: 0.9rem;}
DIV.blue A:hover{background: #e0e0e0;}
DIV.blue A:active{background: #e0e0e0;}
DIV.blue SPAN.current{width:0.9rem;height: 0.9rem;text-align: center;line-height: 0.9rem;background: #e0e0e0;color: #333;font-size: 0.3rem;display: inline-block;border-radius: 0.9rem;}
DIV.blue SPAN.disabled{}
