html{font-size:125%}body{font-family:Microsoft Yahei,Arial,Helvetica,sans-serif!important;color:#555;line-height:24px!important;font-size:14px}a{text-decoration:none!important}html,body{width:100%;height:100%}body,div,ul,ol,li,form,p,input,fieldset,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;list-style:none;box-sizing:border-box}fieldset,img{border:0}button{cursor:pointer}img{vertical-align:bottom}.fl{float:left}.fr{float:right}.fw300{font-weight:300}.fw500{font-weight:500}.fw800{font-weight:800}.suojin{text-indent:2em}.max_1200{max-width:1200px;width:100%;margin:0 auto}.max_600{max-width:600px;width:100%;margin:0 auto}.w100{width:100%}.w1200{width:1200px;margin:0 auto}.dis_block{display:block}.dis_inblock{display:inline-block}.dis_flex{display:flex}.hide{display:none}.overfl_hidd{overflow:hidden}.text_center{text-align:center}.text_right{text-align:right}.none{display:none}.hidden{visibility:hidden}.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}.clearfloat{zoom:1}input:focus,select:focus,textarea:focus{outline:0}.max1152{max-width:1152px;width:1152px;margin:0 auto}@font-face{font-family:DINCond-Medium;src:url(/static/wap/static/common/fonts/DINCOND/DINCOND-MEDIUM.otf) format("truetype")}@font-face{font-family:DINCond-Bold;src:url(/static/wap/static/common/fonts/DINCOND/DINCond-Bold.otf) format("truetype")}@font-face{font-family:YouSheBiaoTiHei;src:url(/static/wap/static/common/fonts/youshe/YouSheBiaoTiHei.ttf) format("truetype"),url(/static/wap/static/common/fonts/youshe/YouSheBiaoTiHei.woff)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInTop{from{opacity:0;transform:translate(0,-20px)}to{opacity:1;transform:translate(0,0)}}@font-face{font-family:DINCond-Medium;src:url(/static/wap/static/common/fonts/DINCOND/DINCOND-MEDIUM.otf) format("truetype")}@font-face{font-family:DINCond-Bold;src:url(/static/wap/static/common/fonts/DINCOND/DINCond-Bold.otf) format("truetype")}@font-face{font-family:DINCond-Black;src:url(/static/wap/static/common/fonts/DINCOND/DINCond-Black.otf) format("truetype")}@font-face{font-family:YouSheBiaoTiHei;src:url(/static/wap/static/common/fonts/YouSheBiaoTi/YouSheBiaoTiHei.ttf) format("truetype")}@font-face{font-family:YouSheBiaoTiHei;src:url(/static/wap/static/common/fonts/YouSheBiaoTi/YouSheBiaoTiHei.eot)}@font-face{font-family:DINCondensed-Bold;src:url("/static/wap/static/common/fonts/DIN Condensed Bold.woff.ttf")}.getflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.flex-direction-column{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.flex1{width:0;-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}.flex-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.transition{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.cover-bigdata{background-image:url(/static/wap/static/img/act/june2021/cover-bigdata.png?t=0);background-size:100% 100%;background-position:center}.cover-fe2021{background-image:url(/static/wap/static/img/act/june2021/cover-fe2021.png?t=0);background-size:100% 100%;background-position:center}.cover-fearchitect{background-image:url(/static/wap/static/img/act/june2021/cover-fearchitect.png?t=0);background-size:100% 100%;background-position:center}.cover-go{background-image:url(/static/wap/static/img/act/june2021/cover-go.png?t=0);background-size:100% 100%;background-position:center}.cover-java2021{background-image:url(/static/wap/static/img/act/june2021/cover-java2021.png?t=0);background-size:100% 100%;background-position:center}.cover-javaalmighty{background-image:url(/static/wap/static/img/act/june2021/cover-javaalmighty.png?t=0);background-size:100% 100%;background-position:center}.cover-javaarchitect{background-image:url(/static/wap/static/img/act/june2021/cover-javaarchitect.png?t=0);background-size:100% 100%;background-position:center}.cover-mobilearchitect{background-image:url(/static/wap/static/img/act/june2021/cover-mobilearchitect.png?t=0);background-size:100% 100%;background-position:center}.cover-python2021{background-image:url(/static/wap/static/img/act/june2021/cover-python2021.png?t=0);background-size:100% 100%;background-position:center}.cover-webfullstack2021{background-image:url(/static/wap/static/img/act/june2021/cover-webfullstack2021.png?t=0);background-size:100% 100%;background-position:center}.cover-fess2021{background-image:url(/static/wap/static/img/act/june2021/cover-fess2021.png?t=0);background-size:100% 100%;background-position:center}.cover-pm2021{background-image:url(/static/wap/static/img/act/june2021/cover-pm2021.png?t=0);background-size:100% 100%;background-position:center}.cover-javafullstack{background-image:url(/static/wap/static/img/act/june2021/cover-javafullstack.png?t=0);background-size:100% 100%;background-position:center}button{border:0;outline:0}header{width:100%;height:400px;background:url(/static/wap/static/img/act/june2026/web/header-bg.png?t=0) no-repeat center top / cover;position:relative}header .head{position:absolute;top:0;left:50%;margin-left:-574px;display:flex;align-items:center;padding:24px 0 32px;width:1149px;z-index:99}header .head .logo{width:122px;height:36px;margin-right:auto}header .head .shopping-cart{margin-right:12px}header .head .login,header .head .shopping-cart{display:flex;align-items:center;padding:0 20px;line-height:36px;border-radius:100px;color:#fff;background-color:rgba(0,0,0,.16)}header .head .login .imv2-shopping-cart2,header .head .shopping-cart .imv2-shopping-cart2{font-size:18px;margin-right:12px}header .head .login .num,header .head .shopping-cart .num{display:inline-block;font-size:12px;min-width:20px;padding:4px;line-height:1;background:#F20D0D;border-radius:100px;margin-left:4px;text-align:center;box-sizing:border-box}header .head .avatar{width:36px;height:36px;border-radius:100px;overflow:hidden;margin-left:12px}header .head .login a{color:#fff;margin:0 4px}header .head-title{margin:0 auto;width:1181px;height:415px;opacity:0;animation:bounceIn 1.4s forwards;-webkit-animation:bounceIn 1.4s forwards;background:url(/static/wap/static/img/act/june2026/web/header-title.png?t=0) no-repeat center top / cover;background-size:auto 100%}header .countdown{position:absolute;bottom:-30px;left:50%;margin-left:-204px;opacity:0;width:408px;height:60px;padding-left:68px;line-height:60px;font-family:PingFangSC-Semibold;font-size:21px;color:#fff490;text-align:left;font-weight:600;background:url(/static/wap/static/img/act/june2026/web/countdown.png?t=0) no-repeat center top / cover}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3);-ms-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.main-body{background-image:linear-gradient(180deg,#1e4fe6 0,#0073e7 100%);padding-top:60px;box-sizing:border-box}.section-middle{margin:0 auto 60px;width:1150px;overflow:hidden;display:flex;justify-content:space-between}.coupon-block{width:185px;height:270px;background:url(/static/wap/static/img/act/june2026/web/coupon-7-1.png?t=0) no-repeat center top / cover;cursor:pointer;position:relative}.coupon-block.coupon-has{background:url(/static/wap/static/img/act/june2026/web/coupon-7-1-get.png?t=0) no-repeat center top / cover}.coupon-block.coupon-has2{background:url(/static/wap/static/img/act/june2026/web/coupon-7-2-get.png?t=0) no-repeat center top / cover}.coupon-block.coupon-has3{background:url(/static/wap/static/img/act/june2026/web/coupon-8-get.png?t=0) no-repeat center top / cover}.coupon-block .coupon-title{opacity:0;width:145px;height:36px;background:#2C1100;border-radius:0 12px;position:absolute;right:0;line-height:36px;text-align:center;font-family:PingFangSC-Regular;font-size:14px;color:#F2E5CF;font-weight:400}.coupon-block2{width:185px;height:270px;background:url(/static/wap/static/img/act/june2026/web/coupon-7-2.png?t=0) no-repeat center top / cover;cursor:pointer}.coupon-block2.coupon-has2{background:url(/static/wap/static/img/act/june2026/web/coupon-7-2-get.png?t=0) no-repeat center top / cover}.coupon-block3{width:185px;height:270px;background:url(/static/wap/static/img/act/june2026/web/coupon-8.png?t=0) no-repeat center top / cover;cursor:pointer}.coupon-block3.coupon-has3{background:url(/static/wap/static/img/act/june2026/web/coupon-8-get.png?t=0) no-repeat center top / cover}.section-red{width:640px;height:270px;padding-top:64px;box-sizing:border-box;position:relative;z-index:9;background:url(/static/wap/static/img/act/june2026/web/red-bg.png?t=0) no-repeat center top / cover}.section-red.section-red-back{background:url(/static/wap/static/img/act/june2026/web/red-bg-f.png?t=0) no-repeat center top / cover}.section-red .tips{margin-top:6px;text-align:center;font-size:14px;color:#DF2D00;font-weight:400;position:relative}.section-red .tips::before{width:17px;height:17px;left:46px;top:4px;content:" ";position:absolute;background:url(/static/wap/static/img/act/june2026/web/red-tips.png?t=0) no-repeat center top / cover}.section-red .red-block{display:flex;box-sizing:border-box}.section-red .red-box{display:flex;align-items:center;width:426px}.section-red .red-box .red-item{width:117px;height:146px;position:relative;margin-left:16px}.section-red .red-box .red-item.red-status-1{background:url(/static/wap/static/img/act/june2026/web/red-status-1.png?t=0) no-repeat center top / cover;cursor:pointer}.section-red .red-box .red-item.red-status-gif{animation-name:1;-webkit-animation-name:1;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:.9s;-webkit-animation-duration:.9s}.section-red .red-box .red-item.red-status-2{background:url(/static/wap/static/img/act/june2026/web/red-status-2.png?t=0) no-repeat center top / cover}.section-red .red-box .red-item.red-status-3{width:117px;height:159px;background:url(/static/wap/static/img/act/june2026/web/red-status-3.png?t=0) no-repeat center top / cover;padding-top:40px}.section-red .red-box .red-item.red-status-3 .red-price{font-family:PingFangSC-Semibold;font-size:18px;color:#FF3E35;text-align:center;font-weight:600}.section-red .red-box .red-item.red-status-3 .red-price em{font-family:DINCondensed-Bold;font-size:54px;color:#FF3E35;text-align:center;font-weight:700}.section-red .red-box .red-item.red-status-3 .red-status-bth{margin:0 auto;width:96px;height:36px;margin-top:35px;cursor:pointer}.section-red .red-box .red-item.red-status-3 .ysy-bth{margin-top:40px;font-size:18px;font-family:DingTalk-JinBuTi;color:#fff;letter-spacing:2px;font-weight:400;text-align:center;font-style:italic}.section-red .red-box .red-item.red-status-3 .pz-bth{background:url(/static/wap/static/img/act/june2026/web/pz-bth.png?t=0) no-repeat center top / cover}.section-red .red-box .red-item.red-status-3 .qsy-bth{background:url(/static/wap/static/img/act/june2026/web/qsy-bth.png?t=0) no-repeat center top / cover}.section-red .red-box .red-item .getprice{position:absolute;top:56px;left:44px;font-family:DINCondensed-Bold;font-size:24px;color:#FF3E35}.section-red .red-box .red-item .getprice sub{font-size:72px;color:#FF3E35;margin-right:4px;vertical-align:revert}.section-red .red-box .red-item .p-btn{position:absolute;bottom:16px;left:15px;width:128px;height:48px;background:url(/static/wap/static/img/act/june2026/web/p-btn.png?t=0) no-repeat center top / cover;cursor:pointer}@keyframes scaleDraw{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@-webkit-keyframes scaleDraw{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.section-red .red-tar-price{margin-left:20px}.section-red .red-tar-price .remain-sum{width:160px;height:120px;margin-left:5px;background:url(/static/wap/static/img/act/june2026/web/red-price.png?t=0) no-repeat center top / cover;padding-top:60px;box-sizing:border-box;text-align:center}.section-red .red-tar-price .remain-sum span{font-size:24px;color:#FFF;font-weight:600;display:inline-block;margin-top:14px}.section-red .red-tar-price .remain-sum sub{font-family:DINCondensed-Bold;font-size:54px;color:#FFF;margin-right:4px;vertical-align:revert}.section-red .red-tar-price .red-countdown{opacity:0;margin-top:16px;height:27px;display:flex;align-items:center;font-size:18px;color:#f0264b;font-weight:500}.section-red .red-tar-price .red-countdown span{display:inline-block;width:27px;height:27px;background:#e10608;border-radius:4px;text-align:center;line-height:27px;font-size:18px;color:#FFF;font-weight:600;margin:0 4px}.vip-block{width:262px;height:270px;background:url(/static/wap/static/img/act/june2026/web/vip-bg.png?t=0) no-repeat center top / cover;position:relative}.vip-block .order-link{width:102px;height:34px;background:url(/static/wap/static/img/act/june2026/web/ljkt-btn.png?t=0) no-repeat center top / cover;display:block;position:absolute;bottom:12px;left:80px}.vip-block .detail-link{width:44px;height:18px;background:url(/static/wap/static/img/act/june2026/web/detail-btn.png?t=0) no-repeat center top / cover;display:block;position:absolute;bottom:18px;right:13px}.course-box{margin:60px auto 0}.main-title{margin:60px auto 0;text-align:center;font-size:32px;color:#FFF490;font-weight:400;font-family:YouSheBiaoTiHei}.main-title.main-title1{width:802px;height:127px;background:url(/static/wap/static/img/act/june2026/web/sz-course-title.png?t=0) no-repeat center top / cover}.main-title.main-title2{margin:82px auto 0;position:relative;z-index:2;width:571px;height:127px;background:url(/static/wap/static/img/act/june2026/web/tx-course-title.png?t=0) no-repeat center top / cover}.main-title.main-title3{width:843px;height:113px;margin:-63px auto 0;background:url(/static/wap/static/img/act/june2026/web/lottery-title-bg.png?t=0) no-repeat center top / cover}.tixike-chunk{margin:-127px auto 0;width:1158px;height:516px;background:url(/static/wap/static/img/act/june2026/web/tx-bg.png?t=0) no-repeat center top / cover}.tixike-chunk .chunk-title{width:630px;height:58px;line-height:58px;margin:0 auto;text-align:center;font-weight:700}.tixike-chunk .chunk-title h2{font-family:YouSheBiaoTiHei;font-size:32px;color:#F9DE8B;font-weight:400}.ai-course{padding-top:125px;box-sizing:border-box}.ai-more-btn{display:block;margin:21px auto 0;width:244px;height:52px;background:url(/static/wap/static/img/act/june2026/web/more-btn.png?t=0) no-repeat center top / cover}.tixike-courses{display:flex;justify-content:space-between;flex-wrap:wrap;padding:36px 38px}.tixike-courses .mt23{margin-bottom:23px}.tixike-courses .mt12{margin-bottom:12px}.tixike-courses .tixike-course-item{width:260px;height:146px;margin-bottom:12px;background:#FFF;background-image:linear-gradient(180deg,#fff 0,#fffbcf 100%);border-radius:8px;overflow:hidden;transition:all .2s;padding:10px 13px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.tixike-courses .tixike-course-item:hover{transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95,101,105,.1)}.tixike-courses .tixike-course-item .cover{width:90px;height:127px;float:left}.tixike-courses .tixike-course-item .info{margin-left:10px}.tixike-courses .tixike-course-item .info .title{font-family:PingFangSC-Semibold;font-size:14px;color:#1C1F21;font-weight:600;line-height:20px;word-break:break-all;text-overflow:ellipsis}.tixike-courses .tixike-course-item .info .desc{word-break:break-all;overflow:hidden;text-overflow:ellipsis;font-family:PingFangSC-Semibold;font-size:12px;color:#8D8B8B;line-height:17px}.tixike-courses .tixike-course-item .info .price{background:url(/static/wap/static/img/act/june2026/web/direct.png?t=0) no-repeat center top / cover;width:125px;height:38px;display:flex;margin-top:7px;text-align:left;justify-content:space-between;background-size:auto 100%}.tixike-courses .tixike-course-item .info .price .original-price{font-family:PingFangSC-Semibold;width:38px;font-size:12px;color:#FF9F00;text-align:center;line-height:14px;font-weight:600;display:inline-block}.tixike-courses .tixike-course-item .info .price .minus{display:inline-block;width:38px;font-family:PingFangSC-Semibold;font-size:12px;color:#FF9F00;text-align:center;line-height:14px;font-weight:600}.tixike-courses .tixike-course-item .info .price .price-cur{font-size:12px;color:#FF3D00;font-weight:600}.tixike-courses .tixike-course-item .info .discount-price{font-size:12px;color:#FF2D00;text-align:center;line-height:14px;font-weight:600;margin-bottom:5px;width:125px}.tixike-courses .tixike-course-item .info .btn-buy{width:120px;height:24px;font-size:12px;color:#F9F4D1;text-align:center;line-height:24px;cursor:pointer;background-image:linear-gradient(179deg,#ff9451 0,#ff2000 100%);border-radius:12px}.coding-chunk{width:1152px;height:860px;margin:60px auto 0;padding-top:1px;background:url(/static/wap/static/img/act/june2026/web/sz-bg.png?t=0) no-repeat center top / cover}.coding-chunk.coding-chunk1{margin-top:22px}.coding-chunk.coding-chunk2{height:1060px;background:url(/static/wap/static/img/act/june2026/web/vip-course-bg.png?t=0) no-repeat center top / cover}.coding-chunk.coding-chunk01{height:880px;background:url(/static/wap/static/img/act/june2026/web/sz-bg2.png?t=0) no-repeat center top / cover}.coding-chunk.coding-chunk01 .coding-more span{background-image:linear-gradient(180deg,#f45e3c 0,#f52219 100%)}.coding-chunk .course-top{position:relative}.coding-chunk .chunk-title{position:relative}.coding-chunk .chunk-title h2{width:360px;height:106px;position:absolute;left:61px;top:-17px}.coding-chunk .chunk-title h2.chunk-title-item0{background:url(/static/wap/static/img/act/june2026/web/title0.png?t=0) no-repeat center top / cover}.coding-chunk .chunk-title h2.chunk-title-item1{background:url(/static/wap/static/img/act/june2026/web/title1.png?t=0) no-repeat center top / cover}.coding-chunk .chunk-title h2.chunk-title-item2{background:url(/static/wap/static/img/act/june2026/web/title2.png?t=0) no-repeat center top / cover}.coding-chunk .chunk-title h2.chunk-title-item3{background:url(/static/wap/static/img/act/june2026/web/title3.png?t=0) no-repeat center top / cover}.coding-chunk .chunk-title h2.chunk-title-item4{background:url(/static/wap/static/img/act/june2026/web/vip-title.png?t=0) no-repeat center top / cover}.coding-chunk .subtitle{margin-left:446px;font-family:PingFangSC-Medium;font-size:24px;color:#FFF;line-height:70px;font-weight:500;position:relative}.coding-chunk .subtitle1{margin-left:446px;font-family:PingFangSC-Medium;font-size:21px;color:#FFF;line-height:70px;font-weight:500;position:relative}.coding-chunk .subtitle2{margin-left:446px;font-family:PingFangSC-Medium;font-size:30px;color:#6F4923;line-height:70px;font-weight:500;position:relative}.coding-chunk .course-body{padding:60px 5px 0}.coding-chunk .tab-list{margin-bottom:40px;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.coding-chunk .tab-list .tab-item{width:160px;height:48px;border-radius:8px;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.coding-chunk .tab-list .tab-item:not(:first-child){margin-left:24px}.coding-chunk .tab-list .tab-item .content{width:160px;height:48px;background:#CDE4FF;border-radius:8px;font-family:PingFangSC-Semibold;font-size:21px;color:#002FAC;letter-spacing:0;text-align:center;font-weight:600;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.coding-chunk .tab-list .tab-item .content i{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;opacity:0}.coding-chunk .tab-list .tab-item .content i:first-child{margin-right:2px}.coding-chunk .tab-list .tab-item .content i:last-child{margin-left:2px}.coding-chunk .tab-list .tab-item.active{border:1px solid #0052BC}.coding-chunk .tab-list .tab-item.active .content{background:#0052BC;border-radius:8px;color:#FFE609}.coding-chunk .tab-list .tab-item.active .content i{opacity:1}.coding-chunk .tab-list .tab-item:hover{border:1px solid #0052BC}.coding-chunk .tab-list .tab-item:hover .content{background:#0052BC;border-radius:8px;color:#FFE609}.coding-chunk .tab-list .tab-item:hover .content i{opacity:1}.coding-chunk .swiper-container{position:relative;padding-bottom:10px!important}.coding-chunk .swiper-container .swiper-button-prev,.coding-chunk .swiper-container .swiper-button-next{width:23px;height:43px;cursor:pointer;position:absolute;text-align:center;z-index:20!important}.coding-chunk .swiper-container .swiper-button-prev:hover,.coding-chunk .swiper-container .swiper-button-next:hover{color:#1c1f21}.coding-chunk .swiper-container .swiper-button-prev i,.coding-chunk .swiper-container .swiper-button-next i{font-size:48px;line-height:64px}.coding-chunk .swiper-container .swiper-button-prev{left:23px;background:url(/static/wap/static/img/act/june2026/web/swiper-left.png?t=0) no-repeat center top / cover;top:50%;margin-top:0}.coding-chunk .swiper-container .swiper-button-next{right:23px;background:url(/static/wap/static/img/act/june2026/web/swiper-right.png?t=0) no-repeat center top / cover;top:50%;margin-top:0}.coding-chunk .swiper-container .swiper-pagination{bottom:-6px}.coding-chunk .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 4px;background:rgba(255,255,255,.8)}.coding-chunk .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#FFF;border-radius:8px;width:24px;height:12px}.coding-chunk .vip-info-block{margin:34px auto 0;width:1020px;height:160px;background:url(/static/wap/static/img/act/june2026/web/vip-qrcode.png?t=0) no-repeat center top / cover}.coding-chunk .coding-more{margin:36px auto 0;display:block;width:360px;height:68px;line-height:68px;text-align:center;border:2px solid rgba(255,250,237,.2);border-radius:34px;overflow:hidden}.coding-chunk .coding-more span{width:360px;height:68px;display:block;background-image:linear-gradient(180deg,#55d3ea 0,#0039ff 100%);font-family:PingFangSC-Semibold;font-size:24px;color:#FFF;letter-spacing:0;font-weight:600}.coding-chunk .coding-more span.vip-more-btn{background-image:linear-gradient(180deg,#f45e3c 0,#f52219 100%)}.coding-chunk .coding-more span::after,.coding-chunk .coding-more span::before{content:'';display:inline-block;width:21px;height:16px;background:url(/static/wap/static/img/act/june2026/web/ms-swiper-left.png?t=0) no-repeat center top / cover}.coding-chunk .coding-more span::before{margin-right:17px}.coding-chunk .coding-more span::after{margin-left:17px;transform:rotate(180deg)}.coding-courses{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 66px}.coding-courses .coding-course-item{width:228px;height:242px;border:2px solid rgba(255,255,255,.6);border-radius:6px;margin-bottom:36px;overflow:hidden;position:relative}.coding-courses .coding-course-item .vipicon{width:72px;height:24px;background:url(/static/wap/static/img/act/june2026/web/titlevip.png?t=0) no-repeat center top / cover;position:absolute;right:1px;top:1px}.coding-courses .coding-course-item:hover{cursor:pointer}.coding-courses .coding-course-item .coursebottom{background:#fff;height:116px;border-radius:0 0 4px 4px;box-sizing:border-box}.coding-courses .coding-course-item span.seckilldjs{position:absolute;top:0;right:0;width:114px;height:18px;background:rgba(255,255,255,.8);border-radius:0 0 0 6px;font-family:PingFangSC-Semibold;font-size:12px;color:#EA301D;font-weight:600;text-align:center;line-height:18px}.coding-courses .coding-course-item .cover{width:100%;height:128px;object-fit:cover;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast}.coding-courses .coding-course-item .title{padding:5px 10px 0;color:#1C1F21;line-height:20px;height:45px;margin-bottom:4px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.coding-courses .coding-course-item .leven{padding:0 10px;font-size:12px;line-height:16px;color:#964C0C;margin-bottom:4px}.coding-courses .coding-course-item .buy{display:flex;align-items:center;justify-content:space-between;padding:0 10px;line-height:1;font-weight:700}.coding-courses .coding-course-item .buy .orgin-price{font-size:12px;color:#8D8B8B;text-decoration:line-through;font-weight:400}.coding-courses .coding-course-item .buy .discount-price{font-size:14px;color:#FF3800;text-align:left}.coding-courses .coding-course-item .buy .btn-buy{font-size:12px;border-radius:100px;color:#fff;background-image:linear-gradient(180deg,#ff7845 0,#fe3908 100%);height:32px;width:88px;text-align:center;line-height:32px}.coding-courses .coding-course-item .buy .btn-buy:hover{background-image:linear-gradient(135deg,#ff6e2c 0,#e7291b 100%)}.button-more{width:980px;margin:48px auto 100px}.button-more a{display:block;margin:0 auto;width:370px;height:80px;line-height:80px;font-family:PingFangSC-Semibold;font-size:24px;color:#FFF;letter-spacing:0;text-align:center;font-weight:600;background:url(/static/wap/static/img/act/june2026/web/more-btn.png?t=0) no-repeat center top / cover}.swiper-box{position:relative}.swiper-box .swiper{position:relative;width:985px;height:70px;margin:55px auto 0;overflow:hidden}.swiper-box .swiper .seckill-items{position:absolute;top:0;left:0;overflow:hidden;width:2000px}.swiper-box .swiper .seckill-items .nav-info{float:left;width:210px;height:70px;color:#FFF;text-align:center;font-size:18px;background:url(/static/wap/static/img/act/june2026/web/sale-default-bg.png?t=0) no-repeat center top / cover;padding:9px 0;margin-left:-16px;cursor:pointer}.swiper-box .swiper .seckill-items .nav-info:hover{background:url(/static/wap/static/img/act/june2026/web/sale-will-bg.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info:hover .time,.swiper-box .swiper .seckill-items .nav-info:hover .tip{color:#FFEC00}.swiper-box .swiper .seckill-items .nav-info:first-child{margin-left:-1px}.swiper-box .swiper .seckill-items .nav-info.over{background:url(/static/wap/static/img/act/june2026/web/sale-over-bg.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.over .time,.swiper-box .swiper .seckill-items .nav-info.over .tip{color:#4A5A95}.swiper-box .swiper .seckill-items .nav-info.over.active{background:url(/static/wap/static/img/act/june2026/web/sale-will-bg.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.over.active .time,.swiper-box .swiper .seckill-items .nav-info.over.active .tip{color:#FFEC00}.swiper-box .swiper .seckill-items .nav-info.over:hover{background:url(/static/wap/static/img/act/june2026/web/sale-will-bg.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.over:hover .time,.swiper-box .swiper .seckill-items .nav-info.over:hover .tip{color:#FFEC00}.swiper-box .swiper .seckill-items .nav-info.rush{background:url(/static/wap/static/img/act/june2026/web/sale-rush-bg.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.rush .time,.swiper-box .swiper .seckill-items .nav-info.rush .tip{color:#FFD0D0}.swiper-box .swiper .seckill-items .nav-info.rush.active .time,.swiper-box .swiper .seckill-items .nav-info.rush.active .tip{color:#FFEC00}.swiper-box .swiper .seckill-items .nav-info.rush.active .hot{background:url(/static/wap/static/img/act/june2026/web/icon-hot-choose.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.rush:hover .time,.swiper-box .swiper .seckill-items .nav-info.rush:hover .tip{color:#FFEC00}.swiper-box .swiper .seckill-items .nav-info.rush:hover .hot{background:url(/static/wap/static/img/act/june2026/web/icon-hot-choose.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.being{background:url(/static/wap/static/img/act/june2026/web/sale-default-bg.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.being .time,.swiper-box .swiper .seckill-items .nav-info.being .tip{color:#72AED3}.swiper-box .swiper .seckill-items .nav-info.being.active{background:url(/static/wap/static/img/act/june2026/web/sale-will-bg.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.being.active .time,.swiper-box .swiper .seckill-items .nav-info.being.active .tip{color:#FFEC00}.swiper-box .swiper .seckill-items .nav-info.being.active .lock{background:url(/static/wap/static/img/act/june2026/web/icon-choose.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.being:hover{background:url(/static/wap/static/img/act/june2026/web/sale-will-bg.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info.being:hover .time,.swiper-box .swiper .seckill-items .nav-info.being:hover .tip{color:#FFEC00}.swiper-box .swiper .seckill-items .nav-info.being:hover .lock{background:url(/static/wap/static/img/act/june2026/web/icon-choose.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info .time{font-family:PingFangSC-Semibold;font-size:16px;color:#72AED3;display:block;margin-bottom:6px}.swiper-box .swiper .seckill-items .nav-info .tip{font-family:PingFangSC-Semibold;font-size:16px;color:#72AED3;font-weight:600;display:block}.swiper-box .swiper .seckill-items .nav-info .tip .hot{width:15px;height:18px;vertical-align:middle;display:inline-block;margin-right:5px;margin-top:-4px;background:url(/static/wap/static/img/act/june2026/web/icon-hot-default.png?t=0) no-repeat center top / cover}.swiper-box .swiper .seckill-items .nav-info .tip .lock{width:14px;height:16px;vertical-align:middle;display:inline-block;margin-right:5px;margin-top:-4px;background:url(/static/wap/static/img/act/june2026/web/icon-default.png?t=0) no-repeat center top / cover}.swiper-box .nav-prev,.swiper-box .nav-next{position:absolute;top:50%;width:23px;height:43px;margin-top:-21px;background-color:transparent;background:url(/static/wap/static/img/act/june2026/web/swiper-left.png?t=0) no-repeat center top / cover;cursor:pointer}.swiper-box .nav-prev.nav-prev,.swiper-box .nav-next.nav-prev{left:42px}.swiper-box .nav-prev.nav-next,.swiper-box .nav-next.nav-next{right:42px;transform:rotate(180deg)}.swiper-box .nav-prev.no_click,.swiper-box .nav-next.no_click{opacity:.5}.coding-block{position:relative}.coding-block .seckill-container{display:none}.coding-block .seckill-slide{height:267px;overflow:hidden;position:relative;width:985px;margin:40px auto}.coding-block .prev,.coding-block .next{position:absolute;top:50%;width:16px;height:22px;margin-top:-11px;background-color:transparent;background:url(/static/wap/static/img/act/june2026/web/ms-swiper-righ.png?t=0) no-repeat center top / cover;cursor:pointer}.coding-block .prev.prev,.coding-block .next.prev{left:34px;transform:rotate(180deg)}.coding-block .prev.next,.coding-block .next.next{right:34px}.coding-block .prev.no_click,.coding-block .next.no_click{opacity:.5}.ms-tip{width:985px;height:110px;margin-top:-24px;margin-left:auto;margin-right:auto;background:rgba(0,26,255,.2);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 0}.ms-tip h2{font-family:PingFangSC-Semibold;font-size:16px;color:#72AED3;letter-spacing:0;font-weight:600;text-align:center}.ms-tip p{font-family:PingFangSC-Regular;font-size:12px;color:#72AED3;line-height:20px;font-weight:400;text-align:left;padding-left:20px}.activity-tips{width:984px;margin:79px auto 60px;color:#FFF;position:relative;padding-bottom:80px}.activity-tips h2{font-size:32px;text-align:center;line-height:48px;font-weight:600;margin-bottom:24px}.activity-tips p{font-size:16px;line-height:26px}.activity-tips p.part-tips{height:66px;overflow:hidden}.activity-tips a{color:#fff}.activity-tips .tipsmask{text-align:center;margin-top:40px}.activity-tips .tipsmask button{background:transparent}.activity-tips .tipsmask i{font-style:normal;font-size:24px;color:#fff}footer{height:98px;text-align:center;line-height:98px;color:#fff;background:#0067f8}footer img{vertical-align:middle}footer img.moco-emoji{margin-top:-8px!important;margin-left:-6px!important}.right-fixed{position:fixed;top:50%;right:180px;z-index:9;transform:translateY(-50%);width:110px;height:110px;background:url(/static/wap/static/img/act/june2026/web/right-fixed.png?t=0) no-repeat center top / cover;cursor:pointer;display:none;opacity:0}.right-show{animation:bounceIn 1.4s forwards;-webkit-animation:bounceIn 1.4s forwards}.left-fixed{position:fixed;top:50%;left:180px;z-index:9;transform:translateY(-50%);width:160px;height:500px;text-align:center;background:url(/static/wap/static/img/act/june2026/web/slider-bg.png?t=0) no-repeat center top / cover;background-size:100% 100%}.left-fixed:before{content:" ";position:absolute;top:1px;left:-12px;width:164px;height:118px;background:url(/static/wap/static/img/act/june2026/web/slider-head-bg.png?t=0) no-repeat center top / cover}.left-fixed .inner{width:132px;margin:90px auto 0}.left-fixed .inner .menu{margin-bottom:16px;position:relative;z-index:1}.left-fixed .inner .menu li{margin:0 auto;width:136px;font-family:PingFangSC-Semibold;font-size:14px;color:#fff;text-align:center;line-height:24px;margin-bottom:8px;cursor:pointer;user-select:none;transition:all .2s}.left-fixed .inner .menu li.active{color:#fff;background:#0045a8;font-weight:700}.left-fixed .inner .menu li:hover{color:#FFFD47;font-weight:700}.left-fixed .inner .my-discounts{display:block;box-sizing:border-box;width:112px;height:64px;padding-top:14px;margin:0 auto 16px;text-align:center;line-height:1;color:#fff;cursor:pointer;background:url(/static/wap/static/img/act/june2026/web/fixed-discounts-bg.png?t=0) no-repeat center top / cover}.left-fixed .inner .my-discounts .num{font-family:DINCond-Bold,sans-serif;font-size:24px;color:#FFECB6;font-weight:700;margin-right:6px}.left-fixed .inner .my-red-package{width:102px;height:104px;margin:0 auto 8px;padding-top:22px;color:#fff;background:url(/static/wap/static/img/act/june2026/web/my-red-package-bg.png?t=0) no-repeat center top / cover}.left-fixed .inner .my-red-package .balance{color:#277CED;font-family:DINCond-Bold,serif;font-size:24px;margin-bottom:8px}.left-fixed .inner .my-red-package .balance sub{font-size:12px;vertical-align:middle}.left-fixed .inner .my-red-package .countdown{line-height:1.5;font-size:12px}.left-fixed .inner .share-box{display:flex;align-items:center;justify-content:space-around;width:80px;margin:0 auto 16px;padding-bottom:18px;border-bottom:1px solid rgba(255,247,166,.4)}.left-fixed .inner .share-box a{opacity:.7;font-size:20px;color:#FFF;line-height:20px;font-weight:400;transition:all .2s;cursor:pointer;background-image:none;margin:0;padding:0}.left-fixed .inner .share-box a:hover{color:#FFF;opacity:1}.left-fixed .inner .share-box::after{content:none}.left-fixed .inner .shopping-cart{display:flex;align-items:center;justify-content:center;width:104px;line-height:36px;color:#1867E5;background-color:#fff;border-radius:100px;font-size:14px;margin:0 auto 12px;text-align:center}.left-fixed .inner .shopping-cart .imv2-shopping-cart2{position:relative;font-size:20px;margin-right:14px}.left-fixed .inner .shopping-cart .num{font-family:"PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;display:inline-block;position:absolute;right:-12px;top:-4px;font-size:12px;min-width:16px;padding:2px 4px;line-height:12px;color:#fff;background:#F20D0D;border-radius:100px;box-sizing:border-box}.left-fixed .inner .go-top{color:#fff;font-weight:700}.left-fixed .unflod{display:none;position:absolute;width:14px;height:28px;top:50%;right:2px;transition:all .2s;background:url(/static/wap/static/img/act/june2026/web/flex-menu-unfold.png?t=0) no-repeat center top / cover}.mask-layer{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);animation:fadeIn 200ms;z-index:9}.question-dialog{position:fixed;left:50%;top:50%;animation:fadeInTop 200ms;width:480px;height:350px;margin-top:-175px;margin-left:-240px;background:#FFF;background-image:linear-gradient(180deg,#5eb622 0,#00b07e 100%);border:3px solid #69b08c;box-shadow:0 12px 24px 0 rgba(7,17,27,.2);border-radius:12px;box-sizing:border-box;padding-top:47px;display:none;z-index:10}.question-dialog h3{font-family:PingFangSC-Semibold;font-size:28px;color:#FFF163;text-align:center;line-height:36px;text-shadow:0 2px 4px rgba(103,97,1,.5);font-weight:600}.question-dialog .question-content{width:160px;height:160px;background-size:cover;background-position:center;border-radius:8px;margin:28px auto 20px}.question-dialog .question-tips{font-family:PingFangSC-Regular;font-size:14px;color:#FFF;text-align:center;line-height:18px;font-weight:400}.question-dialog .close{font-family:imv2;font-size:24px;color:#FFF;line-height:24px;font-weight:400;position:absolute;top:13px;right:13px;cursor:pointer}.send-dialog{position:fixed;left:50%;top:50%;animation:fadeInTop 200ms;width:480px;height:350px;margin-top:-175px;margin-left:-240px;background:#FFF;background-image:linear-gradient(180deg,#5eb622 0,#00b07e 100%);border:3px solid #69b08c;box-shadow:0 12px 24px 0 rgba(7,17,27,.2);border-radius:12px;box-sizing:border-box;padding-top:49px;display:none;z-index:10}.send-dialog h3{font-family:PingFangSC-Semibold;font-size:28px;color:#FFF163;text-align:center;line-height:36px;text-shadow:0 2px 4px rgba(103,97,1,.5);font-weight:600}.send-dialog .send-content{width:446px;height:121px;background:#3A8E00;border-radius:8px;margin:32px auto 26px;box-sizing:border-box;padding-top:31px}.send-dialog .send-content .email{font-family:PingFangSC-Semibold;font-size:48px;color:#FFF163;text-align:center;line-height:28px;text-shadow:0 2px 4px rgba(103,97,1,.5);font-weight:600;margin-bottom:16px}.send-dialog .send-content .email-rules{font-family:PingFangSC-Semibold;font-size:18px;color:#FFF;text-align:center;line-height:28px;font-weight:600}.send-dialog .send-content .email-tips{font-family:PingFangSC-Regular;font-size:14px;color:#FFF;text-align:center;line-height:24px;font-weight:400}.send-dialog .email-tips{font-family:PingFangSC-Regular;font-size:14px;color:#FFF;text-align:center;line-height:24px;font-weight:400}.send-dialog .close{font-family:imv2;font-size:24px;color:#FFF;line-height:24px;font-weight:400;position:absolute;top:13px;right:13px;cursor:pointer}.postRule-dialog{position:fixed;left:50%;top:50%;animation:fadeInTop 200ms;width:480px;height:360px;margin-top:-180px;margin-left:-240px;background:#FFF;background-image:linear-gradient(180deg,#5eb622 0,#00b07e 100%);border:3px solid #69b08c;box-shadow:0 12px 24px 0 rgba(7,17,27,.2);border-radius:12px;box-sizing:border-box;padding-top:36px;display:none;z-index:10}.postRule-dialog h3{font-family:PingFangSC-Semibold;font-size:28px;color:#FFF163;text-align:center;line-height:36px;text-shadow:0 2px 4px rgba(103,97,1,.5);font-weight:600}.postRule-dialog .postRule-content{width:436px;margin-top:24px;margin-left:22px;font-family:PingFangSC-Regular;font-size:14px;color:#FFF;line-height:24px;font-weight:400}.postRule-dialog .close{font-family:imv2;font-size:24px;color:#FFF;line-height:24px;font-weight:400;position:absolute;top:13px;right:13px;cursor:pointer}.postDes-dialog{position:fixed;left:50%;top:50%;animation:fadeInTop 200ms;width:480px;height:620px;margin-top:-310px;margin-left:-240px;background:#FFF;box-shadow:0 12px 24px 0 rgba(7,17,27,.2);box-sizing:border-box;display:none;z-index:10;border-radius:12px}.postDes-dialog .postDes-info{width:100%;height:140px;box-sizing:border-box;padding-top:38px;padding-left:20px;background-color:#fff;border-radius:12px 12px 0 0}.postDes-dialog .postDes-info .info-box{width:410px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.postDes-dialog .postDes-info .info-box .left{width:64px;height:64px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px}.postDes-dialog .postDes-info .info-box .right{width:330px}.postDes-dialog .postDes-info .info-box .right .base-com{font-family:PingFangSC-Semibold;font-size:18px;color:#1C1F21;text-align:left;font-weight:600;margin-top:8px}.postDes-dialog .postDes-content{width:480px;height:480px;background-image:linear-gradient(180deg,#5eb622 0,#00b07e 100%);border-radius:0 0 12px 12px;box-sizing:border-box;padding-top:31px;padding-left:26px}.postDes-dialog .postDes-content .content-box{width:100%;height:416px;padding-right:19px;box-sizing:border-box}.postDes-dialog .postDes-content .content-box h3{font-family:PingFangSC-Semibold;font-size:18px;color:#FFF163;text-align:left;line-height:28px;font-weight:600;margin-bottom:12px}.postDes-dialog .postDes-content .content-box span{margin-left:16px}.postDes-dialog .postDes-content .content-box .responsibility-box{width:100%;margin-bottom:36px}.postDes-dialog .postDes-content .content-box .responsibility-box .responsibility-content{font-family:PingFangSC-Regular;font-size:14px;color:#FFF;line-height:24px;font-weight:400}.postDes-dialog .postDes-content .content-box .ask-box{width:100%}.postDes-dialog .postDes-content .content-box .ask-box .ask-content{font-family:PingFangSC-Regular;font-size:14px;color:#FFF;line-height:24px;font-weight:400}.postDes-dialog .postDes-content .scroll-content{border:0;overflow:hidden;overflow-y:auto}.postDes-dialog .postDes-content .scroll-content::-webkit-scrollbar{width:6px;height:1px}.postDes-dialog .postDes-content .scroll-content::-webkit-scrollbar-thumb{width:6px;border-radius:4px;background:#FFF}.postDes-dialog .postDes-content .scroll-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:transparent}.postDes-dialog .close{font-family:imv2;font-size:24px;color:#000;line-height:24px;font-weight:400;position:absolute;top:13px;right:13px;cursor:pointer}.red-dialog{display:none;position:fixed;background:#fff;text-align:center;left:50%;top:50%;animation:fadeInTop 200ms;z-index:10;width:442px;height:405px;margin-top:-160px;margin-left:-221px;background-image:linear-gradient(184deg,#fea5a2 0,#ffdda5 49%,#fff 95%);border:1.5px solid #fff;box-shadow:0 14px 27px 0 rgba(7,17,27,.2);border-radius:12px;box-sizing:border-box;font-family:PingFangSC-Semibold}.red-dialog .red-text-2{width:335px;height:43px;margin-top:-112px;margin-left:55px;background:url(/static/wap/static/img/act/june2026/web/red-text-2.png?t=0) no-repeat center top / cover;background-size:contain}.red-dialog .red-text-3{width:369px;height:32px;margin-top:-102px;margin-left:24px;background:url(/static/wap/static/img/act/june2026/web/red-text-3.png?t=0) no-repeat center top / cover;background-size:contain}.red-dialog .red-text-4{width:324px;height:43px;margin-top:-114px;margin-left:60px;background:url(/static/wap/static/img/act/june2026/web/red-text-4.png?t=0) no-repeat center top / cover;background-size:contain}.red-dialog .red-boom-bg{width:345px;height:137px;margin-top:34px;margin-left:65px;background:url(/static/wap/static/img/act/june2026/web/red-boom-bg.png?t=0) no-repeat center top / cover}.red-dialog .red-boom-price{margin:0 auto;width:300px;margin-top:34px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.red-dialog .red-boom-price .red-boom-price-com{font-family:PingFangSC-Semibold;font-size:18px;color:#FF3B2A;text-align:center;font-weight:600}.red-dialog .red-boom-price .red-boom-price-com em{font-family:DINCondensed-Bold;font-size:54px;color:#FF3B2A;text-align:center;font-weight:700;margin-left:7px;margin-right:7px}.red-dialog .red-boom-text{margin-top:47px;font-family:PingFangSC-Semibold;font-size:28px;color:#D6511E;text-align:center;font-weight:600}.red-dialog .yjlq-btn{margin:0 auto;width:180px;height:54px;margin-top:43px;background:url(/static/wap/static/img/act/june2026/web/yjlq-btn.png?t=0) no-repeat center top / cover;cursor:pointer}.red-dialog .qwc-btn{margin:0 auto;width:180px;height:54px;margin-top:43px;background:url(/static/wap/static/img/act/june2026/web/qwc-btn.png?t=0) no-repeat center top / cover;cursor:pointer}.red-dialog .red-boom-tips{margin-top:15px;font-family:PingFangSC-Regular;font-size:18px;color:#7C2300;text-align:center;font-weight:400}.red-dialog .close{position:absolute;display:inline-block;transform:rotate(45deg);color:#fff;font-size:34px;top:-180px;right:-55px;padding:10px}.light-dialog{position:fixed;text-align:center;left:50%;top:50%;z-index:10;width:566px;height:564px;margin-top:-282px;margin-left:-283px;box-sizing:border-box;background:url(/static/wap/static/img/act/june2026/web/red-light-bg.png?t=0) no-repeat center top / cover;transform:scale(0,0);transition:all .2s}.red-bg-dialog{position:fixed;text-align:center;left:50%;top:50%;z-index:11;width:484px;height:434px;margin-top:-210px;margin-left:-233px;box-sizing:border-box;background:url(/static/wap/static/img/act/june2026/web/red-packets-bg.png?t=0) no-repeat center top / cover;transform:scale(0,0);transition:all .6s}.share-dialog{height:450px}.share-dialog .share-block{margin:0 auto;width:244px;margin-top:35px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.share-dialog .share-block .red-share-box{width:90px}.share-dialog .share-block .red-share-box .txt{font-family:PingFangSC-Regular;font-size:24px;color:#D6511E;letter-spacing:0;text-align:center;line-height:31.5px;font-weight:400;margin-top:18px}.share-dialog .share-block .red-share-box .url-img,.share-dialog .share-block .red-share-box .wx-img{width:90px;height:90px}.share-dialog .share-block .red-share-box .url-img{background:url(/static/wap/static/img/act/june2026/web/urlicon.png?t=0) no-repeat center top / cover}.share-dialog .share-block .red-share-box .wx-img{background:url(/static/wap/static/img/act/june2026/web/wxicon.png?t=0) no-repeat center top / cover}.share-dialog .wxqrcode{display:none;width:150px;height:150px;padding:5px;margin:0 auto;text-align:center;box-sizing:border-box}.share-dialog .wxqrcode canvas{width:100%;height:100%}.share-dialog .wxqrcode img{width:100%;height:100%}.award-dialog{display:none;position:fixed;text-align:center;left:50%;top:50%;z-index:12;width:330px;height:345px;margin-top:-172.5px;margin-left:-165px;border-radius:12px;box-sizing:border-box;-webkit-perspective:100%;perspective:100%}.award-dialog .award-title{width:316px;height:141px;background:url(/static/wap/static/img/act/june2026/web/red-text-1.png?t=0) no-repeat center top / cover;background-size:contain;display:none;position:absolute;top:-133px;left:21px}.award-dialog .award-box{transition:.7s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}.award-dialog .award-box .front,.award-dialog .award-box .back{width:330px;height:345px;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.award-dialog .award-box .front{transition:.5s;transform:scale(0,0);background:url(/static/wap/static/img/act/june2026/web/red-font-bg.png?t=0) no-repeat center top / cover;background-size:contain}.award-dialog .award-box .back{background:url(/static/wap/static/img/act/june2026/web/red-main-bg.png?t=0) no-repeat center top / cover;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);box-sizing:border-box;padding-top:65px}.award-dialog .award-box .back .red-container{width:247px;margin-left:50px}.award-dialog .award-box .back .red-container .red-price{font-family:PingFangSC-Semibold;font-size:27px;color:#FF0F00;letter-spacing:0;text-align:center;font-weight:600}.award-dialog .award-box .back .red-container .red-price em{font-family:DINCondensed-Bold;font-size:108px;color:#FF0F00;letter-spacing:0;text-align:left;font-weight:700;margin-right:10px}.award-dialog .award-box .back .red-container .red-vildate{margin-top:20px;font-family:PingFangSC-Regular;font-size:16px;color:rgba(255,15,0,.71);letter-spacing:0;text-align:center;font-weight:400}.award-dialog .award-box .back .get-btn{width:194px;height:48px;background:url(/static/wap/static/img/act/june2026/web/kxsx-btn.png?t=0) no-repeat center top / cover;position:absolute;left:50%;bottom:26px;margin-left:-88px;cursor:pointer}.award-dialog .close{position:absolute;display:inline-block;transform:rotate(45deg);color:#fff;font-size:34px;top:-180px;right:-55px;padding:10px}.getAward-dialog{display:none;position:fixed;text-align:center;left:50%;top:50%;z-index:10;width:484px;height:434px;margin-top:-217px;margin-left:-242px;border-radius:12px;box-sizing:border-box;background:url(/static/wap/static/img/act/june2026/web/red-pz-bg.png?t=0) no-repeat center top / cover}.getAward-dialog .red-text-5{width:473px;height:140px;margin-top:-110px;background:url(/static/wap/static/img/act/june2026/web/red-text-5.png?t=0) no-repeat center top / cover}.getAward-dialog .red-price-box{margin:0 auto;width:226px;margin-top:85.5px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.getAward-dialog .red-price-box .red-price-com{font-family:PingFangSC-Semibold;color:#FF0F00;letter-spacing:0;text-align:center;font-weight:600}.getAward-dialog .red-price-box .red-price-com em{font-family:DINCondensed-Bold;color:#FF0F00;letter-spacing:0;text-align:center;font-weight:700}.getAward-dialog .red-price-box .red-price-s{margin-top:17px;font-size:15px}.getAward-dialog .red-price-box .red-price-s em{font-size:54px;margin-right:4px}.getAward-dialog .red-price-box .red-price-up{width:49.5px;height:52px;background:url(/static/wap/static/img/act/june2026/web/red-pz-arrow.png?t=0) no-repeat center top / cover}.getAward-dialog .red-price-box .red-price-e{font-size:27px}.getAward-dialog .red-price-box .red-price-e em{font-size:108px;margin-right:9px}.getAward-dialog .red-vildate{margin-top:12px;font-family:PingFangSC-Regular;font-size:15px;color:rgba(255,15,0,.7);letter-spacing:0;text-align:center;font-weight:400}.getAward-dialog .get-btn{width:194px;height:48px;background:url(/static/wap/static/img/act/june2026/web/kxsx-btn.png?t=0) no-repeat center top / cover;position:absolute;left:50%;bottom:91px;margin-left:-97px;cursor:pointer}.getAward-dialog .close{position:absolute;display:inline-block;transform:rotate(45deg);color:#fff;font-size:34px;top:-180px;right:-55px;padding:10px}.dialog-teacher{display:none;position:fixed;top:120px;left:calc(50vw - 210px);animation:fadeInTop 200ms;width:420px;height:500px;background:#0067FF;border-radius:12px;box-sizing:border-box;padding-top:50px;text-align:center;z-index:11}.dialog-teacher .close{position:absolute;display:inline-block;font-size:24px;color:#FFF;line-height:24px;font-weight:400;top:13px;right:13px;cursor:pointer}.dialog-teacher .wx-box{margin:0 auto 30px;width:240px;height:240px;background:#FFF;border-radius:8px}.dialog-teacher .wx-box img{width:240px;height:240px}.dialog-teacher .info{font-size:26px;color:#FFF;text-align:center;font-weight:400;line-height:40px;margin-bottom:24px}.dialog-teacher .tips{font-size:22px;color:#FFEE25;text-align:center;line-height:24px;font-weight:600}.dialog-discounts{display:none;position:fixed;top:160px;left:calc(50vw - 500px);width:1000px;height:385px;animation:fadeInTop 200ms;background:url(/static/wap/static/img/act/june2026/web/dialog-coupons-bg.png?t=0) no-repeat center top / cover;z-index:10}.dialog-discounts .coupon-wrap{display:flex;flex-wrap:wrap;padding:135px 0 0}.dialog-discounts .coupon-wrap.mask-wrap{padding:135px 0 0}.dialog-discounts .coupon-wrap .coupon_item{width:138px;height:118px;margin-right:24px;margin-bottom:12px}.dialog-discounts .coupon-wrap .coupon_item:first-child{margin-left:110px}.dialog-discounts .coupon-wrap .coupon_item:nth-child(6){margin-left:24px}.dialog-discounts .coupon-wrap .coupon_item.coupon-2800{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-2800.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-1950{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-1950.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-1600{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-1600.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-1200{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-1200.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-900{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-900.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-600{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-600.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-300{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-300.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-200{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-200.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-100{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-100.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-40{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-40.png?t=0) no-repeat center top / cover}.dialog-discounts .coupon-wrap .coupon_item.coupon-10{background:url(/static/wap/static/img/act/june2026/web/coupon/coupon-10.png?t=0) no-repeat center top / cover}.dialog-discounts .btns{display:flex;align-items:center;justify-content:center;margin-top:25px}.dialog-discounts .btns button{font-size:20px;padding:10px 30px;border-radius:100px;text-indent:-9999px}.dialog-discounts .btns button.look{width:150px;height:58px;background:url(/static/wap/static/img/act/june2026/web/coupon/view-btn.png?t=0) no-repeat center top / cover}.dialog-discounts .btns button.close{margin-left:65px;width:142px;height:50px;background:url(/static/wap/static/img/act/june2026/web/coupon/continue-btn.png?t=0) no-repeat center top / cover}.red-dialog{}.red-dialog .scroll-wrap{width:100%;height:400px}.red-dialog .scroll-content{width:100%;height:271px;border:0;text-align:left;color:#fff;overflow:hidden;overflow-y:auto;background:transparent}.red-dialog .scroll-content::-webkit-scrollbar{width:6px;height:1px}.red-dialog .scroll-content::-webkit-scrollbar-thumb{width:6px;border-radius:4px;background:#FFF}.red-dialog .scroll-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:transparent}.lottery-award-dialog{display:none;position:fixed;background:#fff;text-align:center;left:50%;top:50%;animation:fadeInTop 200ms;z-index:10;width:360px;height:380px;margin-top:-190px;margin-left:-180px;border-radius:12px;padding:16px;box-sizing:border-box}.lottery-award-dialog h2{color:#FF4101;font-weight:600;font-size:24px;line-height:36px;height:36px;margin-bottom:10px}.lottery-award-dialog .text{font-size:18px;line-height:20px;color:#852300;margin-bottom:12px;font-weight:600}.lottery-award-dialog img{width:180px;height:180px;margin-bottom:12px}.lottery-award-dialog .intro{font-size:16px;color:#852300;margin-top:10px}.lottery-award-dialog .btn-close-award{width:120px;height:36px;line-height:36px;font-size:16px;border-radius:24px;display:block;margin:0 auto;background:#FF4B00;color:#FFF;border:1px solid #ffbb02;box-shadow:inset 0 2px 4px 0 rgba(255,255,255,.7);cursor:pointer}.lottery-award-dialog .close{position:absolute;display:inline-block;transform:rotate(45deg);color:#fff;font-size:22px;top:-39px;right:-8px;padding:10px}.lottery-award-code{display:none;position:fixed;background:#fff;left:50%;top:50%;animation:fadeInTop 200ms;z-index:10;width:360px;height:360px;margin-top:-180px;margin-left:-180px;border-radius:12px;padding:36px;box-sizing:border-box;text-align:left}.lottery-award-code input{width:250px;line-height:32px;font-weight:200;background:rgba(84,92,99,.1);border-radius:16px;text-align:center;margin-left:18px;margin-bottom:24px;color:#1C1F21;font-size:14px}.lottery-award-code .copy{position:absolute;top:40px;right:24px;cursor:pointer}.lottery-award-code .close{position:absolute;display:inline-block;transform:rotate(45deg);color:#fff;font-size:22px;top:-39px;right:-8px;padding:10px}.lottery-award-code .btn-bind{display:block;width:250px;text-align:center;line-height:32px;background:rgba(255,75,0,.1);border:1px solid #ff4b00;border-radius:16px;font-size:14px;color:#FF4101;margin-left:18px;cursor:pointer}.lottery-award-code .step{display:flex;padding-top:40px}.lottery-award-code .step .step-item{line-height:1.4;width:33%;text-align:center;position:relative;color:#852300}.lottery-award-code .step .step-item::before{content:">>";width:16px;height:20px;position:absolute;top:10px;right:0}.lottery-award-code .step .step-item:last-child::before{content:none}.lottery-award-code .step .step-icon{width:60px;height:60px;margin:0 auto;margin-bottom:6px;background-size:100%;background-position:top center;background-repeat:no-repeat}.lottery-award-code .step .step1{background-image:url(/static/wap/static/img/act/lottery/icon1.png)}.lottery-award-code .step .step2{background-image:url(/static/wap/static/img/act/lottery/icon2.png)}.lottery-award-code .step .step3{background-image:url(/static/wap/static/img/act/lottery/icon3.png)}@media screen and (max-width:1600px){.left-fixed{left:-90px!important;transition:all linear .2s!important}.left-fixed .unflod{display:inline-block}.left-fixed:hover{left:0!important}.right-fixed{right:-74px!important;transition:all linear .2s!important}.right-fixed:hover{right:0!important}.right-wx{right:-74px!important;transition:all linear .2s!important}.right-wx:hover{right:0!important}}.shopping-cart-icon{display:inline-block;text-align:center;width:30px;height:30px;font-size:18px;line-height:30px;color:#fff;border-radius:100px;background-image:linear-gradient(135deg,#ff6e2c 0,#e7291b 100%);z-index:999}.right-wx{position:fixed;margin-top:-200px;top:50%;right:180px;z-index:9;transform:translateY(-50%);width:123px;height:118px;background:url(/static/wap/static/img/act/june2026/web/wx.png?t=0) no-repeat center top / cover;cursor:pointer}.right-wx .wx-code{position:absolute;left:-175px;top:10px;display:none;width:160px;height:200px;background:url(/static/wap/static/img/act/june2026/web/wxcode.png?t=0) no-repeat center top / cover}.right-wx:hover .wx-code{display:block}