html{
    font-size: 12px;
    font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    /*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
}
body{
    margin: 0;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
a{
    text-decoration:none
}


footer{
    padding: 100px 0 0;
    background:rgba(248,248,251,1);
    border-top: 1px solid rgba(51,51,51,0.15);
}
footer .content{
    width: 1260px;
    margin: 0 auto;

}
footer .content nav{
    display: flex;
    justify-content: space-between;
    padding-bottom: 100px;
}
footer dl,footer dd{
    margin: 0;
}
footer dt,footer .content nav>div p{
    font-size:16px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:21px;
    padding-bottom: 15px;
}
footer dd{
    font-weight: normal;
    font-size:14px;
    color:rgba(0,0,0,0.5);
    line-height:16px;
    line-height: 28px;
}
footer .content nav>div{
    /*margin-right: 110px;*/
    width: 200px;
}
footer .content nav>div p{
    margin: 0 ;
}
footer .content ul{
    display: flex;
    justify-content: space-between;
}
footer .content li{
    width: 28px;
    height: 28px;
}
footer .content li img{
    width: 100%;
    height: 100%;
    display: block;
}

footer .content .bottom{
    line-height: 40px;
    border-top: 1px solid rgba(51,51,51,0.15);
    display: flex;
    justify-content: space-between;
    align-content: center;
    font-size:14px;
    color:rgba(174,174,174,1);
    width: 1260px;
}


/*==============
	layer-box
 ================*/

.layer-box .layer-box-header h1{
    margin: 40px 0px 30px 30px;
    float: left;
    color: #43aa8b;
    font-size: 24px;
    font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight: bold;
    color: rgba(114,169,143,1);
    line-height: 31px;
}

.layer-box .layer-box-header img{
    margin-right: 20px;
}

.layer-box .layer-box-header .box-close{
    float: right;
    cursor: pointer;
    margin-top: 18px;
}

.layer-box .box-close img{
    margin-right: 30px;
    margin-top: 30px;
    width: 24px;
}

.layer-box .box-order-info {
    padding-left: 30px;
    padding-top: 10%;
}

.layer-box .box-pay-info {
    margin-top: 30px;
    padding-left: 30px;
}

.layer-box .box-order-info h2 {
    font-size: 17px;
    font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight: bold;
    color: rgba(51,51,51,1);
    line-height: 21px;
}

.layer-box .box-pay-info h2 {
    font-size: 17px;
    font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight: bold;
    color: rgba(51,51,51,1);
    line-height: 21px;
}

.layer-box .left-title h3 {
    font-size: 14px;
    color: #333333;
}

.layer-box table{
    margin-top: 30px;
}

.layer-box table{
    margin-top: 30px;
}

/*.layer-box table>tbody>tr>th{*/
    /*padding-bottom: 20px;*/
/*}*/

.layer-box .right-content p{
    font-size: 14px;
    color: #666666;
}

.layer-box .layer-box-footer {
    padding-left: 70px;
}

.layer-box .layer-box-footer span{
    vertical-align: -webkit-baseline-middle;
}

.foot-btn{
    margin-top: -30px;
    width: 108px;
    height: 35px;
    border: 2px solid rgba(20,34,61,1);
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight: bold;
    color: rgba(20,34,61,1);
    line-height: 27px;
    border-radius: 0px;
    float: right;
    margin-right: 50px;
    text-align: center;
}

/*.layer-box .layer-box-footer .btn-refund{*/
    /*width: 80px;*/
    /*height: 30px;*/
    /*color: #000;*/
    /*border: 1px solid #1b1b1b;*/
    /*float: right;*/
    /*margin-right: 50px;*/
/*}*/



.layer-box .tooltip-inner{
    padding: 40px 10px 40px 30px;
    border-radius: 0;
    background-color: #757575;
}

.layer-box .tooltip p {
    margin-bottom: 20px;
    color: #fff;
    font-size: 14px;
}

.layer-box .tooltip span {
    margin-left: 30px;
}

.layer-box .tooltip p:last-child {
    margin-bottom: 0;
}

.layer-box .box-pay-info i{
    margin-left: 5px;
}

#term .term{
    padding: 100px 0;
}

#term .term-title {
    padding: 30px 0;
}

#finances .finances{
    padding: 50px 0px;
}

#finances .finances-padding-box{
    box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
    padding: 50px 30px 50px 50px;
    margin-bottom: 30px;
}

#finances .finances-padding-box h1{
    font-size: 18px;
    color: #333333;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
}

#finances .finances table{
    margin-top: 50px;
    width: 100%;
}

#finances .finances table>tbody>tr>th:first-child{
    width: 44px;
    padding-right: 20px;
}

#finances .finances table>tbody>tr>th:last-child{
    float: right;
}

#finances .finances table>tbody>tr>th:last-child a{
    width: 100px;
    height: 40px;
    color: #333333;
    font-size: 16px;
    padding: 10px;
    background-color: #ffc12e;
}

#finances .finances .padding-box-title a{
    float: right;
    margin-top: -50px;
}

#finances .padding-box-content h3, #finances .padding-box-content p{
    margin: 20px;
}

#finances .padding-box-content h3{
    font-size: 16px;
    color: #333333;
}

#finances .padding-box-content p{
    font-size: 14px;
    color: #666666;
}

.wechat-tip {
    padding: 20px;
    text-align: center;
}

.wechat-tip .follow-text{
    margin-top: 20px;
}

#withdraw-box {
    padding: 60px 30px 30px 60px;
}

#withdraw-box table{
    width: 100%;
}

#withdraw-box table>tbody>tr>th{
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #e8e8e8;
    /*border-top: unset;*/
}

#withdraw-box table>tbody>tr>th:first-child{
    padding-right: 20px;
}

#withdraw-box a.btn-withdraw{
    width: 420px;
    height: 50px;
    color: #fff;
    background-color: #1296db;
    font-size: 18px;
    border-radius: 5px;
    margin-top: 50px;
    padding: 14px;
}

#withdraw-box .withdraw-box-close{
    position: absolute;
    right: 30px;
    top: 30px;
}

#withdraw-box input.withdraw-account {
    padding: 1em 0 1em 2em;
    font-size: 18px;
    /*width: 100%;*/
    border: none;
    outline:none;
}

#withdraw-box input.withdraw-fee-input {
    padding: 1em 2em 1em 3em;
    font-size: 18px;
    width: 100%;
    border: none;
    outline:none;
    border-bottom: 1px solid #e8e8e8;
    margin-top: 20px;
}

#withdraw-box .currencies{
    position: absolute;
    top: 32px;
    left: 8px;
    z-index: 3;
    display: block;
    line-height: 34px;
    pointer-events: none;
    font-size: 36px;
    color: #000;
}

#withdraw-box .receive-code-title {
    font-size: 18px;
    color: #000;
}

#withdraw-box .receive-code {
    margin-left: 20px;
    font-size: 14px;
    color: #999999;
}

#withdraw-box .withdraw-fee-title{
    margin-top: 30px;
    font-size: 20px;
    color: #000;
}

#withdraw-box .withdraw-fee-text{
    font-size: 14px;
    color: #999999;
    margin-top: 30px;
}

#withdraw-box .withdraw-fee-num{
    color: #ffab67;
}

#about_us .breadcrumb{
    padding:50px 0;
    margin:0;
    background:url('/style/images/about-us.png');
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    height: 100%;
    background-position: center;
}

#about_us .about-us{
    min-height: 500px;
    padding: 50px 0 50px 0;
}

#about_us .about-us p{
    font-size: 16px;
    color: #666666;
    line-height: 40px;
    margin-top: 30px;
}

#about_us .contact-text{
    margin-top: 130px;
}

#about_us .contact-text h1{
    margin-bottom: 30px;
    font-size: 24px;
    color: #333333;
}

#about_us .contact-text p{
    margin-bottom: 30px;
    font-size: 14px;
    color: #333333;
}


#ticket .ticket, #cdkey .cdkey{
    padding:50px 0px 100px 0px;
}

#ticket .ticket-right, #cdkey .cdkey-right{
    box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
    padding: 30px 10px 50px 10px;
}

#ticket .btn-cdkey, #cdkey .btn-cdkey{
    border-radius: 50px;
    font-size: 18px;
    padding: 10px 30px;
    position: relative;
}

#ticket .btn-ticket, #cdkey .btn-ticket{
    border-radius: 50px;
    font-size: 18px;
    padding: 10px 30px 10px 30px;
    margin-left: -40px;
    position: relative;
}

#ticket .hr-line, #cdkey .hr-line{
    margin-top: 30px;
    margin-bottom: 30px;
}

#ticket .gift{
    padding: 30px 0px;
    box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
    margin: 0 50px 30px 50px;
    display: flex;
}
#ticket .gift .gift-left {
    flex: 0 0 180px;
    height: 90px;
    display: flex;
    border-right: 1px dashed #8a8a8a;
    justify-content: center;
    align-items: center;
}
#ticket .gift .gift-img{

}
#ticket .gift .gift-img img {
    width: 50px;
}
#ticket .gift-right {
    flex: 1;
    display: flex;
}
#ticket .gift-desc {
    width: 500px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#ticket .gift-desc p{
    display: flex;
    width: 100%;
    height: 30px;
    align-items: center;
    padding-left: 60px;
    font-size: 16px;
}

#activation .activation-code-open{
    padding:50px 0px 100px 0px;
}

#activation .right-content{
    box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
    padding: 50px 30px;
}

#activation .right-content a.btn-open{
    background-color: #1296db;
    margin-top: 30px;
    color: #fff;
}

#activation .open-package{
    margin-top: 30px;
}

#ai .top{
    width: 100%;
    height: auto;
    background-image: url("/style/images/ai/banner.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 50%;
}
#ai .engine{
    display: flex;
    width: 100%;
    background-color: white;
    padding: 3% 0;
    align-items: center;
}
#ai .engine .left{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ai .engine .left .text p{
    color: #333;
    font-size: 1.2vw;
    margin-top: 6%;
}
#ai .engine .left .text .text-one{
    font-weight: bold;
    margin-top: 0;
    font-size: 2vw;
    margin-bottom: 13%;
}
#ai .engine .right{
    width: 50%;
    display: flex;
    align-items: center;
}
#ai .play{
    display: flex;
    width: 100%;
    background-color: #0a1c36;
    padding: 3% 0;
    align-items: center;
}
#ai .play .left{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#ai .play .right{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ai .play .right .text p{
    font-size: 24px;
    margin-top: 30px;
    color: #fff;
}
#ai .play .right .text .text-one{
    font-weight: bold;
    margin-bottom: 13%;
    margin-top: 0;
    font-size: 2vw;
    color: #ffffff;
}
#ai .bottom{
    width: 100%;
    height: auto;
    background-image: url("/style/images/ai/bottom.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#ai .bottom .accelerate{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 47%;
}
#ai .bottom .accelerate p{
    width: 100%;
    text-align: center;
    color: white;
    font-size: 1.3vw;
}
#ai .bottom .accelerate .text-one{
    margin-top: 5%;
    font-size: 2.2vw;
}

#ai .bottom .accelerate .text-two{
    margin-top: 3%;
    color: #fff;
}
#ai .bottom .accelerate a{
    display: block;
    width: 100%;
    height: 80px;
    text-align: center;
    position: absolute;
    bottom: 17%;
}
#ai .bottom .accelerate img{
    width: 300px;
    height: 80px;
}
#ai .bottom .accelerate .text-three{
    position: absolute;
    bottom: 9%;
    color: #ffffff;
}
#ai img{
    width: 60%;
    height: auto;
}

footer .content ul li img{
    cursor: pointer;
}

img {
    border: none;
}