#loading {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;z-index: 20;font-size: 18px;color: #cfd1cc;z-index: 101}

#loading .box {width: 100%;height: 1px;background: #414141;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);left: 0}

#loading .box span {height: 1px;background: #c4c4c4;position: relative;top: 0;left: 0;display: block}

#loading .box p {font-size: 16px;line-height: 30px;color: silver;text-align: center}

/*给头部让出43px*/
body {min-width: 1200px;width: 100%;background: #fff;height:100vh;overflow: hidden;}

.wrapper {width: 100%;height: 100%;max-width: 1920px;position: relative;overflow: hidden;}

.wrapper .main {width: 100%;height:100%;position: relative;}
.wrapper .main::after {content: "数据统计截至2026年2月24日0点";color:#fff;filter: drop-shadow(0 0 5px #000) drop-shadow(0 0 5px #000);position: fixed;z-index: 100;bottom: 20px;left: 20px;}

.wrapper .main .con {width: 100%;height:100%;position: absolute;opacity: 0;transition: all .5s;top:0;left:0;overflow: hidden;}
.wrapper .main .con.active {opacity: 1;z-index:20}

.con-1 {background: url(../images/pc/p1/bg.jpg) no-repeat 50% 100%;}

.main .logo {width: 222px;height: 62px;top: 70px;left: 50%;margin-left: -580px;z-index: 30;background: url(../images/pc/p1/logo.png) no-repeat 0 0}
.con-1 .slogan {width: 1293px;height: 254px;top: 183px;left: 50%;margin-left: -646px;z-index: 10;background: url(../images/pc/p1/slogan.png) no-repeat 0 0}

.con-1 .car-1,
.con-7 .car-1{width: 716px;height: 614px;top: 395px;left: 50%;margin-left: -1040px;z-index: 10;background: url(../images/pc/p1/car-1.png) no-repeat 0 0}

.con-1 .car-2,
.con-7 .car-2{width: 195px;height: 193px;top: 717px;left: 50%;margin-left: -480px;z-index: 10;background: url(../images/pc/p1/car-2.png) no-repeat 0 0}

.con-1 .car-3,
.con-7 .car-3{width: 267px;height: 307px;top: 620px;left: 50%;margin-left: 280px;z-index: 10;background: url(../images/pc/p1/car-3.png) no-repeat 0 0}

.con-1 .car-4,
.con-7 .car-4{width: 580px;height: 607px;top: 410px;left: 50%;margin-left: 437px;z-index: 10;background: url(../images/pc/p1/car-4.png) no-repeat 0 0}

.con-1 .car-box,
.con-7 .car-box {width: 100%;height:308px;background: url(../images/pc/p1/bg-car.png) no-repeat 50% 0;bottom:0;left: 0;z-index: 15;}
.con-1 .car-box .btn-start,
.con-7 .car-box .btn-start {width: 279px;height:172px;background: url(../images/pc/p1/btn-review.png) no-repeat 0 0;top:75px;left:50%;margin-left:-140px}
.con-1 .car-box .btn-start:hover,
.con-7 .car-box .btn-start:hover {filter: drop-shadow(0 0 5px #fff);}

.con-1 .car-box .user-bar {width: 300px;line-height: 24px;font-size: 16px;color:#fff;text-align: center;top:250px;left:50%;margin-left: -150px;display: flex;flex-direction: column;}
.con-1 .car-box .user-bar a {color:#ff0000;text-decoration: underline;}

.con-2 {background: url(../images/pc/p2/bg.jpg) no-repeat 50% 100%;}
.con-2 .car {width: 1512px;height:530px;background: url(../images/pc/p2/car.png) no-repeat 0 0;top:470px;left:50%;margin-left:-700px;transform: scale(.5);opacity: 0;transition: all .5s;}

.con-2 .detail {width:779px;height: 456px;top:130px;left:50%;margin-left:-187px;z-index:1;opacity: 0;transition: all .5s;pointer-events: none;}
.con-2 .detail p {width: 45px;height: 30px;font-size: 26px;color: #ec121f;font-weight: bold;text-align: center;top: 215px;left: 470px;line-height: 30px;}

.con-2 .detail-1 {background: url(../images/pc/p2/bg-con-1.png?v=2) no-repeat 0 0;width: 800px;}
.con-2 .detail-1 .p1 {width: 90px;top: 185px;left: 98px;}
.con-2 .detail-1 .p2 {top: 185px;left: 198px;}
.con-2 .detail-1 .p3 {top: 185px;left: 258px;}
.con-2 .detail-1 .p4 {top: 225px;left: 341px;}
.con-2 .detail-1 .p5 {top: 225px;left: 407px;}


.con-2 .detail-2 {background: url(../images/pc/p2/bg-con-2.png) no-repeat 0 0;}
.con-2 .detail-2 .p1 {top: 215px;left: 470px;width:58px}
.con-2 .detail::after{cursor: pointer;content: "";width: 28px;height:45px;background: url(../images/pc/p2/arrow.png) no-repeat 0 0;position: absolute;top:300px;left:400px;animation: wave 1.5s 0s infinite forwards;pointer-events: auto;}
.con-2.active .detail.active {top:80px;opacity: 1;z-index:15}
.con-2.active .car {top:470px;opacity: 1;transform: scale(1);}
@keyframes wave {
    0%,100% {transform: translateY(0);}
    50%{transform: translateY(10px);}
}


.con-3 {background: url(../images/pc/p3/bg.jpg) no-repeat 50% 100%;}
.con-3 .detail {width:885px;height: 438px;top:195px;left:50%;margin-left:-620px;z-index:1;opacity: 0;transition: all .5s;pointer-events: none;}
.con-3 .detail p {width: 78px;height: 30px;font-size: 26px;color: #ec121f;font-weight: bold;text-align: center;line-height: 30px;}

.con-3 .detail-1 {background: url(../images/pc/p3/bg-con-1.png?v=2) no-repeat 0 0;}
.con-3 .detail-1.no-license {background-image: url(../images/pc/p3/bg-con-1b.png);}
.con-3 .detail-1 .p1 {top: 173px;left: 623px;width: 220px;text-align: left;font-size: 24px;}
.con-3 .detail-1 .p2 {top: 259px;left: 192px;}
.con-3 .detail-1 .p3 {top: 259px;left: 425px;width: 100px;}
.con-3 .detail-1 .p4 {top: 259px;left: 240px;}
.con-3 .detail-2 {background: url(../images/pc/p3/bg-con-2.png) no-repeat 0 0;}
.con-3 .detail-2 .p1 {top: 175px;left: 359px;width: 120px;}
.con-3 .detail-2 .p2 {top: 218px;left: 178px;width: 100px;}
.con-3 .detail-3 {background: url(../images/pc/p3/bg-con-3.png) no-repeat 0 0;}
.con-3 .detail-3 .p1 {top: 175px;left: 335px;}

.con-3 .detail::after{cursor: pointer;content: "";width: 28px;height:45px;background: url(../images/pc/p3/arrow.png) no-repeat 0 0;position: absolute;top:340px;left:400px;animation: wave 1.5s 0s infinite forwards;pointer-events: auto;}
.con-3.active .detail.active {top:145px;opacity: 1;z-index:15}

.con-4 {background: url(../images/pc/p4/bg.jpg) no-repeat 50% 100%;}
.con-4 .title {width: 69px;height:429px;background: url(../images/pc/p4/title.png) no-repeat 0 0;top:175px;left:50%;margin-left:-545px;}
.con-4 .detail {z-index:1;opacity: 0;transition: all .5s;pointer-events: none;}
.con-4 .detail p {width: 66px;height: 30px;font-size: 26px;color: #ff6000;font-weight: bold;text-align: center;line-height: 30px;}

.con-4 .detail-1 {width:829px;height: 429px;background: url(../images/pc/p4/bg-con-1.png) no-repeat 0 0;top:180px;left:50%;margin-left:-410px;}
.con-4 .detail-1 .p1 {top: 155px;left: 235px;width:87px;}
.con-4 .detail-1 .p2 {width: 112px;top: 196px;left: 116px;}
.con-4 .detail::after{cursor: pointer;content: "";width: 28px;height:45px;background: url(../images/pc/p4/arrow.png) no-repeat 0 0;position: absolute;top:250px;left:330px;animation: wave 1.5s 0s infinite forwards;pointer-events: auto;}
.con-4 .detail-3::after {top:200px;left:220px}
.con-4 .detail-4::after {left:490px}

.con-4 .detail-2 {width:672px;height: 362px;background: url(../images/pc/p4/bg-con-2.png) no-repeat 0 0;top:245px;left:50%;margin-left:-215px;}
.con-4 .detail-2 .p1 {top: 142px;left: 218px;}
.con-4 .detail-2 .p2 {top: 142px;left: 429px;}
.con-4 .detail-2 .p3 {top: 184px;left: 67px;}
.con-4 .detail-2 .p4 {top: 226px;left: 154px;width: 100px;}

.con-4 .detail-3 {width:473px;height: 296px;background: url(../images/pc/p4/bg-con-3.png) no-repeat 0 0;top:90px;left:50%;margin-left:-120px;}

.con-4 .detail-4 {width:777px;height: 352px;background: url(../images/pc/p4/bg-con-4.png) no-repeat 0 0;top:245px;left:50%;margin-left:-410px;}
.con-4 .detail-4 .p1 {top: 83px;left: 365px;}
.con-4 .detail-4 .p2 {top: 83px;left: 595px;}
.con-4 .detail-4 .p3 {top: 126px;left: 235px;}
.con-4 .detail-4 .p4 {top: 167px;left: 311px;}
.con-4 .detail-4 .p5 {top: 167px;left: 540px;}
.con-4 .detail-4 .p6 {top: 208px;left: 213px;}
.con-4 .detail-4 .p7 {top: 250px;left: 266px;width: 100px;}
.con-4.active .detail.active {top:180px;opacity: 1;z-index:15}
.con-4.active .detail-3.active,
.con-4.active .detail-4.active {top:90px;opacity: 1;}

.con-5 {background: url(../images/pc/p5/bg.jpg) no-repeat 50% 100%;}
.con-5 .detail-1 {width:848px;height: 367px;background: url(../images/pc/p5/bg-con-1.png) no-repeat 0 0;top:230px;left:50%;margin-left:-545px;z-index:1;opacity: 0;transition: all .5s;pointer-events: none;}
.con-5 .detail-2 {width:848px;height: 349px;background: url(../images/pc/p5/bg-con-2.png) no-repeat 0 0;top:230px;left:50%;margin-left:-545px;z-index:15;opacity: 0;transition: all .5s;pointer-events: none;}
.con-5 .detail-2 p {height: 30px;font-size: 26px;color: #7800ff;font-weight: bold;text-align: center;line-height: 30px;}
.con-5 .detail-2 .p1 {width:200px;top: 146px;left: 417px;}
.con-5 .detail-2 .p2 {width: 112px;top: 190px;left: 342px;}
.con-5 .detail-2 .p3 {width: 200px;top: 233px;left: 417px;}
.con-5 .detail-2 .p4 {width: 112px;top: 278px;left: 342px;}
.con-5 .detail::after{cursor: pointer;content: "";width: 28px;height:45px;background: url(../images/pc/p5/arrow.png) no-repeat 0 0;position: absolute;top:270px;left:290px;animation: wave 1.5s 0s infinite forwards;pointer-events: auto;}
.con-5 .detail-2::after {    top: 280px;left: 590px;}

.con-5.active .detail.active {top:180px;opacity: 1;z-index:15}

.con-6 {background: url(../images/pc/p6/bg.jpg) no-repeat 50% 0;}
.con-6 .detail,
.cardpop .detail {width:710px;padding-top:300px;height: 450px;background: url(../images/pc/p6/summary.png?v=2) no-repeat 50% 0;top:90px;left:50%;margin-left:-355px;z-index:15;opacity: 0;transition: all .5s;box-sizing: border-box;display: flex;justify-content: center;align-items: flex-start;}
.con-6 .detail p,
.cardpop .detail p {height: 30px;font-size: 22px;color: #ff4e00;font-weight: bold;text-align: center;line-height: 30px;box-sizing: border-box;margin:0;padding:0;}
.con-6 .detail .p1,
.cardpop .detail .p1 {width: 80px;top: 58px;left: 110px;}
.cardpop .detail .p1 {width: 80px;top: 48px;left: 110px;}
.con-6 .detail .p2,
.cardpop .detail .p2 {width: 50px;top: 58px;left: 188px;}
.cardpop .detail .p2 {width: 50px;top: 48px;left: 188px;}
.con-6 .detail .p3,
.cardpop .detail .p3 {width: 50px;top: 58px;left: 237px;}
.cardpop .detail .p3 {width: 50px;top: 48px;left: 237px;}
.con-6 .detail .p4,
.cardpop .detail .p4 {width: 60px;top: 84px;left: 462px;font-size: 20px;}
.cardpop .detail .p4 {width: 60px;top: 74px;left: 462px;font-size: 20px;}
.con-6 .detail .p5,
.cardpop .detail .p5 {width: 100px;top: 113px;left: 254px;}
.cardpop .detail .p5 {width: 100px;top: 103px;left: 254px;}
.con-6 .detail .p6,
.cardpop .detail .p6 {width: 112px;top: 113px;left: 493px;}
.cardpop .detail .p6 {width: 112px;top: 103px;left: 493px;}
.con-6 .detail .p7,
.cardpop .detail .p7 {width: 100px;top: 141px;left: 209px;}
.cardpop .detail .p7 {width: 100px;top: 131px;left: 209px;}
.con-6 .detail .p8,
.cardpop .detail .p8 {width: 112px;top: 141px;left: 399px;}
.cardpop .detail .p8 {width: 112px;top: 131px;left: 399px;}
.con-6 .detail .p9,
.cardpop .detail .p9 {width: 100px;top: 168px;left: 347px;}
.cardpop .detail .p9 {width: 100px;top: 158px;left: 347px;}
.con-6 .detail .p10,
.cardpop .detail .p10 {width: 112px;top: 168px;left: 514px;}
.cardpop .detail .p10 {width: 112px;top: 158px;left: 514px;}
.con-6 .detail .p11,
.cardpop .detail .p11 {width: 200px;top: 196px;left: 178px;}
.cardpop .detail .p11 {width: 200px;top: 186px;left: 178px;}
.con-6 .detail .p12,
.cardpop .detail .p12 {width: 112px;top: 196px;left: 454px;}
.cardpop .detail .p12 {width: 112px;top: 186px;left: 454px;}
.con-6.active .detail {top:60px;opacity: 1;}

.con-6 .detail .medal,
.cardpop .detail .medal {width: 160px;height:160px;background: url(../images/pc/p6/medal-1.png) no-repeat 50% 0;font-size:14px;color:#003ca0;line-height: 20px;padding-top:120px;box-sizing: border-box;}
.cardpop .detail .medal {padding-top: 110px;}
.con-6 .detail .medal-2,
.cardpop .detail .medal-2 {background-image:url(../images/pc/p6/medal-2.png) ;}
.con-6 .detail .medal-3,
.cardpop .detail .medal-3 {background-image:url(../images/pc/p6/medal-3.png) ;}
.con-6 .detail .medal-4,
.cardpop .detail .medal-4 {background-image:url(../images/pc/p6/medal-4.png) ;}
.con-6 .detail .btn-save {width:129px;height:36px;background: url(../images/pc/p6/btn-save.png) no-repeat 0 0;top:490px;margin-left:195px;left:50%}
.con-6 .detail .btn-save:hover {background-image: url(../images/pc/p6/btn-save-on.png);}

.con-6 .detail.no-license {background-image: url(../images/pc/p6/summary2.png?v=2);}
.con-6 .detail.no-license .p1,
.con-6 .detail.no-license .p2,
.con-6 .detail.no-license .p3{top:86px}
.con-6 .detail.no-license .p4{display: none;}

.con-6 .detail.lock {padding-top:0;height:250px;}
.con-6 .detail.lock .medal{display: none;}


.con-7 {background: url(../images/pc/p1/bg.jpg) no-repeat 50% 100%;}
.con-7 .slogan{width:1533px;height:273px;background: url(../images/pc/p7/slogan.png) no-repeat 0 0;top:180px;left:50%;margin-left:-766px;z-index: 15;transform: scale(.3); opacity: 0;transition: all .5s;}
.con-7 .car-box .btn-start {background: url(../images/pc/p7/btn-go.png) no-repeat 0 0;}
.con-7 .car-box .btn-start:hover {background: url(../images/pc/p7/btn-go-on.png) no-repeat 0 0;}
.con-7.active .slogan {top:150px;opacity: 1;transform: scale(1);}

.cardpop {position:fixed;z-index:9999;top:0;left:-500%;width: 848px;height:630px;}
.cardpop .card {width: 848px;height:630px;padding-top:45px;box-sizing: border-box;background: url(../images/pc/p6/pop.png) no-repeat 0 0;cursor: pointer;}
.cardpop .detail {opacity: 1;top:50px}
.cardpop .detail .name {color:#0c59d8;font-size: 18px;font-weight: bold;top:510px;right:0;width:300px;text-align: right;line-height: 24px;}

.cardpop .detail.no-license {background-image: url(../images/pc/p6/summary2.png);}
.cardpop .detail.no-license .p1,
.cardpop .detail.no-license .p2,
.cardpop .detail.no-license .p3{top:74px}
.cardpop .detail.no-license .p4{display: none;}

.cardpop .detail.lock {padding-top:0;height:250px;}
.cardpop .detail.lock .medal{display: none;}



.cardReview {width: 848px;height:630px;display: none;}
.cardReview .poptips {width: 100%;top:-50px;line-height: 50px;color:#fff;font-size: 26px;font-weight: bold;text-align: center;left:0;}
.cardReview #btnShare{width: 848px;height:630px;position: absolute;top:0;left:0;display: block;z-index: 200;}
.cardReview #btnShare img {width:100%;height:100%;display: block;}
.cardReview .btn_close {width: 64px;height:64px;background: url(../images/pc/p6/btn-close.png) no-repeat 0 0;bottom:-100px;left:50%;margin-left:-32px;}

.pop-gift {width: 468px;height:248px;background: url(../images/pc/p7/pop-gift.png) no-repeat 0 0;display: none;}
.pop-gift .coupon {top:128px;line-height: 40px;font-size: 20px;color:#fff;text-align: center;width:345px;left: 60px;}
.pop-gift .btn-copy {top:190px;width:98px;height:33px;left: 185px;background: url(../images/pc/p7/btn-copy.png) no-repeat 0 0;}
.pop-gift .btn-copy:hover {background-image: url(../images/pc/p7/btn-copy-on.png);}
.pop-gift .btn_close {width: 64px;height:64px;background: url(../images/pc/p6/btn-close.png) no-repeat 0 0;bottom:-100px;left:50%;margin-left:-32px;}