body,div,html{font-size:16px;border:0;-webkit-tap-highlight-color:transparent}*,body,div,html{margin:0;padding:0}body{width:7.5rem;overflow-y:scroll;background-color:#f5f5f5}img{pointer-events:none}i{font-style:normal}.Main,.Main .content .headImg{width:100vw}.Main .content .headImg img{display:block;width:100vw}.Main .content .activitycontent{width:100vw;padding:.4rem 0 .6rem;background-size:100% 100%}.Main .content .activitycontent .activityImg{width:100vw;display:flex;align-items:center;justify-content:center}.Main .content .activitycontent .activityImg img{width:82.67vw}.Main .content .activitycontent .activityTime{margin-bottom:.5rem}.Main .content .activitycontent .activityTopic{margin-bottom:.32rem}.Main .content .activitycontent .activityTopic .activityViewpoint{position:relative}.Main .content .activitycontent .activityTopic .activityViewpoint .viewpoint{width:1.5rem;height:.6rem;position:absolute;bottom:.54rem;border-radius:.1rem;display:flex;align-items:center;justify-content:center;font-size:.26rem;font-weight:700;color:#fff}.Main .content .activitycontent .activityTopic .activityViewpoint .viewpoint1{left:.96rem}.Main .content .activitycontent .activityTopic .activityViewpoint .viewpoint2{right:.96rem}.Main .content .activitycontent .votes{width:100vw;display:flex;align-items:center;justify-content:center;height:1.04rem}.Main .content .activitycontent .votes>div{width:82.67vw;height:1.04rem}.Main .content .activitycontent .votes>div .count{float:left;height:1rem;display:flex;align-items:center;justify-content:center;font-size:.28rem;font-weight:700;position:relative;border:.02rem solid #000}.Main .content .activitycontent .votes>div .count img{width:1.04rem;position:absolute;top:-.24rem}.Main .content .activitycontent .votes>div .pros_count{border-radius:.5rem 0 0 .5rem;color:#fff;border-right:none}.Main .content .activitycontent .votes>div .pros_count img{left:-.1rem}.Main .content .activitycontent .votes>div .cons_count{border-radius:0 .5rem .5rem 0;color:#353535;border-left:none}.Main .content .activitycontent .votes>div .cons_count img{right:-.1rem}.Main .content .activitycontent .activityPs{margin-top:.38rem;width:100vw;display:flex;align-items:center;justify-content:center}.Main .content .activitycontent .activityPs>div{width:82.67vw;height:1rem}.Main .content .activitycontent .activityPs>div>div{width:2.66rem;height:1rem}.Main .content .activitycontent .activityPs>div .psbutton1{float:left}.Main .content .activitycontent .activityPs>div .psbutton2{float:right}.mask{position:fixed;width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,.6);z-index:100}.maskWhite{background:transparent}.maskWhites{background:hsla(0,0%,100%,.6)}.Cover{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#fff;z-index:1200;opacity:1;display:flex;align-items:center;justify-content:center}.Cover>div img{width:3.96rem}.Cover>div p{margin-top:.3rem;font-size:.36rem;color:#8b80a2}.Cover>div p,.Cover>div span{display:flex;align-items:center;justify-content:center}.Cover>div span{margin-top:.1rem;font-size:.3rem;color:#6547a3;font-weight:700}.CoverAnimation{-webkit-animation:Coverframes 1.2s linear;animation:Coverframes 1.2s linear}@-webkit-keyframes Coverframes{0%{opacity:1}40%{opacity:1}to{opacity:0}}@keyframes Coverframes{0%{opacity:1}40%{opacity:1}to{opacity:0}}@-webkit-keyframes MusicPlaykeyframes{0%{opacity:0}to{opacity:1}}@keyframes MusicPlaykeyframes{0%{opacity:0}to{opacity:1}}.rule{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:101;display:flex;align-items:center;justify-content:center}.rule img{width:86vw}.toast{width:4.8rem;background-color:#fff;border-radius:.18rem}.toast .toastPic{display:flex;align-items:center;justify-content:center;margin-bottom:.42rem}.toast .toastPic img{width:1.36rem}.toast>p{text-align:center;font-size:.36rem;font-weight:700;color:#353535;line-height:.48rem}.toast .hd{margin-top:.52rem}.toast .hd,.toast .hd>div{display:flex;align-items:center;justify-content:center}.toast .hd>div{width:2.26rem;height:.8rem;background:#6547a3;border-radius:.4rem;font-size:.3rem;font-weight:700;color:#fff}.prizeToast{width:5.84rem;background:#fff;border-radius:.32rem;border:.04rem solid #000;position:relative}.prizeToast .bgshow{width:5.64rem;height:.3rem;background:#000;border-radius:0 0 .32rem .32rem;bottom:-.14rem;left:.1rem;position:absolute}.prizeToast .bgshow1{width:5.84rem;height:.3rem;background:#fff;border-radius:0 0 .32rem .32rem;bottom:0;left:-.04rem;position:absolute;border:.04rem solid #000;border-top:none}.prizeToast .prizeToasttitle{width:100%;height:1.22rem;display:flex;align-items:center;justify-content:center;font-size:.36rem;color:#fff;background-color:#6547a3;border-radius:.27rem .27rem 0 0;position:relative}.prizeToast .prizeToasttitle>img{position:absolute;width:1.36rem;top:0;right:0}.prizeToast .prizeToastcontent{padding:.28rem 0 .34rem}.prizeToast .prizeToastcontent .prizetoast2{display:flex;align-items:center;justify-content:center;margin-top:.34rem}.prizeToast .prizeToastcontent .prizetoast2 img{width:1.92rem}.prizeToast .prizeToastcontent .prizetoast2Text{font-size:.3rem;color:#999;display:flex;align-items:center;justify-content:center;margin:.3rem 0 .68rem}.diytablecontent{width:100%}.diytablecontent .diyTable{width:4.84rem;height:.84rem;border-radius:.16rem;border:.04rem solid #999;padding:.18rem;display:flex;margin:0 auto}.diytablecontent .diyTable .diytd{height:.84rem;flex:1 1;position:relative}.diytablecontent .diyTable .diytd span:first-child{height:.42rem;display:flex;align-items:center;justify-content:center;color:#6547a3;font-size:.28rem;font-weight:700}.diytablecontent .diyTable .diytd span:nth-child(2){height:.42rem;flex:1 1;display:flex;align-items:center;justify-content:center;color:#999;font-size:.24rem;font-weight:700;border-top:.02rem solid #999}.diytablecontent .diyTable .diytd:nth-child(n+2):before{content:"";height:.42rem;width:0;border-right:.04rem solid #999;position:absolute;top:.21rem;left:-.02rem}.diytablecontent .diyImg{margin:.22rem 0 .28rem;display:flex;align-items:center;justify-content:center}.diytablecontent .diyImg img{width:2rem}.diytablecontent .diyexplain{display:flex;align-items:center;justify-content:center;font-size:.3rem;color:#999}.diytablecontent .fillbutton{margin-top:.3rem;display:flex;align-items:center;justify-content:center}.diytablecontent .fillbutton>div{width:2.96rem;height:.8rem;background:#6547a3;border-radius:.38rem;display:flex;align-items:center;justify-content:center;font-size:.3rem;color:#fff;font-weight:700}.diytablecontent .prizeExplain{width:5.2rem;margin:.7rem auto 0}.diytablecontent .prizeExplain>div{font-size:.24rem;color:#353535;font-weight:700}.diytablecontent .prizeExplain pre{width:100%;white-space:pre-wrap;word-wrap:break-word;font-size:.24rem;color:#999;font-weight:700}.diytablecontent .codecontent{margin-top:.3rem;display:flex;align-items:center;justify-content:center}.diytablecontent .codecontent>div{border-bottom:.04rem dashed #6547a3;padding:0 0 .04rem .04rem;height:.46rem}.diytablecontent .codecontent>div>p:first-child{float:left;height:.46rem;line-height:.46rem;margin-right:.2rem;color:#6547a3;font-size:.3rem;max-width:3.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diytablecontent .codecontent>div>span:nth-child(2){float:left;width:.9rem;height:.46rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.24rem;background:#6547a3;border-radius:.12rem}@font-face{font-family:"iconfont";src:url(//at.alicdn.com/t/font_1902392_gul6jqd4gq8.eot);src:url(//at.alicdn.com/t/font_1902392_gul6jqd4gq8.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1902392_gul6jqd4gq8.woff2) format("woff2"),url(//at.alicdn.com/t/font_1902392_gul6jqd4gq8.woff) format("woff"),url(//at.alicdn.com/t/font_1902392_gul6jqd4gq8.ttf) format("truetype"),url(//at.alicdn.com/t/font_1902392_gul6jqd4gq8.svg#iconfont) format("svg")}.iconfontClose{font-family:"iconfont";font-size:.34rem!important;position:absolute;top:.1rem;right:.1rem}.prizeForm{padding:.32rem 0 .66rem}.prizeForm .FormSubmit{width:4.56rem;margin:0 auto}.prizeForm .FormSubmit .Formli{margin-bottom:.6rem}.prizeForm .FormSubmit .FormLabel{color:#6547a3;font-size:.3rem;height:.34rem}.prizeForm .FormSubmit .FormInput{width:100%;margin-top:.1rem}.prizeForm .FormSubmit .FormInput input{width:calc(100% - .28rem);height:.4rem;border-radius:.3rem;border:.04rem solid #000;padding:.1rem;outline:none;font-size:.24rem;font-weight:700}.prizeForm .btn{margin:0 auto;width:2.28rem;height:.8rem;background:#6547a3;border-radius:.38rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.3rem}.unviewpoint{background:#d3d3d3!important}.beforeimg{position:fixed;right:110vw}.alert-hidden{display:none!important}.appTips{position:fixed;width:100%;height:100%;z-index:1001;background:rgba(255,253,242,.9);top:0;left:0}.appTips img{position:absolute;bottom:0}.appTips .appTipsBg{opacity:.2}.appTips .quak{width:2rem;top:.5rem;right:.5rem}.appTips .brower{right:3rem;top:1.5rem;width:1.5rem}.appTips .tipText{position:absolute;right:2.8rem;top:2rem}.appTips .tipText p{line-height:.3rem}.appTips .tipsp{display:flex;flex-direction:row}.main{margin-top:1.22rem!important;height:calc(100vh - 1.22rem)}.ohplayHeaderbg{width:100vw;height:1.22rem;background:#f5f5f5}.ohplayHeader{width:100vw;background-color:#fff;height:1.22rem;justify-content:space-between;position:fixed;top:0;z-index:999}.ohplayHeader,.ohplayHeader .logo{display:flex;flex-direction:row;align-items:center}.ohplayHeader .logo{justify-content:center;margin-left:.3rem}.ohplayHeader .logo>div{display:flex;flex-direction:column;margin-left:.16rem}.ohplayHeader .logo>div span{color:#484949;font-size:.28rem;margin-bottom:.1rem}.ohplayHeader .openApp{display:flex;justify-content:center;align-items:center;width:1.62rem;height:.6rem;background:linear-gradient(229deg,#b059f4,#6948a7);border-radius:.3rem;font-size:.3rem;color:#fff!important;margin-right:.3rem;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ohplayHeader .openApp span{position:relative;z-index:10;color:#fff!important}.ohplayHeader .openAppAnimation:after{position:absolute;z-index:9;content:"";width:1.62rem;height:.6rem;border-radius:.3rem;background:rgba(53,53,53,.6)}.footerEnd,.footerMain{display:flex;width:100%;justify-content:center}.footerEnd{position:relative;align-items:center;font-size:.24rem;margin-top:.5rem;color:#999}.footerEnd .text{position:relative;width:.6rem;background:#fffaf3;z-index:2;text-align:center}.footerEnd .endLink{position:absolute;width:.68rem;height:.02rem;background:#999;z-index:1}.ohplayFooter{display:flex;flex-direction:column;align-items:center;margin-top:.5rem;margin-bottom:.66rem;position:relative;width:2.28rem}.ohplayFooter img{width:.56rem;height:.56rem}.ohplayFooter .text{width:1.46rem;position:relative;display:flex;flex-direction:column;align-items:center;color:#9e9b98;font-weight:700;line-height:.32rem;z-index:2;font-size:.16rem;background:#fffaf3;margin-top:.05rem}.ohplayFooter .text span:last-child{font-size:.22rem}.ohplayFooter:before{content:"";position:absolute;z-index:1;width:100%;height:.02rem;background:#dbdbdb;bottom:.3rem}.CardMain{min-height:3.24rem}.Card,.CardMain{position:relative}.Card{border-radius:.18rem;display:flex;flex-direction:column;width:100%;height:auto;background:#353535;border:.02rem solid #353535}.Card img{position:relative;border-bottom-left-radius:.18rem;border-bottom-right-radius:.18rem;z-index:11;border:0;object-fit:cover}.Card:after{top:.05rem;left:.038rem}.Card:after,.Card:before{content:"";position:absolute;width:100%;height:100%;border-radius:.18rem;background:#353535;z-index:9}.Card:before{top:.06rem;left:.05rem}.CardContent{width:100%;background:#fffaf3;z-index:10;position:relative;border-radius:.18rem;display:flex;flex-direction:column;overflow:hidden}.cardList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.cardList .cardItem{position:relative;display:flex;flex-direction:column;margin-bottom:.6rem}.cardList .cardItem>span{color:#353535;font-size:.3rem;margin:.14rem 0;font-weight:400}.cardList .cardItem>i,.cardList .cardItem>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardList .cardItem>i{color:#999;font-size:.24rem;font-style:normal}.ImageCard{position:relative;background:#353535;border-radius:.18rem;z-index:10}.ImageCard .cardBorder{position:relative;z-index:10;display:block;border:.02rem solid #353535;border-radius:.18rem;overflow:hidden}.ImageCard .cardBorder img{display:block;width:100%;height:100%;object-fit:cover}.ImageCard:after{content:"";position:absolute;top:.04rem;left:.04rem;width:100%;height:100%;border-radius:.18rem;background:#353535;z-index:1}#cnzz_stat_icon_1280005167{display:none}.comment{width:100vw;background-color:#fefefe}.comment .comment-content{width:100vw;padding:.3rem 0 .2rem}.comment .comment-content .publish{width:calc(100vw - .4rem);height:.78rem;margin:0 auto}.comment .comment-content .publish .publish-input{width:4.72rem;height:.7rem;background:hsla(0,0%,100%,.3);border-radius:.4rem;border:.04rem solid #000;float:left;display:flex;align-items:center;padding:0 .36rem}.comment .comment-content .publish .publish-input input{color:#353535;line-height:.32rem;border:none;outline:none;font-weight:700;font-size:.24rem;width:4.72rem}.comment .comment-content .publish .publish-button{float:right;width:1.34rem;height:.64rem;margin-top:.04rem;position:relative;background:url(https://test.ohplay.radio1964.net/activity/topic/img/send.png) no-repeat;background-size:100% 100%}.comment .comment-content .publish .publish-button p{color:#fff;font-weight:700;font-size:.24rem;height:.34rem;display:inline-block;position:absolute;top:.1rem;left:.4rem}.comment .comment-content .ActivityComment{width:calc(100vw - .6rem);margin:0 auto}.comment .comment-content .ActivityComment ul{list-style:none}.comment .comment-content .ActivityComment ul li{list-style:none;margin-top:.6rem;overflow:hidden}.comment .comment-content .ActivityComment ul li .headPic{width:1rem;float:left}.comment .comment-content .ActivityComment ul li .headPic img{width:.8rem;height:.8rem;border-radius:50%}.comment .comment-content .ActivityComment ul li .CommentInfo{width:calc(100% - 1rem);float:left}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser{height:.9rem}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .userInfo{float:left;padding-left:.06rem;width:calc(100% - 1rem)}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .userInfo .userName{font-size:.3rem;color:#353535;display:flex;align-items:center;font-weight:700;padding-top:.18rem;height:.38rem}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .userInfo .userName p{float:right}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .userInfo .userName img{height:.3rem;float:left;margin:0 0 0 .14rem}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .userInfo>p{font-size:.24rem;color:#999;line-height:.34rem}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .like{float:right;display:flex;align-items:center;justify-content:center;height:.9rem}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .like>div{overflow:hidden;display:flex;align-items:center;justify-content:center}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .like>div>p{font-size:.3rem;height:.34rem;color:#999;display:flex;align-items:center;justify-content:center;margin-right:.06rem}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .like>div .islike{color:#6c49ab}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .like>div>div{height:.34rem;display:flex;align-items:center;justify-content:center}.comment .comment-content .ActivityComment ul li .CommentInfo>div.isuser .like>div>div>img{height:.3rem;display:block}.comment .comment-content .ActivityComment ul li .CommentInfo .isComment{padding:.1rem;background:rgba(255,0,0,.1)}.comment .comment-content .ActivityComment ul li .CommentInfo .isComment>div{font-size:.24rem;color:#353535;text-align:justify}.comment .comment-content .ActivityComment ul li .CommentInfo .isComment>div>span{float:left;background:red;border-radius:.2rem;margin-right:.06rem;font-size:.22rem;color:#fff;padding:0 .1rem}.comment .comment-content .ActivityComment ul li .CommentInfo .isCommenttiue{background:rgba(108,74,171,.1)}.comment .comment-content .ActivityComment ul li .CommentInfo .isCommenttiue>div>span{background-color:#6c49ab}
/*# sourceMappingURL=main.8911714d.chunk.css.map */