* {
    margin: 0px;
    padding: 0px;
    /* font-family: SimSun; */
}

body,html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    font-family: "MicrosoftYaHei", "PingFangSC,宋体,Arial,sans-serif";
    overflow: hidden;
    /* background-color: #0F188E; */
}

.page {
    width: 750px;
    height: 1624px;
    position: absolute;
    overflow: hidden;
    top: 0;
    /* display: none; */
}

.bg,
.content {
    width: 750px;
    height: 1624px;
    position: absolute;
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
}

.bg {
    /* z-index: 100; */
}

.scroll {
    width: 750px;
    height: 1624px;
    overflow-y: auto;
    position: absolute;
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -webkit-overflow-scrolling: touch;
}

.h-center {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.v-center {
    top: 0;
    bottom: 0;
    margin: auto;
}

.container {
    position: absolute;
    background-color: #fff;
}

.page-hide {
    display: none;
}

.abs {
    position: absolute;
}

.center {
    left: 0px;
    right: 0px;
    margin: auto;
}

.swiper-container,
.swiper-wrapper {
    width: 100%;
    height: 100%;
    background-color: #0F188D;
}

.load-page {
    width: 750px;
    height: 1624px;
    background-size: 100% 100%;
    z-index: 1000;
    background: #61caf5;
}

.load-page p {
    font-family: "Microsoft YaHei";
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-top: 480px;
}

img {
    width: 100%;
    height: 100%;
}

.music-icon {
    width: 60px;
    height: 60px;
    top: 25px;
    right: 25px;
    z-index: 100;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.music-open {
    animation: rotate 9.5s linear infinite;
}





/***第二页***/
.logo-commit {
    width: 143px;
    height: 144px;
    left: 58px;
    top: 38px;
    background: url('../img/logo2.png') no-repeat;
    background-size: 100% 100%;
}

.page-second .bg-meidio {
    width: 750px;
    height: 604px;
    left: 0px;
    top: 482px;
    background: url('../img/icon-page-2.png') no-repeat;
    background-size: 100% 100%;
}

.page-second .bg-bot {
    width: 750px;
    height: 352px;
    left: 0px;
    top: 30px;
    background: url('../img/icon-page-2b.png') no-repeat;
    background-size: 100% 100%;
}






/* iphonex */




/***第三页***/





/* 第三个页面inphonx */


/* 第4个页面 */





.page4-word1 {
    font-size: 63px;
    font-weight: bold;
    background-image: linear-gradient(to bottom right, #7811af, #0524a7);
    -webkit-background-clip: text;
    color: transparent;
}



.comit-color {
    font-size: 27px;
    font-weight: bold;
    color: #0424a7;
    top: 206px;
}




/* 第五页面 */




.page6-ul {

    display: flex;
    width: 680px;
    margin: auto;
    left: 50%;
    margin-left: -340px;
    justify-content: space-between;
}

.page6-ul.page6-ul1 {
    top: 400px;
}

.page6-ul.page6-ul2 {
    top: 800px;
}

.page6-ul.page6-ul3 {
    top: 1200px;
}

.page6-li {
    width: 310px;
    /* flex: 1; */
}

.page6-titletext1 {
    font-size: 32px;
    color: #0424a7;
    font-weight: 700;
    text-align: center;
    margin-top: 21px;
}

.page6-titletext2 {
    font-size: 18px;
    color: #0424a7;
    text-align: center;
    margin-top: 10px;
}

.commit-bot {
    width: 750px;
    height: 570px;
    bottom: 0px;
    left: 0;
    background: url('../img/commit-bot1.png') no-repeat;
    background-size: 100% 100%;
}

.li-img {
    width: 275px;
    height: 275px;
    margin: auto;

}

.li-pic1 {
    background: url('../img/icon-page6-1.png') no-repeat;
    background-size: 100% 100%;
}

.li-pic2 {
    background: url('../img/icon-page6-2.png') no-repeat;
    background-size: 100% 100%;
}

.li-pic3 {
    background: url('../img/icon-page6-3.png') no-repeat;
    background-size: 100% 100%;
}

.li-pic4 {
    background: url('../img/icon-page6-4.png') no-repeat;
    background-size: 100% 100%;
}

.li-pic5 {
    background: url('../img/icon-page6-6.png') no-repeat;
    background-size: 100% 100%;
}

.li-pic6 {
    background: url('../img/icon-page6-7.png') no-repeat;
    background-size: 100% 100%;
}



.color-title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    top: 105px;
    left: 54px;
}

.tatble-td1 {
    left: 45px;
    top: 184px;
}

.tatble-td2 {
    left: 38px;
    top: 264px;
}

.tatble-td3 {
    left: 38px;
    top: 344px;
}

.tatble-td4 {
    left: 38px;
    top: 424px;
}

.tatble-td5 {
    left: 38px;
    top: 504px;
}

.tatble-td6 {
    left: 38px;
    top: 584px;
}

.color-title2 {
    font-size: 27px;
    color: #fff;
    font-weight: 700;
    top: 43px;
    left: 230px;
}

.tatble2-td1 {
    top: 149px;
    left: 203px;
    color: #000;

}

.tatble2-td2 {
    top: 263px;
    left: 270px;
    color: #000;
}

.tatble2-td3 {
    top: 368px;
    left: 260px;
    color: #000;
}

.tatble2-td4 {
    top: 460px;
    left: 217px;
    color: #000;
}

.tatble2-td5 {
    top: 580px;
    left: 189px;
    color: #000;
}

.tatble2-td6 {
    top: 678px;
    left: 174px;
    color: #000;
}

.color-title3 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    top: 105px;
    left: 450px;
}

.tatble3-td1 {
    top: 182px;
    left: 450px;


}

.tatble3-td2 {
    top: 264px;
    left: 477px;

}

.tatble3-td3 {
    top: 345px;
    left: 466px;

}

.tatble3-td4 {
    top: 420px;
    left: 477px;

}

.tatble3-td5 {
    top: 489px;
    left: 435px;

}

.tatble3-td6 {
    top: 580px;
    left: 450px;

}

.color-title4 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    top: 105px;
    left: 622px;
}

.tatble4-td1 {
    top: 182px;
    left: 603px;


}

.tatble4-td2 {
    top: 264px;
    left: 650px;

}

.tatble4-td3 {
    top: 345px;
    left: 640px;

}

.tatble4-td4 {
    top: 420px;
    left: 640px;

}

.tatble4-td5 {
    top: 489px;
    left: 640px;

}

.tatble4-td6 {
    top: 580px;
    left: 622px;

}


/* 第五页面inphonex */
.commit-top3.commit-top3x {
    top: 0;
}

/* .page5-title.page5-titlex{
    top: 55px
 } */
.icon-page-5.icon-page-5x {

    width: 635px;
    left: 58px;
}

.color-title.color-titlex {

    left: 49px;
}

.tatble-td1.tatble-td1x {
    left: 40px;

}

.tatble-td2.tatble-td2x {
    left: 33px;

}

.tatble-td3.tatble-td3x {
    left: 33px;

}

.tatble-td4.tatble-td4x {
    left: 33px;

}

.tatble-td5.tatble-td5x {
    left: 33px;

}

.tatble-td6.tatble-td6x {
    left: 33px;

}

.color-title2.color-title2x {

    left: 190px;
}

.tatble2-td1.tatble2-td1x {

    left: 163px;


}

.tatble2-td2.tatble2-td2x {

    left: 230px;

}

.tatble2-td3.tatble2-td3x {

    left: 220px;

}

.tatble2-td4.tatble2-td4x {

    left: 177px;

}

.tatble2-td5.tatble2-td5x {

    left: 142px;

}

.tatble2-td6.tatble2-td6x {

    left: 136px;

}

.color-title3.color-title3x {


    left: 377px;
}

.tatble3-td1.tatble3-td1x {

    left: 377px;


}

.tatble3-td2.tatble3-td2x {

    left: 404px;

}

.tatble3-td3.tatble3-td3x {

    left: 389px;

}

.tatble3-td4.tatble3-td4x {

    left: 404px;

}

.tatble3-td5.tatble3-td5x {

    left: 368px;

}

.tatble3-td6.tatble3-td6x {

    left: 373px;

}

.color-title4.color-title4x {


    left: 519px;
}

.tatble4-td1.tatble4-td1x {

    left: 500px;


}

.tatble4-td2.tatble4-td2x {

    left: 547px;

}

.tatble4-td3.tatble4-td3x {

    left: 537px;

}

.tatble4-td4.tatble4-td4x {

    left: 537px;

}

.tatble4-td5.tatble4-td5x {

    left: 537px;

}

.tatble4-td6.tatble4-td6x {

    left: 519px;

}

.page5-word1.page5-word1x {
    font-size: 27px;
    font-weight: 700;
    top: 463px
}

.page5-word2.page5-word2x {
    font-size: 27px;

    top: 497px;


}

/* 第6个页面 */
.commit-top4 {
    width: 750px;
    height: 700px;
    top: 0px;
    left: 0;
    background: url('../img/commit-top4.png') no-repeat;
    background-size: 100% 100%;
}




/* 第7个页面 */


.

/* 第8页 */
.commit-top6 {
    width: 750px;
    height: 700px;
    top: 0px;
    left: 0;
    background: url('../img/commit-top6.png') no-repeat;
    background-size: 100% 100%;
}

.page8-title {

    color: #fff;
    font-weight: 700;
    top: 105px;
    left: 45px;
}

.fz24 {
    font-size: 24px;

}

.color-td1 {
    color: #626262;
}

.page8-td1 {

    left:35px;
    top: 185px;
}

.page8-td2 {
    left: 25px;
    top: 264px;
}

.page8-td3 {
    left: 25px;
    top: 344px;
}

.page8-td4 {
    left: 25px;
    top: 424px;
}

.page8-td5 {
    left: 25px;
    top: 504px;
}

.page8-td6 {
    left:25px;
    top: 582px;
}

.page8-td7 {
    left: 25px;
    top: 662px;
}

.color-td2 {
    color: #000;
}

.page8-title2 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    top: 43px;
    left: 324px;

}

.fz24 {
    font-size: 24px;
}

.page8c-td2 {

    top: 140px;
    left: 165px;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
}

.page8c-td3 {

    top: 266px;
    left: 201px;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
}

.page8c-td4 {

    top: 362px;
    left: 167px;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
}

.page8c-td5 {

    top: 480px;
    left: 214px;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
}

.page8c-td6 {

    top: 576px;
    left: 180px;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
}

.page8c-td7 {
    top: 687px;
    left: 218px;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
}

.page8c-td8 {
    top: 784px;
    left: 211px;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
}



/* 第8页iphonex */
.commit-top6.commit-top6x {
    top: 0;
}

.icon-page-8.icon-page-8x {
    /* top: 420px; */
}

/* 第9页 */
.commit-top7 {
    width: 750px;
    height: 715px;
    top: 0px;
    left: 0;
    background: url('../img/commit-top7.png') no-repeat;
    background-size: 100% 100%;
}

.page-sixth h1,
.page-sixth h3,
.page-sixth h6,
.page-forth h1,
.page-forth h3,
.page-forth h6 {
    text-align: right;
    width: 100%;
}

.title {
    color: #fff;
    font-size: 64px;
    text-align: center;
    width: 100%;
    top: 400px;
}

.btn-free {

    width: 588px;
    height: 83px;
    box-sizing: border-box;
    padding: 1px;
    font-size: 40px;
    line-height: 83px;
    background: url('../img/btn2.png')no-repeat;
    background-size: 100% 100%;
}

.color-btn {
    /* width: 100%;
    height: 100%;
    border-radius: 80px;
    background: #fff; */
    background-image: linear-gradient(to bottom right, #0524a7, #7811af);
    -webkit-background-clip: text;
    color: transparent;
}

.username {
    width: 600px;

    border-bottom: 1px solid #fff;
    font-size: 40px;
    color: #fff;
}




input {
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: transparent;
    border: 1px;
    outline: none;
    font-size: 29px;
    color: #fbb040;
}

.input2 {
    width: 330px;
}

input::-webkit-input-placeholder {
    color: #b3b7ff;
}

.img-true {
    position: absolute;
    left: -50px;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 32px;
    background: url('../img/true.png') no-repeat;
    background-size: 100% 100%;
}

.img-false {
    position: absolute;
    left: -50px;
    top: 32px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../img/false.png') no-repeat;
    background-size: 100% 100%;
}

.name-false {
    display: none;
}

.tel-false {
    display: none;
}

.code-false {
    display: none;
}

.code-true {
    display: none;
}

#code {
    position: absolute;
    width: 200px;
    right: 0;
    bottom: 0;
    border-radius: 80px;
}

/* 弹窗 */
.up-box {
    display: none;
    width: 700px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -125px;
    padding: 15px;
    padding-top: 30px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    font-size: 40px;
    border: 1px solid #0a23a8;

}

.close-btn {
    width: 200px;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #3da4e8;
    border-radius: 10px;
    margin: auto;
    margin-top: 20px;
    cursor: pointer;
}

.icon-top {
    width: 62px;
    height: 65px;
    bottom: 68px;
    right: -30px;
    background: url('../img/commit-btn2.png')no-repeat;
    background-size: 100% 100%;
    z-index: 1000;

}

.btns-use {
    width: 62px;
    height: 165px;
    bottom: 150px;
    right: -30px;
    background: url('../img/commit-btn1.png')no-repeat;
    background-size: 100% 100%;
    z-index: 1000;
}

.btn-pc {
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #b3b7ff;
    bottom: 20px;
}

a {
    color: #b3b7ff;
    text-decoration: none;
}

/* 第九页留资修改 */
.content-box {
    position: absolute;
    width: 100%;
    top: 160px;
    left: 50%;
    text-align: center;
    transform: translate(-50%, 0%);
}


.mt20 {
    margin-top: 30px;
}

select {
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 29px;

    border: 0;
    background-color: transparent;
    color: #b3b7ff;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.input-w {
    position: relative;
    width: 597px;
    height: 100px;
    border-bottom: 1px solid #b3b7ff;
    font-size: 29px;
    box-sizing: border-box;

}

.code-btn {
    width: 200px;
    height: 48px;
    line-height: 48px;
    right: 0;
    top: 27px;
    border-left: 1px solid #a4a4a4;
    color: #b3b7ff;
    padding-right: 14px;
    cursor: pointer;
    padding-left: 12px;
}

.textarea {
    width: 100%;
    height: 187px;

    background-color: transparent;
    border: 0;

    color: #a4a4a4;
    outline: none;
    font-size: 29px;

}

#textarea {
    height: 140px;
    line-height: 50px;
    padding-top: 10px;
}

textarea::-webkit-input-placeholder {
    color: #b3b7ff;
}

.codenone {
    display: none;
}

.code-btn2 {
    width: 200px;
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 20px;
    margin: auto;
}

/* swiper点 */
.swiper-container-vertical>.swiper-pagination-bullets {
    top: 90px !important;
}

.container .swiper-pagination-bullet {
    background: #fff;
}

.container .bullet .swiper-pagination-bullet {

    background: #d4d4d4;
}

.container .swiper-pagination-bullet-active {
    background: #fff;
}

.container .bullet .swiper-pagination-bullet-active {

    background: #b3b3b3;
}

.icon-new {
    top: 1390px;
    width: 40px;
    height: 40px;
}

.icon-s {
    width: 20px;
    height: 13px;
    right: 30px;
    top: 45px;
    background: url('../img/page-icon.png')no-repeat;
    background-size: 100% 100%;
}

.border-box {
    width: 100%;
    height: 100%;
  
    /* background: #fff; */
}

/* 第9页面inphonx */
.commit-top7.commit-top7x {
    top: 0;
}

/* 日志 */
.mask-log {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .8)
}

.up-log {
    position: absolute;

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;

}

.up-log .titlelog {
    position: relative;
    padding: 20px 20px 10px;
    line-height: 24px;
    font-size: 18px;
    color: #303133;
}

.up-log .close-log {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    right: 0;
    top: 0;
    cursor: pointer;
}

.log-content {
    flex: 1;
    overflow: hidden;
    overflow-y: scroll;
}

.log-content a {
    text-decoration: none;
    color: #3d5acf;
}

.log-content .lists {
    width: 750px;
    padding-top: 37px;
    margin-left: 10px;
    border-left: 1px solid #ddd;
}

.log-content .lists .list {
    border-top: 1px solid #eee;
    position: relative;
    padding-left: 30px;
    padding-bottom: 75px;
    box-sizing: border-box;

}

.log-content .lists .list .dot {
    position: absolute;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
    background-color: #3d5acf;
    border-radius: 50%;
    z-index: 1;
}

.log-content .lists .list .date {
    position: absolute;
    left: 29px;
    top: 10px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #999;
}

.log-content .lists .list .title {
    position: absolute;
    width: auto;
    left: 0;
    top: -13px;
    display: block;
    padding-right: 20px;

    height: 25px;
    line-height: 25px;
    background: #fff;
    font-size: 14px;
    color: #666;
    text-indent: 30px;
    font-size: 16px;
    color: #333;
}

.log-content .lists .list .dl-content dl {
    overflow: hidden;
    padding-top: 20px;
}

.log-content .lists .list .dl-content dl dt {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}

.log-content .lists .list .dl-content dl dd {
    font-size: 12px;
    color: #999;
    line-height: 25px;
    margin-left: 12px;
    max-width: 310px;
    word-break: break-all
}

.btn-freenew {
    position: absolute;
    top: 1320px;
    width: 597px;
    height: 80px;
    box-sizing: border-box;
    padding: 1px;
    border-radius: 80px;
    font-size: 40px;
    line-height: 78px;
    text-align: center;
    background-image: -webkit-linear-gradient(left, #7811af 50%, #0524a7 90%);
    background-image: -moz-linear-gradient(left, #7811af 50%, #0524a7 90%);
    background-image: linear-gradient(left, #7811af 50%, #0524a7 90%);
    /* margin: 100px; */
    margin: auto;
}

.btn-freenew2 {
    position: absolute;
    top: 1210px;
    width: 597px;
    height: 80px;

    /* margin: 100px; */
    /* margin: auto; */
}

.btn-left {
    display: inline-block;

    width: 280px;
    height: 80px;
    box-sizing: border-box;
    padding: 1px;
    border-radius: 80px;
    font-size: 40px;
    line-height: 78px;
    text-align: center;
    background-image: -webkit-linear-gradient(left, #7811af 50%, #0524a7 90%);
    background-image: -moz-linear-gradient(left, #7811af 50%, #0524a7 90%);
    background-image: linear-gradient(left, #7811af 50%, #0524a7 90%);
    /* margin: 100px
    margin: auto; */
}

.btn-right {
    display: inline-block;
    width: 280px;
    box-sizing: border-box;
    padding: 1px;
    border-radius: 80px;
    font-size: 40px;
    line-height: 78px;
    text-align: center;
    margin-left: 30px;
    background-image: -webkit-linear-gradient(left, #7811af 50%, #0524a7 90%);
    background-image: -moz-linear-gradient(left, #7811af 50%, #0524a7 90%);
    background-image: linear-gradient(left, #7811af 50%, #0524a7 90%);
}

.btn-freenew3 {

    top: 1160px;

}

.btn-freenew4 {

    top: 1259px;

}

.border-boxnew {
    width: 100%;
    height: 100%;
    border-radius: 80px;
    background: #fff;
}

.color-btnnew {
    width: 100%;
    display: inline-block;
    /* width: 100%;
    height: 100%;
    border-radius: 80px;
    background: #fff; */
    background-image: linear-gradient(to bottom right, #0524a7, #7811af);
    -webkit-background-clip: text;
    color: transparent;
}

.color-btnnew2 {
    /* width: 100%;
    height: 100%;
    border-radius: 80px;
    background: #fff; */
    width: 100%;
    display: inline-block;
    background-image: linear-gradient(to bottom right, #0524a7, #7811af);
    -webkit-background-clip: text;
    color: transparent;
}

/* 关于 */
.mask-log2 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #fff;
}

.mask-log2 .up-log2 {
    position: absolute;
    width: 100%;
    height: 100%;

    background-color: #F2F2F2;
    overflow-y: scroll;
}
.up-log2 .btn{
    
    position: absolute;
    width: 501px;
    height:76px ;
    bottom: 90px;
    left: 50%;
    margin-left: -250px;
    
}

.mask-log2 .up-log2 .titlelog {
    position: relative;
    padding: 20px 20px 10px;
    line-height: 24px;
    font-size: 18px;
    color: #303133;
}

.mask-log2 .up-log2 .close-log2 {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    right: 0;
    top: 0;
    cursor: pointer;
}

.mask-log2 .log-content2 {
    width: 95%;
    font-size: 13px;
    color: #666666;
    margin: auto;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    padding-bottom: 30px;
}

.textcener {
    text-align: center;

}

.fw700 {
    font-weight: 700;
}

.fz20 {
    font-size: 20px;
}

.mt30 {
    margin-top: 30px;
    color: #000;
}

.log-content2 .company {
    font-weight: 700;
    font-style: normal;
    font-size: 19px;
    color: #333333;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 45px;
}

.mask-log3 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .6)
}

.mask-log3 .up-log3 {
    position: absolute;
    box-sizing: border-box;
    padding-top: 80px;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 770px;
    background-color: #fff;
}

.mask-log3 .up-log3 .wen-hao {
    width: 110px;
    height: 111px;
    margin: auto;
    background: url('../img/wenhao.png')no-repeat;
    background-size: 100% 100%;
}

.mask-log3 .up-log3 .up-text1 {
    margin-top: 70px;
    font-size: 47px;
    font-weight: 700;
}

.mask-log3 .up-log3 .up-text2 {
    width: 636px;
    font-size: 27px;
    line-height: 50px;
    margin: auto;
    margin-top: 70px;
}

.mask-log3 .up-log3 .btn-ups {
    margin-top: 115px;
}

.mask-log3 .up-log3 .btn-ups .btn-up2 {
    display: inline-block;
    width: 282px;
    height: 79px;
    background: url('../img/btn-up2.png')no-repeat;
    background-size: 100% 100%;
}

.mask-log3 .up-log3 .btn-ups .btn-up1 {
    display: inline-block;
    width: 282px;
    height: 79px;
    margin-left: 50px;
    background: url('../img/btn-up1.png')no-repeat;
    background-size: 100% 100%;
}

.mask-log3 .up-log4 {
    position: absolute;
    box-sizing: border-box;
    padding-top: 80px;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 770px;
    background-color: #fff;
}

.mask-log3 .up-log4 .wen-hao {
    width: 110px;
    height: 111px;
    margin: auto;
    background: url('../img/wenhao2.png')no-repeat;
    background-size: 100% 100%;
}

.mask-log3 .up-log4 .up-text1 {
    margin-top: 70px;
    font-size: 47px;
    font-weight: 700;
}

.mask-log3 .up-log4 .up-text2 {
    width: 636px;
    font-size: 27px;
    line-height: 50px;
    margin: auto;
    margin-top: 70px;
}

.mask-log3 .up-log4 .btn-ups {
    margin-top: 115px;
}

.mask-log3 .up-log4 .btn-ups .btn-up3 {
    display: inline-block;
    width: 282px;
    height: 79px;
    background: url('../img/btn-up3.png')no-repeat;
    background-size: 100% 100%;
}

.erro-msg {
    position: fixed;
    top: -150px;
    width: 600px;
    line-height: 100px;
    left: 50%;
    margin-left: -300px;
    background-color: #FEF0F0;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: red;
    z-index: 1000;

}

.sucess-msg {
    position: fixed;
    top: -150px;
    width: 600px;
    line-height: 100px;

    left: 50%;
    margin-left: -300px;
    background-color: #F0F9EB;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #67C23A;
    z-index: 1000;

}

.anima {
    animation: msg 4s 1;
}

@keyframes msg {
    0% {
        top: -150px;
    }

    15% {
        top: 400px;
    }

    50% {
        top: 400px;
    }

    85% {
        top: 400px;
    }

    100% {
        top: -150px
    }
}


/* 新版样式修改 */

/***首页***/




.page-first .word .dot {
    position: absolute;
    color: red;
    font-size: 60px;
    top: -44px;
    /* left: 258px; */
    right: 0;
}

.page-first .line-bg {
    /* display: block; */
    width: 100%;
    height: 100%;
    top: 145px;
    left: 0;
    background: url('../img/bgpage1.png') no-repeat;
    background-size: 100% 100%;
}



/* .page-first .word .word-color2 {

    border-radius: 13px;
    width: 50px;

    display: inline-block;
    color: #fff;
    margin-left: 3px;
    text-align: center;
    padding: 2px 3px;
} */






.icon-next {
    background: url('../img/icon-next.png') no-repeat;
    background-size: 100% 100%;
    width: 47px;
    height: 47px;
    top: 1500px;
}

.icon-next2 {
    background: url('../img/icon-next.png') no-repeat;
    background-size: 100% 100%;
    width: 47px;
    height: 47px;
    top: 1560px;
}

.icon-next3 {

    top: 1510px;
}

.content-page1 {
    position: absolute;
    width: 750px;
    height: 1029px;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}




.btn-use.btn-usex {
    top: 1386px;
}

.logo-commit {
    width: 176px;
    height: 55px;
    left: 34px;
    top: 47px;
    background: url('../img/logo.png')no-repeat;
    background-size: 100% 100%;
}

.commit-nav {
    width: 49px;
    height: 38px;
    right: 34px;
    top: 58px;
    background: url('../img/nav1.png')no-repeat;
    background-size: 100% 100%;
    z-index: 100;
}

.logo {
    background: url('../img/logo.png') no-repeat;
    background-size: 100% 100%;
    width: 322px;
    height: 105px;
    left: 0px;
    top: 430px;
}

.page-first .word-2 {
    color: #fbb040;
    text-align: center;
    top: 765px;


}

.page-first .word-2 .title1 {

    text-align: center;
    font-size: 80px;
    font-weight: 700;
}

.page-first .word-2 .title2 {

    text-align: center;
    font-size: 53px;
    font-weight: 700;
}

.page-first .word {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background-color: #141A88;
    /* width: 285px; */
    display: inline-block;
    white-space: nowrap;
    border-radius: 33px;
    top: 980px;
    font-size: 22px;
    padding: 10px 14px;
    text-align: center;
    padding-left: 14px;

}

.page-first .btn-use {
    width: 588px;
    height: 86px;
    top: 1410px;
    background: url('../img/btn.png') no-repeat;
    background-size: 100% 100%;
}

/* iphonex*/
.line-bg.line-bgx {
    top: 0;
}

.logo-commit.logox {
    top: 47px
}

.commit-nav.commit-navx {
    top: 58px
}

.logo.logox2 {

    top: 348px;
}

.page-first .word-2.word-2x {

    top: 630px;
}

.page-first .word.wordx {

    top: 850px;
}

/* 公用菜单 */
.maske-log4 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .8);
}

.maske-log4 .right-content {
    width: 486px;
    height: 100%;
    background-color: #fff;
    right: 0;
    box-sizing: border-box;
    padding: 46px 0 0 34px;
}

.maske-log4 .right-content .maske-erro {
    width: 25px;
    height: 25px;
    background: url("../img/maske-erro.png")no-repeat;
    background-size: 100% 100%;
}

.maske-log4 .right-content .erro-btn {
    top: 0;
    left: 0;
    width: 63px;
    height: 71px;


}

.maske-log4 .right-content .list {
    display: block;
    width: 100%;
    height: 99px;
    line-height: 99px;
    color: #333333;
    font-size: 26px;
    border-bottom: 1px solid #E8E8E8;

}

.maske-log4 .right-content .list .maske-j {
    float: right;
    width: 14px;
    height: 23px;
    background: url("../img/maske-j.png")no-repeat;
    background-size: 100% 100%;
    margin-top: 38px;
    margin-right: 35px;
}

/* 第二个页面 */

.bgpage2 {
    width: 100%;
    height: 100%;
    top: 145px;
    left: 0;
    background: url('../img/bgpage2.png')no-repeat;
    background-size: 100% 100%;
}

.page2-tielt {
    top: 299px;
    width: 100%;
    font-size: 80px;
    color: #fbb040;
    font-weight: bold;
    /* font-weight: 700; */
    text-align: center;
}

.page2-addnum {
    top: 426px;
    width: 100%;
    font-size: 128px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.page2-word1 {
    font-size: 20px;
    width: 100%;
    text-align: center;
    top: 596px;
    color: #b3b7ff;
}

.page2-word2 {
    font-size: 20px;
    width: 100%;
    text-align: center;
    top: 625px;
    color: #b3b7ff;
}

.accumulate {
    top: 769px;
    left: 0px;
    font-size: 39px;
    font-weight: bold;
    color: #fbb040;
}

.accumulate-num {
    top: 834px;
    left: 2px;
    font-size: 90px;
    color: #fff;
}

.page2-word3 {
    font-size: 20px;
    top: 955px;
    left: 18px;
    color: #b3b7ff;
}

.accumulate-rihgt {
    top: 769px;
    right: 0px;
    font-size: 39px;
    font-weight: bold;
    color: #fbb040;
}

.accumulate-numrihgt {
    top: 834px;
    right: 15px;
    font-size: 90px;
    color: #fff;
}



.page2-word4 {
    font-size: 20px;
    top: 955px;
    right: 52px;
    color: #b3b7ff;
}

.page2-bottom {
    width: 487px;
    height: 368px;
    background: url('../img/page-bottom.png')no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    left: 50%;
    margin-left: -243.5px;
    color: #b3b7ff;
    font-size: 16px;
}

.page2-word5 {
    font-size: 23px;
    top: 22px;
    left: -14px;
    font-weight: bold;
}

.page2-word6 {

    top: 60px;
    left: -38px;

}

.page2-word7 {

    top: 88px;
    left: 12px;

}

.page2-word8 {

    top: 116px;
    left: -20px;

}

.page2-word9 {

    font-size: 23px;
    top: 22px;
    left: 400px;
    font-weight: bold;
    white-space: nowrap;

}

.page2-word10 {

    top: 60px;
    left: 400px;
    white-space: nowrap;
}

.page2-word11 {

    top: 88px;
    left: 400px;
    white-space: nowrap;

}

.page2-word12 {

    top: 116px;
    left: 400px;
    white-space: nowrap;
}

/* inpone */
.bgpage2.bgpage2x {
    top: 0;
}



.page2-word1.page2-word1x {
    top: 468px;

}

.page2-word2.page2-word2x {
    top: 512px;

}

.page2-word3.page2-word3x {


    left: 86px;
}

.page2-word4.page2-word4x {

    right: 118px;

}

.accumulate.accumulatex {

    left: 60px;

}

.accumulate-num.accumulate-numx {

    left: 90px;
    font-size: 71px;
}

.accumulate-rihgt.accumulate-rihgtx {

    right: 60px;

}

.accumulate-numrihgt.accumulate-numrihgtx {

    right: 102px;
    font-size: 71px;
}

/* 第三页面 */
.page3-icon {
    width: 647px;
    height: 626px;
    right: 0;
    bottom: 0;
    background: url("../img/page3-icon.png");
    background-size: 100% 100%;
}

.page3-word1 {
    left: 55px;
    top: 295px;
    font-size: 80px;
    font-weight: bold;
    color: #fbb040;

}

.page3-word2 {
    left: 55px;
    top: 390px;
    font-size: 53px;
    color: #fff;
}

.page3-word3 {
    width: 592px;
    left: 55px;
    top: 542px;
    font-size: 27px;
    color: #fff;
}

.page3-word4 {
    width: 592px;
    left: 55px;
    top: 661px;
    font-size: 27px;
    color: #fff;
}

.page3-word4 .word-mt {
    margin-top: 18px;
}

.page3-word5 {
    width: 626px;
    left: 55px;
    top: 778px;
    font-size: 27px;
    color: #fff;
}

/* inphone第三 */
.commit-top.commit-topx {
    top: 0;
}

.page3-word1.page3-word1x {
    left: 58px;

}

.page3-word2.page3-word2x {
    left: 58px;

}

.page3-word3.page3-word3x {
    left: 58px;

}

.page3-word4.page3-word4x {
    left: 58px;
    width: 622px;
}

.page3-word5.page3-word5x {
    left: 58px;

}

/* 第四页 */
.page4-word {
    width: 617px;
    top: 293px;
    left: 50%;
    font-size: 28px;
    color: #606060;
    margin-left: -318px;
}

.page4-word1 {
    font-size: 80px;
    font-weight: bold;
    color: #fbb040;
    text-align: right;
}

.mt-page4-2 {
    margin-top: 75px;
    font-size: 27px;
    color: #fff;
    text-align: right;
}

.mt-page4 {
    margin-top: 60px;
    font-size: 27px;
    color: #fff;
    text-align: right;
}

.icon-page-4c {
    background: url('../img/icon-page-3.png') no-repeat;
    background-size: 100% 100%;
    width: 614px;
    height: 154px;
    left: 50%;
    margin-left: -307px;
    top: 820px;
    color: #fff;
    font-size: 20px;
}


.icon-page-4c .icon-word1 {
    left: 0px;
    bottom: -66px;
}

.icon-page-4c .icon-word2 {
    left: 210px;
    bottom: -66px;
}

.icon-page-4c .icon-word3 {
    left: 476px;
    bottom: -66px;
    white-space: nowrap;
}

.icon-page-4 {
    width: 472px;
    height: 426px;
    background: url("../img/icon-page-4.png")no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    left: 98px;
}

/* 第四页面inphoex */

.commit-top2.commit-top2x {
    top: 0;
}



.icon-top.icon-topx {
    bottom: 80px;
    right: 30px;
}

.btns-use.btns-usex {
    bottom: 158px;
    right: 30px;
}

/* 第5页面 */
.page5-title {
    width: 100%;
    text-align: center;
    top: 290px;
    font-size: 80px;
    color: #fbb040;
    z-index: 100;
    font-weight: bold;

}

.page5-word1 {
    width: 100%;
    text-align: center;
    font-size: 27px;
    font-weight: bold;
    left: 0px;
    top: 499px;
    color: #fff;
}

.page5-word2 {
    width: 100%;
    text-align: center;
    font-size: 27px;
    left: 0px;
    top: 545px;
    color: #fff;
}

.icon-page-5 {
    background: url('../img/icon-page-5.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 757px;
    top: 726px;
    left: 0;
    font-size: 20px;
    color: #626262;
}

/* 第6页面 */
.page6-title {

    width: 100%;
    text-align: center;
    left: 0;
    bottom: 1000px;
    font-size: 80px;
    font-weight: bold;
    color: #fbb040;
}

.icon-page6 {
    width: 750px;
    height: 415px;
    bottom: 522px;
    text-align: center;
    background: url("../img/icon-page-6.png")no-repeat;
    background-size: 100% 100%;
}

.icon-page6-1 {
    width: 750px;
    height: 545px;
    bottom: 0;
    font-size: 10px;
    color: #fff;
    background: url("../img/icon-page6-2.png")no-repeat;
    background-size: 100% 100%;
}

.page6-text1 {
    width: 100%;
    top: -75px;
    font-size: 83px;
    color: #fff;
    font-weight: bold;
}

.text-box1 {
    bottom: 552px;
    left: 205px;
    width: 115px;
    text-align: center;
}

.text-box2 {
    bottom: 552px;
    left: 428px;
    width: 115px;
    text-align: center;
}

.text-box3 {
    bottom: 445px;
    left: 635px;
    width: 115px;
    text-align: center;
}

.text-box4 {
    bottom: 268px;
    left: 417px;
    width: 82px;
    text-align: center;
}

.text-box5 {
    bottom: 268px;
    left: 209px;
    width: 168px;
    text-align: center;
}

.text-box6 {
    bottom: 450px;
    left: 0;
    width: 110px;
    text-align: center;
}

/* 第6个页面Inphonex */

.page6-title.page6-titlex {
   bottom: 1050px
}

.icon-page6.icon-page6x {
    bottom: 580px;
}

/* 第7页 */
.border-line1 {

    border-right: 1px solid #6E73CB;
    border-bottom: 1px solid #6E73CB;
}

.border-line2 {


    border-bottom: 1px solid #6E73CB;
}

.border-line3 {


    border-right: 1px solid #6E73CB;
}

.page-seventh .table {
    width: 646.8px;
    height: 274px;
    top: 490px;
    left: 50%;
    margin-left: -323.4px;
    border: 1px solid #6E73CB;
    background-color: #131A8A;

}

table-body {
    display: flex;
    align-content: flex-start;
}

.page7-li {
    position: relative;
    display: inline-block;
    width: 161.6px;
    height: 138px;
    text-align: center;
    box-sizing: border-box;
    margin-left: -7px;
    /* margin-top: -5px; */

}
.page7-li.page7-lis {

    margin-left: -9px;
 

}

.page7-iconc {
    position: relative;
    display: none;
    width: 188px;
    height: 173px;
    left: -16px;
    top: -20px;
    z-index: 100;
}

.page7-icon {
    margin: auto;
}

.page7-icon1 {
    width: 46px;
    height: 38px;
    top: 30px;
    left: 50%;
    margin-left: -23px;
    background: url('../img/page7-icon-1.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon2 {
    width: 34px;
    height: 38px;
    top: 30px;
    left: 50%;
    margin-left: -17px;
    background: url('../img/page7-icon-2.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon3 {
    width: 39px;
    height: 38px;
    top: 30px;
    left: 50%;
    margin-left: -19.5px;
    background: url('../img/page7-icon-3.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon4 {
    width: 42px;
    height: 38px;
    top: 30px;
    left: 50%;
    margin-left: -21px;
    background: url('../img/page7-icon-4.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon5 {
    width: 39px;
    height: 38px;
    top: 30px;
    left: 50%;
    margin-left: -19.5px;
    background: url('../img/page7-icon-5.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon6 {
    width: 38px;
    height: 39px;
    top: 30px;
    left: 50%;
    margin-left: -19.5px;
    background: url('../img/page7-icon-6.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon7 {
    width: 39px;
    height: 38px;
    top: 30px;
    left: 50%;
    margin-left: -19.5px;
    background: url('../img/page7-icon-7.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon8 {
    width: 38px;
    height: 38px;
    top: 30px;
    left: 50%;
    margin-left: -19px;
    background: url('../img/page7-icon-8.png') no-repeat;
    background-size: 100% 100%;
}

.page7-text {
    width: 100%;
    bottom: 15px;
    font-size: 19px;
    color: #b3b7ff;
}

.page-seventh .nav-content {
    display: none;
    width: 100%;
}

.nav-content.active-text2 {
    display: block;

}

.content1 {
    bottom: 640px;
}

.content2 {
    bottom: 640px;
    font-size: 34px;
    color: #606060;
}

.content3 {
    top: 880px;
    font-size: 34px;
    color: #606060;
}

.content4 {
    top: 900px;
    font-size: 24px;
    color: #606060;
}

.content5 {
    top: 900px;
    font-size: 24px;
    color: #606060;
}

.content6 {
    top: 900px;
    font-size: 24px;
    color: #606060;
    text-align: center;
}

.content7 {
    top: 900px;
    font-size: 24px;
    color: #606060;
    text-align: center;
}

.content8 {
    top: 900px;
    font-size: 24px;
    color: #606060;
    text-align: center;
}

.page7-content1 {
    display: none;
    width: 750px;
    height: 496px;
    margin: auto;
    bottom: 0;
    background: url('../img/page7-content1.png') no-repeat;
    background-size: 100% 100%;
}

.page7-content2 {
    display: none;
    width: 628.2px;
    height: 448.2px;
    bottom: 20px;
    left: 50%;
    margin-left: -314.1px;
    color: #fff;
    background: url('../img/page7-content2.png') no-repeat;
    background-size: 100% 100%;
}

.page7-content2.page7-content2x {
    width: 698px;
    height: 498px;
    bottom: 40px;
    left: 50%;
    margin-left: -349px;
}

.page7-content3 {
    position: relative;
    width: 504px;
    height: 511px;
    margin: auto;
    margin-top: 34px;
    background: url('../img/page7-content3.png') no-repeat;
    background-size: 100% 100%;
}

.page7-content3 .page7-text1 {
    width: 240px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    color: #a9e3f4;
    left: 0;
    top: 0;
    font-weight: bold;
    text-align: center;
}

.page7-content3 .page7-text2 {
    width: 222px;
 
    font-size: 26px;
    color: #15f585;
    left: 0;
    top:72px;
    text-align: center;
}

.page7-content3 .page7-text3 {
    width:222px;

    font-size: 26px;
    color: #15f585;
    left: 0;
    top:118px;

    text-align: center;
}

.page7-content3 .page7-text4 {
    width: 222px;
    font-size: 26px;
    color: #15f585;
    left: 0;
    top: 164px;
    text-align: center;
}
.page7-content3 .page7-text5 {
    width: 169px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    color: #fff;
    left: 333px;
    top: 147px;
    font-weight: bold;
    text-align: center;
}
.page7-content3 .page7-text6 {
    width: 169px;
  
    font-size: 26px;
    color: #fff;
    left: 333px;
    top: 232px;

    text-align: center;
}
.page7-content3 .page7-text7 {
    width: 169px;
  
    font-size: 26px;
    color: #fff;
    left: 333px;
    top: 276px;

    text-align: center;
}
.page7-content4 {
    width: 694px;
    height: 216px;
    margin: auto;
    background: url('../img/page7-content4-2.png') no-repeat;
    background-size: 100% 100%;
    margin-top: 78px;
}

.page7-ctext {
    /* display: none; */
    /* display: flex; */
    /* top: 808px; */
 
    width: 697px;
    height: 62px;
    margin: auto;
    margin-top: 50px;
    background: url('../img/page7-content3-1.png')no-repeat;
    background-size: 100% 100%;
    left: 50%;
   
}
.page7-ctext.page7-ctextx{
  
    width: 697px;
    height: 62px;
    margin: auto;
    margin-top: 40px;
}
.page7-ctext .fzcolor2 {
    font-size: 16px;
}

.page7-content5 {
    width: 687px;
    height: 414px;
    margin: auto;
    margin-top: 136px;
    background: url('../img/page7-content5.png') no-repeat;
    background-size: 100% 100%;
}
.content5-title{
    color: #fbb040;
    font-size: 54px;
    font-weight: bold;
    text-align: center;

}
.content5-content{
    color: #fff;
    font-size: 25px;
    margin-top: 20px;
    text-align: center;
}
.content5-content .arrow2{
  display: inline-block;
  width: 22px;
  height: 16px;
  margin: 0 20px;
  background: url('../img/page7-content5-1.png')no-repeat;
  background-size: 100% 100%;
}
.page7-content6 {
    width: 557px;
    height: 321px;
    margin: auto;
    background: url('../img/page7-content6.png') no-repeat;
    background-size: 100% 100%;
}

.page7-content7 {
    width: 656px;
    height: 507px;
    margin: auto;
    margin-top: 50px;
    background: url('../img/page7-content7.png') no-repeat;
    background-size: 100% 100%;
}

.page7-content8 {
    width: 568px;
    height: 325px;
    margin: auto;
    background: url('../img/page7-content8.png') no-repeat;
    background-size: 100% 100%;
}

.page7-word1 {

    text-align: center;
    font-weight: bold;
    font-size: 54px;
    color: #fbb040;
}

.page7-word2 {
    margin-top: 10px;

    text-align: center;
    font-size: 26px;

    color: #fff;
}

.content2-word1 {
    text-align: left;
    font-size: 34px;

}

.page7-content2 .text1 {
    top: 90px;
    left: 4px;
    font-size: 13px;
}

.page7-content2 .text2 {
    top: 110px;
    left: 62px;
    font-size: 44px;
}

.content4-word1 {
    font-weight: bold;
    font-size: 38px;
    color: #fbb040;
    text-align: center;
}

.content4-word2 {
   text-align: center;
   margin-top: 10px;
}
.content4-word3 {
    font-size: 56px;
    color: #fbb040;
   text-align: center;
   font-weight: bold;
}
.content4 .text-pic{
    width: 717px;
    height: 63px;
    background: url('../img/page7-content4-1.png')no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-top: 50px;
}
.content4-word2 .arrow {
  display: inline-block;
   width: 35px;
   height: 37px;
   background: url('../img/page7-content4-3.png')no-repeat;
   background-size: 100% 100%;
}

.content2 .fz {
    margin-left: 100px;
    margin-right: 20px;
    font-weight: 700;
    background-image: linear-gradient(to bottom right, #7811af, #0524a7);
    -webkit-background-clip: text;
    color: transparent;

}

.hotfz {
    font-weight: bold;
    background-image: linear-gradient(to bottom right, #7811af, #0524a7);
    -webkit-background-clip: text;
    color: transparent;
}

.hot-text {
    font-size: 24px;
}

.hot1 {
    display: inline-block;
    margin-right: 78px;
    margin-left: 50px;
    margin-top: 30px;
    vertical-align: top;
}

.hot2 {
    display: inline-block;
    margin-right: 112px;
    margin-top: 30px;
    vertical-align: top;
}

.hot3 {
    display: inline-block;
    margin-top: 30px;
    vertical-align: top;
}

.content6-word1 {

    margin-top: 20px;
    font-size: 27px;
    color: #feffff;
}
.content6-word3{
    font-size:54px;
    color: #fbb040;
    font-weight: bold;
    margin-top: 20px;
}
.content6-word4{
    font-size:54px;
    color: #fbb040;
    font-weight: bold;
    
}
.content6-word5{
    font-size:54px;
    color: #fbb040;
    font-weight: bold;
    
}
.content6-word6{
    font-size:27px;
    color: #feffff;
    margin-top: 20px;
    margin-bottom: 30px;
    
}
.content7-word1{
    font-size: 54px;
    color: #fbb040;
    font-weight: bold;
}
.content7-word2 {
    font-size: 27px;
    color: #feffff;
}
.icon-page-7 {
    background: url('../img/icon-page-7.png') no-repeat;
    background-size: 100% 100%;
    width: 641px;
    height: 340px;
    top: 300px;
}


.active-text {
    width: 100%;
    top: 106px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}

.active-text2 {
    display: block;
}

.page7-icon1c {
    background: url('../img/page7-icon-1c.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon2c {
    background: url('../img/page7-icon-2c.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon3c {
    background: url('../img/page7-icon-3c.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon4c {
    background: url('../img/page7-icon-4c.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon5c {
    background: url('../img/page7-icon-5c.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon6c {
    background: url('../img/page7-icon-6c.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon7c {
    background: url('../img/page7-icon-7c.png') no-repeat;
    background-size: 100% 100%;
}

.page7-icon8c {
    background: url('../img/page7-icon-8c.png') no-repeat;
    background-size: 100% 100%;
}
.content8-word1{
    text-align: center;
    font-size: 54px;
    color: #fbb040;
    font-weight: bold;
}
.content8-text{
    width: 637px;
    height: 123px;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 30px;
    background: url('../img/page7-content8-1.png')no-repeat;
    background-size: 100% 100%;
}
/* 第7页inponex */
.commit-top5.commit-top5x {
    top: 0;
}

.page-seventh .table.tablex {
    top: 388px;
}

.content1.content1x {
    top: 800px
}

.content2.content2x {
    top: 800px
}

.content3.content3x {
    top: 800px
}

.content4.content4x {
    top: 800px
}

.content5.content5x {
    top: 800px
}

.content6.content6x {
    top: 800px
}

.content7.content7x {
    top: 800px
}

.content8.content8x {
    top: 800px
}
/* 第8页面 */
.f-title{
    font-size: 27px;
    color: #fff;
    width: 100%;
    top: 400px;
    text-align: center;
    font-weight: 400;
}
.icon-page-8 {
    background: url('../img/icon-page-8.png') no-repeat;
    background-size: 100% 100%;
    width: 637px;
    height: 859px;
    left: 50%;
    margin-left: -315.5px;
    top: 549px;
}
.page8new-title{
    width: 100%;
    text-align: center;
    top: 180px;
    font-size: 80px;
    color: #fbb040;
    z-index: 100;
    font-weight: bold;
}
.page8new-title.page8new-titlex{
  
    top: 260px;
  
}
.title-new {

    font-size: 80px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    color: #fbb040;
}
.title-new2 {

    font-size: 52px;
    text-align: center;
    width: 100%;

    color: #fff;
}
/* 新增底部 */
.page-bottom {
    background-color: #2D2D2D;
    color: #fff;
}
.page-bottom .partner{
    width: 100%;
    height: 306px;
    background-color: #2E2F35;
}
.page-bottom .partner.partnerx{
    width: 100%;
    height: 366px;
    background-color: #2E2F35;
}
.page-bottom .partner .title-par{
   font-size: 34px;
   font-weight: bold;
   top: 62px;
   left: 55px;
}
.page-bottom .partner .title-par.title-parx{
   font-size: 34px;
   font-weight: bold;
   top: 82px;
   left: 55px;
}
.page-bottom .partner .partner-pic{
    width: 609px;
    height: 94px;
}

.page-bottom .partner-box{
    width: 100%;
    top: 163px;
    text-align: center;
}
.page-bottom .partner-boxx{
    width: 100%;
    top: 183px;
    text-align: center;
}
.middle-box{
    position: relative;
    width: 100%;
    height: 356px;
    text-align: center;
    padding-top: 35px;
    box-sizing: border-box;
}
.middle-box.middle-boxx{
    position: relative;
    width: 100%;
    height: 458px;
    text-align: center;
    padding-top: 68px;
    box-sizing: border-box;
}
.bottom-middle{
    width: 638px;
    height: 384px;
}
.click-box{
    width: 638px;
    height: 300px;
    top: 31px;
    left: 50%;
    margin-left: -319px;
}
.click-box.click-boxx{
    width: 638px;
    height: 300px;
    top: 68px;
    left: 50%;
    margin-left: -319px;
}
.page-bottom .wx{
    margin-top: 110px;
    text-align: center;

}
.wx-img{
    width: 635px;
    height: 63px;
}
.code-box{
    margin-top: 47px;
    text-align: center;
}
.code1{
    width: 203px;
    height: 266px;
}
.code2{
    width: 204px;
    height: 267px;
    margin: 0 8px;
}
.code3{
    width: 203px;
    height: 266px;
}
.bottom-text{
    margin-top: 38px;
    text-align: center;
    font-size: 26px;
}
.bottom-text.bottom-textx{
    margin-top: 80px;
    text-align: center;
    font-size: 26px;
}
.bottom-text .line{
    width: 638px;
    height: 1px;
    margin: auto;
    background-color: #414141;
}
.mt25{
    margin-top: 25px;
}
.mt17{
    margin-top: 17px;
}
.wei-xin{
    width: 397px;
    height: 146px;
    margin-top: 70px;
}