body{display:flex;flex-direction:column;height:100vh;font-size:.37333rem;color:#384279}a{text-decoration:none;color:inherit}main{flex:1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.sg-mod-themes-list{margin-top:.26667rem}.sg-mod-themes-list .themes-list{background:#fff;padding:.32rem}.sg-mod-themes-list .themes-list li{margin-bottom:.32rem}.sg-mod-themes-list .themes-list li a{display:inline-flex;flex-direction:row}.sg-mod-themes-list .themes-list li .item-img{min-width:1.97333rem;height:2.42667rem;margin-right:.24rem;font-size:.32rem;border-radius:.10667rem;overflow:hidden}.sg-mod-themes-list .themes-list li .item-img img{width:1.97333rem;height:2.42667rem;-o-object-fit:cover;object-fit:cover}.sg-mod-themes-list .themes-list li .main{position:relative;display:flex;flex-direction:column}.sg-mod-themes-list .themes-list li .main h2{margin-bottom:.16rem;line-height:.48rem;font-size:.4rem;color:#333;font-weight:normal}.sg-mod-themes-list .themes-list li .main summary{width:6.90667rem;height:.37333rem;font-size:.34667rem;color:#666;line-height:.37333rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sg-mod-themes-list .themes-list li .main .main-desc{position:absolute;left:0;bottom:0;width:6.90667rem}.sg-mod-themes-list .themes-list li .main .main-desc p{font-size:.34667rem}.sg-mod-themes-list .themes-list li .main .main-desc p:first-child{float:left;color:#5fdbd5}.sg-mod-themes-list .themes-list li .main .main-desc p:first-child span{display:inline-block;margin-right:.08rem;font-size:.24rem}.sg-mod-themes-detail .banner{overflow:hidden;position:relative;font-size:0;height:2.81rem;background:url(//static.sg-talk.com/m/o2bb/images/bg-title.png) no-repeat;background-color:#fff;background-size:100% 100%}.sg-mod-themes-detail .banner .banner-bg{position:absolute;top:0.4rem;left:0.11rem;right:0.11rem;height:2.22rem;overflow:hidden;background:url(//static.sg-talk.com/m/o2bb/images/bg-zttc.png) no-repeat;background-size:cover}.sg-mod-themes-detail .banner .bannerPic{position:absolute;top:0.81rem;left:0.57rem;width:1.4rem;border-radius:0.1rem}.sg-mod-themes-detail .banner p{position:absolute;top:0.9rem;left:2.27rem;color:#333;font-size:.37333rem;width:5.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sg-mod-themes-detail .banner .boughtAndLike{position:absolute;left:2.3rem;top:1.9rem;font-size:.32rem}.sg-mod-themes-detail .banner .boughtAndLike i{display:inline-block;margin-right:0.1rem}.sg-mod-themes-detail .banner .boughtAndLike .bought{margin-right:.48rem;color:#ff7ba7}.sg-mod-themes-detail .banner .boughtAndLike .bought i{background:url(//static.sg-talk.com/m/o2bb/images/icon-goumai.png) no-repeat;background-size:cover;width:0.22rem;height:0.28rem}.sg-mod-themes-detail .banner .boughtAndLike .like{background-size:auto .2rem;color:#48c8c2}.sg-mod-themes-detail .banner .boughtAndLike .like i{background:url(//static.sg-talk.com/m/o2bb/images/icon-shoucang.png) no-repeat;background-size:cover;width:.29rem;height:.28rem}.sg-mod-themes-detail .banner .shoucang{position:absolute;right:.64rem;top:.90667rem;width:.66667rem;text-align:center}.sg-mod-themes-detail .banner .shoucang img{width:.4rem;height:.39rem;-o-object-fit:cover;object-fit:cover}.sg-mod-themes-detail .banner .shoucang span{display:inline-block;font-size:.29333rem;line-height:.48rem;color:#c6c6c6;white-space:nowrap}.sg-mod-themes-detail .part{padding:.24rem .29333rem;margin-top:.21333rem;background:#fff}.sg-mod-themes-detail .part h4{font-size:.34667rem;color:#999;font-weight:normal;padding:0 .24rem;margin-bottom:.29rem}.sg-mod-themes-detail .part .rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sg-mod-themes-detail .part.p1{margin-top:0;padding-top:.2rem}.sg-mod-themes-detail .part.p1 .part-content{padding:0 .29333rem}.sg-mod-themes-detail .part.p1 .part-content .intro{overflow:hidden;margin-bottom:.26667rem;font-size:.34667rem;color:#666;line-height:.48rem;white-space:pre-wrap;word-break:break-all}.sg-mod-themes-detail .part.p1 .part-content .open{color:#999;text-align:right;font-size:.32rem}.sg-mod-themes-detail .part.p1 .part-content .open i{display:inline-block;background:url(//static.sg-talk.com/m/o2bb/images/icon-zhankai.png) no-repeat;background-size:100% 100%;width:0.21rem;height:0.12rem;margin:.05333rem 0 .04rem .10667rem}.sg-mod-themes-detail .part.p1 .part-content .hidemore{max-height:1.44rem}.sg-mod-themes-detail .part.p2{margin-top:0;padding-top:.31rem;padding-bottom:.3rem}.sg-mod-themes-detail .part.p2 .content{padding:.26667rem;background:url(//static.sg-talk.com/m/o2bb/images/bg-taocan.png) no-repeat;background-size:100% 100%}.sg-mod-themes-detail .part.p2 .content h4{padding:0}.sg-mod-themes-detail .part.p2 .content h5{height:.34667rem;line-height:.34667rem;font-size:.32rem;color:#666}.sg-mod-themes-detail .part.p2 .content .duration{color:#f38b37;display:inline-block}.sg-mod-themes-detail .part.p3{padding:0 .29333rem .4rem .29333rem}.sg-mod-themes-detail .part.p3 h4{padding-top:.24rem;margin-bottom:.32rem}.sg-mod-themes-detail .part.p3 .part-content{position:relative;padding:.21333rem .32rem;font-size:.34667rem;color:#333;box-shadow:#e1e1e1 0 0 .13333rem}.sg-mod-themes-detail .part.p3 .part-content .listener{overflow:hidden;padding:.21333rem .24rem;background:url(//static.sg-talk.com/m/o2bb/images/pic-dian.png) no-repeat right;background-size:contain}.sg-mod-themes-detail .part.p3 .part-content .listener .head{width:1.3rem;height:1.3rem;margin-right:.24rem;border-radius:.10667rem;float:left}.sg-mod-themes-detail .part.p3 .part-content .listener .head img{width:100%;height:100%;border-radius:.10667rem;-o-object-fit:cover;object-fit:cover}.sg-mod-themes-detail .part.p3 .part-content .listener .foot{float:left}.sg-mod-themes-detail .part.p3 .part-content .listener .foot .lsname{width:6.13333rem;height:.4rem;margin:.08rem 0 .42667rem 0;line-height:.4rem;font-size:.37333rem;color:#333;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sg-mod-themes-detail .part.p3 .part-content .listener .foot .pinjia p{float:left;font-size:.30667rem;color:#999}.sg-mod-themes-detail .part.p3 .part-content .listener .foot .pinjia span{color:#ff8104}.sg-mod-themes-detail .part.p3 .part-content .listener .foot .pinjia .helpPeopel{margin-right:.43rem}.sg-mod-themes-detail .part.p3 .part-content .lsint{font-size:.34667rem;font-weight:normal;line-height:.48rem;padding:.24rem .29333rem;margin-bottom:.26667rem;border-top:.01333rem solid #eee;white-space:pre-wrap;word-break:break-all;overflow:hidden}.sg-mod-themes-detail .part.p3 .part-content .openMore{color:#999;text-align:right;font-size:.32rem;padding-right:.21rem;padding-bottom:.23rem}.sg-mod-themes-detail .part.p3 .part-content .openMore i{display:inline-block;width:0.21rem;height:0.12rem;margin:.05333rem 0 .04rem .10667rem;background:url(//static.sg-talk.com/m/o2bb/images/icon-zhankai.png) no-repeat;background-size:100% 100%}.sg-mod-themes-detail .part.p3 .part-content .hidemore{max-height:3.09333rem}.sg-mod-themes-detail .part.p4 .p4Head{padding:.16rem .29333rem .32rem;overflow:hidden}.sg-mod-themes-detail .part.p4 .p4Head h4{float:left;margin:0;padding:0}.sg-mod-themes-detail .part.p4 .p4Head .judgement-more{float:right;color:#2abbb4}.sg-mod-themes-detail .part.p4 .p4Head .judgement-more a{display:inline-block;color:#2abbb4;font-size:.32rem}.sg-mod-themes-detail .part.p4 .p4Head .judgement-more .more:after{content:'';position:relative;top:-.02667rem;display:inline-block;width:.16rem;height:.16rem;border-top:.01333rem solid #2abbb4;border-right:.01333rem solid #2abbb4;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sg-mod-themes-detail .part.p4 .comment-list{display:flex;flex-direction:column;justify-content:center}.sg-mod-themes-detail .part.p4 .comment-list li{display:inline-flex;flex-direction:row;padding:.26667rem;margin-bottom:.18667rem}.sg-mod-themes-detail .part.p4 .comment-list li .avatar-owner{width:.72rem;height:.72rem;border-radius:50%;margin-right:.16rem}.sg-mod-themes-detail .part.p4 .comment-list li .avatar-owner a{display:inline-block}.sg-mod-themes-detail .part.p4 .comment-list li .avatar-owner img{width:.72rem;height:.72rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.sg-mod-themes-detail .part.p4 .comment-list li .info{display:flex;flex-direction:column;font-weight:normal;font-size:.32rem;color:#333}.sg-mod-themes-detail .part.p4 .comment-list li .info p{width:6.13333rem;height:.34667rem;line-height:.34667rem;margin-bottom:.10667rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sg-mod-themes-detail .part.p4 .comment-list li .info time{font-size:.29333rem;color:#999;margin-bottom:.18667rem}.sg-mod-themes-detail .part.p4 .comment-list li .info .content{color:#666;line-height:.48rem;word-break:break-all;padding:0;margin:0}.sg-mod-themes-detail .part.p5{margin-bottom:1rem}.sg-mod-themes-detail .part.p5 h4{padding:.33rem 0 .23rem .26rem;margin:0}.sg-mod-themes-detail .part.p5 .part-content{padding:0 .09rem}.sg-mod-themes-detail .part.p5 .part-content .recommend-list{display:flex;justify-content:center;flex-direction:column;align-items:center}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li{display:inline-flex;justify-content:space-between;flex-direction:row;padding:.21333rem .24rem;margin-bottom:.53333rem;box-shadow:#e1e1e1 0 0 .13333rem;min-width:8.53333rem}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li a{display:inline-block}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-info{display:inline-flex;flex-direction:row;align-items:center}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-info .avatar{width:1.06667rem;height:1.06667rem;border-radius:50%;margin-right:.18667rem;font-size:.32rem;overflow:hidden}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-info .avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-info .info{display:flex;flex-direction:column}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-info .info h3{width:5.81333rem;line-height:.42667rem;font-size:.34667rem;font-weight:normal;color:#333;word-break:break-all}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-info .info p{color:#999;font-size:.32rem;margin-top:.18667rem}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-like{position:relative;-webkit-transform:translateY(-.24rem);transform:translateY(-.24rem);font-size:.32rem;color:#fff}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-like img{width:.90667rem;height:1.09333rem}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-like .like-num{position:absolute;left:0;right:0;top:.45333rem;margin:0 auto;text-align:center;line-height:.29333rem}.sg-mod-themes-detail .part.p5 .part-content .recommend-list li .themes-like .like-num p{white-space:nowrap;font-size:.21333rem}.sg-mod-payment{display:flex;flex-direction:row;align-items:center;position:fixed;right:0;bottom:0;left:0;z-index:99;width:100%;background:#fff}.sg-mod-payment .payment-content{display:flex;flex:1;flex-direction:column;justify-content:center;padding-left:.64rem;height:1.33333rem;border-top-color:#d2d2d2;border-top-style:solid;border-top-width:.02rem}.sg-mod-payment .payment-content .payment-des{font-size:.26667rem;color:#999}.sg-mod-payment .payment-content .payment-bottom{display:flex;flex-direction:row;align-items:center}.sg-mod-payment .payment-content .payment-bottom .payment-unit{font-size:.26667rem;color:#f50}.sg-mod-payment .payment-content .payment-bottom .payment-price{font-size:.42667rem;color:#f50}.sg-mod-payment .pay-chat{flex-direction:column;justify-content:center;width:1.20rem;height:1.33333rem;text-align:center;border-top-color:#d2d2d2;border-top-style:solid;border-top-width:.02rem;border-left-color:#d2d2d2;border-left-style:solid;border-left-width:.02rem}.sg-mod-payment .pay-chat .pay-chat-img{width:.32rem;height:.32rem;margin-top:.26667rem}.sg-mod-payment .pay-chat .pay-chat-text{font-size:.29333rem;color:#41d4ab}.sg-mod-payment .payBtn{width:2.2rem;height:1.33333rem;line-height:1.33333rem;text-align:center;color:#fff;background:linear-gradient(90deg, #5de3bc 0%, #97d9f5 100%)}.sg-mod-payment .payBtn span{position:relative;font-size:.36rem}