@font-face {
    font-family: AlibabaPuHuiTi-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(../../css/webfont/AlibabaPuHuiTi-Regular.woff2),url(../../css/webfont/AlibabaPuHuiTi-Regular.woff),url(../../css/webfont/AlibabaPuHuiTi-Regular.otf),url(../../css/webfont/AlibabaPuHuiTi-Regular.ttf);
}
@font-face {
    font-family: AlimamaShuHeiTi-Bold;
    font-style: normal;
    font-weight: 400;
    src: url(../../css/webfont/AlimamaShuHeiTi-Bold.woff2),url(../../css/webfont/AlimamaShuHeiTi-Bold.woff),url(../../css/webfont/AlimamaShuHeiTi-Bold.otf),url(../../css/webfont/AlimamaShuHeiTi-Bold.ttf)
}
@font-face {
    font-family: DouyinSansBold;
    font-style: normal;
    font-weight: 400;
    src: url(../../css/webfont/DouyinSansBold.ttf);
}
@font-face {
    font-family: DingTalkJinBuTi-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(../../css/webfont/DingTalkJinBuTi-Regular.ttf)
}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;}
.flex_center_x{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;}
.flex_center_y{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;}
.flex__center{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;align-items:center;}
.flex_right{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:right;justify-content:right;}
.flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
/* 从左均挨排、换行 */
.flex__wrap__b{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
/* 两边均分、换行 */
.flex__justify__b{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
/* 从左均分、换行 */
.flex__justify__b2{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
/* 垂直排列 */
.flex_column{display: -webkit-box;display: -webkit-flex;display: flex;flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;-moz-flex-direction: column;}
/* 垂直排列(倒序) */
.flex_columnrev{display: -webkit-box;display: -webkit-flex;display: flex;flex-direction: column-reverse;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;-moz-flex-direction: column-reverse;}
.red{color:red;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
/* 换行 ,强制英文单词断行：word-break:break-all;*/
.wrap{word-wrap: break-word;word-break: normal;word-break:break-all;}
/* 强制不换行 */
.nowrap{white-space:nowrap;}
.maxw { width: -webkit-max-content; width: -moz-max-content; width: max-content; }
.maxh { height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.posi-relative,.p-re{position:relative!important;}
.posi-absolute,.p-ab{position:absolute;}
.allcenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
.ihover{cursor: pointer;opacity: 1;}
.trian{position: relative;}
.trian::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-width:15px 18px 0 18px;
    border-style: solid;
    border-color: #6236FF transparent transparent transparent;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
#player-alert .mc{left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:85%;max-width:1000px;height:70%;max-height:800px;padding:0px;background-color:transparent;opacity:1;}
#player-alert .mc .xx{right: 8px; top: 5px; color: #fff; z-index: 100000; padding: 10px; height: auto;}
#player-alert .mc .tl{display: none; margin:0;padding:10px 15px;background-color:#F2F2F2;font-size:1.6rem;font-weight:normal;text-align:left;border-radius:6px 6px 0 0;}
#player-alert .mc .m-d{width:100%;height:calc(100% - 37px);}
#vVideo {
    position: fixed;
    top: 10000px;
    left: -10000px;
    width: 0;
    height: 0;
    z-index: 0;
    opacity: 0;
    padding: 0;
    background-color: inherit;
    -webkit-transition-duration: inherit;
    transition-duration: inherit
}

.visib_h #vVideo {
    visibility: hidden
}

#vVideo.on {
    width: 100%;
    max-width: inherit;
    height: auto;
    min-height: 100%;
    top: 50%;
    left: 50%;
    z-index: 99999;
    display: inline-block;
    opacity: 1;
    transform: translate(-50%,-50%);
    background-color: #000
}

#vVideo.on.shipGD {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%
}

#vVideo.on.nofull {
    max-width: calc(100% - 120px);
    max-height: calc(100% - 100px);
    min-height: auto;
    background-color: inherit
}
em{font-style: normal;}

.scrollme{/*background: linear-gradient(180deg, #14061B, #000, #000, #000, #000);*/background-color: #000;}
.contentbody{
    /* max-width: 1440px; */
    margin: 0 auto;font-family: 'AlibabaPuHuiTi-Regular';color: #fff;
}
.bscolor{color:rgba(241,241,241,0.8);}
.bscolor2{color:rgb(34 34 34 / 80%);}
/* 旋转动画关键帧 */
@keyframes rotate-clockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes toright {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}
.fadeInUp { -webkit-animation: fadeInUp .6s 0.6s ease both; -moz-animation: fadeInUp .6s 0.6s ease both; }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(60px) } 100% { opacity: 1; -webkit-transform: translateY(0) } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(60px) } 100% { opacity: 1; -moz-transform: translateY(0) } }
.fadeInUp2 { -webkit-animation: fadeInUp .6s 1s ease both; -moz-animation: fadeInUp .6s 1s ease both; }
@-webkit-keyframes fadeInUp2 { 0% { opacity: 0; -webkit-transform: translateY(100px) } 100% { opacity: 1; -webkit-transform: translateY(0) } }
@-moz-keyframes fadeInUp2 { 0% { opacity: 0; -moz-transform: translateY(100px) } 100% { opacity: 1; -moz-transform: translateY(0) } }

.fadeInDown { -webkit-animation: fadeInDown 0.5s 0.2s ease both; -moz-animation: fadeInDown 0.5s 0.2s ease both; }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-220px) } 100% { opacity: 1; -webkit-transform: translateY(0) } }
@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-220px) } 100% { opacity: 1; -moz-transform: translateY(0) } }
.fadeInDown2 { -webkit-animation: fadeInDown2 0.8s .6s ease both; -moz-animation: fadeInDown2 1s .6s ease both; }
@-webkit-keyframes fadeInDown2 { 0% { opacity: 0; -webkit-transform: translateY(-320px) } 100% { opacity: 1; -webkit-transform: translateY(0) } }
@-moz-keyframes fadeInDown2 { 0% { opacity: 0; -moz-transform: translateY(-320px) } 100% { opacity: 1; -moz-transform: translateY(0) } }
.fadeInDown3 { -webkit-animation: fadeInDown3 1s .8s ease both; -moz-animation: fadeInDown3 1s .8s ease both; }
@-webkit-keyframes fadeInDown3 { 0% { opacity: 0; -webkit-transform: translateY(-420px) } 100% { opacity: 1; -webkit-transform: translateY(0) } }
@-moz-keyframes fadeInDown3 { 0% { opacity: 0; -moz-transform: translateY(-420px) } 100% { opacity: 1; -moz-transform: translateY(0) } }

.fadeInLeft {
    -webkit-animation: fadeInLeft 1s .2s ease both;
    -moz-animation: fadeInLeft 1s .2s ease both;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation: fadeInRight 1s .2s ease both;
    -moz-animation: fadeInRight 1s .2s ease both;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
body{overflow-x: hidden;left:0;right:0;}
html,body{
  user-select: none;
  -webkit-user-select: none;
}
.msgMain{pointer-events: none;}
.showMsgAlert,.play{cursor: pointer;}
.boxtop{height: 65px;background-color: #0A0019;}
.box1{ }
.box1 > img { display: block; width: 100%; height: auto; }
.box1 .content { width: 100%; top: 0; left: 50%; transform: translateX(-50%); }
.box1 .sp1 { width: 388px;margin-top: 4.4%; }
.box1 .sp2 { margin-top: 48px; color: #fff; font-size: 56px; line-height: 68px; font-family: 'AlimamaShuHeiTi-Bold';}
.box1 .sp2 span { color: #E3C51C; }
.box1 .sp3 { margin-top: 26px; font-size: 20px; line-height: 34px;text-align: center;width: 70%; }
.box1 .sp4 { margin-top: 4.4%; }
.box1 .sp4 .more { width: 180px; height: 48px; display: inline-block; background: url('../img/leb2/108.png') no-repeat 50% 0/cover; }
.box1 .sp4 .play { background: url(../img/leb2/101.png) no-repeat 50% 0 / cover; display: inline-block; width: 48px; height: 48px; margin-left: 16px; }
.box1 .sp4 .play:hover{animation: rotate-clockwise 2.5s linear infinite;}
.box1 .sp5 {left: 50%;position: absolute; transform: translateX(-50%);bottom: 3.8%; width: 24px; height: 78px; background: url(../img/leb2/109.png) no-repeat 50% 0 / cover; }

.box2{}
.box2 .sp1{width: 400px;margin-bottom: 26px;}
.box2 .sp2{font-size: 20px;width: 80%;text-align: center;
line-height: 34px;}

.box3{ background: url('../img/leb2/002.png') no-repeat 0 0/376px; width: 90%; margin: 56px auto 0; }
.box3 .left{text-align:right;margin-top: 112px;width: 40%;}
.box3 .left .sp1{font-size: 48px; margin-bottom: 20px; display: inline-block;font-style: italic;font-family: 'AlimamaShuHeiTi-Bold';background: linear-gradient(90deg, #409eff, #fe3838);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;}
.box3 .left .sp2{margin-bottom: 22px    ;}
.box3 .left .sp2 .tip{display: inline-block; font-size: 17px; line-height: 20px; background: #FA6400; color:#fff;border-radius: 6px; padding: 4px 12px; margin-left: 14px;}
.box3 .left .sp2 .tip2{background-color: #6236FF;}
.box3 .left .sp3{font-size: 20px; line-height: 30px; margin-bottom: 30px;}
.box3 .left .sp4{width:100%;max-width: 414px; height: 232px; border-radius: 19px; border: 6px solid #626262; float: right;overflow: hidden;cursor: pointer;}
.box3 .left .sp4 img{width: 100%; height: 100%;}
.box3 .left .sp4 .play{width: 42px;height: 42px;cursor: pointer;}
.box3 .left .sp4 .play::before{content: "";display: inline-block;background: url(../img/leb2/101.png) no-repeat 50% 0 / cover;width: 100%;height: 100%;}
.box3 .left .sp4:hover .play::before{animation: rotate-clockwise 2.5s linear infinite;}
.box3 .right{margin-top: 112px;margin-left: 40px; padding-left: 52px;border-left: 1px solid #FFFFFF;position: relative;}
.box3 .right::before{content: '';position: absolute;left: 0;top: 0;width: 4px;height: 28px;background: #FFFFFF;}
.box3 .right .sp{}
.box3 .right .sp1{}
.box3 .right .sp2{}
.box3 .right .sp3{}
.box3 .right .item0{}
.box3 .right .sp2 .item0,
.box3 .right .sp3 .item0{padding-top: 30px;}
.box3 .right .item1{padding: 0 28px 32px 0;position: relative;}
.box3 .right .item2{padding:0 0 32px 28px;position: relative;}
.box3 .right .sp3 .item1,
.box3 .right .sp3 .item2{ padding-bottom: 0; }
.box3 .right .sp1 .item1::before,
.box3 .right .sp2 .item1::before,
.box3 .right .sp1 .item2::before,
.box3 .right .sp2 .item2::before{ content: ''; position: absolute;right: 0;bottom: 0; width: 85%; height: 2px; background: linear-gradient(90deg, rgba(255,255,255,0.1), rgba(255,255,255,0.5)); }
.box3 .right .sp1 .item1::after,
.box3 .right .sp2 .item1::after,
.box3 .right .sp3 .item1::after{ content: ''; position: absolute;right: 0;bottom: 2px; width: 2px; height: 85%; background: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.5)); }
.box3 .right .sp1 .item2::before,
.box3 .right .sp2 .item2::before{ left:0;right: auto; background: linear-gradient(90deg, rgba(255,255,255,0.5), rgba(255,255,255,0.0)); }
.box3 .right .sp2 .item1::after{ top:0;bottom: auto;height: calc(100% - 2px); background: rgba(255,255,255,0.5) }
.box3 .right .sp3 .item1::after{ top:0;bottom: auto; background: linear-gradient(0, rgba(255,255,255,0.1), rgba(255,255,255,0.5)); }
.box3 .right .title{font-size: 18px;font-family: 'DouyinSansBold';font-weight: bold; color: #FFFFFF; line-height: 28px; margin-bottom: 10px; display: inline-block;}
.box3 .right .sp .item0 .title{background: url(../img/leb2/102.png) no-repeat 0 50% / 20px;padding-left: 36px;}
.box3 .right .sp1 .item2 .title{background-image: url(../img/leb2/105.png);}
.box3 .right .sp2 .item1 .title{background-image: url(../img/leb2/103.png);}
.box3 .right .sp2 .item2 .title{background-image: url(../img/leb2/107.png);}
.box3 .right .sp3 .item1 .title{background-image: url(../img/leb2/104.png);}
.box3 .right .sp3 .item2 .title{background-image: url(../img/leb2/106.png);}
.box3 .right .info{font-size: 16px; line-height: 24px;height: 72px;}
.box3 .right .item0:hover .title,
.box3 .right .item0:hover .info{position: inherit;z-index: 2;}
.box3 .right .item0:hover .bg{ position: absolute; height: calc(100% + 14px); width: calc(100% + 20px); background: linear-gradient(124deg, #00F229 0%, #6827FF 40%, #9908FC 100%); border-radius: 23px; top: -12px; left: -16px;z-index: 1; }
.box3 .right .sp2 .item0:hover .bg{top: -8px;}
.box3 .right .sp3 .item0:hover .bg{top: -6px;height: calc(100% + 24px);}

.box4 .content{ bottom: 0;width: 100%; }
.box4 .sp1{text-align: center;margin-bottom: 72px;}
.box4 .sp1 .tips{font-size: 40px;font-weight: bold;margin-bottom: 8px;}
.box4 .sp1 .txt1{color: #6827FF;}
.box4 .sp1 .txt2{color: #000;margin-left: 8px;font-family: "AlimamaShuHeiTi-Bold";}
.box4 .sp1 .info{font-size: 18px;color: #6E6E6E;line-height: 21px;font-family: 'DingTalkJinBuTi-Regular';}
.box4 .sp2{width: 69%;margin: 0 auto 66px;}
.box4 .sp2 img{margin: 0 auto;}
.box4 .sp3{}
.box4 .sp3 .left{width: 42%;text-align: right;margin-right: 14px;}
.box4 .sp3 .left .tip{background: #6236FF;font-size: 14px;padding: 0 2px;}
.box4 .sp3 .left .tip2{color: #6236FF;font-size: 24px;font-family: "AlimamaShuHeiTi-Bold";border-bottom: 2px solid #6236FF;padding-bottom:7px;margin-top: 5px;}
.box4 .sp3 .right{width: 48%;color: rgb(34 34 34 / 80%);}

.box5{background: #DCDCDC;padding-top: 88px;}
.box5 .sptop,
.box6 .sptop,
.box7 .sptop,
.box8 .sptop{text-align: center;margin-bottom: 72px;}
.box5 .sptop .tips,
.box6 .sptop .tips,
.box7 .sptop .tips,
.box8 .sptop .tips{font-size: 40px;font-weight: bold;margin-bottom: 8px;}
.box5 .sptop .txt1,
.box6 .sptop .txt1,
.box7 .sptop .txt1{color: #6827FF;}
.box5 .sptop .txt2,
.box6 .sptop .txt2,
.box7 .sptop .txt2,
.box8 .sptop .txt2{color: #000;margin-left: 8px;font-family: "AlimamaShuHeiTi-Bold";}
.box5 .sptop .info,
.box6 .sptop .info{font-size: 18px;color: #6E6E6E;line-height: 21px;font-family: 'DingTalkJinBuTi-Regular';}
.box5 .sp{position: relative;overflow: hidden;}
.box5 .sp .imgv{width: 50%;}
.box5 .sp .imgv img{width: 100%;}
.box5 .sp .imgv .tip{background: #DCDCDC; right: -49px; top: 20%; padding: 8px 9px 4px;}
.box5 .sp .imgv .tip::before{ content: ""; position: absolute;top: -2px; left: 0; width: 60%; height: 2px;background-color: #A63535; }
.box5 .sp .imgv .txt{font-weight: bold;font-family: 'AlimaMaShuHeiTi-Bold'; font-size: 22px; color: #000; line-height: 27px; width: 100%; display: block;}
.box5 .sp .imgv em{color: #A63535;}
.box5 .sp .imgv .txt2{font-family:'DingTalkJinBuTi-Regular'; font-size: 11px; color: #6E6E6E;}
.box5 .sp .tbody{width: 50%; padding-left: 54px;color:#000;}
.box5 .sp .tbody .top{margin-bottom: 4%;}
.box5 .sp .tbody .txt{font-family: 'DouyinSansBold'; font-size: 14px; position: relative;}
.box5 .sp .tbody .txt em{position: relative;}
.box5 .sp .tbody .txt::before{content: "";position: absolute;width: 66px;height: 6px;background: #A63535;border-radius: 7px;bottom: 0;left: -3px;}
.box5 .sp .tbody .txt2{margin-left: 32px;}
.box5 .sp .tbody .txt2::before{background: #6236FF;}
.box5 .sp .tbody .txt2::after{ content: ""; background: url(../img/leb2/110.png) no-repeat 0 50% / 100%; display: inline-block; height: 15px; width: 82px; }
.box5 .sp .tbody .info{ font-size: 14px;margin-bottom: 7%; line-height: 20px;width: 90%;}
.box5 .sp .tbody .play{background: url(../img/leb2/113.png) no-repeat 0 50% / 100%;width: 180px;height: 48px;padding: 0 20px;color: #151515;font-size: 17px;font-weight: bold;cursor: pointer;}
.box5 .sp .tbody .play::before{content:"";display: inline-block;background: url(../img/leb2/101.png) no-repeat 0 50% / 100%;width: 29px;height: 29px;}
.box5 .sp .tbody .play:hover::before{animation: rotate-clockwise 2.5s linear infinite;}
.box5 .sp .tbody .play::after{content:"";display: inline-block;background: url(../img/leb2/116.png) no-repeat 0 50% / 100%;width: 18px;height: 5px;}
.box5 .sp1{z-index: 10;}
.box5 .sp2{z-index: 9;top:-58px;}
.box5 .sp2 .imgv,
.box5 .sp4 .imgv{width:100%;}
.box5 .sp2 .imgv .tip,
.box5 .sp4 .imgv .tip{left: 15%;top: 28%;padding:0;background: none;}
.box5 .sp2 .imgv .tip::before,
.box5 .sp4 .imgv .tip::before{background-color: #fff;width: 64px;height: 3px;top:152%;}
.box5 .sp2 .imgv .txt,
.box5 .sp4 .imgv .txt{color: #0091FF;}
.box5 .sp2 .imgv em,
.box5 .sp4 .imgv em{color:#fff;}
.box5 .sp2 .imgv .txt2,
.box5 .sp4 .imgv .txt2{background: #0091FF;color: #fff;}
.box5 .sp2 .tbody,
.box5 .sp4 .tbody{left: 15%;top: 48%;padding-left: 0;color:#fff;}
.box5 .sp2 .tbody .txt2::before{background: #0091FF;}
.box5 .sp2 .tbody .txt2::after{background-image: url(../img/leb2/118.png);}
.box5 .sp2 .tbody .info,
.box5 .sp4 .tbody .info{width: 80%;}
.box5 .sp2 .tbody .play,
.box5 .sp4 .tbody .play{color: #fff;}
.box5 .sp2 .tbody .play::after,
.box5 .sp4 .tbody .play::after{background-image: url(../img/leb2/121.png);}
.box5 .sp3{z-index: 8;top: -102px;}
.box5 .sp3 .imgv .txt{color: #04A500;}
.box5 .sp3 .imgv em{color:#000;}
.box5 .sp3 .imgv .tip{right: auto;left: -90px;top:24%;text-align: right;}
.box5 .sp3 .imgv .tip::before{right: 0;left:auto;width: 46%;background: #04A500;}
.box5 .sp3 .imgv .txt{font-size: 24px;}
.box5 .sp3 .tbody{padding-left: 15%;}
.box5 .sp3 .tbody .top{margin-top: -28px;}
.box5 .sp3 .tbody .txt2::before{background: #04A500;}
.box5 .sp3 .tbody .txt2::after{background-image: url(../img/leb2/119.png);}
.box5 .sp4{z-index: 7;top:-180px;}
.box5 .sp4 .imgv .tip{left: 50%;top:25%;}
.box5 .sp4 .tbody{left:50%;top: 45%;}
.box5 .sp4 .tbody .txt2::before{background: #6236FF;}
.box5 .sp4 .tbody .txt2::after{background-image: url(../img/leb2/120.png);}
.box5 .sp4 .tbody .info{width: 70%;}
.box5 .sp5{z-index: 6;top:-256px;margin-bottom: -256px;}
.box5 .sp5 .imgv .tip{top:34%;right: -54px;}
.box5 .sp5 .imgv .tip::before{background-color: #FA6400;}
.box5 .sp5 .tbody{margin-top: 14%;}
.box5 .sp5 .tbody .txt::before{background: #FA6400;}
.box5 .sp5 .tbody .txt2::before{background: #6236FF;}

.box6{background: #DCDCDC;padding-top: 100px;}
.box6 .sp{margin: 0 10%;}
.box6 .item0{width: 33.33%; border-radius: 32px; overflow: hidden;cursor: pointer;transition: transform .3s ease, box-shadow .3s ease;padding: 4px 6px;margin-bottom: 0.7%;}
/* .box6 .item0:nth-child(n+6) {
    margin-bottom: 0;
} */
.box6 .item0:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
/* 从左到右扫光 */
.box6 .item0:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  /* transition: left .7s linear; */
  z-index: 2;
  animation: toright 0.6s linear;
}
/* 环绕渐变流光 */
.box6 .item0:hover:after{
  content: '';
  position: absolute;
  inset: 0 -50% -50% 0;
  background: conic-gradient(#409eff,#36d399,#f5a623,#409eff);
  opacity:1;
  transition: opacity .3s;
  animation: rotate 3s linear infinite;
}
.box6 .item0_inner {
  position: relative;
  z-index: 1;
  background:#111;
  border-radius: 32px;overflow: hidden;
  color: #fff;
  text-align: center;
}
.box6 .item0_inner img{margin:0 auto;}
.box6 .item0.isvedio:hover .item0_inner::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
.box6 .item0 .tips{top:22px;left:22px;}
.box6 .item0 .tips .vr{background: url(../img/leb2/112.png) no-repeat 50% 0 / cover; display: inline-block; width: 48px; height: 26px;}
.box6 .item0 .tips .mr{background-image: url(../img/leb2/111.png);margin-left: 8px;}
.box6 .play{left: 50%; transform: translateX(-50%); top: 36%;align-items: flex-start;z-index: -1;}
.box6 .item0.isvedio:hover .play{z-index: 1;}
.box6 .play::before{content: "";display: inline-block;background: url(../img/leb2/114.png) no-repeat 50% 0 / cover; width: 48px; height: 7px;margin-top: 8%;}
.box6 .play::after{content: "";display: inline-block;background: url(../img/leb2/114.png) no-repeat 50% 0 / cover; width: 48px; height: 7px; transform: rotate(180deg) scaleY(-1);margin-top: 8%;}
.box6 .play .btn{background: url(../img/leb2/101.png) no-repeat 50% 0 / 42px;padding-top: calc(42px + 24px); font-size: 22px; text-shadow: 0px 0px 22px rgba(0, 0, 0, 0.25); font-family: 'DouyinSansBold';width: max-content;cursor: pointer;color:#fff;}
.box6 .play .btn::after{content: "视频介绍";display: inline-block;}
@keyframes rotate{to{transform:rotate(360deg)}}

.box7{background: #DCDCDC;padding-top: 140px;}
.box7 .tbody{background-color: #000;border-radius: 40px 40px 0px 0px;padding-top: 4.7%;
    padding-bottom: 3.7%;}
.box7 .sptop{margin-bottom: 100px;}
.box7 .sptop .txt2{color: #fff;}
.box7 .sptop .info{font-weight: bold; font-size: 40px; font-family: 'AlibabaPuHuiTi-Regular'; background: linear-gradient(180deg, rgba(238, 238, 238, 0), rgb(216 216 216 / 0.6)); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: normal;transform: translateX(-50%); position: absolute; left: 50%; top: 22px;width: max-content;}
.box7 .sptop.trian::before{border-color: #fff transparent transparent transparent;bottom: -50px;}
.box7 .sp1{margin: 0 10% 6.9%;}
.box7 .sp1 .li{font-size: 18px;width: 33.33%;margin-bottom: 15px;}
.box7 .sp1 .li .circle{width: 12px; height: 12px;margin-right: 10px; border-radius: 50%; background: linear-gradient(180deg, #5FE6FA, rgba(2555, 255, 255, 0.5), #FF3BC9);}
.box7 .sp1 .li .circle::before{content: "";display: inline-block;background-color: #000;border-radius: 50%;width: 8px;height: 8px;}
.box7 .sp1 .li span{width:calc(100% - 22px);}
.box7 .sp2{margin-bottom: 6%;}
.box7 .sp3{background: linear-gradient( 135deg, rgba(31,5,5,0.9) 0%, rgba(4,32,31,0.9) 55.43%, rgba(10,1,51,0.9) 100%), rgba(255,255,255,0.05);margin: 6.5% 5.5% 0;padding: 28px 1.5% 1.9% 2.77%;border-radius: 40px;}
.box7 .sp3 .li{margin-bottom: 12px;width:33.33%;align-items: flex-start;}
.box7 .sp3 em{font-size: 46px;background: linear-gradient(180deg, #F7B500 0%, rgba(247,181,0,0) 100%); -webkit-background-clip: text; background-clip: text; color: transparent;    font-family: 'DouyinSansBold'; transform: translateY(-8px); margin-right: 12px;}
.box7 .sp3 .info{width: 100%;}
.box7 .sp3 .title{display: block; font-size: 20px; line-height: 24px;margin-bottom: 12px; font-family: 'DouyinSansBold';}
.box7 .sp3 .txt{font-size: 14px; line-height: 20px;width: 92%; display: inline-block;}
/* 运营条件*/
.box8{background: #F7FBFD;padding-top: 110px;}
.box8 .sptop .tips::before{content: '';display: inline-block;
    width: 12%;margin-right: 16px;
height: 2px;background: linear-gradient(270deg, #F7B500 0%, rgba(247,181,0,0) 100%);}
.box8 .sptop .tips::after{content: '';display: inline-block;
    width: 12%;margin-left: 16px;
height: 2px;background: linear-gradient(90deg, #F7B500 0%, rgba(247,181,0,0) 100%);}
.box8 .sp1{width: 72.7%;margin: 0 auto;}
.swiper {
    position: relative;
}
/* 项标题 */
.mySwiper .swiper-slide { width: auto !important; background: url(../img/leb2/024.png) no-repeat 0 50% / 100%; width: 180px !important; height: 50px; line-height: 50px; text-align: center;margin: 0 16px; }
.mySwiper .swiper-wrapper{
  justify-content:center;
}
.filter-box {
    margin-bottom: 20px;
}
.filter-box .swiper-slide{cursor: pointer;}
.filter-box .swiper-slide span {
    color: #333;
}
.filter-box .swiper-slide .iconfont {
    margin-right: 6px;
}
.box8 .sp1 .filter-box .swiper-slide-thumb-active,
.box8 .sp1 .filter-box .swiper-slide:hover{
    background: linear-gradient( 115deg, #00F229 0%, #6827FF 40%, #9908FC 100%);border-radius: 16px;
}
.filter-box .swiper-slide-thumb-active span,
.filter-box .swiper-slide:hover span {
    color: #fff;
}
/* 标题 */

/* 项 */
.box8 .sp1 .mySwiper2 {
    overflow: hidden;
    padding: 8.6% 0;
}
.box8 .sp1 .mySwiper2 .swiper-slide {
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06);
    padding: 3.82% 20px;
    width: 750px;
    width: 71.6%;
}
.box8 .sp1 .mySwiper2 .swiper-slide .slide-inner {
    opacity: .1;
    padding-right: 45%;color: #000;
}

.box8 .sp1 .mySwiper2 .swiper-slide.swiper-slide-active .slide-inner {
    opacity: 1;
}
.box8 .sp1 .mySwiper2 .swiper-slide .slide-inner .title span{
    font-size: 22px;
    color: #181818;
    font-family: 'DouyinSansBold';
}
.box8 .sp1 .mySwiper2 .swiper-slide img {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 37%;
}
.box8 .sp1 .ul {
    border-top: 1px solid #DEE3E6;
    padding-top: 20px;
    position: relative;
    margin-top: 30px;
}
.box8 .sp1 .ul::before {
    content: "";
    width: 31px;
    height: 6px;
    background: #F7B500;
    position: absolute;
    left: 0;
    top: -7px;
}
.box8 .sp1 .ul .li {
    padding-left: 30px;
    display: flex;
    background: url('../img/lbe/gou.png') no-repeat 0 center/20px;
    font-size: 16px;
    color: #343D58;
}
.box8 .sp1 .ul .li+.li {
    margin-top: 20px;
}
/* 左右按钮 */
.swiper-button-prev,
.swiper-button-next {
    width: 160px;
    height: 160px;
    margin-top: -80px;
    outline: none;
}
.swiper-button-prev {
    left: -16%;
    background: url('../img/lbe/left.png') no-repeat 50% 50%/contain;
}
.swiper-button-next {
    right: -16%;
    background: url('../img/lbe/right.png') no-repeat 50% 50%/contain;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    content: none;
}
/* 分页 */
.box8 .sp1 .swiper-pagination { bottom: 0; left: 50%; transform: translateX(-50%);width: 100%;}
.swiper-pagination-bullet { width: 72px; height: 6px; background: #DEE3E6; border-radius: 0; transition: all .5s; margin: 0 7px !important; opacity: 1; }
.swiper-pagination-bullet-active {height: 6px; position: relative; }
.swiper-pagination-bullet-active::after { content: ""; animation: liner 2s; position: absolute; bottom: 0; left: 0; top: 0; right: 0; background: #F7B500; }
@keyframes liner {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

.box9{ background-color: #F7FBFD; padding-top: 16%; padding-bottom: 22%; }
/* .box9 .tbg{ background: url(../img/leb2/005.png) no-repeat 0 0 / 100%; } */
/* .box9 .tbg img{opacity: 0;} */
.box9 .tbody{ background-color: #000; padding-bottom: 8%; }
.box9 .sp1{ transform: translateY(-24%); width: 83%; margin: 0 auto; }
.box9 .sp1 img,
.box9 .sp2 img{margin: 0 auto;}
.box9 .sp2{ width: 83%; left: 50%; transform: translateX(-50%); bottom: -20%; }
.box9 .sp2 .info{top: 0; width: 100%;text-align: center; padding-top: 3%; }
.box9 .info>*{margin-bottom: 2.3%;}
.box9 .info .title{ font-weight: bold; font-size: 48px; color: #000000; font-family:'AlimamaShuHeiTi-Bold'; }
.box9 .info .tips{display: inline-block; font-size: 32px;font-family: PingFangSC, PingFang SC; color: #626C7A;letter-spacing: 15px; }
.box9 .info .inputs{ }
.box9 .info input{ height: 56px; background: #FFFFFF; border-radius: 16px;width: 26%; padding: 0 12px; }
.box9 .info input:nth-child(2){margin: 0 18px;}
.box9 .info button{ background: #F7B500; border-radius: 16px;padding: 0 14px;color: #fff; font-size: 18px; line-height: 56px;}
/* 通知向上滚动动画 */
@keyframes scrollNotify {
    0% {
        opacity: 0;
        transform: translateY(32px);
    }
    5%, 28% {
        opacity: 1;
        transform: translateY(0);
    }
    33%, 100% {
        opacity: 0;
        transform: translateY(-32px);
    }
}

.box9 .info .sucetips{ width: 330px; height: 32px;margin: 0 auto;overflow: hidden; background: #2B364B; border-radius: 16px; position: relative; }
.box9 .info .sucetips .item0{ line-height: 32px; padding: 0 18px; position: absolute; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; animation: scrollNotify 9s infinite ease; animation-fill-mode: backwards; }
.box9 .info .sucetips .item0:nth-child(1) { animation-delay: 0s; }
.box9 .info .sucetips .item0:nth-child(2) { animation-delay: 3s; }
.box9 .info .sucetips .item0:nth-child(3) { animation-delay: 6s; }
.box9 .info .item0 .iconfont{position: absolute;transform: rotate(90deg);}
.box9 .info .item0 span:first-of-type{ margin-left: 30px; }

/* ========== 1280px ========== */
@media screen and (max-width: 1280px) {
    .box1 .sp2 { font-size: 46px; line-height: 50px; margin-top: 44px; }
    .box1 .sp3 { font-size: 18px; line-height: 30px; width: 72%; }
    .box1 .sp4 { margin-top: 4.0%; }

    .box2{margin-top: 26px;}
}
@media screen and (max-width: 1152px) {
    .box1 .sp1 { margin-top: 3.8%; }
    .box1 .sp2 { margin-top: 33px; }
    .box1 .sp3 { font-size: 17px; margin-top: 22px;}
    .box1 .sp4 { margin-top: 3.2%; }

    .box5 .sp .tbody .info{margin-bottom: 5%;}
    .box9 .info .title{font-size: 40px;margin-bottom: 1.8%;}
    .box9 .info .tips{margin-bottom: 2%;}
    .box9 .info input{height: 46px;}
    .box9 .info button{font-size: 17px;line-height: 46px;}
}
@media screen and (max-width: 1024px) {
    .box1 .sp1 { margin-top: 3.2%; width: 360px;}
    .box1 .sp2 { margin-top: 22px;
        font-size: 38px; }
    .box1 .sp3 {font-size: 16px;
        margin-top: 16px;}
    .box1 .sp4 { margin-top: 2.8%; }

    .box3 .left .sp3{font-size: 17px;
    line-height: 26px;
    margin-bottom: 22px;}
    .box3 .right .sp2 .item0, 
    .box3 .right .sp3 .item0{padding-top: 20px;}
    .box3 .right .item1{padding: 0 20px 30px 0;}
    .box3 .right .item2{padding:0 0 30px 20px;}
    .box3 .right .title{font-size: 16px;line-height: 22px;margin-bottom: 8px;}
    .box3 .right .info { font-size: 14px; line-height: 22px; height: 76px; }
    .box4 .sp1{margin-bottom: 54px;}
    .box4 .sp2{margin: 0 auto 42px;width: 60%;}
    .box5 .sp .tbody{margin-bottom: 12px;}
    .box5 .sp .tbody .top { margin-bottom: 2%; }
    .box5 .sp .tbody .info{margin-bottom: 12px;width: 96%;}
    .box5 .sp3 .tbody{padding-left: 3%;}
    .box5 .sp3 .tbody .info{width: 80%;}
    .box9 .sp2 .info{padding-top: 2%;}
}
@media screen and (max-width: 800px) {
    .box1 .sp1 {
        margin-top: 2.4%;
        width: 35%;
    }
    .box1 .sp3{width: 90%;}
    .box1 .sp4{margin-top: 2.4%;}
    .box1 .sp4 .more{width: 120px;height: 32px;}
    .box1 .sp4 .play{width: 32px;height: 32px;}
    .box1 .sp5{bottom:-14px;}
    .box2{margin-top: 46px;}
    .box3 .left{width: 100%; text-align: center; margin-top: 0;}
    .box3 .left .sp3{font-size: 14px; line-height: 22px; margin-bottom: 20px;}
    .box3 .left .sp4{margin: 0 auto 24px;float: none;}
    .box3 .right{margin-top:32px;margin-left: 0;border: none;padding: 0;padding-bottom: 20px;}
    .box3 .right::before{display: none;}
    .box3 .right .info{height: 56px;}
    .box3 .right .item1 { padding: 10px 20px 30px 0; }
    .box3 .right .item2 { padding: 10px 0 30px 20px; }
    .box4 .sp1{margin-bottom: 5%;}
    .box4 .sp1 .tips{font-size: 30px;margin-bottom: 5px;}
    .box4 .sp2{margin:0 auto 16px;}
    .box4 .sp3 .right{width: 54%;font-size: 12px;}

    .box5,.box6,.box7,.box8{padding-top: 8%;}
    .box5 .sptop, .box6 .sptop, .box7 .sptop, .box8 .sptop{margin-bottom:64px;}
    .box5 .sp { flex-direction: column;position: initial; }
    .box5 .sp .imgv { width: 100%; }
    .box5 .sp .imgv .tip{ position: inherit; margin-top: 12px; right: auto; left: 18px;padding: 8px 9px 4px 0;text-align: left; }
    .box5 .sp .tbody { width: 100%;color: #000; padding: 24px 18px;position: inherit; }
    .box5 .sp2 .tbody .play::after, 
    .box5 .sp4 .tbody .play::after{background-image:url(../img/leb2/116.png);}
    .box5 .sp .tbody .info{color:rgb(34 34 34 / 80%);}
    .box5 .sp2 .tbody .play, 
    .box5 .sp4 .tbody .play{color:#151515;}
    .box5 .sp2 .imgv .tip::before, 
    .box5 .sp4 .imgv .tip::before{width: 60%;background-color: #0091FF; height: 2px; top: -2px;}
    .box5 .sp3{ flex-direction: column-reverse; }
    .box5 .sp3 .imgv .tip::before{left:0;}
    .box5 .sp3 .tbody .top{margin-top: 0;}
    .box5 .sp4 .tbody .txt2::after{background-image: url(../img/leb2/110.png);}
    .box5 .sp5 .tbody{margin-top: 0;}
    .box5 .sp5{margin-bottom: 0;}
    .box6 .sp{margin:0 2%;}
    .box7 .sp1{margin:0 4% 6%;}

    .mySwiper .swiper-slide{width: 115px !important; line-height: 32px; height: 32px; margin: 0 8px;}
    .box8 .sp1 .mySwiper2 .swiper-slide .slide-inner{padding-right: 0;}
    .box8 .sp1 .mySwiper2 .swiper-slide img{position: initial;width: 80%;margin:0 auto;}
    .box9 .info .title{font-size: 32px;margin-bottom: 1%;}
    .box9 .info .tips{font-size: 24px;}
    .box9 .info input{height: 36px;}
    .box9 .info button{line-height: 36px;font-size: 14px;}
}
@media screen and (max-width: 768px) {
    .box1 .sp5{bottom:-38px;}
    .box2 {
        margin-top: 66px;
    }
}
/* ========== mobile ========== */
.mobile .contentbody{overflow: hidden;}
.mobile .box1 > img{position: absolute; max-width: max-content; left: 50%; transform: translateX(-50%);}
.mobile .box1 .content{position: inherit;}
.mobile .box1 .sp2{ font-size: 30px; margin-top: 8px; }
.mobile .box1 .sp3{ font-size: 12px; line-height: 22px; margin-top: 8px; }
.mobile .box1 .sp5{position: initial;margin: 20px auto 0;}
.mobile .box2{margin-top: 30px;}
.mobile .box2 .sp1{width: 70%;}
.mobile .box2 .sp2{font-size: 16px; width: 90%; text-align: center; line-height: 30px;}
.mobile .box3 .right .item0{padding-bottom: 12px;width: 50%;}
.mobile .box3 .right .info {
    height: 92px;line-height: 18px;
}
.mobile .box3 .box3 .right .title{font-size: 15px;}
.mobile .box3 .right .item1{padding-right: 10px;}
.mobile .box3 .right .item2{padding-left: 10px;}
.mobile .box3 .right .sp .item0 .title{padding-left: 26px;white-space: nowrap;}
.mobile .box4 .content{bottom: auto;top:44%;}
.mobile .box4 .sp1{margin-bottom: 12%;}
.mobile .box4 .sp2{width: 80%;}
.mobile .box5{padding-top: 40%;}
.mobile .box6 .item0{width: 50%;border-radius: 10px;}
.mobile .box6 .item0_inner{border-radius:10px;}
.mobile .box6 .item0:hover:after{inset:-40% -50% -50% -40%;}
.mobile .box6 .item0 .tips{top: 8px;left: 8px;}
.mobile .box6 .item0 .tips .vr{width: 40px;height: 21.6px;}
.mobile .box7 .sp1 .li{width: 50%;font-size: 14px;align-items: flex-start;}
.mobile .box7 .sp1 .li .circle {
    margin-top: 4px;margin-right:5px;
}
.mobile .box7 .sp3 .li{width: 100%;margin-bottom: 18px;}

.mobile .mySwiper .swiper-slide{
    line-height: 30px;
    height: 30px;
    margin: 0 5px;
    background: none;
    border: 1px solid #ccc;
    width: 24% !important;
    border-radius: 8px;
}
.mobile .box8 .sptop{margin-bottom: 0;}
.mobile .box8 .sp1{width: 90%;}
.mobile .box8 .sp1 .mySwiper2 .swiper-slide{padding: 3.82% 10px;width: calc(100vw - 24px);}
.mobile .box8 .sp1 .ul{padding-top: 12px;margin-top: 14px;}
.mobile .box8 .sp1 .ul .li{font-size: 14px;padding-left: 26px;background: url('../img/lbe/gou.png') no-repeat 0 center/16px;}
.mobile .box8 .sp1 .ul .li+.li {
    margin-top: 12px;
}
.mobile .box8 .sp1 .mySwiper2{margin-top: 7%;}
.mobile .box8 .sp1 .mySwiper2 .swiper-slide .slide-inner .title span{font-size: 18px;}
.mobile .swiper-button-prev, 
.mobile .swiper-button-next{width: 100px;height: 100px;}
.mobile .swiper-button-next{right: -32px;}
.mobile .swiper-button-prev{left: -32px;}
.mobile .swiper-pagination-bullet{width: 42px;}

.mobile .box9{/*padding-bottom: 290px;*/}
/* .mobile .box9 .tbody{padding-bottom: 28%;} */
.mobile .box9 .sp2{background: rgba(80, 133, 251, 0.1) url("../img/lbe/b8.jpg") no-repeat 50% 50% / cover;
    border-radius: 18px;bottom: auto;}
.mobile .box9 .sp2>img{display: none;}
.mobile .box9 .sp2 .info{padding-top: 20px;position: initial;}
.mobile .box9 .info input {
    width: 70%;font-size: 12px;
    border-radius: 8px;margin-bottom: 20px;
}
.mobile .box9 .info input:nth-child(2) {
    margin: 0 0 20px 0;
}
.mobile .box9 .info button{border-radius: 8px;}
.mobile .box9 .info>*{margin-bottom: 20px !important;}
.mobile .box9 .info .tips{
    font-size: 18px;
    letter-spacing: 2px;
}
.mobile .box9 .info .sucetips{width:80%;font-size: 12px;}
@media screen and (max-width: 512px) {
    .mobile .box1 > img{width: 124%;}
    .mobile .box5{padding-top: 50%;}
}