*{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
.wrap{
    width: 100%;
}
.header{
    width: 100%;
    position: relative;
}
.header img{
    display: block;
    width: 100%;
}
.header select{
    color: #434343;
    /* width: 4.5rem; */
    height: 1.19rem;
    line-height: 1.19rem;
    font-size: 0.6rem;
    padding: 0 0.38rem;
    background: linear-gradient(top,#fefefe,#c8cfdb);
    background: -webkit-linear-gradient(top,#fefefe,#c8cfdb);
    background: -moz-linear-gradient(top,#fefefe,#c8cfdb);
    background: -ms-linear-gradient(top,#fefefe,#c8cfdb);
    background: -o-linear-gradient(top,#fefefe,#c8cfdb);
    border-radius: 1.256rem;
    border: none;
    outline: none;
    /* appearance: none;
    -webkit-appearance: none; */
    position: absolute;
    top: 0.5rem;
    right: 0.8rem;
}

.content{
    width: 100%;
    position: relative;
}
.download {
    color: #09C6D6;
    position: absolute;
    top: -1.664rem;
    left: 0;
    right: 0;
    z-index: 10;
}

.download .bg_top_img_android {
    display: block;
    justify-content: center;
}

#download1
{
    /* width: 100%; */
    width: 10.24rem;
    height: 1.702rem;
    font-size: 1.024rem;
    margin: auto;
    background: url('./img/btn_bg.png') no-repeat top center;
    background-size: 100% 100%;
    margin-bottom: 0.49rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#android_mobile_baidu_download
{
    /* width: 100%; */
    width: 10.24rem;
    height: 1.702rem;
    font-size: 1.024rem;
    margin: auto;
    background: url('./img/btn_bg.png') no-repeat top center;
    background-size: 100% 100%;
    margin-bottom: 0.49rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download .bg_top_img_android p img{
    width: 1.49rem;
    margin-right: 0.426rem;
}

.download .bg_top_img {
    display: flex;
    justify-content: center;
}
.download .bg_top_img img{
    /* width: 100%; */
    height: 3.264rem;
    display: block;
}
.download div{
    color: #717171;
    font-size: 0.427rem;
    text-align: center;
}

#iosShow1
{
	margin-top: 20px;
}

#androidShow1
{
	margin-top: 20px;
}

#appstoreBtn
{
	background-color: #449dF5;
	border: none;
	color: white;
	width: 30%;
	height: 40px;
	border-radius: 15px;
	margin-top: 20px;
	box-shadow: 5px 5px 3px rgb(0, 0, 0, .3);
}

#supersign
{
	background-color: #449dF5;
	border: none;
	color: DarkGray;
	width: 30%;
	height: 40px;
	border-radius: 15px;
	margin-top: 20px;
	box-shadow: 5px 5px 3px rgb(0, 0, 0, .3);
}

#webconfig
{
	background-color: #4CAF50;
	border: none;
	color: white;
	width: 30%;
	height: 40px;
	border-radius: 15px;
	margin-top: 20px;
	box-shadow: 5px 5px 3px rgb(0, 0, 0, .3);
}

#alldownloads
{
    font-size: 0.427rem;
    text-align: center;
}

#iosdown
{
	background-color: #449dF5;
	border: none;
	color: white;
	width: 30%;
	height: 30px;
	border-radius: 15px;
	margin-top: 20px;
	box-shadow: 5px 5px 3px rgb(0, 0, 0, .3);
}

#androiddown
{
	background-color: #449dF5;
	border: none;
	color: white;
	width: 30%;
	height: 30px;
	border-radius: 15px;
	margin-top: 20px;
	box-shadow: 5px 5px 3px rgb(0, 0, 0, .3);
}

#windowsdown
{
	background-color: #449dF5;
	border: none;
	color: white;
	width: 30%;
	height: 30px;
	border-radius: 15px;
	margin-top: 20px;
	box-shadow: 5px 5px 3px rgb(0, 0, 0, .3);
}

#macdown
{
	background-color: #449dF5;
	border: none;
	color: white;
	width: 30%;
	height: 30px;
	border-radius: 15px;
	margin-top: 20px;
	box-shadow: 5px 5px 3px rgb(0, 0, 0, .3);
}

.bg_bottom {
    width: 100%;
    padding: 6.008rem 0.53rem 1.23rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bg_bottom .item{
    width: 7.168rem;
    /* height: 6.538rem; */
    /* background: #ffffff;*/
    padding-bottom: 0.84rem;
    box-shadow: 0 0.298rem 0.725rem 0 #E7D6D6;
    border-radius: 0.409rem; 
    position: relative;
}
.bg_bottom .item span{
    color: #333333;
    font-size: 1.152rem;
    position: absolute;
}
.bg_bottom .item img{
    margin-bottom: 0.5248rem;
}
.bg_bottom .item .text{
    color: #999999;
    /* height: 2.656rem; */
    line-height: 0.7168rem;
    font-size: 0.512rem;
    padding: 0 0.92rem;
}
.bg_bottom .item .english_text{
    font-size: 0.6rem;
}

.bg_bottom .kj{
    /* padding: 1.045rem 0 0 0.896rem; */
    margin-bottom: 0.61rem;
}
.bg_bottom .kj span{
    top: 3.98rem;
    right: 1.3rem;
}
.bg_bottom .kj img{
    display: block;
    width: 100%;
}
.bg_bottom .kj .text{
    font-weight: 100;
}


.bg_bottom .wd{
    /* padding: 1.045rem 0 0 0.896rem; */
    margin-bottom: 0.61rem;
}
.bg_bottom .wd span{
    top: 2.45rem;
    left: 1.36rem;
}
.bg_bottom .wd img{
    display: block;
    width: 100%;
}
.bg_bottom .wd .text{
    font-weight: 100;
}

.bg_bottom .aq{
    /* padding: 1.045rem 0 0 0.896rem; 
    margin-bottom: 2.9rem;*/
}
.bg_bottom .aq span{
    top: 2.496rem;
    right: 1.49rem;
}
.bg_bottom .aq img{
    display: block;
    width: 100%;
}
.bg_bottom .aq .text{
    font-weight: 100;
}

.bg_bottom .yh{
    /* padding: 1.045rem 0 0 0.896rem;
    margin-left: 1.578rem; */
}
.bg_bottom .yh span{
    top: 3.54rem;
    left: 1.42rem;
}
.bg_bottom .yh img{
    display: block;
    width: 100%;
}
.bg_bottom .yh .text{
    font-weight: 100;
}


.footer{
    width: 100%;
    padding: 0.764rem 0 0.896rem;
    background: linear-gradient(top,#000425,#001633,#002541,#00344E,#00475E);
    background: -moz-linear-gradient(top,#000425,#001633,#002541,#00344E,#00475E);
    background: -webkit-linear-gradient(top,#000425,#001633,#002541,#00344E,#00475E);
    background: -o-linear-gradient(top,#000425,#001633,#002541,#00344E,#00475E);
    background: -ms-linear-gradient(top,#000425,#001633,#002541,#00344E,#00475E);
    position: relative;
}
.footer .download{
    position: relative;
    top: 0;
}
.footer .footer_img{
    display: flex;
    justify-content: center;   
}
.footer .footer_img img{
    height: 3.264rem;
}
.footer .download div{
    color: #CFCFCF;
}
.infor{
    color: #fff;
    width: 100%;
    padding: 0.853rem;
    font-size: 0.5rem;
    text-align: center;
    background: #000;
}
.infor a{
    color: #fff;
}



#title{
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	position: fixed;
	top: 0;
	left: 0;
	right:0;
    bottom: 0;
    z-index: 10;
}
#title div{
	font-size: 0.6rem;
	padding: 0.512rem;
	background: white;
	position: absolute;
	top: 0.5rem;
	right:0.25rem;
}
#title div p{
    width: 6.5rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#title p span{
    margin-right: 0.2rem;
}
#title>span{
    width:0;
    height:0;
    border-width:0 0.427rem 0.427rem;
    border-style:solid;
    border-color:transparent transparent #fff;/*透明 透明 灰*/
    margin:1.707rem auto;
    position:absolute;
	top: -1.9rem;
	right: 0.2rem;
}



.apple{
    display: none;
	width: 100%;
    height: 100%;
    padding: 7.64rem 1.194rem 0;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	right:0;
    bottom: 0;
    z-index: 10;
}
.apple .close{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.apple .close img{
    display: block;
    width: 0.853rem;
}
.apple .tit{
    color: #333333;
    font-size: 0.9386rem;
    margin-bottom: 0.426rem;
}
.apple .text{
    color: #666666;
    line-height: 1.024rem;
    font-size: 0.597rem;
    margin-bottom: 0.853rem;
}
/* Apple ID 切换 */
.appleID{
    display: none;
    width: 100%;
    padding: 0.426rem 1.194rem 0.6826rem;
    background: white;
    border-radius: 0.426rem;
}
.appleID .handleClick{
    color: white;
    width: 100%;
    height: 2.56rem;
    font-size: 0.6826rem;
    margin-bottom: 0.5973rem;
    background: url('../img/iosbtn.png') no-repeat top center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.appleID .handleClick img{
    width:0.9386rem;
    margin-right: 0.256rem;
    display: block;
}
.appleID .autonomy{
    color: #666666;
    width: 100%;
    height: 1.024rem;
    font-size: 0.512rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 海外Apple ID */
.overseas{
    display: none;
    width: 100%;
    padding: 0.426rem 1.194rem 0.6826rem;
    background: white;
    border-radius: 0.426rem;
}
.overseas .text{
    margin-bottom: 0.6826rem;
}
.overseas .copy{
    position: relative;
    margin-bottom: 0.6826rem;
}
.overseas .copy input{
    color: #999999;
    width: 100%;
    height: 2.0906rem;
    font-size: 0.5973rem;
    padding: 0 3rem 0 0.725rem;
    background: #F5F5F5;
    border-radius: 0.2069rem;
    border: none;
    outline: none;
}
.overseas .copy button{
    color: #333333;
    width: 2.048rem;
    height: 1.194rem;
    font-size: 0.512rem;
    background: #ffffff;
    border-radius: 0.17rem;
    border: none;
    outline: none;
    position: absolute;
    top: 0.426rem;
    right: 0.256rem;
}
.overseas .copy button:active{
    background: #efefef;
}

/* 订单支付 */
.orderPay{
    display: none;
    width: 100%;
    padding: 0.426rem 1.194rem 0.6826rem;
    background: white;
    border-radius: 0.426rem;
}
.orderPay .text{
    margin-bottom: 0.3626rem;
}
.orderPay .code{
    width: 100%;
    text-align: center;
    margin-bottom: 0.4693rem;
}
.orderPay .code div{
    /* width: 8.53rem; */
    /* height: 8.53rem; */
    width: 210px;
    height: 210px;
    margin: auto;
    background: #F5F5F5;
    margin-bottom: 0.3626rem;
    border-radius: 0.2069rem;
}
.orderPay .code div canvas,
.orderPay .code div img{
    width: 100% !important;
    height: 100% !important;
}
.orderPay .code p{
    color: #666666;
    font-size: 0.5973rem;
}

.orderPay .handleClick{
    color: white;
    width: 100%;
    height: 2.56rem;
    font-size: 0.853rem;
    margin-bottom: 0.5973rem;
    background: url('../img/iosbtn.png') no-repeat top center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 支付成功 */
.paySuccess{
    display: none;
    width: 100%;
    padding: 0.426rem 1.194rem 0.6826rem;
    background: white;
    border-radius: 0.426rem;
}
.paySuccess .remember{
    color: #fe0000;
    font-size: 0.597rem;
    margin-bottom: 0.3rem;
}
.paySuccess .text{
    margin-bottom: 0.7253rem;
}
.paySuccess .text .orderno{
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 0.6rem;
}
.paySuccess .text .orderno textarea{
    color: #999999;
    width: 100%;
    /* height: 2.0906rem; */
    font-size: 0.5973rem;
    padding: 0.5rem 3rem 0.5rem 0.725rem;
    background: #F5F5F5;
    border-radius: 0.2069rem;
    border: none;
    outline: none;
    resize: none;
}
.paySuccess .text .orderno button{
    color: #333333;
    width: 2.048rem;
    height: 1.194rem;
    font-size: 0.512rem;
    background: #ffffff;
    border-radius: 0.17rem;
    border: none;
    outline: none;
    position: absolute;
    right: 0.256rem;
}
.paySuccess .text .orderno button:active{
    background: #efefef;
}
.paySuccess .copy{
    position: relative;
    margin-bottom: 0.6826rem;
}
.paySuccess .copy input{
    color: #999999;
    width: 100%;
    height: 2.0906rem;
    font-size: 0.5973rem;
    padding: 0 3rem 0 0.725rem;
    background: #F5F5F5;
    border-radius: 0.2069rem;
    border: none;
    outline: none;
}
.paySuccess .copy button{
    color: #333333;
    width: 2.048rem;
    height: 1.194rem;
    font-size: 0.512rem;
    background: #ffffff;
    border-radius: 0.17rem;
    border: none;
    outline: none;
    position: absolute;
    top: 0.426rem;
    right: 0.256rem;
} 
.paySuccess .copy button:active{
    background: #efefef;
}


/* 错误提示 */
.toast{
    display: none;
    color: white;
    width: 8rem;
    font-size: 0.512rem;
    text-align: center;
    padding: 0.4rem 0.6rem;
    margin: auto;
    background: rgba(0,0,0,0.6);
    border-radius: 0.256rem;
    position: fixed;
    top: 10rem;
    left: 0;
    right: 0;
    z-index: 15;
}


/* loading */
.liload {
    display: none;
    text-align: center;
    background: rgba(255, 255, 255, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
  .liload .loader {
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    border-top: 0.08rem solid rgba(255, 255, 255, 0.2);
    border-right: 0.08rem solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.08rem solid rgba(255, 255, 255, 0.2);
    border-left: 0.08rem solid #409eff;
    -webkit-animation: liload 1.1s infinite linear;
    animation: liload 1.1s infinite linear;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .liload .loader:after {
    border-radius: 50%;
    width: 1.7rem;
    height: 1.7rem;
  }
  @-webkit-keyframes liload {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes liload {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }