.layui-layer-page{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}
body{
    margin: 0;
    padding: 0;
    min-width: 1000px;
}
.header-view{
    width: 100%;
    height: 610px;
    min-height: 610px;
    background-image: url('../image/index-banner-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 1000px;
    padding-top: 0;
}
.pintuan-header-view{
    width: 100%;
    height: 610px;
    min-height: 610px;
    background-image: url('../image/pintuan-banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 1000px;
    padding-top: 0;
}

.pinban-header-view{
    width: 100%;
    height: 610px;
    min-height: 610px;
    background-image: url('../image/pinban-banner-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 1000px;
    padding-top: 0;
}


.jiaowu-header-view{
    width: 100%;
    height: 610px;      
    min-height: 610px;
    background-image: url('../image/jiaowu-banner-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 1000px;
    padding-top: 0;
}

.haibao-header-view{
    width: 100%;
    height: 80px;
    min-height: 80px;
    background-image: url('../image/sqtg-top-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-width: 1000px;
    padding-top: 0;
}

.haibao-header-view .header-content{
    min-width: 1000px;
    width: 1000px;
    margin: auto;
}
.haibao-header-view .header-content .header-top{

    padding-top: 24px;
    display: flex;
}
.pinban-header-view .header-content1{
    width: 100%;
    background-image: url('../image/pinban-top-bg.png');
    height: 80px;
    background-repeat: no-repeat;
    background-size: auto;

} 

.pinban-header-view .header-content{
  
    min-width: 1000px;
    width: 1000px;
    margin: auto;
}
.pinban-header-view .header-content .header-top{

    padding-top: 24px;
    display: flex;
}

.jiaowu-header-view .header-content1{
    width: 100%;
    background-image: url('../image/jiaowu-top-bg.png');
    height: 80px;
    background-repeat: no-repeat;
    background-size: auto;

}   
.jiaowu-header-view .header-content{
  
    background-repeat: no-repeat;
    background-size: 100%;
    
    min-width: 1000px;
    width: 1000px;
    margin: auto;
}
.jiaowu-header-view .header-content .header-top{

    padding-top: 24px;
    display: flex;
}

.pintuan-header-view .header-content{
    min-width: 1000px;
    width: 1000px;
    margin: auto;
}
.pintuan-header-view .header-content .header-top{

    padding-top: 24px;
    display: flex;
}



.header-view .header-content{
    min-width: 1000px;
    width: 1000px;
    margin: auto;
}
.header-view .header-content .header-top{

    padding-top: 24px;
    display: flex;
}


.logo-view img{
    width: 124px;
    height: 39px;
}

.menu-view{
    display: flex;
    margin-left: auto;
}
.menu-view .menu-item{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin: 10px;
    padding-bottom: 5px;
    cursor: pointer;
}

.menu-view .active{
    font-weight: 600;
    border-bottom: #FFFFFF solid 2px;
}

.menu-view .menu-login{
    background-image: url("../../static/image/login-btn.png");
    width: 90px;
    height: 34px;
    background-size: 100%;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
}


.header-content .header-info{
    color: #FFFFFF;
    padding-left: 40px;
    margin-top: 80px;
 
}
.pintuan-header-view .header-content .header-info{
    margin-top: 0;
}
.pintuan-header-view  .header-info .header-info1{
   width: 859px;
   margin: auto;
}

.header-info .header-info1{
    margin-bottom: 50px;
}

.header-info .header-info2{
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 33px;
    text-align: left;
    font-style: normal;
    margin-top: 10px;
}


.jiaowu-header-view .header-info .header-info1{
    margin-bottom: 50px;
}

.jiaowu-header-view .header-info .header-info2{
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    width: 735px;
}

.ruzhu-view{
    width: 100%;
    height: 779px;
    min-height: 779px;
    background-image: url('../image/ruzhu-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 1000px;
    padding-top: 0;
}

.ruzhu-title{
    margin: auto;
    width: 300px;
    text-align: center;
    font-size: 46px;
    font-weight: bold;
    background: -webkit-linear-gradient(45deg, #12E1EA, #5589FA); /* Chrome, Safari */
    background: linear-gradient(45deg, #12E1EA, #5589FA); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
    padding-top: 60px;

}

.ruzhu-content{
    display: flex;
    width: 1000px;
    min-width: 1000px;
    margin:10px auto;
    flex-wrap: wrap;
}
.flex{
    display: flex;
}
.flex-end{
    margin-left: auto;
}
.ruzhu-item{
    display: flex;
    width: 480px;
    height: 146px;
    background-image: url("../../static/image/item-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 20px;
    cursor: pointer;
}

.ruzhu-item1{
    display: flex;
    width: 480px;
    height: 146px;
    background-image: url("../../static/image/item-bg1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 20px;
    cursor: pointer;
}


.ruzhu-item img{
    width: 100px;
    height: 100px;
    margin: 23px 5px 23px 13px;
}

.ruzhu-item .item-title{
    margin-top:23px;
    font-size: 24px;
    font-weight: bold;
    background: -webkit-linear-gradient(45deg, #12E1EA, #5589FA); /* Chrome, Safari */
    background: linear-gradient(45deg, #12E1EA, #5589FA); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
}

.ruzhu-item .item-content{
    font-weight: 400;
    font-size:16px;
    color: #112740;
    line-height:25px;
    text-align: left;
    font-style: normal;
    margin-top: 10px;
    padding-right: 15px;
}

.line-view{
    width: 100%;
    min-width: 100px;
    height: 98px;
    background: linear-gradient( 40deg, #493EFF 0%, #5CD7FF 100%);
}

.line-content{
    display: flex;
    margin: auto;
   width: 700px;
   text-align: center;
}
.line-info{
    font-weight: 500;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 88px;
    margin-left: 50px;
}
.line-info img{
    display: inline-block;
    border: none;
    vertical-align: middle; 
}

.footer-content{
    width: 1000px;
    min-width: 1000px;
    margin: auto;
    display: flex;
}

.banquan-view{
    font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 12px;
color: #262626;
line-height: 17px;
text-align: left;
font-style: normal;
padding-top: 40px;
}

.qrcode-view {
    padding: 10px;
    text-align: center;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 12px;
    color: #262626;
    line-height: 17px;
    display: flex;
 
}
.qrcode-view .erweima{
    width: 68px;
    margin: auto;
}

.qrcode-view .ewm-memo{
    flex-wrap: nowrap;
    margin: auto;
}




.haibao-content-view{
    width: 1000px;
    min-width: 1000px;
    margin: auto;
    padding: 20px;
}

.haibao-content-view .content-menu{
    display: flex;
}
.haibao-content-view .content-menu .content-menu-item{
    margin-right: 30px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    color: #969CB6;
}
.haibao-content-view .content-menu .active{
    font-size: 14px;
    font-weight: bold;
    background: -webkit-linear-gradient(45deg, #12E1EA, #5589FA); /* Chrome, Safari */
    background: linear-gradient(45deg, #12E1EA, #5589FA); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
    margin-right: 30px;
}

.haibao-content-view .content-list{
    display: flex;
    flex-wrap: wrap;

}

.haibao-content-view .content-item{
    width: 224px;
    height: 366px;
    border-radius: 14px;
   
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.08);
    margin: 20px 12px;
}
.haibao-content-view .content-item .content-info{
   
    padding-top: 10px;
}
.haibao-content-view .content-item .content-info div{
  
    margin-top:10px;
    text-align: center;
}
.chuangjian-btn{
    color: #ffffff;
    font-size: 14px;
    background-color: orangered;
    width: 100px;
    height: 24px;
    border-radius: 15px;
    text-align: center;
    line-height: 24px;
    margin:15px auto;
}

.haibao-content-view .content-item .content-info3{
    font-size: 12px;
    color: #5c5b5b;
} 

.haibao-content-view .content-item .content-info3 span{
    color: #000000;
    font-size: 14px;
}



.anli-view-base{
    background-color: #f3f3f3;
   width: 100%;
   padding-bottom: 50px;
}

.anli-view{
    width: 1000px;
    min-width: 1000px;
    padding-top: 64px;
    margin: auto;
   
}

.anli-view .anli-title{
 width: 100%;
 text-align: center;
 font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
font-weight: bold;
font-size: 42px;
color: #FFFFFF;
line-height: 50px;
 

background: -webkit-linear-gradient(45deg, #A134CF, #5834CF); /* Chrome, Safari */
background: linear-gradient(45deg, #A134CF, #5834CF); /* 标准语法 */
-webkit-background-clip: text; /* Chrome, Safari */
background-clip: text;
-webkit-text-fill-color: transparent; /* Chrome, Safari */
color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
}

.anli-list{
    display: flex;
    flex-wrap: wrap;

}
.anli-item{
    width: 472px;
    border-radius: 14px;
   
    margin: 11px;
}
.anli-item-title{
    color: #A134CF;
   
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: left;
    font-style: normal;
    padding: 10px;
}

.anli-item-memo{
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #504B49;
    line-height: 22px;
    text-align: justify;
    font-style: normal;
}

.anli-item-xiaoguo{
   
   
    font-weight: 600;
    font-size: 18px;
    
    line-height: 25px;
    text-align: left;
    font-style: normal;
    padding: 10px ;
}
.anli-item-content{
    display: flex;
}
.anli-item-content-item{
    width: 50%;
    text-align: center;
    font-size: 12px;
    padding-bottom: 10px;
}

.anli-item-content-item span{
    font-size: 18px;
    color: #00F9E5;
    line-height: 25px;
    text-align: left;
    font-style: normal;
}


.qingdan-view{
    width: 100%;
    min-width: 1000px;
    height: 670px;
    min-height: 670px;
    background-image: url("../../static/image/qingdao-bg.png");
    background-size: cover;

}
.qingdan-view .qingdan-title{
    width: 166px;
     margin: auto;
    padding-top: 79px;
    margin-bottom: 50px;
}
.qingdan-view .qingdan-content{
    display: flex;
    width: 1000px;
    margin: auto;
}
.qingdan-view .qingdan-content .qingdan-item{
    background-image: url('../../static/image/qingdan-bg.png');
    width: 225px;
    height: 282px;
    background-repeat: no-repeat;
   background-size: 100%;
    color: #ffffff;
    padding: 21px 40px;
    margin: 30px;
}

.qingdan-view .qingdan-content .qingdan-item div{
    margin-top: 15px;
}

.qingdan-view .qingdan-content .qingdan-item1{
    background-image: url('../../static/image/qingdan-bg1.png');
    width: 225px;
    height: 44px;
    background-repeat: no-repeat;
   background-size: 100%;
  
    margin:0 30px;

    font-weight: 600;
    font-size: 18px;
    color: #0A0E32;
    line-height: 44px;
    text-align: center;
    font-style: normal;
}

.zhuanzhu-view{
    width: 100%;
    min-width: 1000px;
    background-color: #f5f6f8;
    padding-bottom: 20px;
}

.zhuanzhu-view .zhuanzhu-title{
    width: 420px;
 
    font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
    font-weight: bold;
    font-size: 42px;
    background: -webkit-linear-gradient(45deg, #12E1EA, #5589FA ); /* Chrome, Safari */
    background: linear-gradient(45deg, #12E1EA, #5589FA); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
    margin: auto;
    text-align: center;
    padding-top: 54px;
}
.zhuanzhu-view .zhuanzhu-content{
    display: flex;
    width: 1000px;
    margin: auto;
}


.zhuanzhu-view .zhuanzhu-content1{
    width: 307px;
    background-color: #ffffff;
    border-radius: 10px;
    margin:12px
}

.zhuanzhu-view .zhuanzhu-content2{
    width: 307px;
    background-color: #ffffff;
    border-radius: 10px;
    margin:12px
}

.zhuanzhu-view .zhuanzhu-content3{
    width: 307px;
    background-color: #ffffff;
    border-radius: 10px;
    margin:12px
}

.content1-title{
    font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
    font-weight: bold;
    font-size: 28px;
    background: -webkit-linear-gradient(45deg, #12E1EA, #5589FA ); /* Chrome, Safari */
    background: linear-gradient(45deg, #12E1EA, #5589FA); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
    margin: auto;
    padding: 20px;
    text-align: left;
   
}

.content1-info{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    padding: 20px;
    font-size: 18px;
    color: #2B2758;
    line-height: 25px;
    text-align: justify;
    font-style: normal;
        margin-top: 10px;
}


.xiaochengxu-view{
    width: 100%;
    min-width: 1000px;
    background: #FFF8EC;
    height: 614px;
}

.xiaochengxu-content{
    width: 1000px;
    min-width: 1000px;
    display: flex;
    margin: auto;
}
.xiaochengxu-content .left{
    padding: 155px 10px;
}
.xiaochengxu-content .right{
    padding-top: 106px;
    
    width: 608px;
    margin-left: auto;
}


.xcx-content-title{
    font-size: 28px;
    background: -webkit-linear-gradient(26deg, #FBD38F, #FF105F ); /* Chrome, Safari */
    background: linear-gradient(26deg, #FBD38F, #FF105F); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
    margin: auto;
    text-align: left;
    font-weight: bold;
}

.xcx-info-title{
    font-size: 15px;
    background: -webkit-linear-gradient(26deg, #FBD38F, #FF105F ); /* Chrome, Safari */
    background: linear-gradient(26deg, #FBD38F, #FF105F); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
    margin: auto;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}

.xcx-info-content{
    width: 330px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #2B2758;
    line-height: 25px;
    font-style: normal;
    margin-top: 30px;
}




.pinban-view-base{
    background-color: #f3f3f3;
   width: 100%;
  
}

.pinban-view{
    width: 1000px;
    min-width: 1000px;
    padding-top: 64px;
    margin: auto;
    padding-bottom: 50px;
    background-color: #ffffff;
   
}

.pinban-view .pinban-title{
 width: 100%;
 text-align: center;
 font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
font-weight: bold;
font-size: 42px;
color: #FFFFFF;
line-height: 50px;
 

background: -webkit-linear-gradient(45deg, #00FB6C, #0B2EFB); /* Chrome, Safari */
background: linear-gradient(45deg, #00FB6C,#0B2EFB); /* 标准语法 */
-webkit-background-clip: text; /* Chrome, Safari */
background-clip: text;
-webkit-text-fill-color: transparent; /* Chrome, Safari */
color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
}

.pinban-list{
    display: flex;
    flex-wrap: wrap;

}
.pinban-item{
    width: 224px;
    border-radius: 14px;
    background-color: #ffffff;
    margin: 13px;
}



.xiaozhang-header-view{
    width: 100%;
    height: 80px;
    min-height: 80px;
    background: radial-gradient( 430% 90% at 81% 109%, #60F4FF 0%, #493EFF 100%);
    min-width: 1000px;
    padding-top: 0;
}

.xiaozhang-header-view .header-content{
    min-width: 1000px;
    width: 1000px;
    margin: auto;
}
.xiaozhang-header-view .header-content .header-top{

    padding-top: 24px;
    display: flex;
}



.xiaozhang-view-base{
    background-color: #f3f3f3;
   width: 100%;
  
}

.xiaozhang-view{
    width: 1000px;
    min-width: 1000px;
    padding-top: 64px;
    margin: auto;
    padding-bottom: 50px;
  
   
}

.xiaozhang-view .xiaozhang-title{
    width: 100%;
    text-align: center;
    font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
   font-weight: bold;
   font-size: 42px;
   color: #FFFFFF;
   line-height: 50px;
   padding-bottom: 50px;
    
   
   background: -webkit-linear-gradient(45deg, #00FB6C, #0B2EFB); /* Chrome, Safari */
   background: linear-gradient(45deg, #00FB6C,#0B2EFB); /* 标准语法 */
   -webkit-background-clip: text; /* Chrome, Safari */
   background-clip: text;
   -webkit-text-fill-color: transparent; /* Chrome, Safari */
   color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
   }

   .xiaozhang-view .xiaozhang-list{
    display: flex;
    flex-wrap: wrap;
   }

   .xiaozhang-view .xiaozhang-item{
        width: 224px;
        position: relative;
        margin: 12px;
   }

   .xiaozhang-view .xiaozhang-item .xiaozhang-info-title{
    font-weight: 600;
    font-size: 16px;
    color: #152C51;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    padding: 10px;
   }

   .xiaozhang-view .xiaozhang-item .xiaozhang-info-content1{
    margin-top: 5px;
    font-size: 12px;
    color: #152C51;
    text-align: left;
    font-style: normal;
    -webkit-line-clamp: 2; 
    display: -webkit-box; 
    -webkit-box-orient: vertical;  
    overflow: hidden; 

   }

   .xiaozhang-view .xiaozhang-item .xiaozhang-name{
        position: absolute;
        top: 220px;
        left: -10px;
        background-image: url("../../static/image/xiaozhang-name-bg.png");
        width: 95px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background-size: cover;
        color: #ffffff;
        font-weight: 600;
   }




   .xiaozhang-view .xianchang-list{
    display: flex;
    flex-wrap: wrap;
   }

   .xiaozhang-view .xianchang-item{
        width: 472px;
        position: relative;
        margin: 12px;
        background-color: #ffffff;
        border-radius: 15px;
        height: 350px;
   }

   .xiaozhang-view .xianchang-item .xianchang-info-title{
    font-weight: 600;
    font-size: 22px;
    padding: 0 15px;
    line-height: 50px;
    background: -webkit-linear-gradient(45deg, #00FB6C, #0B2EFB); /* Chrome, Safari */
    background: linear-gradient(45deg, #00FB6C,#0B2EFB); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
   }

   .xiaozhang-view .xianchang-item .xianchang-info-content{
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #504B49;
    line-height: 22px;
    text-align: justify;
    font-style: normal;
    padding: 0 15px;
   }

 



   .fuwu-header-view{
    width: 100%;
    height: 610px;
    min-height: 610px;
    background-image: url('../image/fuwu-banner-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 1000px;
    padding-top: 0;
}


.fuwu-header-view .header-content{
    min-width: 1000px;
    width: 1000px;
    margin: auto;
}
.fuwu-header-view .header-content .header-top{

    padding-top: 24px;
    display: flex;
}



.text1 {
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #1E3463;
    opacity: 0.99;
    text-align: center;
    margin-top: 3.31rem;
  }
  
  .text1 > span {
    margin: 0 4rem;
  }
  
  .datas {
    display: flex;
    justify-content: center;
    width:1000px;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 6.31rem;
  }
  
  .datas > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 1.35rem;
  }
  
  .datas > div > div:nth-child(1) {
    height: 4.69rem;
    font-family: PingFangSC-Semibold;
    font-size: 80px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 6.25rem;
    letter-spacing: 0rem;
    color: #3b65ff;
    opacity: 0.99;
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  
  .datas > div > div:nth-child(1) span {
    font-size: 40px;
  }
  
  .datas > div > div:nth-child(2) {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #333333;
    opacity: 0.99;
    margin-top: 4.31rem;
  }
  
  .steps {
    width: 100%;
    background-color: #f7f7f7;
    opacity: 0.99;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3.88rem;
    padding-bottom: 2.5rem;
  }
  
  .steps > div:nth-child(1) {
    font-family: PingFangSC-Semibold;
    font-size: 2.25rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #000000;
    opacity: 0.99;
    margin-top: 3.5rem;
    text-align: center;
  }
  
  .steps > div:nth-child(2) {
    position: relative;
    display: flex;
    width: 1000px;
    overflow: hidden;
    justify-content: space-between;
    display: flex;
  }
  
  .steps > div:nth-child(2) .line {
    position: absolute;
    width: 100%;
    white-space: nowrap;
    height: 0.31rem;
    font-family: PingFangSC-Semibold;
    font-size: 1.5rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #b9b9b9;
    opacity: 0.99;
    top: 6rem;
    text-overflow: clip;
  }
  
  .steps > div:nth-child(2) .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4.3rem;
    width: 15rem;
    z-index: 2;
  }
  
  .steps > div:nth-child(2) .step > img {
    width: 86px;
    height: 86px;
  }
  
  .steps > div:nth-child(2) .step > div:nth-child(2) {
    font-family: PingFangSC-Medium;
    font-size: 1.5rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #000000;
    margin-top: 1.88rem;
  }
  
  .steps > div:nth-child(2) .step > div:nth-child(3) {
    font-family: PingFangSC-Regular;
    font-size:14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #333333;
    margin-top: 1.38rem;
    width: 150px;
  }



  .dianjiruzhu{
    background-image:url("../../static/image/join-img.gif") ;
    width: 80px;
    height: 80px;
    color: #FFFFFF;
    background-size: cover;
    text-align: center;
    line-height: 60px;
    font-size: 12px;
    font-weight: 600;
    position: fixed;
     top: 70%;
    right: calc(50vw - 600px);
    cursor: pointer;
  }




  .dengjiruzhu-view{
    width: 350px;
    height: 500px;
    background-image: url("../../static/image/dianjiruzhu-bg.png");
    background-size: 100% 100%;
 

    padding: 26px 20px;
  }



.dengjiruzhu-view .pay-success-title{
    width: 300px;
    margin: 20px auto;
    text-align: center;
    font-weight: 600;
font-size: 24px;
color: #2E4E7B;
line-height: 16px;
 
font-style: normal;
    
}

.dengjiruzhu-view .pay-success-memo{
    font-weight: 400;
    font-size: 18px;
    color: #6B6B6B;
    line-height: 29px;
    text-align: left;
    font-style: normal;
    margin-bottom: 20px;
}

.dengjiruzhu-view .dengji-title{
    font-size: 24px;
    font-weight: 600;
    width: 100px;
    color: #101551;
    background: -webkit-linear-gradient(35deg, #12E1EA, #5589FA); /* Chrome, Safari */
    background: linear-gradient(35deg, #12E1EA 0%, #5589FA 100%);

    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
}

.dengjiruzhu-view .form-item{
    margin-top: 10px;
}

.dengjiruzhu-view .form-item .form-item-title{
    font-size: 16px;
    font-weight: 600;
}

.dengjiruzhu-view .form-item .form-item-input{
    margin-top: 10px;
}

.dengjiruzhu-view .form-item .form-item-input input{
    height: 38px;
    line-height: 1.3;
    line-height: 38px \9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0, 0, 0, .85);
    border-radius: 5px;
    border-color: #cccccc;
    width: 100%;
   padding-left: 10px; 

}

.dengji-memo{
    font-size: 12px;
    color: #6B6B6B;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.dengjiruzhu-view .next-btn{
    background-image: url("../image/next-btn-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 330px;
    height: 50px;
    margin: 20px auto;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    font-weight: 600;
}


.dengjiruzhu-view .dengji-danjia{
    margin: 20px auto;
}

.dengjiruzhu-view .dengji-zongjia{
    margin: 20px auto;
    font-size: 16px;
    color: #6B6B6B;
    line-height: 16px;
    text-align: left;
    font-style: normal;
}
.dengjiruzhu-view .dengji-zongjia span{
    color: #FF821A;
    font-size: 28px;
    margin-right: 5px;
    font-weight: 600;
}

.dengji-step2-memo{
font-size: 14px;
color: #6B6B6B;
line-height: 29px;
text-align: left;
font-style: normal;
}


.dengji-pay-type{
    width: 300px;
    height: 50px;
    background-color: #fff;
    border-radius: 25px;
    display: flex;
    color: #707070;
    line-height: 50px;
    font-weight: 600;
    font-size: 14px;
    margin: 20px auto;
}

.pay-type-item{
    width: 150px;
    text-align: center;
    cursor: pointer;
}

.dengji-pay-type .active{
    background-image: url("../image/pay-type-bg.png");
    background-size: 100% 50px;
    background-repeat: no-repeat;
    
    color: #ffffff;
}
.pay-success-img{
    width: 92px;
    margin:   auto;
}

.pay-ewm-view{
    width: 200px;
  
    background-color: rgba(255,255,255,.32);
    border-radius: 10px;
    margin:   auto;
    padding: 30px ;
    text-align: center;
}
.pay-ewm-view view{
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #2E4E7B;
    line-height: 16px;
    font-style: normal;
    display: block;
}
.ewm_img{
    width: 160px;
    height: 160px;
    margin: 20px auto;
}




 
.youzhianli-view-base .section2 {
        background-image: url("../image/youzhianli2-bg.png");
        background-repeat: no-repeat;
        background-size: cover;
      }
      
      .youzhianli-view-base .section2 > div:nth-child(1) {
        font-family: PingFangSC-Semibold;
        font-size: 28px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 100px;
        letter-spacing: 0px;
        color: #ffffff;
        text-align: center;
      }
      
      .youzhianli-view-base  .section2 > div:nth-child(2) {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        padding-bottom: 20px;
        width: 1000px;
        margin: 0 auto;
      }
      
      .youzhianli-view-base  .section2 > div:nth-child(2) > div {
        width: 226px;
        margin: 20px 0;
      }
      
      .youzhianli-view-base  .section2 > div:nth-child(2) > div > div:nth-child(1) {
        width: 100%;
        height: 148px;
        background-color: #ffffff;
        border-radius: 10px;
        overflow: hidden;
      }
      
      .youzhianli-view-base .section2 > div:nth-child(2) > div > div:nth-child(1) > video {
        width: 100%;
        object-fit: fill;
        height: 148px;
      }
      
      .youzhianli-view-base  .section2 > div:nth-child(2) > div > div:nth-child(2) {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 58px;
        letter-spacing: 0px;
        color: #fefefe;
        text-align: center;
      }
      

      .youzhianli-view-base .text1 {
          font-family: PingFangSC-Semibold;
          font-size: 2.25rem;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0rem;
          color: #333333;
          opacity: 0.99;
          margin-top: 2rem;
          text-align: center
      }
      
      .youzhianli-view-base .text2 {
          margin-top: 1.75rem;
          font-family: PingFangSC-Regular;
          font-size: 1.88rem;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0rem;
          color: #333333;
          opacity: 0.99;
          text-align: center
      }
      
      .youzhianli-view-base .users {
          width: 1000px;
          display: flex;
          flex-wrap: wrap;
          margin: 0 auto;
          margin-bottom: 3.69rem;
          padding-left: 2.5rem
      }
      
      .youzhianli-view-base .users>div {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 2.3rem;
          margin-right: 2.8rem
      }
      
      .youzhianli-view-base .users>div>div:nth-child(1) {
          background-color: #fefefe;
          display: flex;
          align-items: center;
          justify-content: center
      }
      
      .youzhianli-view-base .users>div>div:nth-child(1)>img {
          width: 9.7rem;
          height: 6.31rem;
          object-fit: contain
      }
      
      .youzhianli-view-base .users>div>div:nth-child(2) {
          font-family: MicrosoftYaHei;
          font-size: 1.18rem;
          font-weight: normal;
          width: 9rem;
          font-stretch: normal;
          letter-spacing: 0rem;
          color: #666666;
          margin-top: 1.6rem;
          text-align: center
      }
 

      .rongyu-view-base .cers {
        background-color: #f7f7f7;
        padding-bottom: 20px;
        padding-top: 20px;
      }
      
      .rongyu-view-base .cers > div:nth-child(1) {
        font-size: 36px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 100px;
        letter-spacing: 0px;
        color: #333333;
        text-align: center;
      }
      
      .rongyu-view-base .cers > div:nth-child(n+2) {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      
      .rongyu-view-base .cers > div:nth-child(n+2) > div {
        width: 292px;
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 50px;
        letter-spacing: 0px;
        color: #333333;
        text-align: center;
        white-space: nowrap;
      }
      
      .rongyu-view-base .cers > div:nth-child(n+2) > div > img {
        width: 100%;
        height: 412px;
      }
      
      .rongyu-view-base .cers > div:nth-child(n+2) > div:nth-child(2) {
        margin: 0 50px;
      }