.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-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}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wordbreak{word-break:break-all;word-wrap:break-word}body{background:#fff}#middle{background:#fff;overflow:hidden;position:relative}#wrapper{padding-top:0!important}.red{color:#F01414}.break{word-break:break-all;word-wrap:break-word;white-space:pre-wrap}.hide{display:none}.detailtop{background-image:linear-gradient(180deg,#fd5c33 0,#f12e2e 100%);overflow:hidden;padding-bottom:.42666667rem}.detailtop .ruletip{width:.82666667rem;height:.48rem;background:rgba(30,35,55,.2);font-size:10px;color:#FFF;float:right;text-align:center;line-height:.48rem;margin-top:.21333333rem;margin-right:.42666667rem;cursor:pointer}[data-dpr="2"] .detailtop .ruletip{font-size:20px}[data-dpr="2.5"] .detailtop .ruletip{font-size:25px}[data-dpr="2.75"] .detailtop .ruletip{font-size:28px}[data-dpr="3"] .detailtop .ruletip{font-size:30px}[data-dpr="4"] .detailtop .ruletip{font-size:40px}.detailtop .detail-block{width:9.14666667rem;margin-top:.90666667rem;margin-left:.42666667rem;margin-right:.42666667rem;border-radius:.05333333rem;box-sizing:border-box;background:#FFF;padding-top:.32rem;padding-left:.56rem;padding-right:.34666667rem;padding-bottom:.32rem;position:relative}.detailtop .top{position:relative;height:99px}[data-dpr="2"] .detailtop .top{height:198px}[data-dpr="2.5"] .detailtop .top{height:248px}[data-dpr="2.75"] .detailtop .top{height:272px}[data-dpr="3"] .detailtop .top{height:297px}[data-dpr="4"] .detailtop .top{height:396px}.detailtop .top .img{width:74px;height:99px;border-radius:4px;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}[data-dpr="2"] .detailtop .top .img{width:148px}[data-dpr="2.5"] .detailtop .top .img{width:185px}[data-dpr="2.75"] .detailtop .top .img{width:204px}[data-dpr="3"] .detailtop .top .img{width:222px}[data-dpr="4"] .detailtop .top .img{width:296px}[data-dpr="2"] .detailtop .top .img{height:198px}[data-dpr="2.5"] .detailtop .top .img{height:248px}[data-dpr="2.75"] .detailtop .top .img{height:272px}[data-dpr="3"] .detailtop .top .img{height:297px}[data-dpr="4"] .detailtop .top .img{height:396px}[data-dpr="2"] .detailtop .top .img{border-radius:8px}[data-dpr="2.5"] .detailtop .top .img{border-radius:10px}[data-dpr="2.75"] .detailtop .top .img{border-radius:11px}[data-dpr="3"] .detailtop .top .img{border-radius:12px}[data-dpr="4"] .detailtop .top .img{border-radius:16px}.detailtop .top .info{position:relative;width:5.84rem;margin-left:2.4rem;height:100%;box-sizing:border-box}.detailtop .top .info .title{font-size:15px;line-height:21px;color:#2B333B;font-weight:700;margin-bottom:.26666667rem;max-height:42px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}[data-dpr="2"] .detailtop .top .info .title{font-size:30px}[data-dpr="2.5"] .detailtop .top .info .title{font-size:38px}[data-dpr="2.75"] .detailtop .top .info .title{font-size:41px}[data-dpr="3"] .detailtop .top .info .title{font-size:45px}[data-dpr="4"] .detailtop .top .info .title{font-size:60px}[data-dpr="2"] .detailtop .top .info .title{line-height:42px}[data-dpr="2.5"] .detailtop .top .info .title{line-height:53px}[data-dpr="2.75"] .detailtop .top .info .title{line-height:58px}[data-dpr="3"] .detailtop .top .info .title{line-height:63px}[data-dpr="4"] .detailtop .top .info .title{line-height:84px}[data-dpr="2"] .detailtop .top .info .title{max-height:84px}[data-dpr="2.5"] .detailtop .top .info .title{max-height:105px}[data-dpr="2.75"] .detailtop .top .info .title{max-height:116px}[data-dpr="3"] .detailtop .top .info .title{max-height:126px}[data-dpr="4"] .detailtop .top .info .title{max-height:168px}.detailtop .top .info .teach-info{font-size:12px;color:#2B333B;line-height:12px}[data-dpr="2"] .detailtop .top .info .teach-info{font-size:24px}[data-dpr="2.5"] .detailtop .top .info .teach-info{font-size:30px}[data-dpr="2.75"] .detailtop .top .info .teach-info{font-size:33px}[data-dpr="3"] .detailtop .top .info .teach-info{font-size:36px}[data-dpr="4"] .detailtop .top .info .teach-info{font-size:48px}[data-dpr="2"] .detailtop .top .info .teach-info{line-height:24px}[data-dpr="2.5"] .detailtop .top .info .teach-info{line-height:30px}[data-dpr="2.75"] .detailtop .top .info .teach-info{line-height:33px}[data-dpr="3"] .detailtop .top .info .teach-info{line-height:36px}[data-dpr="4"] .detailtop .top .info .teach-info{line-height:48px}.detailtop .top .info .bottom-info{position:absolute;bottom:0;z-index:11;line-height:.4rem;display:flex;align-items:center;justify-content:space-between;width:100%}.detailtop .top .info .bottom-info .price{font-size:15px;color:#F01414;font-weight:700}[data-dpr="2"] .detailtop .top .info .bottom-info .price{font-size:30px}[data-dpr="2.5"] .detailtop .top .info .bottom-info .price{font-size:38px}[data-dpr="2.75"] .detailtop .top .info .bottom-info .price{font-size:41px}[data-dpr="3"] .detailtop .top .info .bottom-info .price{font-size:45px}[data-dpr="4"] .detailtop .top .info .bottom-info .price{font-size:60px}.detailtop .top .info .bottom-info .price .ori-price{color:#B7BBBF;margin-left:.16rem;font-size:.29333333rem;text-decoration:line-through;font-weight:200}.detailtop .top .info .bottom-info .number{font-size:.32rem;color:#71777D;line-height:.37333333rem;font-weight:200}.detailtop pre{margin:.53333333rem;margin-bottom:0;color:#2B333B;white-space:pre-wrap;font-size:14px;text-align:justify}[data-dpr="2"] .detailtop pre{font-size:28px}[data-dpr="2.5"] .detailtop pre{font-size:35px}[data-dpr="2.75"] .detailtop pre{font-size:39px}[data-dpr="3"] .detailtop pre{font-size:42px}[data-dpr="4"] .detailtop pre{font-size:56px}.detailtop .detail-show{display:none}.detailtop .detail-show img{width:100%;height:100%}.detailtop .detail-btn{cursor:pointer;position:absolute;left:50%;z-index:9;bottom:-11px;margin-left:-19px;width:40px;height:36px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}[data-dpr="2"] .detailtop .detail-btn{bottom:-22px}[data-dpr="2.5"] .detailtop .detail-btn{bottom:-28px}[data-dpr="2.75"] .detailtop .detail-btn{bottom:-30px}[data-dpr="3"] .detailtop .detail-btn{bottom:-33px}[data-dpr="4"] .detailtop .detail-btn{bottom:-44px}[data-dpr="2"] .detailtop .detail-btn{margin-left:-38px}[data-dpr="2.5"] .detailtop .detail-btn{margin-left:-48px}[data-dpr="2.75"] .detailtop .detail-btn{margin-left:-52px}[data-dpr="3"] .detailtop .detail-btn{margin-left:-57px}[data-dpr="4"] .detailtop .detail-btn{margin-left:-76px}[data-dpr="2"] .detailtop .detail-btn{width:80px}[data-dpr="2.5"] .detailtop .detail-btn{width:100px}[data-dpr="2.75"] .detailtop .detail-btn{width:110px}[data-dpr="3"] .detailtop .detail-btn{width:120px}[data-dpr="4"] .detailtop .detail-btn{width:160px}[data-dpr="2"] .detailtop .detail-btn{height:72px}[data-dpr="2.5"] .detailtop .detail-btn{height:90px}[data-dpr="2.75"] .detailtop .detail-btn{height:99px}[data-dpr="3"] .detailtop .detail-btn{height:108px}[data-dpr="4"] .detailtop .detail-btn{height:144px}.detailtop .detail-btn .detail-down{background:url(/static/wap/static/img/groupdetail-down.png) no-repeat;background-position:center;background-size:cover;width:20px;height:18px;margin-top:12px}[data-dpr="2"] .detailtop .detail-btn .detail-down{width:40px}[data-dpr="2.5"] .detailtop .detail-btn .detail-down{width:50px}[data-dpr="2.75"] .detailtop .detail-btn .detail-down{width:55px}[data-dpr="3"] .detailtop .detail-btn .detail-down{width:60px}[data-dpr="4"] .detailtop .detail-btn .detail-down{width:80px}[data-dpr="2"] .detailtop .detail-btn .detail-down{height:36px}[data-dpr="2.5"] .detailtop .detail-btn .detail-down{height:45px}[data-dpr="2.75"] .detailtop .detail-btn .detail-down{height:50px}[data-dpr="3"] .detailtop .detail-btn .detail-down{height:54px}[data-dpr="4"] .detailtop .detail-btn .detail-down{height:72px}[data-dpr="2"] .detailtop .detail-btn .detail-down{margin-top:24px}[data-dpr="2.5"] .detailtop .detail-btn .detail-down{margin-top:30px}[data-dpr="2.75"] .detailtop .detail-btn .detail-down{margin-top:33px}[data-dpr="3"] .detailtop .detail-btn .detail-down{margin-top:36px}[data-dpr="4"] .detailtop .detail-btn .detail-down{margin-top:48px}.detailtop .hide-detailbtn{text-align:center;position:relative;display:flex;align-items:center;margin-top:18px;margin-bottom:15px;width:20px;margin-left:auto;margin-right:auto}[data-dpr="2"] .detailtop .hide-detailbtn{margin-top:36px}[data-dpr="2.5"] .detailtop .hide-detailbtn{margin-top:45px}[data-dpr="2.75"] .detailtop .hide-detailbtn{margin-top:50px}[data-dpr="3"] .detailtop .hide-detailbtn{margin-top:54px}[data-dpr="4"] .detailtop .hide-detailbtn{margin-top:72px}[data-dpr="2"] .detailtop .hide-detailbtn{margin-bottom:30px}[data-dpr="2.5"] .detailtop .hide-detailbtn{margin-bottom:38px}[data-dpr="2.75"] .detailtop .hide-detailbtn{margin-bottom:41px}[data-dpr="3"] .detailtop .hide-detailbtn{margin-bottom:45px}[data-dpr="4"] .detailtop .hide-detailbtn{margin-bottom:60px}[data-dpr="2"] .detailtop .hide-detailbtn{width:40px}[data-dpr="2.5"] .detailtop .hide-detailbtn{width:50px}[data-dpr="2.75"] .detailtop .hide-detailbtn{width:55px}[data-dpr="3"] .detailtop .hide-detailbtn{width:60px}[data-dpr="4"] .detailtop .hide-detailbtn{width:80px}.detailtop .hide-detailbtn .detail-up{background:url(/static/wap/static/img/groupdetail-up.png) no-repeat;width:20px;height:18px;margin-top:8px;background-position:center;background-size:cover}[data-dpr="2"] .detailtop .hide-detailbtn .detail-up{width:40px}[data-dpr="2.5"] .detailtop .hide-detailbtn .detail-up{width:50px}[data-dpr="2.75"] .detailtop .hide-detailbtn .detail-up{width:55px}[data-dpr="3"] .detailtop .hide-detailbtn .detail-up{width:60px}[data-dpr="4"] .detailtop .hide-detailbtn .detail-up{width:80px}[data-dpr="2"] .detailtop .hide-detailbtn .detail-up{height:36px}[data-dpr="2.5"] .detailtop .hide-detailbtn .detail-up{height:45px}[data-dpr="2.75"] .detailtop .hide-detailbtn .detail-up{height:50px}[data-dpr="3"] .detailtop .hide-detailbtn .detail-up{height:54px}[data-dpr="4"] .detailtop .hide-detailbtn .detail-up{height:72px}[data-dpr="2"] .detailtop .hide-detailbtn .detail-up{margin-top:16px}[data-dpr="2.5"] .detailtop .hide-detailbtn .detail-up{margin-top:20px}[data-dpr="2.75"] .detailtop .hide-detailbtn .detail-up{margin-top:22px}[data-dpr="3"] .detailtop .hide-detailbtn .detail-up{margin-top:24px}[data-dpr="4"] .detailtop .hide-detailbtn .detail-up{margin-top:32px}.detailtop .hide-detailbtn::before,.detailtop .hide-detailbtn::after{position:absolute;top:.34666667rem;content:'';height:.02666667rem;width:3.73333333rem;background-color:rgba(43,51,59,.06)}.detailtop .hide-detailbtn::before{left:.8rem}.detailtop .hide-detailbtn::after{right:.8rem}.group-wrap{padding-top:.42666667rem;padding-left:.42666667rem;padding-right:.42666667rem;padding-bottom:1.01333333rem}.group-wrap .group-info{padding-top:.42666667rem;padding-bottom:.77333333rem}.group-wrap .group-info .group-title{position:relative}.group-wrap .group-info .group-title .group-status{text-align:center;margin-bottom:.16rem}.group-wrap .group-info .group-title .group-status span{color:#F01414;font-size:18px;line-height:.74666667rem;font-weight:700;vertical-align:middle}[data-dpr="2"] .group-wrap .group-info .group-title .group-status span{font-size:36px}[data-dpr="2.5"] .group-wrap .group-info .group-title .group-status span{font-size:45px}[data-dpr="2.75"] .group-wrap .group-info .group-title .group-status span{font-size:50px}[data-dpr="3"] .group-wrap .group-info .group-title .group-status span{font-size:54px}[data-dpr="4"] .group-wrap .group-info .group-title .group-status span{font-size:72px}.group-wrap .group-info .group-title .group-status i{font-size:18px;line-height:.74666667rem;margin-right:.10666667rem;color:#F01414;vertical-align:middle}[data-dpr="2"] .group-wrap .group-info .group-title .group-status i{font-size:36px}[data-dpr="2.5"] .group-wrap .group-info .group-title .group-status i{font-size:45px}[data-dpr="2.75"] .group-wrap .group-info .group-title .group-status i{font-size:50px}[data-dpr="3"] .group-wrap .group-info .group-title .group-status i{font-size:54px}[data-dpr="4"] .group-wrap .group-info .group-title .group-status i{font-size:72px}.group-wrap .group-info .group-title .group-status.success span,.group-wrap .group-info .group-title .group-status.success i{color:#20CC85}.group-wrap .group-info .group-title .num{position:absolute;right:0;top:0;font-size:12px;line-height:.74666667rem;color:#71777D}[data-dpr="2"] .group-wrap .group-info .group-title .num{font-size:24px}[data-dpr="2.5"] .group-wrap .group-info .group-title .num{font-size:30px}[data-dpr="2.75"] .group-wrap .group-info .group-title .num{font-size:33px}[data-dpr="3"] .group-wrap .group-info .group-title .num{font-size:36px}[data-dpr="4"] .group-wrap .group-info .group-title .num{font-size:48px}.group-wrap .group-info .group-people{margin-top:.74666667rem;margin-bottom:.74666667rem;text-align:center;width:100%}.group-wrap .group-info .group-people li{display:inline-block;margin-left:.42666667rem;margin-right:.42666667rem}.group-wrap .group-info .group-people li:first-child{margin-left:0}.group-wrap .group-info .group-people li:last-child{margin-right:0}.group-wrap .group-info .group-people li .group-img{border-radius:50%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;width:1.36rem;height:1.36rem;position:relative}.group-wrap .group-info .group-people li .group-img .people-status{position:absolute;bottom:-.13333333rem;margin:auto;left:0;right:0;height:.42666667rem;width:.82666667rem;border-color:#fff;border-style:solid;border-width:.02666667rem;border-radius:.05333333rem;background-color:#F01414;text-align:center;font-size:10px;line-height:.42666667rem;color:#fff}[data-dpr="2"] .group-wrap .group-info .group-people li .group-img .people-status{font-size:20px}[data-dpr="2.5"] .group-wrap .group-info .group-people li .group-img .people-status{font-size:25px}[data-dpr="2.75"] .group-wrap .group-info .group-people li .group-img .people-status{font-size:28px}[data-dpr="3"] .group-wrap .group-info .group-people li .group-img .people-status{font-size:30px}[data-dpr="4"] .group-wrap .group-info .group-people li .group-img .people-status{font-size:40px}.group-wrap .group-info .group-people li .tuanzhang{border-color:#F01414;border-style:solid;border-width:.02666667rem}.group-wrap .group-info .applynum{font-size:12px;color:#F01414;letter-spacing:0;text-align:center;margin-bottom:.26666667rem}[data-dpr="2"] .group-wrap .group-info .applynum{font-size:24px}[data-dpr="2.5"] .group-wrap .group-info .applynum{font-size:30px}[data-dpr="2.75"] .group-wrap .group-info .applynum{font-size:33px}[data-dpr="3"] .group-wrap .group-info .applynum{font-size:36px}[data-dpr="4"] .group-wrap .group-info .applynum{font-size:48px}.group-wrap .group-info .apply-block{display:flex;align-items:center;justify-content:center}.group-wrap .group-info .apply-block img{width:.64rem;height:.64rem;border-radius:50%;border-color:#fff;border-style:solid;border-width:.02666667rem;margin-right:-.21333333rem}.group-wrap .group-info .group-desc .invite-tip{font-size:18px;line-height:.8rem;color:#2B333B;font-weight:700;margin-bottom:.37333333rem;text-align:center}[data-dpr="2"] .group-wrap .group-info .group-desc .invite-tip{font-size:36px}[data-dpr="2.5"] .group-wrap .group-info .group-desc .invite-tip{font-size:45px}[data-dpr="2.75"] .group-wrap .group-info .group-desc .invite-tip{font-size:50px}[data-dpr="3"] .group-wrap .group-info .group-desc .invite-tip{font-size:54px}[data-dpr="4"] .group-wrap .group-info .group-desc .invite-tip{font-size:72px}.group-wrap .group-info .group-desc .invite-tip .lastnum{font-size:22px;line-height:.8rem;color:#F01414}[data-dpr="2"] .group-wrap .group-info .group-desc .invite-tip .lastnum{font-size:44px}[data-dpr="2.5"] .group-wrap .group-info .group-desc .invite-tip .lastnum{font-size:55px}[data-dpr="2.75"] .group-wrap .group-info .group-desc .invite-tip .lastnum{font-size:61px}[data-dpr="3"] .group-wrap .group-info .group-desc .invite-tip .lastnum{font-size:66px}[data-dpr="4"] .group-wrap .group-info .group-desc .invite-tip .lastnum{font-size:88px}.group-wrap .group-info .group-desc .surplus-tip{position:relative;display:block;color:#2B333B;font-size:14px;line-height:.53333333rem;font-weight:700;margin-bottom:.37333333rem;text-align:center}[data-dpr="2"] .group-wrap .group-info .group-desc .surplus-tip{font-size:28px}[data-dpr="2.5"] .group-wrap .group-info .group-desc .surplus-tip{font-size:35px}[data-dpr="2.75"] .group-wrap .group-info .group-desc .surplus-tip{font-size:39px}[data-dpr="3"] .group-wrap .group-info .group-desc .surplus-tip{font-size:42px}[data-dpr="4"] .group-wrap .group-info .group-desc .surplus-tip{font-size:56px}.group-wrap .group-info .group-desc .surplus-tip::before,.group-wrap .group-info .group-desc .surplus-tip::after{position:absolute;top:.26666667rem;content:'';height:.02666667rem;width:2.56rem;background-color:rgba(241,48,46,.5)}.group-wrap .group-info .group-desc .surplus-tip::before{left:0}.group-wrap .group-info .group-desc .surplus-tip::after{right:0}.group-wrap .group-info .group-desc .tip{color:#71777D;font-size:12px;margin-top:.10666667rem;text-align:center}[data-dpr="2"] .group-wrap .group-info .group-desc .tip{font-size:24px}[data-dpr="2.5"] .group-wrap .group-info .group-desc .tip{font-size:30px}[data-dpr="2.75"] .group-wrap .group-info .group-desc .tip{font-size:33px}[data-dpr="3"] .group-wrap .group-info .group-desc .tip{font-size:36px}[data-dpr="4"] .group-wrap .group-info .group-desc .tip{font-size:48px}.group-wrap .group-info .group-desc .interval .hour,.group-wrap .group-info .group-desc .interval .minute,.group-wrap .group-info .group-desc .interval .second{height:.37333333rem;width:.42666667rem;text-align:center;font-size:10px;line-height:.37333333rem;background:#F01414;border-radius:.05333333rem;color:#fff;display:inline-block}[data-dpr="2"] .group-wrap .group-info .group-desc .interval .hour,[data-dpr="2"] .group-wrap .group-info .group-desc .interval .minute,[data-dpr="2"] .group-wrap .group-info .group-desc .interval .second{font-size:20px}[data-dpr="2.5"] .group-wrap .group-info .group-desc .interval .hour,[data-dpr="2.5"] .group-wrap .group-info .group-desc .interval .minute,[data-dpr="2.5"] .group-wrap .group-info .group-desc .interval .second{font-size:25px}[data-dpr="2.75"] .group-wrap .group-info .group-desc .interval .hour,[data-dpr="2.75"] .group-wrap .group-info .group-desc .interval .minute,[data-dpr="2.75"] .group-wrap .group-info .group-desc .interval .second{font-size:28px}[data-dpr="3"] .group-wrap .group-info .group-desc .interval .hour,[data-dpr="3"] .group-wrap .group-info .group-desc .interval .minute,[data-dpr="3"] .group-wrap .group-info .group-desc .interval .second{font-size:30px}[data-dpr="4"] .group-wrap .group-info .group-desc .interval .hour,[data-dpr="4"] .group-wrap .group-info .group-desc .interval .minute,[data-dpr="4"] .group-wrap .group-info .group-desc .interval .second{font-size:40px}.group-wrap .group-footer{width:8.37333333rem;height:1.28rem;margin-top:32px;margin-left:auto;margin-right:auto;box-sizing:border-box}[data-dpr="2"] .group-wrap .group-footer{margin-top:64px}[data-dpr="2.5"] .group-wrap .group-footer{margin-top:80px}[data-dpr="2.75"] .group-wrap .group-footer{margin-top:88px}[data-dpr="3"] .group-wrap .group-footer{margin-top:96px}[data-dpr="4"] .group-wrap .group-footer{margin-top:128px}.group-wrap .group-footer .share-group{display:block;width:8.37333333rem;height:1.28rem;line-height:1.28rem;font-size:.48rem;color:#FFF;background-image:linear-gradient(-45deg,#ec0c0c 0,#ff6262 100%);border-radius:.53333333rem;text-align:center}.group-wrap .group-footer .limit-study-btn,.group-wrap .group-footer .more-group-btn{width:4rem;height:1.28rem;line-height:1.28rem;font-size:.48rem;color:#FFF;letter-spacing:0;border-radius:.64rem;text-align:center;display:inline-block}.group-wrap .group-footer .limit-study-btn{background-image:linear-gradient(-45deg,#ec0c0c 0,#ff6262 100%);margin-right:.21333333rem}.group-wrap .group-footer .more-group-btn{background-image:linear-gradient(-43deg,#ec7b0c 0,#f8aa09 100%)}.group-wrap .tip-block{font-size:.32rem;color:#B7BBBF;text-align:center;margin-top:.29333333rem}.group-wrap .more-group{display:block;font-size:.32rem;color:#71777D;letter-spacing:0;cursor:pointer;text-align:center;margin-top:.37333333rem}.share-mask{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:11;background:rgba(0,0,0,.5)}.share-mask .share-wrap{width:6.132rem;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.share-mask .canvas-img-content{width:6.132rem;line-height:0;border-radius:.24rem;overflow:hidden}.share-mask .canvas-img-content img{width:100%}.share-mask .tip{font-size:12px;color:#FFF;width:15em;margin-top:.2rem;text-align:center;position:absolute;bottom:-.77333333rem;left:50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0)}[data-dpr="2"] .share-mask .tip{font-size:24px}[data-dpr="2.5"] .share-mask .tip{font-size:30px}[data-dpr="2.75"] .share-mask .tip{font-size:33px}[data-dpr="3"] .share-mask .tip{font-size:36px}[data-dpr="4"] .share-mask .tip{font-size:48px}.app-pay-success{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);font-size:0;z-index:11}.app-pay-success .success-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);width:8.10666667rem;border-radius:.21333333rem;box-sizing:border-box;background:#fff;padding-left:.53333333rem;padding-right:.53333333rem}.app-pay-success .success-wrap .success-title{padding-top:.64rem;padding-bottom:.64rem;border-bottom:1px solid rgba(43,51,59,.1);border-bottom-width:.02666667rem;text-align:center;color:#20CC85}.app-pay-success .success-wrap .success-title i{font-size:31px;vertical-align:middle;margin-right:.34666667rem}[data-dpr="2"] .app-pay-success .success-wrap .success-title i{font-size:62px}[data-dpr="2.5"] .app-pay-success .success-wrap .success-title i{font-size:78px}[data-dpr="2.75"] .app-pay-success .success-wrap .success-title i{font-size:85px}[data-dpr="3"] .app-pay-success .success-wrap .success-title i{font-size:93px}[data-dpr="4"] .app-pay-success .success-wrap .success-title i{font-size:124px}.app-pay-success .success-wrap .success-title span{vertical-align:middle;font-size:.48rem}.app-pay-success .success-wrap .group-people{margin-top:.64rem;margin-bottom:.42666667rem;text-align:center;width:100%}.app-pay-success .success-wrap .group-people li{display:inline-block;margin-left:.42666667rem;margin-right:.42666667rem}.app-pay-success .success-wrap .group-people li .group-img{border-radius:50%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;width:1.36rem;height:1.36rem;position:relative}.app-pay-success .success-wrap .group-people li .group-img .people-status{position:absolute;bottom:-.13333333rem;margin:auto;left:0;right:0;height:.42666667rem;width:.82666667rem;border-radius:.05333333rem;background-color:#F01414;text-align:center;font-size:10px;line-height:.42666667rem;color:#fff}[data-dpr="2"] .app-pay-success .success-wrap .group-people li .group-img .people-status{font-size:20px}[data-dpr="2.5"] .app-pay-success .success-wrap .group-people li .group-img .people-status{font-size:25px}[data-dpr="2.75"] .app-pay-success .success-wrap .group-people li .group-img .people-status{font-size:28px}[data-dpr="3"] .app-pay-success .success-wrap .group-people li .group-img .people-status{font-size:30px}[data-dpr="4"] .app-pay-success .success-wrap .group-people li .group-img .people-status{font-size:40px}.app-pay-success .success-wrap .success-tip{font-size:14px;color:#2B333B;font-weight:700;text-align:center;margin-bottom:.64rem}[data-dpr="2"] .app-pay-success .success-wrap .success-tip{font-size:28px}[data-dpr="2.5"] .app-pay-success .success-wrap .success-tip{font-size:35px}[data-dpr="2.75"] .app-pay-success .success-wrap .success-tip{font-size:39px}[data-dpr="3"] .app-pay-success .success-wrap .success-tip{font-size:42px}[data-dpr="4"] .app-pay-success .success-wrap .success-tip{font-size:56px}.app-pay-success .success-wrap .success-tip span{color:#F01414;font-size:.48rem;vertical-align:bottom}.app-pay-success .success-wrap .share-bottom{border-top:1px solid rgba(43,51,59,.1);border-top-width:.02666667rem;padding-top:.64rem;padding-bottom:.64rem;text-align:center}.app-pay-success .success-wrap .share-bottom .share-item{display:inline-block;margin-left:.34666667rem;margin-right:.34666667rem}.app-pay-success .success-wrap .share-bottom .share-item:first-child{margin-left:0}.app-pay-success .success-wrap .share-bottom .share-item:last-child{margin-right:0}.app-pay-success .success-wrap .share-bottom .share-item .img{width:1.06666667rem;height:1.06666667rem;margin-bottom:.26666667rem;background-size:cover}.app-pay-success .success-wrap .share-bottom .share-item p{text-align:center;color:#71777D;font-size:12px;line-height:.37333333rem}[data-dpr="2"] .app-pay-success .success-wrap .share-bottom .share-item p{font-size:24px}[data-dpr="2.5"] .app-pay-success .success-wrap .share-bottom .share-item p{font-size:30px}[data-dpr="2.75"] .app-pay-success .success-wrap .share-bottom .share-item p{font-size:33px}[data-dpr="3"] .app-pay-success .success-wrap .share-bottom .share-item p{font-size:36px}[data-dpr="4"] .app-pay-success .success-wrap .share-bottom .share-item p{font-size:48px}#canvas-content,#poster-canvas-content{background-repeat:no-repeat;background-position:top center;background-size:100%;position:absolute;top:0;left:-8.76rem;overflow:hidden;background-color:#fff;width:8.76rem;height:15.36rem}#canvas-content>img,#poster-canvas-content>img{position:absolute;top:0;left:0;z-index:-100;width:100%}#canvas-content .user-box,#poster-canvas-content .user-box{padding-top:1.05333333rem;padding-left:.37333333rem;line-height:0;box-sizing:border-box;position:relative}#canvas-content .user-box .user-img,#poster-canvas-content .user-box .user-img{width:.96rem;height:.96rem;border-radius:50%;margin-right:.29333333rem;display:inline-block;vertical-align:middle;background-size:cover;background-position:center;background-repeat:no-repeat}#canvas-content .user-box .user-info,#poster-canvas-content .user-box .user-info{display:inline-block;vertical-align:middle}#canvas-content .user-box .user-info p,#poster-canvas-content .user-box .user-info p{color:#fff;font-size:14px;line-height:.53333333rem;font-weight:700}[data-dpr="2"] #canvas-content .user-box .user-info p,[data-dpr="2"] #poster-canvas-content .user-box .user-info p{font-size:28px}[data-dpr="2.5"] #canvas-content .user-box .user-info p,[data-dpr="2.5"] #poster-canvas-content .user-box .user-info p{font-size:35px}[data-dpr="2.75"] #canvas-content .user-box .user-info p,[data-dpr="2.75"] #poster-canvas-content .user-box .user-info p{font-size:39px}[data-dpr="3"] #canvas-content .user-box .user-info p,[data-dpr="3"] #poster-canvas-content .user-box .user-info p{font-size:42px}[data-dpr="4"] #canvas-content .user-box .user-info p,[data-dpr="4"] #poster-canvas-content .user-box .user-info p{font-size:56px}#canvas-content .user-box .user-info h5,#poster-canvas-content .user-box .user-info h5{color:#fff;margin-top:.05333333rem;font-size:12px;line-height:.37333333rem}[data-dpr="2"] #canvas-content .user-box .user-info h5,[data-dpr="2"] #poster-canvas-content .user-box .user-info h5{font-size:24px}[data-dpr="2.5"] #canvas-content .user-box .user-info h5,[data-dpr="2.5"] #poster-canvas-content .user-box .user-info h5{font-size:30px}[data-dpr="2.75"] #canvas-content .user-box .user-info h5,[data-dpr="2.75"] #poster-canvas-content .user-box .user-info h5{font-size:33px}[data-dpr="3"] #canvas-content .user-box .user-info h5,[data-dpr="3"] #poster-canvas-content .user-box .user-info h5{font-size:36px}[data-dpr="4"] #canvas-content .user-box .user-info h5,[data-dpr="4"] #poster-canvas-content .user-box .user-info h5{font-size:48px}#canvas-content .course-info,#poster-canvas-content .course-info{position:absolute;bottom:0;left:0;width:100%;padding-top:.26666667rem;padding-left:.85333333rem;padding-right:.85333333rem;padding-bottom:2.64rem;box-sizing:border-box}#canvas-content .course-info .course-code,#poster-canvas-content .course-info .course-code{display:flex;align-items:center;margin-top:.42666667rem}#canvas-content .course-info .course-code .left,#poster-canvas-content .course-info .course-code .left{display:inline-block;vertical-align:middle}#canvas-content .course-info .course-code .left .box,#poster-canvas-content .course-info .course-code .left .box{width:4rem;height:.75466667rem;padding-left:.16rem;box-sizing:border-box;background:#FEAA29;border-radius:.18666667rem;position:relative}#canvas-content .course-info .course-code .left .box span,#poster-canvas-content .course-info .course-code .left .box span{font-weight:700;color:#fff;font-size:14px;line-height:.75466667rem;vertical-align:top}[data-dpr="2"] #canvas-content .course-info .course-code .left .box span,[data-dpr="2"] #poster-canvas-content .course-info .course-code .left .box span{font-size:28px}[data-dpr="2.5"] #canvas-content .course-info .course-code .left .box span,[data-dpr="2.5"] #poster-canvas-content .course-info .course-code .left .box span{font-size:35px}[data-dpr="2.75"] #canvas-content .course-info .course-code .left .box span,[data-dpr="2.75"] #poster-canvas-content .course-info .course-code .left .box span{font-size:39px}[data-dpr="3"] #canvas-content .course-info .course-code .left .box span,[data-dpr="3"] #poster-canvas-content .course-info .course-code .left .box span{font-size:42px}[data-dpr="4"] #canvas-content .course-info .course-code .left .box span,[data-dpr="4"] #poster-canvas-content .course-info .course-code .left .box span{font-size:56px}#canvas-content .course-info .course-code .left .box:after,#poster-canvas-content .course-info .course-code .left .box:after{display:block;content:"";position:absolute;top:.26666667rem;right:-.2rem;width:0;height:0;border-bottom:16px dashed transparent;border-top:16px dashed transparent;border-left:16px solid #FEAA29;border-bottom-width:.13333333rem;border-top-width:.13333333rem;border-left-width:.21333333rem}#canvas-content .course-info .course-code .left .course-price,#poster-canvas-content .course-info .course-code .left .course-price{padding-top:.41333333rem}#canvas-content .course-info .course-code .left .course-price .now-price,#poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:20px;line-height:.528rem;color:#FA6400;font-weight:700;vertical-align:bottom;display:inline-block}[data-dpr="2"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="2"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:40px}[data-dpr="2.5"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="2.5"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:50px}[data-dpr="2.75"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="2.75"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:55px}[data-dpr="3"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="3"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:60px}[data-dpr="4"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="4"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:80px}#canvas-content .course-info .course-code .left .course-price .ori-price,#poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:13px;line-height:.43733333rem;margin-left:.08rem;color:#9199A1;text-decoration:line-through;vertical-align:bottom;display:inline-block}[data-dpr="2"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="2"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:26px}[data-dpr="2.5"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="2.5"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:33px}[data-dpr="2.75"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="2.75"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:36px}[data-dpr="3"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="3"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:39px}[data-dpr="4"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="4"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:52px}#canvas-content .course-info .course-code .share-qrcode,#poster-canvas-content .course-info .course-code .share-qrcode{display:inline-block;vertical-align:middle;width:2.34666667rem;height:2.34666667rem;margin-left:.4rem}#canvas-content .bottom-tip,#poster-canvas-content .bottom-tip{background:#EF881E;text-align:center;color:#fff;font-weight:700;font-size:12px;line-height:.8rem}[data-dpr="2"] #canvas-content .bottom-tip,[data-dpr="2"] #poster-canvas-content .bottom-tip{font-size:24px}[data-dpr="2.5"] #canvas-content .bottom-tip,[data-dpr="2.5"] #poster-canvas-content .bottom-tip{font-size:30px}[data-dpr="2.75"] #canvas-content .bottom-tip,[data-dpr="2.75"] #poster-canvas-content .bottom-tip{font-size:33px}[data-dpr="3"] #canvas-content .bottom-tip,[data-dpr="3"] #poster-canvas-content .bottom-tip{font-size:36px}[data-dpr="4"] #canvas-content .bottom-tip,[data-dpr="4"] #poster-canvas-content .bottom-tip{font-size:48px}.share-poster-box{overflow:hidden;width:100%;height:100%;min-height:100%;max-height:100%;position:fixed;top:0;left:0}.share-poster-box .poster-wrap{width:7.2rem;position:absolute;top:.4rem;left:50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0)}.share-poster-box .poster-wrap.middle{top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.share-poster-box .canvas-img-content{width:100%;line-height:0;border-radius:.24rem;overflow:hidden}.share-poster-box .canvas-img-content img{width:100%}.share-poster-box .tip{width:100%;font-size:15px;color:#2B333B;font-weight:700;text-align:center;position:absolute;bottom:-.90666667rem}[data-dpr="2"] .share-poster-box .tip{font-size:30px}[data-dpr="2.5"] .share-poster-box .tip{font-size:38px}[data-dpr="2.75"] .share-poster-box .tip{font-size:41px}[data-dpr="3"] .share-poster-box .tip{font-size:45px}[data-dpr="4"] .share-poster-box .tip{font-size:60px}.share-poster-box .share-friend{width:8.72rem;height:1.2rem;border-radius:.62666667rem;background:#F01414;text-align:center;font-size:15px;line-height:1.2rem;font-weight:700;color:#fff;position:fixed;bottom:.37333333rem;left:50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0)}[data-dpr="2"] .share-poster-box .share-friend{font-size:30px}[data-dpr="2.5"] .share-poster-box .share-friend{font-size:38px}[data-dpr="2.75"] .share-poster-box .share-friend{font-size:41px}[data-dpr="3"] .share-poster-box .share-friend{font-size:45px}[data-dpr="4"] .share-poster-box .share-friend{font-size:60px}.share-poster-box .share-tip-mask{display:none;width:100%;height:100%;position:fixed;background:rgba(0,0,0,.7)}.share-poster-box .share-tip-mask img,.share-poster-box .share-tip-mask p{position:absolute}.share-poster-box .share-tip-mask img:nth-child(1){top:.33333333rem;right:.54666667rem;width:1.84rem;height:3.12rem}.share-poster-box .share-tip-mask img:nth-child(2){top:1.57333333rem;right:2.64rem;width:1.76rem;height:3.28rem}.share-poster-box .share-tip-mask p{top:4.96rem;right:1.41333333rem;font-size:15px;color:#fff;font-weight:700}[data-dpr="2"] .share-poster-box .share-tip-mask p{font-size:30px}[data-dpr="2.5"] .share-poster-box .share-tip-mask p{font-size:38px}[data-dpr="2.75"] .share-poster-box .share-tip-mask p{font-size:41px}[data-dpr="3"] .share-poster-box .share-tip-mask p{font-size:45px}[data-dpr="4"] .share-poster-box .share-tip-mask p{font-size:60px}.logo-hide{display:none}.logo-hide img{width:4rem;height:4rem}.rule-modal{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:11}.rule-modal .rule-wrap{position:absolute;top:45%;left:50%;text-align:center;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:#fff;width:7.2rem;margin-top:-.48rem;border-radius:4px;box-sizing:border-box}.rule-modal .rule-con{padding:.42666667rem}.rule-modal .rule-con h5{font-size:.48rem;color:#2B333B;line-height:.58666667rem;margin-top:.21333333rem;margin-bottom:.24rem;text-align:center;font-weight:700}.rule-modal .rule-con p{font-size:.37333333rem;color:#71777D;letter-spacing:.29px;text-align:left;line-height:.53333333rem}.rule-modal .rule-foot{border-top:1px solid #DDD;text-align:center;font-size:.48rem;color:#2B333B;font-weight:700;padding-top:.29333333rem;padding-bottom:.50666667rem}.rule-modal .rule-foot p{text-align:center}.wechat-qrcode-modal{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:11}.wechat-qrcode-modal .qrcode-wrap{position:absolute;top:45%;left:50%;text-align:center;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:#fff;padding:.85333333rem;width:7.28rem;margin-top:-.48rem;border-radius:8px;box-sizing:border-box}.wechat-qrcode-modal .qrcode-wrap h5{font-size:.4rem;color:#2B333B;line-height:.58666667rem;margin-bottom:.10666667rem}.wechat-qrcode-modal .qrcode-wrap img{width:4rem;height:4rem;display:inline-block}.wechat-qrcode-modal .qrcode-wrap p{font-size:.37333333rem;color:#71777D}.wechat-qrcode-modal .qrcode-wrap i{display:block;position:absolute;bottom:-2.4rem;left:2.98666667rem;font-size:.85333333rem;width:1.33333333rem;height:1.33333333rem;line-height:1.22666667rem;border-radius:50%;border:2px solid #FFF;color:#fff;box-sizing:border-box}@media screen and (min-device-height:737px){.group-wrap .group-footer{bottom:.34666667rem}.share-poster-box .poster-wrap{top:2rem}}