﻿@charset "utf-8";
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0rem; line-height:0rem; font-size:0rem;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -9.99rem; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body,html{width: 100%; overflow-x: hidden;}
body{background:#282a2c; font-size:0.12rem; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;  -webkit-text-size-adjust: 100%;}

#content{position: relative; max-width: 25.6rem; margin: 0 auto; display: none;}
.index1{}
.index2{background: url(../images/bg.jpg) no-repeat center 0; background-size: 100% auto; height: 14.4rem; position: relative;}
.index3{background: url(../images/tempbg.jpg) no-repeat center 0; background-size: 100% auto; height: 14.4rem; position: relative;}
.indexBtn{width: 100%; height: 2.13rem; background: url(../images/line.png) no-repeat center center; background-size: 100% auto; position: absolute; left: 0; top: 9.2rem; display: flex; justify-content: center; z-index: 100;}
.indexBtn a{display: block; width: 2.14rem; height: 2.13rem; margin: 0 0.36rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; cursor: pointer;}
.indexBtn a.btn0{background-image: url(../images/btn0.png); margin-left: 0.5rem;}
.indexBtn a.btn1{background-image: url(../images/btn1.png); margin-left: 0.5rem;}
.indexBtn a.btn2{background-image: url(../images/btn2.png);}
.indexBtn a.btn3{background-image: url(../images/btn3.png);}
.indexBtn a.btn4{background-image: url(../images/btn4.png);}
.indexBtn a.btn5{background-image: url(../images/btn5.png);}
.indexBtn a:hover,.indexBtn a.on{background-position: 0 -2.4rem;}
.tempBtn{top: 10.19rem; background: url(../images/line2.png) no-repeat center center; background-size: 100% auto;}
.tempBtn a.btn0{margin-left: 0.25rem;}

.mainBox{width: 14.4rem; height: 14.4rem; margin: 0 auto; position: relative; display: none;}
.tabBtn{width: 3.2rem; position: absolute; left: -1.7rem; top: 2.08rem;}
.tabBtn a{display: block; width: 3.2rem; height: 0.77rem; background: url(../images/tab.png) no-repeat 0 bottom; background-size: 100% auto; cursor: pointer; font-size: 0.26rem; color: #ffeba4; line-height: 0.77rem; text-indent: 0.96rem; margin-bottom: 0.2rem;}
.tabBtn a:hover,.tabBtn a.on{background-position: 0 0; height: 0.9rem; color: #cc0000; margin-bottom: 0.07rem;}

.mainCont{width: 11.18rem; height: 8.71rem; background: url(../images/main.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 1.68rem; top: 1.4rem;}
.pubTitle{width: 100%; position: absolute; left: 0; top: -1.4rem; height: 2.1rem;}
.tit1{background: url(../images/tit1.png) no-repeat center 0; background-size: 4.18rem auto;}
.tit2{background: url(../images/tit2.png) no-repeat center 0; background-size: 4.18rem auto;}
.tit3{background: url(../images/tit3.png) no-repeat center 0; background-size: 4.18rem auto;}

.mainSelect{width: 10.2rem; margin: 0 auto; display:none;}
.selectTitle{padding-top: 0.7rem; padding-bottom: 0.1rem;}
.selectTitle span{display: block; height: 0.7rem; line-height: 0.7rem; background: url(../images/t.png) no-repeat center; background-size: 7.15rem auto; text-align: center; font-size: 0.32rem; color: #d14748;}
.selectMain{width: 100%; height: 6.4rem; overflow: hidden; overflow-y: auto; font-size: 0.18rem; color: #000; line-height: 0.32rem;}
.selectMain p{margin-bottom: 0.2rem;}
.selectMain img{display: block; max-width: 100%; margin: 0 auto; margin-bottom: 0.2rem;}

.scrollStyle::-webkit-scrollbar{width:0.06rem;height:0.06rem;background-color:rgba(0,0,0,0);}
.scrollStyle::-webkit-scrollbar-track{border-radius:0.06rem;background-color:#f1e5b9;}/*底*/
.scrollStyle::-webkit-scrollbar-thumb{border-radius:0.06rem;background-color:#c8484a;}/*面*/
.scrollStyle::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.scrollStyle::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.scrollStyle::-webkit-scrollbar-track-piece{margin:0;}

body::-webkit-scrollbar{width:0.06rem;height:0.06rem;background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar-track{border-radius:0.06rem;background-color:#1e1e1e;}/*底*/
body::-webkit-scrollbar-thumb{border-radius:0.06rem;background-color:#8b8b8b;}/*面*/
body::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
body::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
body::-webkit-scrollbar-track-piece{margin:0;}

@media screen and (max-width: 1920px){
	.selectMain{height: 5.1rem;}
    .mainCont{width: 11.18rem; height: 7.4rem; background: url(../images/main2.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 1.68rem; top: 1.4rem;}
    .indexBtn{top: 8.9rem;}
    .tempBtn{top: 8.65rem;}
}