/**
 * @author: Jicc(103698177)
 * @date: 2023-06-09
 * @phone: 13790890981
 * ==== 小黄鸭调试法，永无BUG ====
 *                            ||
 *      .-"O"-.               ||
 *   _/ a      -._._._.-';    ||
 *  '-.                ,/     ||
 *     )     \_////>  ';      ||
 *     \                |     ||
 *      '--------------'      ||
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~ ||
 */
 body{}
 .wrap{width:100%;height:100%;background:url(../images/bg.jpg) no-repeat center 70px;background-size:cover;position:fixed;top:0;left:0;}
 .swiperBox{width:1200px;margin:0 auto;height:100%;}
 .page-wrap{width:100%;height:100%;}
 .pages{width:100%;margin:0 auto;position:relative;overflow:hidden;display:none;}
 .pages-con{height:100%;margin:0 auto;position:relative;}

 /* swiper */
.swiper-container{width:100%;height:100%;}
.swiper-slide{width:100%;height:100%;overflow:hidden;}
.swiper-pagination-bullet{width:8px;height:8px;margin:12px 0;border:2px solid #fff;background:transparent;opacity:1;}
.swiper-pagination-bullet-active{background:#3889db;border-color:#3889db;}
.swiper-container-vertical>.swiper-pagination{right: 20px !important;}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin: 14px auto !important;}

 /* header */
 .header{width:100%;height:70px;background:#fff;box-shadow: 0 5px 10px 0 rgba(211, 211, 211, 0.15);position:fixed;top:0;z-index:99;}
 .header-con{width:1200px;height:70px;margin:0 auto;}
 .logo{float:left;width:154px;height:24px;margin:21px 0 0 30px;background:url(../images/logo.png) no-repeat 0 0;background-size:100% auto;}
 .menu-wrap{float:left;padding:11px 0 0 40px;position:relative;}
 .menu{}
 .menu>li{float:left;padding:0 20px;color:#929aa5;font-size:14px;position:relative;}
 .menu>li.li-arr::after{content:'';width:5px;height:5px;border-left:1px solid #999;border-bottom:1px solid #999;transform: translate(0,-50%) rotate(-45deg);position:absolute;top:50%;right:8px;}
 .menu>li.hover>a{color:#333;font-weight:bold;}
 .menu>li>a{display:block;padding:15px 0;color:#929aa5;font-size:14px;}
 .menu>li>a:hover{text-decoration:none;}
 .menu>li>ul{padding:6px;background:#fff;box-shadow: 0 0 10px 0 rgba(211, 211, 211, 0.5);border-radius:4px;position:absolute;left:50%;top:30px;z-index:98;transform:translate(-50%,0);transition:all 0.5s;opacity:0;}
 .menu>li>ul::after{content:'';width:0;height:0;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-9px;left:50%;transform:translate(-50%,0);z-index:99;}
 .menu>li>ul>li{display:block;}
 .menu>li>ul>li>a{display:block;padding:8px 25px;white-space: nowrap;}
 .menu>li>ul>li>a:hover{color:#3889db;text-decoration:none;background:#edf4fa;}
 .hover-line{height:4px;border-radius:2px;position:absolute;bottom:0;background:#3889db;transition:all 0.5s;opacity:0;}
 .tool-bar{float:right;}
 .tool-app-down{float:right;width:104px;height:36px;line-height:36px;margin:17px 25px 0 0;color:#fff;font-size:14px;text-align:center;border-radius:18px;background:#3889db;cursor:pointer;display:none;}
 .login-box{float:right;height:70px;}
 .login-box a{color:#929aa5;font-size:13px;}
 .userBox{height:70px;position:relative;}
 .user-name{display:block;height:70px;line-height:70px;color:#929aa5;font-size:13px;cursor:pointer;position:relative;}
 .user-name::after{content:'';width:5px;height:5px;border-left:1px solid #999;border-bottom:1px solid #999;transform: translate(0,-50%) rotate(-45deg);position:absolute;top:50%;right:-14px;}
 .userBox>ul{padding:6px;background:#fff;box-shadow: 0 0 10px 0 rgba(211, 211, 211, 0.5);border-radius:4px;position:absolute;left:50%;top:30px;z-index:98;transform:translate(-50%,0);transition:all 0.5s;opacity:0;}
 .userBox>ul::after{content:'';width:0;height:0;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-9px;left:50%;transform:translate(-50%,0);z-index:99;}
 .userBox>ul>li>a{display:block;padding:8px 25px;white-space: nowrap;}
 .userBox>ul>li>a:hover{color:#3889db;text-decoration:none;background:#edf4fa;}
 #divUser_2{line-height:70px;}

 /* weixin */
 .popBox{display: none;position: fixed;z-index: 1000;top:0;left:0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);text-align: right;}
.popBox .p_img{padding-right: 10px}
.popBox .p_img img{height: 64px;display: inline-block;}
.popBox .p_text{display: none;margin-right:16px;display: inline-block;border:2px solid #fff;border-radius: 4px;padding: 4px 8px;}
.popBox .p_text p{width: 240px;font-size: 20px;font-weight: bolder;color:#fff;}

/* footer */
.footer{width:100%;height:84px;text-align:center;position:absolute;bottom:0px;z-index:99;display:none;}
.footer p,.footer a{color:#929aa5;font-size:12px;line-height:20px;}
.footer .p_a{padding:20px 0 10px;}
.footer .p_a a{color:#666;margin:0 10px;}
.footer .p_a span{color:#666;}

 /* page-1 */
 .title-1{width:100%;color:#333;font-size:62px;font-weight:bold;text-align:center;position:absolute;top:200px;}
 .sub-1{width:100%;text-align:center;position:absolute;top:283px;}
 .sub-1 span{display:inline-block;font-size:0;vertical-align:middle;}
 .sub-1 span.sub-text{color:#333;font-size:22px;letter-spacing:15px;}
 .sub-1 span.sub-text b{color:#3889db;font-weight:bold;}
 .sub-1 span.sub-line{width:30px;height:1px;margin:0 15px 0 3px;background:#333;}
 .app-down-box-moblie{display:none;}
 .app-down-box{width:720px;height:360px;border-radius:20px;overflow:hidden;position:absolute;top:426px;left:50%;transform:translateX(-50%);}
 .app-down-left{float:left;width:360px;height:360px;background-image: linear-gradient(to bottom, #0dc2ff, #0164d5);position:relative;}
 .app-dl-box{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;}
 .app-dl-icon{width:103px;height:97px;margin:87px auto 0;background:url(../images/app_pc.png) no-repeat 0 0;background-size:100% auto;}
 .app-dl-text{margin-top:35px;color:#fff;font-size:28px;text-align:center;}
 .app-dl-bg{width:100%;height:100%;background:url(../images/down_bg.png) no-repeat center bottom;opacity:0.68;mix-blend-mode:soft-light;object-fit:contain;position:absolute;top:0;left:0;z-index:1;}
 .app-down-right{float:left;width:360px;height:360px;background:#fff;}
 .app-dr-icon{width:189px;height:191px;margin:40px auto 0;background:url(../images/code.png) no-repeat 0 0;}
 .app-dr-botton{margin:30px auto;font-size:0;text-align:center;}
 .app-dr-botton a{display:inline-block;width:200px;height:46px;line-height:46px;margin:0 10px;color:#666;font-size:14px;text-align:left;border-radius:24px;border:0.1px solid #dadfe6;background-color:#fff;background-repeat:no-repeat;}
 .app-dr-botton a:hover{color:#fff;border-color:#3889db;background-color:#3889db;text-decoration:none;box-shadow: 0 5px 10px 0 rgba(35, 91, 172, 0.2);}
 .app-dr-botton a span{margin-left:90px;}
 .app-bt-and{background-image:url(../images/and.png);background-position:25px center;}
 .app-bt-ios{background-image:url(../images/ios.png);background-position:62px center;}
 .app-dr-botton a.app-bt-and:hover{background-image:url(../images/and_over.png);}
 .app-dr-botton a.app-bt-ios:hover{background-image:url(../images/ios_over.png);}

 /* page2 */
 .title-2{color:#333;font-size:50px;font-weight:bold;position:absolute;top:20px;left:119px;}
 .sub-2{width:422px;color:#333;font-size:18px;position:absolute;top:310px;left:120px;}
 .phone-2{width:324px;height:640px;background:url(../images/page2_phone.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:180px;right:154px;z-index:6;}
 .phone-2-icon{width:380px;height:210px;position:absolute;top:110px;left:0px;z-index:8;}
 .phone-2-icon .fix{width:134px;height:139px;background:url(../images/page2_fix.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:70px;left:-10px;}
 .phone-2-icon .ball{width:127px;height:93px;background:url(../images/page2_ball.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:70px;right:10px;}
 .phone-2-icon .sound{width:64px;height:79px;background:url(../images/page2_sound.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:0;right:0;}
 .league-logo-2{width:710px;height:280px;border-radius:20px;background:#fff;position:absolute;top:415px;left:100px;z-index:5;}
 .league-logo-list{padding:20px 0 0 15px;font-size:0;}
 .league-logo-list li{display:inline-block;width:64px;margin:15px;text-align:center;position:relative;}
 .league-logo-list li span{display:block;width:64px;height:64px;background-size:100% auto;background-position:0 0;background-repeat:no-repeat;}
 .league-logo-list li p{padding-top:10px;color:#333;font-size:13px;}
 .league-logo-list li span.league-l0{background-image:url(../images/page2_logo1.png);}
 .league-logo-list li span.league-l1{background-image:url(../images/page2_logo2.png);}
 .league-logo-list li span.league-l2{background-image:url(../images/page2_logo3.png);}
 .league-logo-list li span.league-l3{background-image:url(../images/page2_logo4.png);}
 .league-logo-list li span.league-l4{background-image:url(../images/page2_logo5.png);}
 .league-logo-list li span.league-l5{background-image:url(../images/page2_logo6.png);}
 .league-logo-list li span.league-l6{background-image:url(../images/page2_logo7.png);}
 .league-logo-list li span.league-l7{background-image:url(../images/page2_logo8.png);}
 .league-logo-list li span.league-l8{background-image:url(../images/page2_logo9.png);}
 .league-logo-list li span.league-l9{background-image:url(../images/page2_logo10.png);}
 .league-logo-list li span.league-l10{background-image:url(../images/page2_logo11.png);}
 .league-logo-list li span.league-l11{background-image:url(../images/page2_logo12.png);}
 .league-logo-list li span.league-l12{background-image:url(../images/page2_logo13.png);}
 .league-logo-list li span.league-l13{background-image:url(../images/page2_logo14.png);}
 .logo-icon{width:1200px;position:fixed;top:0;left:50%;transform:translateX(-50%);display:none;}
 .logo-icon-z{z-index:7;}
 .logo-icon-1{width:324px;height:322px;background:url(../images/logo-icon-1.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:634px;left:-23px;z-index:7;}
 .logo-icon-2{width:1186px;height:796px;background:url(../images/logo-icon-2.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:190px;left:270px;}

 /* page3 */
 .title-3{color:#fff;font-size:50px;font-weight:bold;text-shadow:0 5px 10px rgba(0, 52, 111, 0.2);position:absolute;top:334px;left:648px;z-index:6;}
 .sub-3{width:423px;color:#fff;font-size:18px;text-shadow:0 5px 10px rgba(0, 52, 111, 0.2);position:absolute;top:423px;left:650px;z-index:6;}
 .phone-3{width:315px;height:620px;background:url(../images/page3_phone.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:180px;left:165px;z-index:5;}
 .phone-3-card{width:568px;height:360px;position:absolute;top:212px;left:-115px;z-index:6;}
 .phone-3-card .card_1{width:245px;height:117px;background:url(../images/page3_phone_1.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:0;left:0;}
 .phone-3-card .card_2{width:261px;height:134px;background:url(../images/page3_phone_2.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:75px;right:0;}
 .phone-3-card .card_3{width:250px;height:116px;background:url(../images/page3_phone_3.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:240px;right:45px;}
 .phone-3-icon{width:556px;height:140px;position:absolute;top:540px;left:630px;z-index:6;}
 .phone-3-icon span{float:left;width:139px;height:139px;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;}
 .phone-3-icon span.icon-1{background-image:url(../images/page3_icon_1.png);}
 .phone-3-icon span.icon-2{background-image:url(../images/page3_icon_2.png);}
 .phone-3-icon span.icon-3{background-image:url(../images/page3_icon_3.png);}
 .phone-3-icon span.icon-4{background-image:url(../images/page3_icon_4.png);}

 /* page4 */
 .title-4{color:#333;font-size:50px;font-weight:bold;position:absolute;top:210px;left:119px;}
 .sub-4{width:422px;color:#333;font-size:18px;position:absolute;top:290px;left:120px;}
 .page4-data{width:307px;height:113px;background:url(../images/page4_data.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:355px;left:94px;}
 .phone-4{width:315px;height:621px;background:url(../images/page4_phone.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:180px;left:821px;z-index:6;}
 .phone-4-data{width:814px;height:288px;background:url(../images/phone_4_data.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:490px;left:94px;z-index:5;}

 /* page5 */
 .title-5{color:#fff;font-size:50px;font-weight:bold;text-shadow:0 5px 10px rgba(0, 52, 111, 0.2);position:absolute;top:314px;left:648px;z-index:6;}
 .sub-5{width:423px;color:#fff;font-size:18px;text-shadow:0 5px 10px rgba(0, 52, 111, 0.2);position:absolute;top:403px;left:650px;z-index:6;}
 .phone-5-1{width:324px;height:631px;background:url(../images/page5_phone_1.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:140px;left:180px;z-index:5;}
 .phone-icon-1{width:331px;height:110px;background:url(../images/page5_icon_1.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:162px;right:70px;}
 .phone-icon-2{width:302px;height:122px;background:url(../images/page5_icon_2.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:284px;left:110px;}
 .phone-5-2{width:324px;height:631px;background:url(../images/page5_phone_2.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:479px;left:699px;z-index:5;}
.phone-5-hot{width:99px;height:115px;background:url(../images/hot.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:152px;right:-20px;}

/* page6 */
.title-6{color:#333;font-size:50px;font-weight:bold;position:absolute;top:280px;left:140px;}
.sub-6{width:422px;color:#333;font-size:18px;position:absolute;top:361px;left:140px;}
.phone-6{width:324px;height:661px;background:url(../images/phone_6.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:180px;right:170px;z-index:5;}
.win-icon{width:193px;height:158px;background:url(../images/win_icon.png) no-repeat 0 0;background-size:100% auto;position:absolute;top:215px;right:-78px;z-index:6;}
.phone-data{width:275px;height:595px;border-radius:36px;background:#fff;position:absolute;top:15px;left:21px;overflow:hidden;}
.phone-data-list{width:auto;height:595px;position:absolute;top:0;}
.phone-data-list li{float:left;width:275px;}
.phone-data-list li img{width:100%;height:auto;}
.phone-btn{width:480px;height:100px;position:absolute;top:479px;left:130px;z-index:6;}
.phone-icon{}
.phone-btn-icon span{float:left;width:76px;height:76px;margin:0 10px;border-radius:10px;box-shadow: 0 10px 20px 0 rgba(0, 52, 111, 0.05);background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:72% auto;cursor:pointer;}
.phone-btn-icon span.phone-btn-0{background-image:url(../images/phone_6_1.png);}
.phone-btn-icon span.phone-btn-1{background-image:url(../images/phone_6_2.png);}
.phone-btn-icon span.phone-btn-2{background-image:url(../images/phone_6_3.png);}
.phone-btn-icon span.phone-btn-3{background-image:url(../images/phone_6_4.png);}
.phone-btn-icon span.phone-btn-4{background-image:url(../images/phone_6_5.png);}
.phone-btn-icon span:nth-child(1).active{background-image:url(../images/phone_6_1_on.png);}
.phone-btn-icon span:nth-child(2).active{background-image:url(../images/phone_6_2_on.png);}
.phone-btn-icon span:nth-child(3).active{background-image:url(../images/phone_6_3_on.png);}
.phone-btn-icon span:nth-child(4).active{background-image:url(../images/phone_6_4_on.png);}
.phone-btn-icon span:nth-child(5).active{background-image:url(../images/phone_6_5_on.png);}
.phone-btn-line{width:74px;height:4px;border-radius:2px;background:#fff;position:absolute;bottom:0;left:10px;}

/* animate */
/* page1 */
.swiper-slide-active .title-1{top:190px;opacity:0;animation:title-1 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-1{
   100%{top:20vh;opacity:1;}
}
.swiper-slide-active .sub-1{top:283px;opacity:0;animation:sub-1 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-1{
   100%{top:33vh;opacity:1;}
}
.swiper-slide-active .app-down-box{top:426px;opacity:0;animation:app-down-box 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes app-down-box{
   100%{top: 43vh;opacity:1;}
}
/* page2 */
.swiper-slide-active .title-2{top:200px;opacity:0;animation:title-2 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-2{
   100%{top:230px;opacity:1;}
}
.swiper-slide-active .sub-2{top:280px;opacity:0;animation:sub-2 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-2{
   100%{top:310px;opacity:1;}
}
.swiper-slide-active .logo-icon2{opacity:0;animation:logo-icon2 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes logo-icon2{
   100%{opacity:1;}
}
.swiper-slide-active .phone-2{top:210px;opacity:0;animation:phone-2 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-2{
   100%{top:180px;opacity:1;}
}
.swiper-slide-active .league-logo-2{left:200px;opacity:0;animation:league-logo-2 0.24s ease 0.5s;animation-fill-mode:forwards;}
@keyframes league-logo-2{
   100%{left:100px;opacity:1;}
}
.swiper-slide-active .phone-2-icon{transform: scale(0);animation:phone-2-icon 0.2s ease 0.58s;animation-fill-mode:forwards;}
@keyframes phone-2-icon{
   100%{transform:scale(1);}
}
/* page3 */
.swiper-slide-active .title-3{top:304px;opacity:0;animation:title-3 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-3{
   100%{top:334px;opacity:1;}
}
.swiper-slide-active .sub-3{top:393px;opacity:0;animation:sub-3 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-3{
   100%{top:423px;opacity:1;}
}
.swiper-slide-active .phone-3-icon{top:510px;opacity:0;animation:phone-3-icon 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-3-icon{
   100%{top:540px;opacity:1;}
}
.swiper-slide-active .phone-3{top:210px;opacity:0;animation:phone-3 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-3{
   100%{top:180px;opacity:1;}
}
.swiper-slide-active .phone-3-card{transform: scale(0.6);opacity:0;animation:phone-3-card 0.28s ease 0.58s;animation-fill-mode:forwards;}
@keyframes phone-3-card{
   100%{transform:scale(1);opacity:1;}
}
/* page4 */
.swiper-slide-active .title-4{top:180px;opacity:0;animation:title-4 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-4{
   100%{top:210px;opacity:1;}
}
.swiper-slide-active .sub-4{top:260px;opacity:0;animation:sub-4 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-4{
   100%{top:290px;opacity:1;}
}
.swiper-slide-active .page4-data{top:325px;opacity:0;animation:page4-data 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes page4-data{
   100%{top:355px;opacity:1;}
}
.swiper-slide-active .phone-4{top:210px;opacity:0;animation:phone-4 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-4{
   100%{top:180px;opacity:1;}
}
.swiper-slide-active .phone-4-data{left:194px;opacity:0;animation:phone-4-data 0.24s ease 0.5s;animation-fill-mode:forwards;}
@keyframes phone-4-data{
   100%{left:94px;opacity:1;}
}
/* page5 */
.swiper-slide-active .title-5{top:284px;opacity:0;animation:title-5 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-5{
   100%{top:314px;opacity:1;}
}
.swiper-slide-active .sub-5{top:373px;opacity:0;animation:sub-5 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-5{
   100%{top:403px;opacity:1;}
}
.swiper-slide-active .phone-5-1{top:110px;opacity:0;animation:phone-5-1 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-5-1{
   100%{top:140px;opacity:1;}
}
.swiper-slide-active .phone-5-hot{right:0px;opacity:0;animation:phone-5-hot 0.2s ease 0.5s;animation-fill-mode:forwards;}
@keyframes phone-5-hot{
   100%{right:-20px;opacity:1;}
}
.swiper-slide-active .phone-5-2{top:509px;opacity:0;animation:phone-5-2 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-5-2{
   100%{top:479px;opacity:1;}
}
/* page6 */
.swiper-slide-active .title-6{top:250px;opacity:0;animation:title-6 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-6{
   100%{top:280px;opacity:1;}
}
.swiper-slide-active .sub-6{top:331px;opacity:0;animation:sub-6 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-6{
   100%{top:361px;opacity:1;}
}
.swiper-slide-active .phone-btn{top:449px;opacity:0;animation:phone-btn 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-btn{
   100%{top:479px;opacity:1;}
}
.swiper-slide-active .phone-6{top:210px;opacity:0;animation:phone-6 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-6{
   100%{top:180px;opacity:1;}
}



 /* phone */
 .wrap_web{background-position:center 98px;}
 .wrap_web .header{height:98px;}
 .wrap_web .header-con{width:100%;height:98px;}
 .wrap_web .logo{width:149px;height:40px;margin:29px 0 0 50px;}
 .wrap_web .logo_m{float:none;margin:29px auto 0;}
 .wrap_web .menu-wrap, .wrap_web .login-box{display:none;}
 .wrap_web .tool-app-down{width:76px;height:26px;line-height:26px;margin:8px 12px 0 0;border-radius:13px;font-size:10px;}

 .wrap_web .swiperBox, .wrap_web .logo-icon{width:100%;}
 .wrap_web .logo-icon{top:auto;bottom:0;}
 .wrap_web .swiper-pagination-bullet{width:14px;height:14px;margin:0 16;border:2px solid #fff;background:transparent;opacity:1;}
 .wrap_web .swiper-pagination-bullet-active{background:#3889db;border-color:#3889db;}
 .wrap_web .swiper-container-vertical>.swiper-pagination{right: 30px !important;}
 .wrap_web .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin: 12px auto !important;}
 .wrap_web .tool-app-down{width:180px;height:60px;line-height:60px;margin:19px 30px 0 0;border-radius:30px;font-size:26px;}

 .wrap_web .footer{display:none;}
   

 /* page1 */
.wrap_web .title-1{font-size:110px;}
.wrap_web .title-1 span{display:block;width:100%;font-size:48px;}
.wrap_web .sub-1{top:578px;}
.wrap_web .sub-1 span.sub-text{font-size:34px;}
.wrap_web .sub-1 span.sub-text em{display:block;}
.wrap_web .sub-1 span.sub-line{margin:0 19px 0 7px;}
.wrap_web .app-down-box{display:none;}
.wrap_web .app-down-box-moblie{display:block;width:100%;position:absolute;top:auto;bottom:17.8%;left:50%;transform:translateX(-50%);}
.wrap_web .app-dml-icon{width:23.3%;height:auto;margin:0 auto;}
.wrap_web .app-dml-icon img{width:100%;}
.wrap_web .app-dmr-botton{width:460px;height:100px;line-height:100px;margin:60px auto 0;border-radius:50px;font-weight:700;box-shadow: 0 15px 35px 0 rgba(24, 74, 130, 0.3);background:#3889db;color:#fff;font-size:32px;text-align:center;letter-spacing:1.6px;}
/* page2 */
.wrap_web .title-2{font-size:72px;left:auto;width:100%;text-align:center;}
.wrap_web .sub-2{font-size:28px;width:596px;left:50%;transform:translateX(-50%);}
.wrap_web .logo-icon-1{width:194px;height:226px;top:auto;bottom:-30px;left:30px;}
.wrap_web .logo-icon-2{width:540px;height:569px;background-size:auto 100%;top:auto;left:auto;bottom:0;right:0;}
.wrap_web .phone-2{width:442px;height:874px;left:50%;transform:translateX(-50%);}
.wrap_web .league-logo-2{width:580px;height:196px;top:29.8%;left:50%;transform:translateX(-50%);}
.wrap_web .league-logo-list{padding:15px 0 0 40px;}
.wrap_web .league-logo-list li{width:64px;margin:15px;margin:10px;}
.wrap_web .league-logo-list li{display:inline-block;text-align:center;}
.wrap_web .league-logo-list li span{width:64px;height:64px;}
.wrap_web .league-logo-list li p{display:none;}
.wrap_web .league-logo-list li:nth-child(7), .wrap_web .league-logo-list li:nth-child(14){display:none;}
.wrap_web .phone-2-icon{width:100%;top:188px;}
.wrap_web .phone-2-icon .fix{width:178px;height:183px;left:-16px;}
.wrap_web .phone-2-icon .ball{width:177px;height:130px;right:-56px;}
.wrap_web .phone-2-icon .sound{width:63px;height:82px;right:-50px;}
/* page3 */
.wrap_web .title-3{width:100%;font-size:72px;color:#333;text-align:center;left:auto;text-shadow:none;}
.wrap_web .sub-3{font-size:28px;color:#333;width:596px;left:50%;transform:translateX(-50%);text-shadow:none;}
.wrap_web .phone-3{width:442px;height:874px;left:50%;transform:translateX(-50%);}
.wrap_web .phone-3-card{width:768px;height:440px;top:299px;left:-131px;}
.wrap_web .phone-3-card .card_1{width:345px;height:217px;}
.wrap_web .phone-3-card .card_2{width:361px;height:234px;top:28px;}
.wrap_web .phone-3-card .card_3{width:350px;height:216px;top:280px;}
.wrap_web .phone-3-icon{width:514px;height:130px;top:29.6%;left:50%;transform:translateX(-50%);}
.wrap_web .phone-3-icon span{width:128px;height:128px;}
/* page4 */
.wrap_web .title-4{width:100%;left:auto;font-size:72px;text-align:center;}
.wrap_web .sub-4{font-size:28px;width:596px;left:50%;transform:translateX(-50%);}
.wrap_web .page4-data{width:516px;height:188px;left:50%;transform:translateX(-50%);}
.wrap_web .phone-4{width:442px;height:874px;left:50%;transform:translateX(-50%);}
.wrap_web .phone-4-data{width:1000px;height:358px;left:50%;top:auto;bottom:180px;transform:translateX(-50%);}
/* page5 */
.wrap_web .title-5{width:100%;font-size:72px;color:#333;text-align:center;left:auto;text-shadow:none;}
.wrap_web .sub-5{font-size:28px;color:#333;width:597px;left:50%;transform:translateX(-50%);text-shadow:none;}
.wrap_web .phone-5-1{width:442px;height:874px;left:50%;transform:translateX(-50%);}
.wrap_web .phone-icon-1{width:465px;height:145px;top:230px;right:auto;left:-116px;}
.wrap_web .phone-icon-2{width:420px;height:166px;top:387px;left:auto;right:-112px;}
.wrap_web .phone-5-hot{width:128px;height:151px;top:213px;}
.wrap_web .phone-5-2{display:none;}
/* page6 */
.wrap_web .title-6{width:100%;font-size:72px;text-align:center;left:auto;text-shadow:none;}
.wrap_web .sub-6{font-size:28px;width:550px;left:50%;transform:translateX(-50%);}
.wrap_web .phone-6{width:442px;height:874px;left:50%;transform:translateX(-50%);}
.wrap_web .phone-data{width:376px;height:810px;top:20px;left:28px;border-radius:52px;}
.wrap_web .phone-data-list{height:810px;}
.wrap_web .phone-data-list li{width:376px;}
.wrap_web .phone-btn{width:560px;height:120px;left:50%;transform:translateX(-50%);}
.wrap_web .phone-btn-icon span{width:92px;height:92px;margin:0 10px;}
.wrap_web .phone-btn-line{width:92px;height:5px;border-radius:2px;}
.wrap_web .win-icon{width:270px;height:223px;top:314px;right:-120px;}

 @media screen and (max-width: 373px) {
   /* phone */
   .wrap_web{background-position:center 42px;}
   .wrap_web .header{height:42px;}
   .wrap_web .header-con{height:42px;}
   .wrap_web .logo{width:86px;height:14px;margin:12px 0 0 22px;}
   .wrap_web .logo_m{margin:12px auto 0;}
   .wrap_web .tool-app-down{width:32px;height:12px;line-height:12px;margin:4px 6px 0 0;border-radius:6px;font-size:4px;}
   .wrap_web .swiper-pagination-bullet{width:6px;height:6px;border-width:1px;}
   .wrap_web .swiper-container-vertical>.swiper-pagination{right: 12px !important;}
   .wrap_web .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin: 6px auto !important;}
   .wrap_web .tool-app-down{width:78px;height:26px;line-height:26px;margin:8px 12px 0 0;border-radius:13px;font-size:12px;}
      

   /* page1 */
   .wrap_web .title-1{font-size:48px;}
   .wrap_web .title-1 span{font-size:20px;}
   .wrap_web .sub-1{top:248px;}
   .wrap_web .sub-1 span.sub-text{font-size:14px;letter-spacing:5px;}
   .wrap_web .sub-1 span.sub-line{margin:0 8px 0 4px;}
   .wrap_web .app-dmr-botton{width:198px;height:42px;line-height:42px;margin:26px auto 0;border-radius:22px;box-shadow: 0 6px 16px 0 rgba(24, 74, 130, 0.3);font-size:14px;letter-spacing:1.2px;}
   /* page2 */
   .wrap_web .title-2{font-size:30px;}
   .wrap_web .sub-2{font-size:12px;width:252px;}
   .wrap_web .logo-icon-1{width:84px;height:98px;bottom:-22px;left:12px;}
   .wrap_web .logo-icon-2{width:232px;height:244px;}
   .wrap_web .phone-2{width:202px;height:408px;}
   .wrap_web .league-logo-2{width:250px;height:84px;border-radius:10px;}
   .wrap_web .league-logo-list{padding:6px 0 0 18px;}
   .wrap_web .league-logo-list li{width:28px;margin:6px;margin:4px;}
   .wrap_web .league-logo-list li span{width:28px;height:28px;}
   .wrap_web .phone-2-icon{top:48px;}
   .wrap_web .phone-2-icon .fix{width:76px;height:78px;left:-6px;}
   .wrap_web .phone-2-icon .ball{width:76px;height:56px;right:-24px;}
   .wrap_web .phone-2-icon .sound{width:28px;height:36px;right:-22px;}
   /* page3 */
   .wrap_web .title-3{font-size:30px;}
   .wrap_web .sub-3{font-size:12px;width:252px;}
   .wrap_web .phone-3{width:202px;height:408px;}
   .wrap_web .phone-3-card{width:330px;height:190px;top:128px;left:-56px;}
   .wrap_web .phone-3-card .card_1{width:148px;height:94px;}
   .wrap_web .phone-3-card .card_2{width:156px;height:100px;top:12px;}
   .wrap_web .phone-3-card .card_3{width:150px;height:92px;top:120px;}
   .wrap_web .phone-3-icon{width:224px;height:56px;}
   .wrap_web .phone-3-icon span{width:56px;height:56px;}
   /* page4 */
   .wrap_web .title-4{font-size:30px;}
   .wrap_web .sub-4{font-size:12px;width:252px;}
   .wrap_web .phone-4{width:202px;height:408px;}
   .wrap_web .page4-data{width:222px;height:80px;}
   .wrap_web .phone-4-data{width:430px;height:154px;bottom:78px;}
   /* page5 */
   .wrap_web .title-5{font-size:30px;}
   .wrap_web .sub-5{font-size:12px;width:256px;}
   .wrap_web .phone-5-1{width:202px;height:408px;}
   .wrap_web .phone-icon-1{width:200px;height:62px;top:98px;left:-50px;}
   .wrap_web .phone-icon-2{width:180px;height:72px;top:166px;right:-48px;}
   .wrap_web .phone-5-hot{width:56px;height:64px;top:92px;}
   /* page6 */
   .wrap_web .title-6{font-size:30px;}
   .wrap_web .sub-6{font-size:12px;width:236px;}
   .wrap_web .phone-6{width:202px;height:408px;}
   .wrap_web .phone-data{width:174px;height:372px;top:8px;left:12px;border-radius:26px;}
   .wrap_web .phone-data-list{height:372px;}
   .wrap_web .phone-data-list li{width:174px;}
   .wrap_web .phone-btn{width:240px;height:52px;}
   .wrap_web .phone-btn-icon span{width:40px;height:40px;margin:0 4px;}
   .wrap_web .phone-btn-line{width:40px;height:2px;border-radius:2px;}
   .wrap_web .win-icon{width:116px;height:96px;top:144px;right:-52px;}
 }

 @media screen and (min-width: 374px) and (max-width: 479px) {
   /* phone */
   .wrap_web{background-position:center 50px;}
   .wrap_web .header{height:50px;}
   .wrap_web .header-con{height:50px;}
   .wrap_web .logo{width:104px;height:16px;margin:14px 0 0 26px;}
   .wrap_web .logo_m{margin:14px auto 0;}
   .wrap_web .tool-app-down{width:38px;height:14px;line-height:14px;margin:4px 8px 0 0;border-radius:8px;font-size:4px;}
   .wrap_web .swiper-pagination-bullet{width:8px;height:8px;}
   .wrap_web .swiper-container-vertical>.swiper-pagination{right: 14px !important;}
   .wrap_web .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin: 8px auto !important;}
   .wrap_web .tool-app-down{width:94px;height:32px;line-height:32px;margin:10px 14px 0 0;border-radius:16px;font-size:14px;}
   

   /* page1 */
   .wrap_web .title-1{font-size:58px;}
   .wrap_web .title-1 span{font-size:24px;}
   .wrap_web .sub-1{top:298px;}
   .wrap_web .sub-1 span.sub-text{font-size:16px;letter-spacing:6px;}
   .wrap_web .sub-1 span.sub-line{margin:0 10px 0 4px;}
   .wrap_web .app-dmr-botton{width:238px;height:50px;line-height:50px;margin:32px auto 0;border-radius:26px;box-shadow: 0 8px 20px 0 rgba(24, 74, 130, 0.3);font-size:16px;letter-spacing:1.2px;}
   /* page2 */
   .wrap_web .title-2{font-size:36px;}
   .wrap_web .sub-2{font-size:14px;width:298px;}
   .wrap_web .logo-icon-1{width:100px;height:118px;bottom:-14px;left:14px;}
   .wrap_web .logo-icon-2{width:278px;height:292px;}
   .wrap_web .phone-2{width:236px;height:472px;}
   .wrap_web .league-logo-2{width:300px;height:100px;border-radius:12px;}
   .wrap_web .league-logo-list{padding:8px 0 0 22px;}
   .wrap_web .league-logo-list li{width:34px;margin:8px;margin:4px;}
   .wrap_web .league-logo-list li span{width:34px;height:34px;}
   .wrap_web .phone-2-icon{top:66px;}
   .wrap_web .phone-2-icon .fix{width:92px;height:94px;left:-8px;}
   .wrap_web .phone-2-icon .ball{width:92px;height:68px;right:-28px;}
   .wrap_web .phone-2-icon .sound{width:34px;height:44px;right:-26px;}
   /* page3 */
   .wrap_web .title-3{font-size:36px;}
   .wrap_web .sub-3{font-size:14px;width:300px;}
   .wrap_web .phone-3{width:236px;height:472px;}
   .wrap_web .phone-3-card{width:396px;height:228px;top:154px;left:-68px;}
   .wrap_web .phone-3-card .card_1{width:178px;height:112px;}
   .wrap_web .phone-3-card .card_2{width:188px;height:120px;top:14px;}
   .wrap_web .phone-3-card .card_3{width:180px;height:110px;top:144px;}
   .wrap_web .phone-3-icon{width:272px;height:68px;}
   .wrap_web .phone-3-icon span{width:68px;height:68px;}
   /* page4 */
   .wrap_web .title-4{font-size:36px;}
   .wrap_web .sub-4{font-size:14px;width:300px;}
   .wrap_web .phone-4{width:236px;height:472px;}
   .wrap_web .page4-data{width:266px;height:96px;}
   .wrap_web .phone-4-data{width:516px;height:184px;bottom:94px;}
   /* page5 */
   .wrap_web .title-5{font-size:36px;}
   .wrap_web .sub-5{font-size:14px;width:300px;}
   .wrap_web .phone-5-1{width:236px;height:472px;}
   .wrap_web .phone-icon-1{width:240px;height:74px;top:118px;left:-60px;}
   .wrap_web .phone-icon-2{width:216px;height:86px;top:200px;right:-58px;}
   .wrap_web .phone-5-hot{width:68px;height:76px;top:110px;}
   /* page6 */
   .wrap_web .title-6{font-size:36px;}
   .wrap_web .sub-6{font-size:14px;width:275px;}
   .wrap_web .phone-6{width:236px;height:472px;}
   .wrap_web .phone-data{width:202px;height:436px;top:10px;left:14px;border-radius:28px;}
   .wrap_web .phone-data-list{height:436px;}
   .wrap_web .phone-data-list li{width:202px;}
   .wrap_web .phone-btn{width:280px;height:62px;}
   .wrap_web .phone-btn-icon span{width:48px;height:48px;margin:0 4px;}
   .wrap_web .phone-btn-line{width:48px;height:2px;border-radius:2px;}
   .wrap_web .win-icon{width:140px;height:116px;top:172px;right:-62px;}
 }

 @media screen and (min-width: 480px) and (max-width: 639px) {
   /* phone */
   .wrap_web{background-position:center 62px;}
   .wrap_web .header{height:62px;}
   .wrap_web .header-con{height:62px;}
   .wrap_web .logo{width:128px;height:20px;margin:18px 0 0 32px;}
   .wrap_web .logo_m{margin:18px auto 0;}
   .wrap_web .tool-app-down{width:48px;height:18px;line-height:18px;margin:6px 8px 0 0;border-radius:8px;font-size:6px;}
   .wrap_web .swiper-pagination-bullet{width:8px;height:8px;}
   .wrap_web .swiper-container-vertical>.swiper-pagination{right: 18px !important;}
   .wrap_web .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin: 8px auto !important;}
   .wrap_web .tool-app-down{width:116px;height:38px;line-height:38px;margin:12px 18px 0 0;border-radius:19px;font-size:18px;}
      

   /* page1 */
   .wrap_web .title-1{font-size:72px;}
   .wrap_web .title-1 span{font-size:30px;}
   .wrap_web .sub-1{top:372px;}
   .wrap_web .sub-1 span.sub-text{font-size:20px;letter-spacing:8px;}
   .wrap_web .sub-1 span.sub-line{margin:0 12px 0 6px;}
   .wrap_web .app-dmr-botton{width:296px;height:62px;line-height:62px;margin:38px auto 0;border-radius:32px;box-shadow: 0 8px 24px 0 rgba(24, 74, 130, 0.3);font-size:20px;letter-spacing:1.2px;}
   /* page2 */
   .wrap_web .title-2{font-size:44px;}
   .wrap_web .sub-2{font-size:18px;width:368px;}
   .wrap_web .logo-icon-1{width:126px;height:146px;bottom:-18px;left:18px;}
   .wrap_web .logo-icon-2{width:348px;height:366px;}
   .wrap_web .phone-2{width:302px;height:598px;}
   .wrap_web .league-logo-2{width:374px;height:126px;border-radius:16px;}
   .wrap_web .league-logo-list{padding:8px 0 0 26px;}
   .wrap_web .league-logo-list li{width:42px;margin:8px;margin:6px;}
   .wrap_web .league-logo-list li span{width:42px;height:42px;}
   .wrap_web .phone-2-icon{top:106px;}
   .wrap_web .phone-2-icon .fix{width:114px;height:116px;left:-8px;}
   .wrap_web .phone-2-icon .ball{width:114px;height:84px;right:-36px;}
   .wrap_web .phone-2-icon .sound{width:42px;height:54px;right:-32px;}
   /* page3 */
   .wrap_web .title-3{font-size:44px;}
   .wrap_web .sub-3{font-size:18px;width:370px;}
   .wrap_web .phone-3{width:302px;height:598px;}
   .wrap_web .phone-3-card{width:494px;height:284px;top:192px;left:-84px;}
   .wrap_web .phone-3-card .card_1{width:222px;height:140px;}
   .wrap_web .phone-3-card .card_2{width:234px;height:150px;top:18px;}
   .wrap_web .phone-3-card .card_3{width:224px;height:138px;top:180px;}
   .wrap_web .phone-3-icon{width:336px;height:84px;}
   .wrap_web .phone-3-icon span{width:84px;height:84px;}
   /* page4 */
   .wrap_web .title-4{font-size:44px;}
   .wrap_web .sub-4{font-size:18px;width:378px;}
   .wrap_web .phone-4{width:302px;height:598px;}
   .wrap_web .page4-data{width:332px;height:120px;}
   .wrap_web .phone-4-data{width:644px;height:230px;bottom:116px;}
   /* page5 */
   .wrap_web .title-5{font-size:44px;}
   .wrap_web .sub-5{font-size:18px;width:384px;}
   .wrap_web .phone-5-1{width:302px;height:598px;}
   .wrap_web .phone-icon-1{width:300px;height:92px;top:146px;left:-74px;}
   .wrap_web .phone-icon-2{width:270px;height:108px;top:248px;right:-72px;}
   .wrap_web .phone-5-hot{width:84px;height:96px;top:138px;}
   /* page6 */
   .wrap_web .title-6{font-size:44px;}
   .wrap_web .sub-6{font-size:18px;width:353px;}
   .wrap_web .phone-6{width:302px;height:598px;}
   .wrap_web .phone-data{width:260px;height:558px;top:12px;left:18px;border-radius:38px;}
   .wrap_web .phone-data-list{height:558px;}
   .wrap_web .phone-data-list li{width:260px;}
   .wrap_web .phone-btn{width:360px;height:78px;}
   .wrap_web .phone-btn-icon span{width:60px;height:60px;margin:0 6px;}
   .wrap_web .phone-btn-line{width:60px;height:2px;border-radius:2px;}
   .wrap_web .win-icon{width:174px;height:144px;top:216px;right:-78px;}
 }

 @media screen and (min-width: 640px) and (max-width: 749px) {
   /* phone */
   .wrap_web{background-position:center 84px;}
   .wrap_web .header{height:84px;}
   .wrap_web .header-con{height:84px;}
   .wrap_web .logo{width:172px;height:28px;margin:24px 0 0 44px;}
   .wrap_web .logo_m{margin:24px auto 0;}
   .wrap_web .tool-app-down{width:64px;height:24px;line-height:24px;margin:8px 12px 0 0;border-radius:12px;font-size:8px;}
   .wrap_web .swiper-pagination-bullet{width:12px;height:12px;}
   .wrap_web .swiper-container-vertical>.swiper-pagination{right: 24px !important;}
   .wrap_web .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin: 12px auto !important;}
   .wrap_web .tool-app-down{width:156px;height:52px;line-height:52px;margin:16px 24px 0 0;border-radius:26px;font-size:24px;}
      

   /* page1 */
   .wrap_web .title-1{font-size:96px;}
   .wrap_web .title-1 span{font-size:40px;}
   .wrap_web .sub-1{top:496px;}
   .wrap_web .sub-1 span.sub-text{font-size:28px;letter-spacing:10px;}
   .wrap_web .sub-1 span.sub-line{margin:0 16px 0 8px;}
   .wrap_web .app-dmr-botton{width:396px;height:84px;line-height:84px;margin:52px auto 0;border-radius:44px;box-shadow: 0 12px 32px 0 rgba(24, 74, 130, 0.3);font-size:28px;letter-spacing:1.4px;}
   /* page2 */
   .wrap_web .title-2{font-size:60px;}
   .wrap_web .sub-2{font-size:24px;width:500px;}
   .wrap_web .phone-2{width:404px;height:800px;}
   .wrap_web .logo-icon-1{width:168px;height:196px;bottom:-24px;left:24px;}
   .wrap_web .logo-icon-2{width:464px;height:488px;}
   .wrap_web .league-logo-2{width:500px;height:168px;}
   .wrap_web .league-logo-list{padding:12px 0 0 36px;}
   .wrap_web .league-logo-list li{width:56px;margin:12px;margin:8px;}
   .wrap_web .league-logo-list li span{width:56px;height:56px;}
   .wrap_web .phone-2-icon{top:160px;}
   .wrap_web .phone-2-icon .fix{width:152px;height:156px;left:-12px;}
   .wrap_web .phone-2-icon .ball{width:152px;height:112px;right:-48px;}
   .wrap_web .phone-2-icon .sound{width:56px;height:72px;right:-44px;}
   /* page3 */
   .wrap_web .title-3{font-size:60px;}
   .wrap_web .sub-3{font-size:24px;width:502px;}
   .wrap_web .phone-3{width:404px;height:800px;}
   .wrap_web .phone-3-card{width:660px;height:380px;top:256px;left:-112px;}
   .wrap_web .phone-3-card .card_1{width:296px;height:188px;}
   .wrap_web .phone-3-card .card_2{width:312px;height:200px;top:24px;}
   .wrap_web .phone-3-card .card_3{width:300px;height:184px;top:240px;}
   .wrap_web .phone-3-icon{width:448px;height:112px;}
   .wrap_web .phone-3-icon span{width:112px;height:112px;}
   /* page4 */
   .wrap_web .title-4{font-size:60px;}
   .wrap_web .sub-4{font-size:24px;width:504px;}
   .wrap_web .phone-4{width:404px;height:800px;}
   .wrap_web .page4-data{width:444px;height:160px;}
   .wrap_web .phone-4-data{width:860px;height:308px;bottom:156px;}
   /* page5 */
   .wrap_web .title-5{font-size:60px;}
   .wrap_web .sub-5{font-size:24px;width:512px;}
   .wrap_web .phone-5-1{width:404px;height:800px;}
   .wrap_web .phone-icon-1{width:400px;height:124px;top:196px;left:-100px;}
   .wrap_web .phone-icon-2{width:360px;height:144px;top:332px;right:-96px;}
   .wrap_web .phone-5-hot{width:112px;height:128px;top:184px;}
   /* page6 */
   .wrap_web .title-6{font-size:60px;}
   .wrap_web .sub-6{font-size:24px;width:471px;}
   .wrap_web .phone-6{width:404px;height:800px;}
   .wrap_web .phone-data{width:346px;height:748px;top:16px;left:24px;border-radius:52px;}
   .wrap_web .phone-data-list{height:748px;}
   .wrap_web .phone-data-list li{width:346px;}
   .wrap_web .phone-btn{width:480px;height:104px;}
   .wrap_web .phone-btn-icon span{width:80px;height:80px;margin:0 8px;}
   .wrap_web .phone-btn-line{width:80px;height:4px;border-radius:4px;}
   .wrap_web .win-icon{width:232px;height:192px;top:288px;right:-104px;}
 }

 /* phone animate */
.wrap_web .swiper-slide-active .title-1{top:17.2%;opacity:0;animation:title-1-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-1-m{
   100%{top:19.2%;opacity:1;}
}
.wrap_web .swiper-slide-active .sub-1{top:38%;opacity:0;animation:sub-1-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-1-m{
   100%{top:40%;opacity:1;}
}

.wrap_web .swiper-slide-active .app-down-box-moblie{bottom:15.8%;opacity:0;animation:app-down-box-moblie 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes app-down-box-moblie{
   100%{bottom:17.8%;opacity:1;}
}

/* page2 */
.wrap_web .swiper-slide-active .title-2{top:12.4%;opacity:0;animation:title-2-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-2-m{
   100%{top:14.4%;opacity:1;}
}
.wrap_web .swiper-slide-active .sub-2{top:19.7%;opacity:0;animation:sub-2-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-2-m{
   100%{top:21.7%;opacity:1;}
}
.wrap_web .swiper-slide-active .phone-2{top:49.5%;opacity:0;animation:phone-2-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-2-m{
   100%{top:47.5%;opacity:1;}
}
.wrap_web .swiper-slide-active .league-logo-2{left:60%;opacity:0;animation:league-logo-2-m 0.24s ease 0.5s;animation-fill-mode:forwards;}
@keyframes league-logo-2-m{
   100%{left:50%;opacity:1;}
}
.wrap_web .swiper-slide-active .phone-2-icon{transform: scale(0);animation:phone-2-icon-m 0.2s ease 0.58s;animation-fill-mode:forwards;}
@keyframes phone-2-icon-m{
   100%{transform:scale(1);}
}

/* page3 */
.wrap_web .swiper-slide-active .title-3{top:12.4%;opacity:0;animation:title-3-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-3-m{
   100%{top:14.4%;opacity:1;}
}
.wrap_web .swiper-slide-active .sub-3{top:19.7%;opacity:0;animation:sub-3-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-3-m{
   100%{top:21.7%;opacity:1;}
}
.wrap_web .swiper-slide-active .phone-3{top:43.5%;opacity:0;animation:phone-3-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-3-m{
   100%{top:41.5%;opacity:1;}
}
.wrap_web .swiper-slide-active .phone-3-icon{top:27.6%;opacity:0;animation:phone-3-icon-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-3-icon-m{
   100%{top:29.6%;opacity:1;}
}

/* page4 */
.wrap_web .swiper-slide-active .title-4{top:12.4%;opacity:0;animation:title-4-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-4-m{
   100%{top:14.4%;opacity:1;}
}
.wrap_web .swiper-slide-active .sub-4{top:19.7%;opacity:0;animation:sub-4-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-4-m{
   100%{top:21.7%;opacity:1;}
}
.wrap_web .swiper-slide-active .phone-4{top:49.5%;opacity:0;animation:phone-4-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-4-m{
   100%{top:47.5%;opacity:1;}
}
.wrap_web .swiper-slide-active .page4-data{top:27.6%;opacity:0;animation:page4-data-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes page4-data-m{
   100%{top:29.6%;opacity:1;}
}
.wrap_web .swiper-slide-active .phone-4-data{left:55%;opacity:0;animation:phone-4-data-m 0.24s ease 0.5s;animation-fill-mode:forwards;}
@keyframes phone-4-data-m{
   100%{left:50%;opacity:1;}
}

/* page5 */
.wrap_web .swiper-slide-active .title-5{top:12.4%;opacity:0;animation:title-5-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-5-m{
   100%{top:14.4%;opacity:1;}
}
.wrap_web .swiper-slide-active .sub-5{top:19.7%;opacity:0;animation:sub-5-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-5-m{
   100%{top:21.7%;opacity:1;}
}
.wrap_web .swiper-slide-active .phone-5-1{top:34.8%;opacity:0;animation:phone-5-1-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-5-1-m{
   100%{top:32.8%;opacity:1;}
}

/* page6 */
.wrap_web .swiper-slide-active .title-6{top:12.4%;opacity:0;animation:title-6-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes title-6-m{
   100%{top:14.4%;opacity:1;}
}
.wrap_web .swiper-slide-active .sub-6{top:19.7%;opacity:0;animation:sub-6-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes sub-6-m{
   100%{top:21.7%;opacity:1;}
}
.wrap_web .swiper-slide-active .phone-6{top:43.5%;opacity:0;animation:phone-6-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-6-m{
   100%{top:41.5%;opacity:1;}
}
.wrap_web .swiper-slide-active .phone-btn{top:28.7%;opacity:0;animation:phone-btn-m 0.28s ease 0.3s;animation-fill-mode:forwards;}
@keyframes phone-btn-m{
   100%{top:30.7%;opacity:1;}
}