.banner-wrap{background-image:url(./img/halloween_an_1.jpg);background-repeat:no-repeat;background-position:center;height:880px}
.banner-box{width:90%;max-width:1640px;margin:0 auto}
.logo-box{display:block;width:214px;padding-top:50px}
.main-wrap{max-width:1920px;margin:0 auto;position:relative;background-color:#5b23a7}
.main-box{max-width:1200px;margin:0 auto;position: relative;z-index: 10;}
.main-flex{display:flex;justify-content:space-evenly;align-items:center}
.part_side{position:absolute;background-repeat:no-repeat;background-position:center;z-index: 10;}
.part_side_1{background-image:url("./img/halloween_an_2.png");width:413px;height:1272px;left:0;top:140px}
.part_side_2{background-image:url("./img/halloween_an_4.png");width:300px;height:579px;right:0;top:530px}
.h2{font-size:36px;color:#ffffff;text-align:center;padding-top:50px}
.part_desc-wrap {padding-top:10px;text-align: center;}
.part_desc{font-size:24px;color:#e9e9e9;text-align:center;position: relative;display: inline;}
.part_desc span{font-size: 24px;color: #ff781f;}
.lottery-box{max-width:1000px;height:800px;background-image:url("./img/halloween_11.png");background-repeat:no-repeat;background-position:center;position:relative;margin:100px auto 0;display:flex;justify-content:center;align-items:center}
.lottery-side-wrap{position:absolute;left:-115px;top:187px}
.lottery-side{background-image:linear-gradient(180deg,#fde0ff 0%,#fbb9ff 100%);width:244px;padding:0 15px;box-sizing:border-box;position:relative;margin-bottom:40px;border-radius:8px;}
.lottery-side:after{content:'';display:block;width:16px;height:16px;border-radius:100%;background-color:#4f039e;position:absolute;right:6px;top:6px}
.lottery-side-right{background-image:url("./img/halloween_13.png");background-repeat:no-repeat;background-position:center;width:284px;height:286px;position:absolute;top:256px;right:-110px}
.lottery-inner{max-width:580px;height:580px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-left:-40px;perspective: 1700px;}
.lottery-side-2{display: flex;padding: 0 0 0 15px;cursor: default;}
.lottery-side-2-svg-wrap{align-self: flex-end;margin-bottom: 12px;margin-right: 4px;position: relative;}
.lottery-side-2-svg{cursor: pointer;}
.lottery-side-2-tip{position: absolute;left: 50%;top: -35px;transform: translateX(-50%);background-color: #464646;white-space: nowrap;color: #fff;z-index: 200;padding: 4px 10px;border-radius: 4px;display: none;}
.lottery-side-2-svg-wrap:hover .lottery-side-2-tip{display: block;}
.part_1_step_title{font-size:22px;color:#02003e;padding-top: 4px;}
.lottery-side-right .part_1_step_title{padding-top:40px;padding-left:20px}
.part_1_step_desc{font-size:17px;color:#02003e;padding:0 20px 10px}
.part_1_step_share{padding-top: 16px;}
.part_1_step_share a{margin-left: 20px;}
.lottery-single{width:150px;height:150px;position: relative;transform-style: preserve-3d;}
.lottery-single-active{animation: turn 10s linear infinite;}
.lottery-single-visited{animation: none;}
@keyframes turn{0%{transform:rotateY(0deg)}
    5%{transform:rotateY(180deg)}
    10%{transform:rotateY(540deg)}
    50%{transform:rotateY(5400deg)}
    90%{transform:rotateY(180deg)}
    95%{transform:rotateY(10260deg)}
    100%{transform:rotateY(10620deg)}
}
.lottery-single div{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center}
.lottery-single-front{z-index:2;backface-visibility:hidden;background-image:url("./img/halloween_10.png")}
.lottery-single-back{transform:rotateY(180deg);background-image:url("./img/halloween_10.png")}
.lottery-single .lottery-single-front-visited{background-image: none;background-color: #fff;border-radius: 8px;}
.award-title{text-align: center;font-size: 24px;padding-top: 30px;color: #f38200;}
.award-coupon{text-align: center;font-size: 18px;padding-top: 16px;color: #f38200;}

.part_2 .part_desc:before{content:'';background-image:url("./img/halloween_an_7.png");background-repeat:no-repeat;background-position:center;width:112px;height:71px;position:absolute;left:-66px;top:0}
.package-box{padding:110px 0 90px}
.package-box-1 .package-title{background-color:#d8e4ea;border-radius:10px 10px 0px 0px;line-height:80px;font-size:22px;color:#02003e;width:450px;text-align:center}
.package-box-1 .package-content{background-color:#fff;border-radius:0px 0px 10px 10px}
.package-box-1 .package-product{padding:40px 0 10px}
.package-box-1 .package-product-name{text-align:center;font-size:20px;letter-spacing:1px;color:#02003e}
.package-box-1 .package-price{text-align:center}
.package-box-1 .package-price-source{font-size:28px;color:#b2b3b8;margin-right:8px;text-decoration: line-through}
.package-box-1 .package-price-discount{font-size:40px;color:#fd880b}
.package-box-1 .operate-box{text-align:center;padding: 36px 0 46px;}
.package-box-1 .package-buy-link{display: inline-block;padding: 12px 100px;font-size:22px;font-weight:bold;letter-spacing:2px;color:#ffffff;background-image:linear-gradient(18deg,#ff8000 0%,#ff9e3c 100%),linear-gradient(#ff8400,#ff8400);background-blend-mode:normal,normal;box-shadow:0px 10px 20px 0px rgba(255,128,0,0.14);border-radius:10px}

.part_side_3{background-image: url("./img/halloween_an_6.png");width: 308px;height: 459px;left: 0;top:-204px;}
.part_side_4{background-image: url("./img/halloween_an_3.png");width: 409px;height: 1417px;right: 0;top:-280px;}
.package-box-2{display:flex;justify-content:space-evenly;align-items:center}
.package-box-2 .package-box-single:first-child{margin-right:60px}
.package-box-2 .package-box-single:first-child .package-title{background-color:#dddddd}
.package-box-2 .package-box-single:last-child .package-title{background-color:#e4dad1}
.package-box-2 .package-title{padding:0 105px 25px;border-radius:10px 10px 0px 0px}
.package-box-2 .package-title-name{font-size:18px;color:#190d35;padding-top:30px}
.package-box-2 .package-title-num{font-size:16px;color:#190d35;padding-top:16px;text-align: center;}
.package-box-2 .package-content{background-color:#ffffff;border-radius:0px 0px 10px 10px}
.package-box-2 .package-tip{font-size:16px;color:#262626;text-align:center;padding-top:20px}
.package-box-2 .package-type{margin-top:30px;display:flex;justify-content:center;align-items:center}
.package-box-2 .package-type-single{font-size:16px;width:94px;line-height:2.5;border:solid 1px #cecece;text-align:center;color:#b2b3b8}
.package-box-2 .package-type-single:first-child{border-radius:5px 0 0 5px}
.package-box-2 .package-type-single:last-child{border-radius:0 5px 5px 0}
.package-box-2 .package-type-single.active{width:110px;height:44px;border:solid 2px #ff8400;color:#ff8400;border-radius:5px}
.package-box-2 .package-price{margin-top:16px;text-align:center}
.package-box-2 .package-price-source{font-size:18px;color:#b2b3b8;text-decoration: line-through}
.package-box-2 .package-price-discount{font-size:22px;color:#ff781f}
.package-box-2 .operate-box{text-align:center;padding:30px 0 50px}
.package-box-2 .package-buy-link{display:inline-block;background-image:linear-gradient(18deg,#ff8000 0%,#ff9e3c 100%),linear-gradient(#ff781f,#ff781f);background-blend-mode:normal,normal;box-shadow:0px 10px 20px 0px rgba(255,128,0,0.14);border-radius:10px;font-size:20px;line-height:30px;color:#ffffff;padding:10px 60px}

.part_4-right{flex:1}
.package-box-3{display:flex;justify-content: space-between;margin: 0 18px;padding-bottom: 20px;}
.package-box-3 .product-package{flex-basis:content}
.package-box-3 .product-package-top{position:relative;border-radius:10px 10px 0px 0px;height:164px}
.package-box-3 .product-package:first-child .product-package-top{background:#d4e4e6}
.package-box-3 .product-package:last-child .product-package-top{background:#d6d9e6}
.package-box-3 .product-package-top img{position:absolute;top:24px;left:50%;transform:translate(-50%,0)}
.package-box-3 .product-package-bottom{border:1px solid #DDDDDD;border-radius:0 0 10px 10px;text-align:center;background-color:#fff}
.package-box-3 .product-name{margin-top:40px;font-size:18px;color:#190d35}
.package-box-3 .product-type{margin-top:10px;font-size:16px;color:#b2b3b8}
.package-box-3 .product-desc{padding:14px 26px 0;color:#190d35;max-width: 330px;box-sizing: border-box;}
.package-box-3 .product-price{margin-top:18px}
.package-box-3 .price-source{color:#b2b3b8;font-size:18px;text-decoration: line-through}
.package-box-3 .price-discount{font-size:22px;color:#ff781f}
.package-box-3 .link-order{display:inline-block;padding:10px 60px;margin-top:24px;margin-bottom:24px;background-image:linear-gradient(18deg,#ff8000 0%,#ff9e3c 100%),linear-gradient(#cacaca,#cacaca);background-blend-mode:normal,normal;box-shadow:0px 10px 20px 0px
rgba(255,128,0,0.14);border-radius:10px;font-size:20px;color:#ffffff}

.package-box-4 .product-package:nth-child(2){margin: 0 26px;}
.package-box-4 .product-package:nth-child(1) .product-package-top{background:#e4dad1}
.package-box-4 .product-package:nth-child(2) .product-package-top{background:#d6d9e6}
.package-box-4 .product-package:nth-child(3) .product-package-top{background:#dddddd}
.package-box-4 .product-desc{height: 98px;}

.part_side_5{background-image: url("./img/halloween_an_5.png");width: 417px;height: 1122px;left: 0;top: 18px;}
.part_6{background-image:url("./img/halloween_21.png");background-repeat:no-repeat;background-position:center;height: 250px}

.footer-wrap{background:#071D2B}
.footer-box{display:flex}
.footer-link{padding:50px 0 30px;border-bottom:1px solid #21455C}
.footer-link a{font-size:12px;color:#FFFFFF;opacity:0.7;margin:0 25px;position:relative}
.footer-link a:before{content:'';display:inline-block;width:5px;height:5px;border-radius:100%;background-color:#FFFFFF;opacity:0.7;position:absolute;left:-25px;top:5px}
.footer-copyright{font-weight:normal;color:#FFFFFF;opacity:0.5;padding:30px 0 35px}
.footer-left{flex:1}
.footer-right{display:flex;justify-content:center;align-items:center;margin-left:120px}
.footer-content{font-size:12px;color:#A1A8AD;margin-left:12px}

.side_menu-box{position:fixed;right:36px;top:50%;z-index:100;transform:translate(0,-50%);display: none;}
.side_menu-box-active{display: block;}
.side_menu-box .side_menu-single{background-image:url(./img/halloween_16.png);background-repeat:no-repeat;background-position:center;width:144px;line-height:80px;margin-bottom:30px;font-size:16px;color:#6b14c8;text-align:center;cursor: pointer;background-size:contain;}
.side_menu-box .side_menu-single-last{margin-bottom:0}
.side_menu-box .side_menu-icon{background-image:url(./img/halloween_17.png);background-repeat:no-repeat;background-position:center;width:144px;height:164px;background-size:contain;}

.dialog-wrap{position: fixed;z-index: 200;left:0;top:0;width:100%;height:100%;justify-content: center;align-items: center;display: none;}
.dialog-wrap:before{content:'';position: absolute;left:0;top:0;width:100%;height:100%;background-color: #000000;opacity: .4;}
.dialog-box{background-image:url(./img/halloween_an_9.png);background-repeat:no-repeat;background-position:center;width: 450px;height: 550px;color: #ffffff;position: relative;z-index: 300;text-align: center;padding-top: 154px;box-sizing: border-box;}
.dialog-close{position: absolute;right: 8px;top: 8px;}
.text-coupon{font-size: 16px;}
.coupon-money{color: #ff8101;position: absolute;top: 45px;font-size: 40px;left: 51%;transform: translate(-50%, 0);}
.coupon-box{line-height: 50px;padding:0 60px;display: flex;margin-top: 16px;}
.coupon-box .coupon-value{width: 60%;background-color: #ffffff;border-radius: 5px 0px 0px 5px;color: #0b0f26;}
.coupon-box .coupon-copy{flex:1;background-image:linear-gradient(18deg,#ff8000 0%,#ff9e3c 100%),linear-gradient(0deg,#1d2ea1 0%,#8673b2 100%);background-blend-mode:normal,normal;box-shadow:0px 10px 20px 0px rgba(255,128,0,0.14);border-radius:0px 5px 5px 0px;font-size:20px;color:#ffffff;}
.text-coupon-an{padding-top:16px}
.text-coupon-an span{font-size:18px;color:#e8e37c}
.coupon-get{font-size:22px;letter-spacing:0;color:#ffffff;margin:133px 96px 0;display:block;line-height: 56px;}
.coupon-date{font-size:12px;color:#88653c;padding-top:10px}


html {-webkit-text-size-adjust: none;font-size: 40px;}
@media (max-width:750px){html{font-size:40px}}
@media (max-width:731.25px){html{font-size:39px}}
@media (max-width:712.5px){html{font-size:38px}}
@media (max-width:693.75px){html{font-size:37px}}
@media (max-width:675px){html{font-size:36px}}
@media (max-width:656.25px){html{font-size:35px}}
@media (max-width:637.5px){html{font-size:34px}}
@media (max-width:618.75px){html{font-size:33px}}
@media (max-width:600px){html{font-size:32px}}
@media (max-width:581.25px){html{font-size:31px}}
@media (max-width:562.5px){html{font-size:30px}}

@media (max-width:1700px){.part_side{display:none}
    .banner-wrap{height:744px;background-size:cover}
}@media (max-width:1500px){.side_menu-box{right:10px}
    .side_menu-box .side_menu-single{width: 110px;margin-bottom: 20px;font-size: 12px;line-height: 59px;}
    .side_menu-box .side_menu-single-last{margin-bottom:0}
    .side_menu-box .side_menu-icon{width:140px;background-size:contain}
    .banner-wrap{height:682px}
}@media (max-width:1300px){.part_2-left img{width:400px}
    .part_2-right{margin-right:200px}
    .part_3-left img{width:300px}
    .part_3-right{margin-right:200px}
    .part_4-left img{width:300px}
    .part_4-right{margin-right:200px}
    .package-box-3 .product-desc{max-width:280px}
    .part_5-left{display:none}
    .banner-wrap{height:583px}
}@media (max-width:1250px){.lottery-box{width:800px;background-size:contain;margin:50px auto 0}
    .lottery-inner{width:400px;height:400px}
    .lottery-single{width:120px;height:120px}
    .lottery-single-front{background-size:contain}
    .lottery-single-back{background-size:contain}
    .banner-wrap{height:553px}
}@media (max-width:1050px){.lottery-side-wrap{top: 273px;left:-180px}
    .lottery-side{width:200px;margin-bottom:10px}
    .part_1_step_title{font-size:16px}
    .part_1_step_desc{font-size:14px;padding:0 2px}
    .lottery-side{}
    .lottery-side-right{width:220px;height:234px;top:268px;right:-140px;background-size:contain}
    .lottery-box{width:60%;background-size:contain;margin:30px auto 0}
    .lottery-inner{width:300px;height:300px}
    .lottery-single{width:90px;height:90px}
    .main-flex{flex-direction:column}
    .package-box{padding:20px 0}
    .part_2-right,.part_3-right,.part_4-right{margin-right:0}
    .package-box-3 .product-package:first-child{margin-right:40px}
    .package-box-4 .product-package:first-child{margin-right:0}
    .package-box-3 .product-desc{height:auto}
    .package-box-3 .link-order{padding:10px 20px}
    .side_menu-box-active{display:none;}
    .banner-wrap{height:473px}
    .footer-right{display:none}
    .award-title{text-align:center;font-size:12px;padding-top:5px;color:#f38200}
    .award-coupon{font-size:12px;padding-top:6px}
}@media (max-width:800px){.lottery-side-wrap{display:none}
    .lottery-side-right{display:none}
    .lottery-box{width:80%;height:400px;background-size:contain;margin:20px auto 0}
    .lottery-inner{width:300px;height:300px}
    .lottery-single{width:90px;height:90px}
    .package-box-2 .package-title{padding:0 0 25px;text-align:center}
    .package-box-2 .package-type{padding:0 20px}
    .banner-wrap{height:344px}
    .coupon-get{margin: 157px auto 0;}
}@media (max-width:600px){.logo-box{padding-top:10px}
    .h2{font-size:.9rem}
    .part_desc{font-size:.6rem;padding:0 10px}
    .lottery-box{width:94%;height:446px}
    .lottery-inner{width:340px;height:340px}
    .lottery-single{width:100px;height:100px}
    .banner-wrap{height:261px}
    .h2{font-size:.8rem}
    .part_desc-wrap{font-size:.6rem}
    .part_2-left img{width:234px}
    .package-box-1 .package-title{line-height:3;font-size:.7rem}
    .package-box-1 .package-product{padding:1rem 0 .3rem}
    .package-box-1 .package-product-name{font-size:.8rem}
    .package-box-1 .package-price-source{font-size:.9rem}
    .package-box-1 .package-price-discount{font-size:1.4rem;color:#fd880b}
    .package-box-1 .package-buy-link{padding: 0.2rem 0;width: 80%;font-size: .8rem;}
    .part_3-left img{width:234px}
    .package-box-2 .package-box-single:first-child{margin-right:20px}
    .part_4-left img{width:234px}
    .package-box-3{flex-direction:column}
    .part_4-right,.part_5-right{width:90%}
    .package-box-3 .product-package:first-child{margin-right:0}
    .package-box-3 .link-order{width:60%}
    .package-box-3 .product-desc{max-width:fit-content}
    .package-box-4 .product-package:nth-child(2){margin:0}
    .package-box-3 .product-package-top img{width:90px}
    .package-box-3 .product-package-top{height:124px}
    .package-box-3 .product-package{margin-bottom:.8rem!important}
    .dialog-box{width:80%}
    .text-coupon{font-size:.5rem}
    .coupon-box{padding:0;display:flex;justify-content:center;align-items:center;margin: 6px 34px 0;}
    .coupon-box .coupon-copy{font-size:.4rem}
    .coupon-get{position:absolute;top:286px;width: 100%;text-align: center;}
    .coupon-date{position:absolute;left:0;top:504px;font-size:.4rem;width:100%;text-align:center}
}@media (max-width:550px){.lottery-inner{width:300px;height:300px}
    .lottery-single{width:80px;height:80px}
    .package-box-1 .package-title{width:auto}
    .part_2-right{width:80%}
    .package-box{flex-direction:column}
    .part_3-right{width:80%}
    .package-box-2 .package-box-single:first-child{margin-right:0;margin-bottom:20px}
    .package-box-2 .package-box-single{width:100%}
}@media (max-width:500px){.lottery-inner{width:260px;height:260px}
    .lottery-single{width:70px;height:70px}
    .coupon-get{font-size:.7rem}
    .package-box-1 .package-title{font-size:.6rem}
}@media (max-width:420px){.lottery-box{height:326px}
    .lottery-inner{width:200px;height:200px;margin-left:10px}
    .lottery-single{width:55px;height:55px}
    .footer-box{margin-left:0.4rem;margin-right:0.4rem}
}@media (max-width:370px){.lottery-box{height:300px}
    .lottery-inner{width:180px;height:180px;margin-left:10px}
    .lottery-single{width:50px;height:50px}
    .part_2-right{width:92%}
}