@charset "utf-8";
body, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, input, tr, td, th, form{ margin: 0; padding: 0; }
body { font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.5; color: #333333;}
html{height: 100%; width: 100%;}
img { border: none; vertical-align: middle; display: block;}
ul,li { list-style: none; }
a { color: inherit; text-decoration: none; }
input[type="text"], input[type="email"], input[type="submit"], input[type="tel"], input[type="password"], textarea, select { font-family: inherit; font-size: 100%; margin: 0; border-radius: 0; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button, input { line-height: normal;}
textarea { resize: none; }
input:focus, textarea:focus { outline: none; }

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/


    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../img/select-arrow.png") no-repeat  right center,#fff;


    /*为下拉小箭头留出一点位置，避免被文字覆盖*/

    box-sizing: border-box;

    border: 1px solid #bbbbbb;
    max-width: none;
    padding-left: 5px;
    padding-right: 40px;

}
select.required{  background: url("../img/select-arrow.png") no-repeat right center,url("../img/required.png") no-repeat right 2px,#fff;}
input.required { background: #fff url(../img/required.png) no-repeat right 2px;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
/* Reset */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ zoom: 1; /* for IE6 IE7 */ }
.clear { clear: both; display: block; overflow: hidden }
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;}
.tc { text-align: center; }
.tr { text-align: right; }
.fl { float: left; padding-right: 8px;}
.fr { float: right; }
.rel { position: relative; }
.f12 { font-size: 12px; }
.mb10 { margin-bottom: 10px; }
.mb10 .delete{ cursor: pointer; color: #ff00ff; }
.mb20 { margin-bottom: 20px; }
.m10 { margin: 10px 10px 0; }
.pb10 { padding-bottom: 10px; }
.pl20 { padding-left: 20px; }
.pl10 { padding-left: 10px; }
.f13{ font-size: 13px;}
.hidden{ display: none;}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out}


    /*字体*/
@font-face {
    font-family: "SourceHanSansSC-Regular";
    src: url('../font/SourceHanSansSC-Regular.otf');
}

@font-face {
    font-family: "SourceHanSansSC-ExtraLight";
    src: url('../font/SourceHanSansSC-ExtraLight.otf');
}

@font-face {
    font-family: "SourceHanSansSC-Heavy";
    src: url('../font/SourceHanSansSC-Heavy.otf');
}

@font-face {
    font-family: "SourceHanSansSC-Light";
    src: url('../font/SourceHanSansSC-Light.otf');
}

@font-face {
    font-family: "SourceHanSansSC-Medium";
    src: url('../font/SourceHanSansSC-Medium.otf');
}

@font-face {
    font-family: "SourceHanSansSC-Normal";
    src: url('../font/SourceHanSansSC-Normal.otf');
}

@font-face {
    font-family: "SourceHanSansSC-Bold";
    src: url('../font/SourceHanSansSC-Bold.otf');

}

    /*头部*/
.header{
    position: fixed;
    top: 0px;
    z-index: 99;
    height: 60px;
    line-height: 60px;
    width: 100%;
}

.headerBackground{
    background: RGB(255,255,255,0.8);
    /*background-size: 100% 100%;*/
    /*background-repeat: no-repeat;*/
    /*background-image: url(../img/header/headtop.png);*/
}

/*.wrap{*/
    /*width: 1200px;*/
    /*margin: 0 auto;*/
/*}*/

.logoNav{
    width: 16%;
    float: left;
    margin-right: 150px;
}

.nav{
    width: 71%;
    display: flex;
    justify-content: flex-end;
}
.indexLogo{
    display: inline-block;
    width: 40px;
    /*height: 34px;*/
}

.logoNavP{
    padding-left: 16px;
    vertical-align: middle;
    font-size: 24px;
    color: #333333;
    font-family: "SourceHanSansSC-Regular";
}
.liRight{
    margin-right: 48px;
}

.liRight2{
    margin-right: 154px;
}
.navLi{
    float: left;
    display: block;
    /*margin-right: 71px;*/
}

.navBtn{
    display: inline-block;
    width: 110px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    border: 1px solid #159bff;
    border-radius: 26px;
    font-size: 18px;
    color: #333333;
    font-family: "SourceHanSansSC-Normal";

}
.linkItem {
    min-width: 72px;
    /*padding: 0 12px;*/
    text-align: center;
    display: block;
    line-height: 60px;
    font-size: 18px;
    color: #666666;
    font-family: "SourceHanSansSC-Normal";
}

.linkItem.hover, .linkItem:hover {
    color: #159BFF;
    border-bottom: 1px solid #159bff;
    font-family: "SourceHanSansSC-Medium";
}

.banner{
    /*margin-top: 60px;*/
    width: 100%;
    height: 640px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../img/header/banner.png);
}

.bannerP{
    padding-top: 217px;
    font-size: 36px;
    color: #000000;
    font-family: "SourceHanSansSC-Medium";
}

.bannerP2{
    margin-top: 12px;
    font-size: 24px;
    color: #000000;
    font-family: "SourceHanSansSC-Medium";
}


    /*脚部*/
.footer{
    background: #333333;
    width: 100%;
    height: 313px;
}

.footerBanner{
    width: 100%;
    height: 456px;
    background: #F7F9FC;
}

.footerBanner2{
    width: 100%;
    height: 499px;
    background: #159bff;
}

.footerBannerImg{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../img/footer/footerxd.png);

}

.footerBannerP{
    padding-top: 78px;
    text-align: center;
    font-size: 24px;
    color: #000000;
    font-family: "SourceHanSansSC-Regular";
}

.footerBannerP2{
    margin-top: 26px;
    margin-bottom: 60px;
    text-align: center;
    font-size: 36px;
    color: #000000;
    font-family: "SourceHanSansSC-Regular";
}

.footBannerImg{
    width: 569px;
height: 499px;
}
.footBannerBox{
    width: 600px;
    float: left;
}

.footBannerBox2{
    width: 600px;
    float: right;
}

.footBannerP{
    text-align: center;
    font-size: 36px;
    margin-top: 78px;
    color: #ffffff;
    font-family: "SourceHanSansSC-Regular";
}

.footerLoginBtn{
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    line-height: 69px;
    width: 182px;
    height: 69px;
    background: #159bff;
    border-radius: 35px;
    box-shadow: 0px 2px 10px 0px rgba(0,110,211,0.16);
    font-family: "SourceHanSansSC-Regular";
}
.downloadBox{
    display: flex;
    margin-top: 45px;
 justify-content: center;
}
.appBox{
    width: 96px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ffffff;
    border-radius: 7px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-family: "SourceHanSansSC-Regular";
}

.appBoxR{
    margin-right: 107px;
}

.appletsBox{
    width: 96px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ffffff;
    border-radius: 7px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-family: "SourceHanSansSC-Regular";
}

.codeColumn{
    display: flex;
    margin-top: 30px;
    justify-content: center;
}

.CodeAPP{
    width: 150px;
    height: 150px;
}

.codeCodeR{
    margin-right: 53px;
}

.codeCode{
    width: 150px;
    height: 150px;
    background: #ffffff;
    border-radius: 6px;
}

.detailsBox{
    width: 600px;
    float: left;
    position: relative;
    display: block;

}
.detailsBox2{
    width: 600px;
    float: right;
    display: block;
}

.detailsPosition{
    padding-top: 98px;
    /*display: inline-block;*/
}

.detailsPosition2{
    top: 98px;
    line-height: 30px;
    width: 250px;
    position: absolute;
    display: inline-block;
    left: 50px;
}

.detailsLogo{
    position: absolute;
    display: inline-block;
    margin-right: 10px;
    /*padding-top: 98px;*/
    width: 46px;
    height: 46px;
    vertical-align: middle;
}

.detailsFlex{
    display: flex;
    justify-content: space-around;
}
.detailsP{
    position: absolute;
    /*margin-top: 94px;*/
    text-align: left;
    font-size: 24px;
    color: #159bff;
    font-family: "SourceHanSansSC-Medium";
}

.detailsP2{
    position: absolute;
    top: 21px;
    text-align: left;
    font-size: 12px;
    color: #ffffff;
    font-family: "SourceHanSansSC-Regular";
}

.relevantBox{

}

.relevantP{
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 22px;
    padding-top: 67px;
    font-family: "SourceHanSansSC-Regular";
}

.relevantP2{
    font-family: "SourceHanSansSC-Normal";
    color: #ffffff;
    font-size: 12px;
}

.relevantPBottom{
    margin-bottom: 5px;
}

.relevantPWidth{
    width: 185px;
}

.contactP{
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 22px;
    padding-top: 67px;
    font-family: "SourceHanSansSC-Regular";
}

.contactP2{
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    font-family: "SourceHanSansSC-Normal";
}

.contactPBottom{
    margin-bottom: 5px;
}

.contactPWidth{
    /*width: 185px;*/
}

.contactBox{

}
.publicBox{

}

.publicP{
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 25px;
    padding-top: 67px;
    font-family: "SourceHanSansSC-Regular";
}

.publicCode{
    width: 84px;
    height: 84px;
    background: #ffffff;
    border-radius: 6px;
}

.publicCodeImg{
    width: 84px;
}

.remarksBox{
    padding-top: 32px;
}
.develop-display{
    /*display: none;*/
}

.develop{
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px;
    padding-left: 21%;
    font-family: "SourceHanSansSC-Regular";
}
.editionNum{
    padding: 0 5px;
}
.privacyText{
    padding: 0 5px;
}
.treatyText{
    padding: 0 5px;
}
.Links{
    display: block;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    font-family: "SourceHanSansSC-Normal";
}
.remarks{
    margin-top:5px;
    font-size: 9px;
    text-align: center;
    color: #ffffff;
    font-family: "SourceHanSansSC-Normal";
}



/*登录*/
/*.login-content{*/
    /*background: red;*/
/*}*/
.currencyContent{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../img/register/registerbg.png);
}

.currencyflex{
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}
.currencyWrap{
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 0px 20px 0px rgba(0,150,235,0.10);
}

.currencyDiv{
    padding-top: 67px;
}

.loginLogo{
    width: 68px;
    height: 68px;
    margin: 0 auto;
}

.currencyDivP{
    font-family: "SourceHanSansSC-Regular";
    text-align: center;
    margin-top: 6px;
    margin-bottom: 41px;
    font-size: 24px;
    color: #333333;
}

.currencyBottomP{
    font-family: "SourceHanSansSC-Regular";
    margin-top: 90px;
    text-align: center;
    font-size: 24px;
    color: #159bff;
}

.currencyBottomP2{
    font-family: "SourceHanSansSC-Normal";
    margin-top: 16px;
    text-align: center;
    font-size: 12px;
    color: #999999;
}

.loginBox{
    width: 600px;
    float: left;
}

.loginBox2{
    width: 600px;
    float: right;
}

.currencyP{
    margin-top: 53px;
    text-align: center;
    font-size: 24px;
    color: #159bff;
    font-family: "SourceHanSansSC-Regular";
}

.currencyImg{
    margin-left: 89px;
    margin-top: 13px;
    width: 423px;
}

.loginBtn{
    font-size: 24px;
    color: #ffffff;
    line-height: 46px;
    text-align: center;
    width: 456px;
    height: 46px;
    background: #159bff;
    font-family: "SourceHanSansSC-Regular";
    border-radius: 8px;
}

.register-btn{
    font-size: 24px;
    color: #ffffff;
    line-height: 46px;
    text-align: center;
    width: 456px;
    height: 46px;
    background: #159bff;
    font-family: "SourceHanSansSC-Regular";
    border-radius: 8px;
}

.VerificationCode{
    font-size: 12px;
    color: #159bff;
   display: none;
    font-family: "SourceHanSansSC-Regular";
}

.forgetPassword{
    font-size: 12px;
    color: #c0c0c0;
    font-family: "SourceHanSansSC-Regular";
}

.currencySwitch{
    display: flex;
    justify-content: space-around;
    margin-bottom: 48px;

}

.currencySwitch2{
    margin-bottom: 18px;
}
.forgetTop{
    color: #159BFF;
    text-align: center;
    font-size: 24px;
    font-family: "SourceHanSansSC-Medium";
}

.forgetSwitch{
    margin-bottom: 5px;
}

.currencySwitchR{
margin-right: 258px;
}

.loginDiv{
    width: 456px;
    margin-top: 50px;
}

.currencyLoginSpan{
    font-size: 24px;
    color: #73c0f9;
}

.currencyRegisterSpan{
    font-size: 24px;
    color: #73c0f9;
    font-family: "SourceHanSansSC-Regular";
}

.currencySwitchBtn{
    color: #159BFF;
    font-family: "SourceHanSansSC-Medium";
    border-bottom: 1px solid #159bff;
}

.loginRow{
    /*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: center;*/
    position: relative;
    /*margin-bottom: 49px;*/
    font-size: 14px;
    height: 54px;
    font-family: "SourceHanSansSC-Regular";
    /*border-bottom: 1px solid #e1e1e1;*/
    /*line-height: 54px;*/
    color: #c0c0c0;
}

.OptionsBar{
    margin-bottom: 10px;
    /*margin-top: 13px;*/
    margin-top: 10px;
}

.OptionsBar2{
    margin-bottom: 40px;
    /*margin-top: 13px;*/
    margin-top: 13px;
}
/*.loginRowBottom{*/
    /*margin-bottom: 13px;*/
/*}*/
/*.loginRowBottom2{*/
    /*margin-bottom: 19px;*/
/*}*/

.loginRowTop2{
    margin-top: 29px;
}
.loginRowTop{
    margin-top: 10px;
}
.loginRowBottom{
    margin-bottom: 29px;
}
.loginInput{
    line-height: 54px;
    width: 95%;
    border-bottom: 1px solid #e1e1e1;
    border-top:0px;
    border-left:0px;
    border-right:0px;
}

.loginRowPadding{
    padding-left: 22px;
}

.getCode{
    font-size: 14px;
    color: #159bff;
    position: absolute;
    font-family: "SourceHanSansSC-Regular";
    right: 10px;
    top: 21px;
}

.currencyIcon{
    width: 14px;
    height: 14px;
    position: absolute;
    top: 21px;
}

.currencyIcon2{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 21px;
}

/*.qwer{*/
    /*position: absolute;*/
    /*right: 11px;*/
    /*top:0;*/
    /*width: 10px;*/
    /*height: 10px;*/
    /*background-repeat: no-repeat;*/
    /*background-image: url(../img/register/registericon.png);*/
/*}*/
/*警告词*/
.row-error{
    /*margin-left: 25px;*/
    font-size: 12px;
    color: red;
    font-family: "SourceHanSansSC","FZHT";
    /*line-height:1.6;*/
    line-height: 20px;
    position: relative;
}

.OptionsBarColor{
    color: #c0c0c0;
    font-size: 18px;
    font-family: "SourceHanSansSC-Regular";
}

/*.OptionsBarMargin{*/
    /*margin-bottom: 10px;*/
/*}*/
/*.sidebar{*/
    /*display: none;*/
/*}*/

.closeBtn{
    display: none;
}

.menuImg{
    display: none;
}

.wrap2{
    display: none;
}

.relevantInline{
    display: none;
}

.wrap2-left{
    display: none;
}

.bannerBtn{
    margin-top: 20px;
    /*margin-left: 17px;*/
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    width: 129px;
    height: 39px;
    line-height: 39px;
    background: #159bff;
    border-radius: 25px;
    /*display: block;*/
    font-family: "SourceHanSansSC-Regular";
}

.loginNavBtn{
    display: block;
}

.loginNavBtn2{
    display: none;
}

.banner2{
    display: none;
}

.phoneLoginDiv{
    display: none;
}
.phoneLoginBox2{
    display: none;
}

.touchDiv{
    display: none;
}

.captchaBox{
    /*width: 134px;*/
    min-width: 134px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer;

}

.loginRowW{
    width: 60%;
}
/*.showBoxFlex{*/
    /*display: none;*/
/*}*/
.displayFlex{
    display: flex;
    justify-content: center;
}

.displayFlex2{
    display: flex;
}
.displayFlex3{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.displayFlex4{
    display: flex;
    justify-content: flex-end;
}
.displayFlex5{
    display: flex;
    justify-content: space-between;
}
.displayFlex6{
    display: flex;
    flex-direction: column;
}

/*弹出窗口提示*/
.alert-mask{ position: fixed; left: 50%; top: -200px; width: 300px; background: #fff; z-index: 400; box-sizing: border-box;   margin-left: -150px;transition: top 1s;
    -moz-transition: top 1s;	/* Firefox 4 */
    -webkit-transition: top 1s;	/* Safari 和 Chrome */
    -o-transition: top 1s;	/* Opera */
    border-radius: 3px; border: 1px solid #9ACD32; overflow: hidden;}
.open-alert .alert-mask{ top: 0;}
.alert-mask-wrap{ position: relative;}

.alert-mask-top{ margin: 0 10px; line-height: 50px; color: #9ACD32; font-weight: bold; font-size: 20px; box-sizing: border-box; padding-left: 20px; border-bottom: 1px solid #9ACD32;}
.alert-mask .alert-btn{ box-sizing: border-box; padding: 0 10px; min-width: 60px; text-align: center; line-height: 30px; color: #fff; background: #9ACD32; border-radius: 5px; cursor: pointer;  display: inline-block; position: absolute; right: 5px; bottom:5px;}
.alert-mask-top .icon{ width: 27px; height: 27px; display: inline-block; vertical-align: middle; background: url("../img/login/icon-yes.png") no-repeat 0 center; background-size: 27px; margin-right: 10px;}
.alert-mask-tip{width: 80%; background: #fff; box-sizing: border-box; padding: 20px;}
.alert-mask-bottom{ text-align: right; padding-top: 10px;}

.alert-mask.error{border: 1px solid #C20000;}
.alert-mask.error .alert-mask-top{color: #C20000;border-bottom: 1px solid #C20000;}
.alert-mask.error .alert-mask-top .icon{ background: url("../img/login/icon-no.png") no-repeat 0 center; background-size: 27px;}
.alert-mask.error .alert-btn{background: #C20000;}

.lefter-bottom{ position: absolute; bottom:0px; left: 0; width: 100%;  background: #fff; padding-bottom: 10px;}
.loading{ width: 100%; height: 100%; background: url("../img/login/loading.gif") center no-repeat,rgba(0,0,0,0.5); position: fixed; z-index: 100;background-size: 32px;  left: 0;top: 0;display: none; }



/*移动端*/
@media (max-width: 767px) {
    .wrap2{
        /*width: 375px;*/
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    /*头部*/
    .header{
        position: fixed;
        top: 0px;
        z-index: 99;
        height: 44px;
        line-height: 44px;
        width: 100%;
    }

    .headerPosition{
        position: relative;
    }

    .headerBackground{;
        height: 44px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: none;
        background: #ffffff;
    }

    /*.wrap{*/
        /*width: 1200px;*/
        /*margin: 0 auto;*/
        /*display: none;*/

    /*}*/

    .logoNav{
        /*width: 66%;*/
        float: none;
        /*margin: 0 auto;*/
        margin-right: 0px;
        width: 100%;
        justify-content: center;
        display: flex;

    }

    .nav{
        height: 100%;
        width: 246px;
        position: fixed;
        z-index: 99;
        top: 0px;
        left: 0;
        background: #f3f3f3;
        overflow-x: hidden;
        /*transition: 0.5s;*/
        /*padding-top: 60px;*/
        display: none;

    }

    .indexLogo{
        display: inline-block;
        width: 28px;
        height: 28px;
    }

    .logoNavP{
        padding-left: 5px;
        vertical-align: middle;
        font-size: 16px;
        color: #333333;
        text-align: center;
        font-family: "SourceHanSansSC-Regular";
    }

    .liRight{
        margin-right: 0px;
    }

    .liRight2{
        margin-right: 0px;
    }

    .liTop{
        margin-top: 44px;
    }

    .navLi{
        float: left;
        /*display: none;*/
        /*margin-right: 71px;*/
        width: 100%;
        font-size: 18px;
        /*padding: 8px 8px 8px 32px;*/
        text-decoration: none;
        color: #666666;
        border: 1px solid #E6E6E6;

        /*transition: 0.3s;*/
        /*display: none;*/
    }

    .navBtn{
        width: 110px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        border: 1px solid #159bff;
        border-radius: 26px;
        font-size: 18px;
        color: #333333;
        display: none;
        font-family: "SourceHanSansSC","FZHT";
    }

    .linkItem {
        min-width: 72px;
        /*padding: 0 12px;*/
        text-align: left;
        display: block;
        line-height: 45px;
        font-size: 18px;
        color: #666666;
        padding-left: 16px;
        font-family: "SourceHanSansSC-Normal";
    }

    .linkItem.hover, .linkItem:hover {
        color: #159BFF;
        border-bottom: 1px solid #159bff;
        font-family: "SourceHanSansSC-Regular";
    }

    .banner{
        display: none;
        margin-top: 44px;
        width: 100%;
        height: 380px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(../img/header/banner.png);
    }
    .banner2{
        display: block;
        margin-top: 44px;
        width: 100%;
        height: 380px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(../img/header/bannerPhone.png);
    }
    .bannerP{
        padding-top: 40px;
        font-size: 18px;
        color: #000000;
        margin-left: 17px;
        font-family: "SourceHanSansSC-Regular";
    }

    .bannerP2{
        margin-top: 12px;
        font-size: 16px;
        color: #000000;
        margin-left: 17px;
        font-family: "SourceHanSansSC-Regular";
    }

    .bannerBtn{
        margin-top: 16px;
        margin-left: 17px;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        width: 99px;
        height: 30px;
        line-height: 30px;
        background: #159bff;
        border-radius: 15px;
        /*display: block;*/
        font-family: "SourceHanSansSC-Regular";
    }

    .menuImg{
        position: absolute;
        width: 24px;
        top: 10px;
        left: 16px;
        display: block;
    }

    .closeBtn{
        z-index: 97;
        position: absolute;
        width: 24px;
        height: 24px;
        top: 9px;
        right: 64px;
        font-size: 24px;
        margin-left: 50px;
        /*display: none;*/
    }

    .loginNavBtn{
        display: none;
    }

    .loginNavBtn2{
        display: block;
    }


    /*脚部*/
    .footer{
        background: #333333;
        width: 100%;
        height: 319px;
        padding-bottom: 30px;
    }

    .footerBanner{
        width: 100%;
        height: 203px;
        background: #F7F9FC;
    }

    .footerBanner2{
        width: 100%;
        /*height: 199px;*/
        height: 210px;
        background: #159bff;
        position: relative;
    }

    .footerBannerImg{
        height: 203px;

        /*background-position: bottom;*/
        /*background-repeat: no-repeat;*/
        /*background-image: url(../img/footer/footerxd.png);*/
        background: url(../img/footer/footerxd2.png) no-repeat center bottom;
        background-size: 100%;
    }

    .footerBannerP{
        font-weight: bold;
        padding-top: 26px;
        text-align: center;
        font-size: 14px;
        color: #000000;
        font-family: "SourceHanSansSC-Normal";
    }

    .footerBannerP2{
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 15px;
        text-align: center;
        font-size: 13px;
        color: #000000;
        font-family: "SourceHanSansSC-Regular";
    }

    .footBannerImg{
        width: 570px;
        height: 499px;

    }
    .footBannerBox{
        width: 0px;
        float: none;
        display: none;
    }

    .footBannerBox2{
        /*width: 375px;*/
        width: 100%;
        float: none;
    }

    .footBannerP{
        text-align: center;
        font-size: 18px;
        padding-top: 28px;
        margin-top: 0px;
        color: #ffffff;
        font-family: "SourceHanSansSC-Regular";
    }

    .footerLoginBtn{
        margin: 0 auto;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        line-height: 35px;
        width: 92px;
        height: 35px;
        background: #159bff;
        border-radius: 43px;
        font-family: "SourceHanSansSC-Regular";
        box-shadow: 0px 2px 10px 0px rgba(0,110,211,0.16);
    }
    .downloadBox{
        display: flex;
        margin-top: 10px;
        justify-content: center;
    }
    .appBox{
        width: 77px;
        height: 26px;
        line-height: 26px;
        border: 1px solid #ffffff;
        border-radius: 7px;
        text-align: center;
        font-size: 12px;
        color: #ffffff;
        font-family: "SourceHanSansSC-Regular";
    }

    .appBoxR{
        margin-right: 61px;
    }

    .appletsBox{
        width: 77px;
        height: 26px;
        line-height: 26px;
        border: 1px solid #ffffff;
        border-radius: 7px;
        text-align: center;
        font-size: 12px;
        color: #ffffff;
        font-family: "SourceHanSansSC-Regular";
    }

    .codeColumn{
        display: flex;
        margin-top: 10px;
        justify-content: center;
    }

    .codeCodeR{
        margin-right: 66px;
    }


    .CodeAPP{
        width: 68px;
        height: 69px;
    }

    .codeCode{
        width: 68px;
        height: 69px;
        background: #ffffff;
        border-radius: 6px;
    }
    .develop-display{
        display: block;
    }
    .develop{
        margin-top: 0px;
        font-size: 10px;
        padding-left: 25%;
        font-family: "SourceHanSansSC-Regular";
    }
    .phoneLoginDiv{

    }

    .phoneLoginDiv{
        background-color: RGB(255,255,255,0.5);
        height: 44px;
        width: 100%;
        position: fixed;
        bottom: 0px;
        left: 0;
        right: 0;
        transition: bottom 0.5s;
        /*display: block;*/
        /*padding: 7px 0;*/
        /*opacity: 0.5;*/
    }

    .phoneLoginBox{
        box-sizing: border-box;
        padding: 7px 0;
    }

    .phoneLoginBox2{
        display: block;
        text-align: center;
        width: 207px;
        height: 30px;
        line-height: 30px;
        background: #3043ed;
        border-radius: 15px;
        font-size: 14px;
        color: #ffffff;
        margin: 0 auto;
        font-family: "SourceHanSansSC-Regular";
    }

    .detailsBox{
        width: 600px;
        float: none;
        position: relative;
        display: none;
    }
    .detailsBox2{
        width: 600px;
        float: none;
        display: none;
    }

    .detailsPosition{
        padding-top: 98px;

        /*display: inline-block;*/
    }

    .detailsPosition2{
        top: 98px;
        line-height: 30px;
        width: 250px;
        position: absolute;
        display: inline-block;
        left: 50px;
    }

    .detailsLogo{
        position: absolute;
        display: inline-block;
        margin-right: 10px;
        /*padding-top: 98px;*/
        width: 46px;
        height: 46px;
        vertical-align: middle;
    }

    .detailsFlex{
        display: flex;
        justify-content: space-around;
    }
    .detailsP{
        position: absolute;
        /*margin-top: 94px;*/
        text-align: left;
        font-size: 24px;
        color: #159bff;
        font-family: "SourceHanSansSC","FZHT";
    }

    .detailsP2{
        position: absolute;
        top: 21px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
        font-family: "SourceHanSansSC","FZHT";
    }

    .relevantBox{

    }

    .wrap2-left{
        padding-left: 15px;
        box-sizing: border-box;
    }
    .relevantP{
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 5px;
        padding-top: 30px;
        font-family: "SourceHanSansSC-Regular";
    }

    .relevantP2{
        color: #ffffff;
        font-size: 10px;
        font-family: "SourceHanSansSC-Light";

    }

    .relevantPRight{
        margin-right: 20px;
    }

    .relevantPWidth{
        width: 0px;
    }

    .relevantInsideBox{
        display: flex;
        /*margin-bottom: 5px;*/
    }

    .contactP{
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 5px;
        padding-top: 15px;
        font-family: "SourceHanSansSC-Regular";
    }

    .contactP2{
        color: #ffffff;
        font-size: 10px;
        font-family: "SourceHanSansSC-Light";
    }

    .contactPBottom{
        margin-bottom: 5px;
    }

    .contactPWidth{
        width: 100%;
    }

    .contactBox{

    }
    .publicBox{

    }

    .publicP{
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 5px;
        padding-top: 15px;
        font-family: "SourceHanSansSC-Regular";
    }

    .publicCode{
        width: 55px;
        height: 55px;
        background: #ffffff;
        border-radius: 6px;
    }

    .publicCodeImg{
        width: 55px;
    }

    .remarksBox{
        /*padding-top: 30px;*/
        padding-top: 10px;

    }

    .Links{
        display: none;
        font-size: 12px;
        text-align: center;
        color: #ffffff;
        font-family: "SourceHanSansSC-Light";

    }
    .remarks{
        padding-left: 15px;
        margin-top: 0px;
        font-size: 12px;
        text-align: center;
        color: #ffffff;

        font-family: "SourceHanSansSC-Light";
    }

.touchDiv{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0px;
    left: 0;
    background: #f3f3f3;
    overflow-x: hidden;
    background: RGB(255,255,255,0);
    /*transition: 0.5s;*/
    /*padding-top: 60px;*/
}

.fr{
    float: none;
}
}

/*iPad端*/
@media (max-width: 1024px) {
    /*.wrap3{*/
        /*width: 768px;*/
        /*margin: 0 auto;*/
    /*}*/





















    /*.closeBtn{*/
        /*display: none;*/
    /*}*/

    /*.menuImg{*/
        /*display: none;*/
    /*}*/

    /*.wrap2{*/
        /*display: none;*/
    /*}*/

    /*.relevantInline{*/
        /*display: none;*/
    /*}*/

    /*.wrap2-left{*/
        /*display: none;*/
    /*}*/

    /*.bannerBtn{*/
        /*display: none;*/
    /*}*/

    /*.loginNavBtn{*/
        /*display: block;*/
    /*}*/

    /*.loginNavBtn2{*/
        /*display: none;*/
    /*}*/

    /*.banner2{*/
        /*display: none;*/
    /*}*/

}