*{
        margin: 0px;
        padding: 0px;
    }
    .font-color{color: #504EFC;}

    .eight{
        width: 100%;
    }
    .eight-titles-small{
        width:528px;
        font-size:16px;
        font-weight:bold;
        color:rgba(80,78,252,1);
        line-height:24px;
    }
    .eight-titles-small span{
        color: #504EFC;
    }
    .eight-titles{
        height:24px;
        font-size:24px;
        line-height: 24px;
        font-weight:bold;
        color:rgba(51,51,51,1);
    }
    .eight-q{
        width: 455px;
        height: 536px;
        position: absolute;
        top: 45px;
        right: 0px;
    }
    .eight-content{
        width: 1080px;
        height: 1600px;
        margin: 0 auto;
        position: relative;
    }
    .eight-title{
        width: 100%;
        text-align: center;
        height:38px;
        font-size:40px;
        line-height: 38px;
        font-weight:400;
        color:rgba(51,51,51,1);
        padding: 59px 0px 45px 0px;
    }
    .eight-w{
        width: 270px;
        position: absolute;
        top: 168px;
        left: 0px;
    }
    .eight-w-q{
        position: absolute;
        top: 240px;
        left: 0px;
    }
    .eight-button{
        width:120px;
        height:32px;
        line-height: 32px;
        text-align: center;
        background:rgba(80,78,252,1);
        font-size: 14px;
        color: #FFFFFF;
        border-radius:16px;
    }
    .eight-w-e{
        position: absolute;
        top: 366px;
        left: 0px;
    }
    .eight-e{
        width: 455px;
        height: 536px;
        position: absolute;
        top: 498px;
        left: 0px;
    }
    .eight-r{
        position: absolute;
        top: 616px;
        left: 548px;
    }
    .eight-r-q{
        position: absolute;
        top: 688px;
        left: 548px;
    }
    .eight-r-e{
        position: absolute;
        top: 822px;
        left: 548px;
    }
    .eight-a{
        width: 455px;
        height: 505px;
        position: absolute;
        top: 940px;
        right: 0px;
    }
    .eight-s{
        position: absolute;
        top: 1104px;
        left: 14px;
    }
    .eight-s-q{
        position: absolute;
        top: 1176px;
        left: 14px;
    }
    .eight-s-e{
        position: absolute;
        top: 1301px;
        left: 14px;
    }
    




    .seven{
        background-color: #F4F2FF;
        width: 100%;
        padding: 79px 0px 64px 0px;
        box-sizing: border-box;
    }
    .seven-title{
        width: 100%;
        text-align: center;
        height:38px;
        font-size:40px;
        line-height: 38px;
        font-weight:400;
        color:#333333;
        margin-bottom: 17px;
    }
    .seven-title span{
        color: #504EFC;
    }
    .seven-title-small{
        width: 100%;
        text-align: center;
        line-height: 20px;
        height:20px;
        font-size:20px;
        font-weight:400;
        color:rgba(136,136,136,1);
        margin-bottom: 80px;
    }
    .seven-title-q{
        width: 100%;
        text-align: center;
        line-height: 19px;
        height:19px;
        font-size:20px;
        font-weight:bold;
        color:rgba(51,51,51,1);
        margin-bottom: 11px;
    }
    .seven-title-w{
        width: 265px;
        margin: 0 auto;
        text-align: left;
        height:36px;
        font-size:16px;
        font-weight:400;
        color:rgba(142,142,150,1);
        line-height:20px;
    }
    .seven-content{
        width: 577px;
        height: 528px;
        margin: 20px auto 0px;
        position: relative;
    }
    .seven-q{
        width:100px;
        height:19px;
        font-size:20px;
        line-height: 19px;
        font-weight:bold;
        color:rgba(51,51,51,1);
        position: absolute;
        top: 287px;
        left: 241px;
    }
    .seven-w{
        width:199px;
        height:56px;
        font-size:16px;
        font-weight:400;
        color:rgba(142,142,150,1);
        line-height:20px;
        position: absolute;
        top: 317px;
        left: 190px;
    }
    .seven-button{
        width:300px;
        height:50px;
        background:rgba(80,78,252,1);
        border-radius:25px;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        bottom: 0px;
        left: 141px;
        cursor: pointer;
    }
    .seven-tong{
        height:19px;
        font-size:20px;
        line-height: 19px;
        font-weight:bold;
        color:rgba(51,51,51,1);
    }
    .seven-tong-small{
        height:56px;
        font-size:16px;
        font-weight:400;
        color:rgba(142,142,150,1);
        line-height:20px;
    }

    .seven-e{
        width: 85px;
        position: absolute;
        top: 78px;
        left: -116px;
    }
    .seven-e-q{
        width: 256px;
        position: absolute;
        top: 108px;
        left: -228px;
    }
    .seven-r{
        width: 85px;
        position: absolute;
        top: 239px;
        left: -169px;
    }
    .seven-r-q{
        width: 227px;
        position: absolute;
        top: 270px;
        left: -246px;
    }
    .seven-t{
        width: 101px;
        position: absolute;
        top: 78px;
        right: -118px;
    }
    .seven-t-q{
        width: 227px;
        position: absolute;
        top: 108px;
        right: -200px;
    }
    .seven-y{
        width: 85px;
        position: absolute;
        top: 240px;
        right: -157px;
    }
    .seven-y-q{
        width: 227px;
        position: absolute;
        top: 270px;
        right: -251px;
    }



    .six{
        width: 100%;
        height: 260px;
        position: relative;
    }
    .six-title{
        width: 100%;
        height:36px;
        font-size:36px;
        font-weight:bold;
        color:rgba(255,255,255,1);
        line-height:24px;
        text-align: center;
        position: absolute;
        top: 63px;
        left: 0px;
    }
    .six-title-small{
        width: 100%;
        height:24px;
        font-size:24px;
        text-align: center;
        font-weight:400;
        color:rgba(255,255,255,1);
        line-height:24px;
        position: absolute;
        top: 115px;
        left: 0px;
    }
    .six-div{
        height: 50px;
        width: 100%;
        position: absolute;
        top: 167px;
        left: 0px;
    }
    .six-div-div{
        width: 470px;
        height: 50px;
        margin: 0 auto;
        display: flex;
    }
    .six-left{
        width:210px;
        height:50px;
        line-height: 50px;
        background:rgba(255,114,29,1);
        border-radius:25px;
        font-size: 18px;
        color: #FFFFFF;
        text-align: center;
        margin-right: 50px;
        cursor: pointer;
    }
    .six-right{
        width:210px;
        height:50px;
        line-height: 50px;
        background:rgba(255,255,255,1);
        border:2px solid rgba(255,255,255,1);
        border-radius:25px;
        font-size: 18px;
        color: #5C59F9;
        text-align: center;
        cursor: pointer;
    }


    .five{
        width: 100%;
        padding:69px 0px 85px 0px;
    }
    .five-content{
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .five-item{
        width: 580px;
        height: 260px;
        display: flex;
        box-sizing: border-box;
        padding: 5px;
        background-color: #F9F8FF;
    }
    .five-title{
        width: 220px;
        height:42px;
        font-size:18px;
        color:rgba(51,51,51,1);
        line-height:24px;
        margin: 33px 40px 31px 30px;
        box-sizing: border-box;
    }
    .five-title-small{
        width:223px;
        height:64px;
        font-size:16px;
        font-weight:300;
        color:rgba(102,102,102,1);
        line-height:24px;
        margin-left: 30px;
    }
    .five-button{
        width:90px;
        height:28px;
        line-height: 28px;
        text-align: center;
        box-sizing: border-box;
        background:rgba(243,243,243,1);
        margin-left: 136px;
        color: #504EFC;
        font-size: 14px;
        cursor: pointer;
        margin-top: 37px;
        border:1px solid rgba(80,78,252,1);
    }
    .five-margin{
        margin-right: 40px;
        margin-bottom: 22px;
    }
    .five-margin-bottom{
    	z-index:9999;
        margin-bottom: 22px;
    }
    
    


    .four{
        background-color: #F4F3F7;
        width: 100%;
        padding: 66px 0px 55px 0px;
    }
    .four-title{
        width:100%;
        height:38px;
        font-size:40px;
        line-height: 38px;
        font-weight:400;
        color:rgba(51,51,51,1);
        text-align: center;
    }
    .four-title span{
        color: #504EFC;
    }
    .four-title-small{
        width:100%;
        height:19px;
        font-size:20px;
        font-weight:400;
        color:rgba(136,136,136,1);
        text-align: center;
        margin:18px 0px 56px 0px;
    }
    .four-content{
        width: 1086px;
        height: 557px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .four-item{
        width: 240px;
        height: 260px;
        padding-top: 27px;
        box-sizing: border-box;
        background-color: #FFFFFF;
    }
    .vip-title{
        width:100%;
        height:19px;
        font-size:20px;
        line-height: 19px;
        font-weight:400;
        color:rgba(51,51,51,1);
        text-align: center;
        margin: 13px 0px 17px 0px;
    }
    .vip-line{
        width:168px;
        height:1px;
        background:rgba(220,220,220,1);
        margin: 0 auto ;
        margin-bottom: 21px;
    }
    .vip-font{
        width:159px;
        height:64px;
        margin: 0 auto;
        font-size:16px;
        font-weight:400;
        color:rgba(151,151,161,1);
        line-height:24px;
    }




    .three{
        width: 100%;
        /* height: 743px; */
        box-sizing: border-box;
        padding-bottom: 94px;
    }
    .three-title{
        height:38px;
        font-size:40px;
        line-height: 38px;
        font-weight:400;
        color:rgba(51,51,51,1);
        margin-top: 71px;
        width: 100%;
        text-align: center;
    }
    .three-content{
        width: 1170px;
        margin: 59px auto 0px;
    }
    .three-top{
        width:412px;
        height:153px;
        margin: 0 auto ;
        background:#F4F3F7;
        border-radius:10px;
        padding: 16px 27px 20px 18px;
        box-sizing: border-box;
    }
    .three-font{
        font-size: 18px;
        height: 18px;
        line-height: 18px;
        color: #333333;
        font-weight: bold;
        margin-bottom: 17px;
    }
    .three-font-font{
        font-size:16px;
        font-weight:400;
        color: #777777;
        line-height:22px;
    }
    .three-bottom{
        display: flex;
    }
    .three-q{
        width:296px;
        height:175px;
        background:#F4F3F7;
        border-radius:10px;
        padding: 16px 27px 20px 18px;
        box-sizing: border-box;
        margin-top: 153px;
    }
    .three-e{
        width: 309px;
        height: 166px;
    }
    .three-w{
        width: 548px;
        height: 319px;
        margin-left: 6px;
        margin-right: 11px;
        margin-top: 9px;
    }


    .second{
        background-color: #F4F3F7;
        width: 100%;
        height: 721px;
    }
    .second-title{
        width:100%;
        text-align: center;
        height:38px;
        font-size:40px;
        line-height: 38px;
        font-weight:400;
        color:rgba(51,51,51,1);
        padding: 78px 0px 63px 0px;
    }
    .second-content{
        margin: 0 auto ;
        width: 852px;
        height: 477px;
        display:flex;
    }
    .second-div{
        width: 412px;
        height: 477px;
        position: relative;
    }
    .second-margin{
        margin-left: 28px;
    }
    .chuantong{
        position: absolute;
        top: 80px;
        left: 156px;
        height:24px;
        font-size:24px;
        line-height: 24px;
        font-weight:bold;
        color:rgba(51,51,51,1);
    }
    .mendian{
        width:284px;
        height:240px;
        font-size:16px;
        font-weight:300;
        color:rgba(102,102,102,1);
        line-height:28px;
        position: absolute;
        top: 140px;
        left: 50px;
    }
    .xinling{
        height:24px;
        font-size:24px;
        line-height: 24px;
        font-weight:bold;
        color:rgba(255,255,255,1);
        position: absolute;
        top: 157px;
        left: 175px;
    }
    .quanqu{
        width:278px;
        height:74px;
        font-size:18px;
        font-weight:bold;
        color:rgba(255,255,255,1);
        line-height:28px;
        position: absolute;
        top: 215px;
        left: 71px;
    }
    .one-img{
        width: 71px;
        height: 61px;
        position: absolute;
        top: 117px;
        left: 38px;
    }


    .full-img{
        width: 100%;
        height: 100%;
    }
    .first{
        width: 100%;
        box-sizing: border-box;
    }
    .first-title{
        width: 100%;
        height:38px;
        line-height: 38px;
        font-size:40px;
        color:rgba(51,51,51,1);
        text-align: center;
        padding: 69px 0px;
    }
    .first-content{
        width:1200px;
        height:799px;
        background:rgba(255,255,255,1);
        margin: 0 auto;
        padding: 68px;
        box-sizing: border-box;
        box-shadow:#f5f3f5 0px 0px 10px 10px ;
    }
    .first-top{
        display: flex;
        height: 296px;
        margin-bottom: 69px;
    }
    .first-top-left{
        width: 501px;
        height: 296px;
    }
    .first-top-right{
        margin-left: 64px;
    }
    .first-all-title{
        line-height: 25px;
        height:25px;
        font-size:26px;
        font-weight:bold;
        color:rgba(51,51,51,1);
    }
    .first-all-title span{
        color: #504EFC;
    }
    .first-title-margin{
        margin-top: 71px;
        margin-bottom: 18px;
    }
    .first-now{
        line-height: 14px;
        height:14px;
        font-size:18px;
        font-weight:bold;
        color:rgba(228,228,228,1);
    }
    .first-last{
        height:49px;
        font-size:18px;
        font-weight:400;
        color: #666666;
        line-height:30px;
        margin-top: 50px;
    }
    .first-all{
        margin-left: 0px !important;
        width: 566px !important;
    }
    .first-all .first-title-margin{
        margin-top: 48px !important;
    }
    .first-all .first-last{
        margin-top: 45px !important;
    }
    .first-button{
        width:400px;
        height:50px;
        line-height: 50px;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        background:rgba(80,78,252,1);
        border-radius:25px;
        margin: 67px auto 62px;
        cursor: pointer;
    }