.topic,.wrap,footer{overflow:hidden}body,html{width:100%;height:auto;background-color:#8ed6e3}.wrap{width:10rem;height:32.213333rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/bg.png) no-repeat;-webkit-background-size:10rem 27.933333rem;background-size:10rem 27.933333rem;margin:0 auto .2rem}.active-btn{border:none;outline:0;display:inline-block;width:1.493333rem;height:.533333rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/active_btn.png) no-repeat;-webkit-background-size:contain;background-size:contain;float:right;margin-top:.4rem}.topic-container{width:10rem;margin:8.32rem auto}.topic{position:relative;display:block;width:9.586667rem;height:5.573333rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/topic_bg.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;margin-left:.2rem;margin-bottom:.106667rem}.topic-title span{display:inline-block}.topic-title span:nth-of-type(2){position:absolute;top:.36rem;right:.733333rem;color:#49579c;font-size:.346667rem}.title{height:.4rem;margin-top:.4rem;margin-left:.346667rem}.title1 .title{width:3.733333rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/topic1.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.title2 .title{width:4.2rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/topic2.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.title3 .title{width:3.786667rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/topic3.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.title4 .title{width:5.426667rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/topic4.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}footer{position:absolute;bottom:0;left:0;right:0;width:10rem;height:1.066667rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/btn_bg.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;padding-bottom:env(safe-area-inset-bottom);margin:0 auto}footer span{display:block;width:3.666667rem;height:.56rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/newBtn.png) no-repeat;-webkit-background-size:contain;background-size:contain;margin:.226667rem auto 0}#mask{background-color:rgba(184,230,224,.9);overflow:auto}.active,.check-topic,.pic1{overflow:hidden}.active{display:none;width:9.093333rem;height:16.093333rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/newtxt.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;margin:1rem auto}.close{display:block}.active-close{width:4.746667rem;height:1.066667rem;margin:14.36rem auto 0}.check-topic{display:none;position:relative;width:6.653333rem;height:6.146667rem;background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/check_topic.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;margin:3rem auto 0;text-align:center;font-size:.373333rem;color:#49579c}.bg,.choose span{background-color:rgba(184,230,224,.6)}.check-topic p{height:.933333rem;border-top:1px dashed #92c5de;margin:0 auto}.bg,.check-topic p span{width:95%;height:.826667rem}.check-topic p span{display:block;line-height:.826667rem;margin:.02rem auto}.choose{margin-top:1.2rem!important}.choose span{font-size:.4rem;font-weight:700;border-radius:.2rem;border:1px solid #92c5de}.bg{border-radius:.2rem;border:1px solid #92c5de}.check-close{position:absolute;width:1.066667rem;height:1.066667rem;top:0;right:.1rem}.topic1-pic-container{display:-webkit-box;display:-ms-flexbox;display:flex}.pic1{position:relative;display:block;width:2.8rem;height:3.76rem;border:.04rem solid #92c5de;border-radius:.2rem;margin-left:.23rem;margin-top:.35rem}.no1,.no2,.no3,.pic1 img{position:absolute;display:block}.pic1 img{width:100%;min-height:100%}.no1,.no2,.no3{top:0;left:.173333rem;z-index:2;width:.373333rem;height:.52rem}.no1{background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/1.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.no2{background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/2.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.no3{background:url(//dn-store.qbox.me/chanpin/JuneShortVideo/3.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}