/*公共样式common*/
*{margin: 0;padding: 0; box-sizing: border-box;}
body {width: 100%;overflow:auto;color: #666;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;overflow-x: hidden;}
a {text-decoration: none !important;color: #fff}
a:hover {color: #55a1f7;transition: all .3s ease-out}
a:link, a:hover, a:visited, a:active, a:focus {text-decoration: none;outline: none!important; transition:all .3s ease;}
ul li {list-style: none}
ol li {list-style: none}
em, i {font-style: normal; display: inline-block;}
li, ul {margin: 0;padding: 0;list-style: none}
h1, h2, h3, h4, h5, h6 {font-family: FZLTXHK, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', SimSun, sans-serif}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { margin: 0;-webkit-appearance: none}
input[type=number] {-moz-appearance: textfield}
button, input, select {outline: 0}
img {outline: 0;border: 0}
table {border-collapse: collapse;border-spacing: 0}

.clearfix:after {clear: both;display: block;visibility: hidden;height: 0; content: "."}/*清除浮动*/
.clearfix {*zoom: 1;}

body{
   font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;overflow-x: hidden;
   max-width: 10.8rem; 
   margin: 0 auto;
   line-height: 1.5;
   background-color: rgb(58, 55, 70);
}

.wrap img{
   display: block;
    width: 100%;
    height: 100%;
}

.footer {
   position: fixed;
   bottom: 0;
   left: 50%;
   width: 10.8rem;
   transform: translateX(-50%);
   height: 1.4rem;
   display: flex;
   align-items: center;
   font-size: 0.32rem;
   color: #fff;
   justify-content: space-evenly;
}

.btn{
   position: relative;
   margin: 0 .253333rem;
   padding: 0 .253333rem;
   height: .906667rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-line-pack: center;
   align-content: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 4.2rem;
   border-radius: .213333rem;
   cursor: pointer;
}
.footer a{
   color: #fff;
}
/**********/
.window{
   background-color: rgba(0, 0, 0, 0.8);
   position: fixed;
   bottom: 30%;
   left: 50%;
   width: 9.8rem;
   transform: translateX(-50%);
   height: 8.1rem;
   font-size: 0.32rem;
   padding: 0.6rem 0rem 1.2rem 0rem;
   color: #fff;
   border-radius: 0.35rem;
   display:none;
}
.close {
   width: 1rem;
	height: 1rem;
	position: absolute;
   bottom: -1.6rem;
   left: 50%;
   transform: translateX(-50%);
}
.close img{
   cursor:pointer;
   width: 1rem;
	height: 1rem;
   background-image: url(../img/out.png)no-repeat;
}

 .lineBox h3{
   padding-top: 0.4rem;
   color: #393f4f;
   text-align: center;
   font-weight: 600;
   font-size: 0.54rem;
   line-height:0.9rem;
}
.lineBox p{
   padding: 0.3rem 0.22rem 0.3rem;
   color: #fff;
   text-align: center;
   font-size: 0.3rem;
}
.lineBox ul{
   position: relative;
   margin: 0 auto;
   width: 85%;
}
.lineBox>ul>li{
   position: relative;
   margin: 0.3rem auto;
   height: 0.9rem;
   border: solid 0.01rem #6f7382;
   border-radius: 1rem;
}
.clearfix>li{
   box-sizing: border-box;
   padding: 0 0.46rem;
}
.lineBox ul li>span{
   float: left;
    color: #fff;
    font-size: 0.32rem;
    line-height: 0.9rem;
}
.lineBox ol{
   float: left;
   padding-left: 0.3rem;
   border-radius:1rem;
}
.lineBox ul li ol li{
    float: left;
    margin: 0.32rem 0.04rem;
    width: 0.24rem;
    height: 0.24rem;
    border-radius: 1rem;
    background-color: rgb(22, 120, 255);
}

.signal {
   background-color: rgb(22, 120, 255);
}

.lineBox ul li a{
   position: absolute;
   top: -0.02rem;
   right: -0.02rem;
   float: right;
   width: 2.2rem;
   border-radius: 1rem;
   background-color: rgb(22, 120, 255);
   color: fff;
   text-align: center;
   font-size: 0.32rem;
   line-height: 0.9rem;
}
.lineBox a:hover{
   background-color: rgb(218, 6, 218);
   color: #fff;
   transition: all .3s ease-out;
}
.lineBox .bnt{
    display: flex;
    margin-bottom: 0.12rem;
    font-size: 0.36rem;
    cursor: pointer;
    justify-content: center;
    border-radius: 1rem;
    width: 68%;
    color: rgb(243, 70, 243);
}
/* .lineBox .bnt:hover{
   background-color: rgb(22, 120, 255);
   transition:all .3s ease;
} */
.lineBox .bnt>span>img{
   width: 54%;
   text-align: center;
}
.bewrite_box_t{
   position: absolute;
   top: 0.26rem;
   left: 4.12rem;
   display: flex;
   flex-direction: column;
}
.bewrite_box_t>h3{
   display: flex;
   color: #fff;
   font-size: 0.52rem;
}
.bewrite_box_t p{
   display: flex;
   font-size: 0.0028rem;
}
.d_wei{
   display: flex;
   align-items: center;
   justify-content: center;
}
.title{
   margin-top: 0.3rem;
   color: #fff;
   font-size: 0.4rem;
   line-height: 1.08rem;
}
.bnt_c{
   display: flex;
   justify-content: space-evenly;
}
/***结束****/

