*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,0,0,0)}
audio,body,dd,div,dl,dt,footer,form,h1,h2,h3,h4,h5,h6,header,input,li,nav,ol,p,pre,section,td,textarea,th,ul,video{margin:0;padding:0}
body{overflow-y:scroll;background:#f6f6fb;color:#2c2c35;font-size:.14rem;line-height:1}
body,html{height:100%}
form,input,textarea{outline:0}
img{border:none}
a{color:#2c2c35;text-decoration:none}
h1,h2,h3{font-weight:400}
li{list-style-type:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:'.';font-size:0;line-height:0}
.fl{float:left}
.fr{float:right}
input[type=button],input[type=submit]{outline:0;-webkit-appearance:none}
[class*=icon-]{overflow:hidden;width:.24rem;height:.24rem;vertical-align:-.15em;fill:currentColor}
.other-header{position:relative;height:.88rem;background:#ff71a0}
.other-header .pre-page{position:absolute;top:0;left:.2rem;padding-top:.26rem}
.other-header .pre-page .icon-left{width:.34rem;height:.34rem;color:#2c2c35}
.other-header h2{text-align:center;font-size:.34rem;line-height:.88rem}
.other-header .menu-btn{position:absolute;top:0;left:.24rem;padding-top:.22rem}
.other-header .menu-btn .icon-caidan{width:.35rem;height:.35rem}
.other-header .right-fixed{position:absolute;top:0;right:.3rem}
.other-header .right-fixed .avatar{overflow:hidden;margin-top:.16rem;width:.48rem;height:.48rem;border-radius:50%}
.other-header .right-fixed .avatar img{display:block;width:100%;height:100%}
.other-header .right-fixed .search-btn{margin:.21rem .3rem 0 0;width:.34rem;height:.34rem}
.other-header .right-fixed .search-btn .icon-sousuo{width:.34rem;height:.34rem}
.download-app-tips{padding-left:.3rem;height:1.15rem;border-bottom:1px solid #ecba00;background:#fff}
.download-app-tips .icon-guanbi{margin-top:.38rem;width:.36rem;height:.36rem;color:#d9d9e4;font-size:.36rem}
.download-app-tips .con-tips{padding:.24rem 0 0 .25rem}
.download-app-tips .con-tips dt{color:#2c2c35;font-size:.32rem}
.download-app-tips .con-tips dd{padding-top:.06rem;color:#6c6e87;font-size:.24rem}
.download-app-tips .download-btn{border-radius:.08rem;background:#ff71a0;line-height:.56rem}
.download-app-tips .download-btn,.download-app-tips .open-app{margin:.32rem .3rem 0 0;width:1.1rem;height:.56rem;color:#2c2c35;text-align:center;font-size:.26rem}
.download-app-tips .open-app{border:1px solid #2c2c35;border-radius:.08rem;line-height:.54rem}
.imglist-wrapper{margin-top:.2rem;padding:.36rem .3rem .4rem;background:#fff}
.imglist-wrapper .list-t{height:.66rem}
.imglist-wrapper .list-t h3{font-size:.3rem}
.imglist-wrapper .list-t h3 span{padding-left:.2rem;color:#aeafc0;font-size:.22rem}
.imglist-wrapper .list-t .more{color:#aeafc0;font-size:.22rem;line-height:.3rem}
.imglist-wrapper .list{float:left;padding-bottom:.3rem;width:3.3rem}
.imglist-wrapper .list:nth-child(even){float:right}
.imglist-wrapper .list .img{background:url(../images/loading.png);background-position:center;background-size:cover}
.imglist-wrapper .list .img img{display:block;width:100%;height:2.01rem;border-radius:.1rem}
.imglist-wrapper .list .img-con{padding:0 .03rem;height:.6rem;line-height:.6rem}
.imglist-wrapper .list .img-con a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.26rem}
.imglist-wrapper .list .img-view{color:#aeafc0;font-size:.22rem;line-height:.22rem}
.imglist-wrapper .list .img-view .view-num .icon-yuedu{margin-right:.1rem;width:.24rem;height:.24rem}
.imglist-wrapper .more-btn{display:flex;padding-top:.1rem;height:.52rem;border:1px solid #cacddf;border-radius:.1rem;text-align:center}
.imglist-wrapper .more-btn a{display:inline-block;height:.3rem;color:#aeafc0;font-size:.22rem;line-height:.3rem;flex-grow:1}
.imglist-wrapper .more-btn a.more{border-right:.02rem solid #cacddf}
.imglist-wrapper .more-btn a.refresh .icon-huanyipi{margin-left:.1rem;width:.26rem;height:.26rem;vertical-align:-.05rem}
.imglist-wrapper .no-more{color:#aeafc0;text-align:center;font-size:.2rem;line-height:.4rem}
.imgshow-column{padding:.16rem .3rem 0;background:#fff}
.imgshow-column .list-t{height:.66rem}
.imgshow-column .list-t h3{font-size:.3rem}
.imgshow-column .list-t .more{color:#aeafc0;font-size:.22rem;line-height:.3rem}
.imgshow-column .list{padding-bottom:.35rem}
.imgshow-column .list .img{width:2.4rem;height:1.46rem}
.imgshow-column .list .img img{display:block;width:100%;height:100%;border-radius:.1rem}
.imgshow-column .list .img-r{margin-left:.2rem;width:4.3rem}
.imgshow-column .list .img-r .img-title{padding-top:.05rem;height:.58rem}
.imgshow-column .list .img-r .img-title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem}
.imgshow-column .list .img-r .p-tags a{display:inline-block;padding:0 .18rem;height:.4rem;border:1px solid #cacddf;border-radius:.1rem;color:#aeafc0;font-size:.24rem;line-height:.38rem}
.imgshow-column .list .img-r .p-gruy{margin-top:.25rem;color:#aeafc0;font-size:.24rem}
.imgshow-column .list .img-r .p-gruy span{padding-right:.4rem}
.imgshow-column .list .img-r .p-gruy [class*=icon-]{margin-right:.1rem;width:.24rem;height:.24rem}
.imgshow-column .list .img-r .p-red{padding-top:.22rem;color:#ff4141;font-size:.26rem}
.imgshow-column .more-btn{display:flex;padding-top:.11rem;height:.52rem;border:1px solid #cacddf;border-radius:.1rem;text-align:center}
.imgshow-column .more-btn a{display:inline-block;height:.3rem;color:#aeafc0;font-size:.22rem;line-height:.3rem;flex-grow:1}
.imgshow-column .more-btn a.more{border-right:.02rem solid #cacddf}
.imgshow-column .more-btn a.refresh .icon-huanyipi{margin-left:.1rem;width:.26rem;height:.26rem;vertical-align:-.05rem}
.imgshow-column .no-more{color:#aeafc0;text-align:center;font-size:.2rem;line-height:.4rem}
#menu-box{position:fixed;top:0;left:-100%;z-index:11;width:100%;height:100%;transition:left .3s}
#menu-box .win-bg{height:100%;background:rgba(0,0,0,.3)}
#menu-box .win-bg .tips{position:relative;float:right;width:1rem;height:100%}
#menu-box .win-bg .tips p{position:absolute;top:50%;left:.3rem;margin-top:-1rem;width:.3rem;color:#fff;font-size:.3rem;line-height:1.2}
#menu-box .win-bg .tips p .icon-fanhuiyuan{margin-top:.1rem;width:.32rem;height:.32rem}
#menu-box .win-m{position:absolute;top:0;left:0;overflow-y:auto;width:6.5rem;height:100%;background:#fff}
#menu-box .win-m .user-head{margin-left:.3rem;padding:.38rem .3rem .32rem 0;border-bottom:1px solid #f6f6fb}
#menu-box .win-m .user-head .avatar{overflow:hidden;width:.92rem;height:.92rem;border-radius:50%}
#menu-box .win-m .user-head .avatar img{display:block;width:100%;height:100%}
#menu-box .win-m .user-head .user-info{padding-left:.3rem}
#menu-box .win-m .user-head .user-info .user-name{padding-top:.12rem}
#menu-box .win-m .user-head .user-info .user-name a{display:inline-block;font-size:.28rem}
#menu-box .win-m .user-head .user-info .user-id{padding-top:.24rem;color:#6c6e87;font-size:.24rem}
#menu-box .win-m .user-head .lngout-btn{padding-top:.18rem}
#menu-box .win-m .user-head .lngout-btn a{display:inline-block;width:1.1rem;height:.56rem;border:1px solid #aeafc0;border-radius:.1rem;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.54rem}
#menu-box .win-m .class-page{padding:.4rem .3rem 0}
#menu-box .win-m .class-page h3{height:.6rem;font-size:.3rem}
#menu-box .win-m .class-page .page-m{width:105%}
#menu-box .win-m .class-page .page-m a{float:left;overflow:hidden;margin:0 .24rem .24rem 0;width:1.8rem;height:.68rem;border-radius:.1rem;background:#f6f6fb;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.68rem}
#menu-box .imgshow-column .list .img{width:2.3rem;height:1.4rem}
#menu-box .imgshow-column .list .img img{display:block;width:100%;height:100%}
#menu-box .imgshow-column .list .img-r{width:3.32rem}
#index-wrap .header-search{padding:0 .3rem;height:.88rem;background:#ff71a0}
#index-wrap .header-search .logo{margin-top:.19rem;width:2.14rem;height:.47rem;background:url(../images/logo.png) no-repeat;background-size:cover}
#index-wrap .header-search .logo a{display:block;height:100%}
#index-wrap .header-search .download-btn{margin:.19rem 0 0 .19rem;width:1.06rem;height:.5rem;border:1px solid #2c2c35;border-radius:.08rem;text-align:center;font-size:.2rem;line-height:.46rem}
#index-wrap .header-search .search-btn{margin:.26rem 0 0 .36rem}
#index-wrap .header-search .search-btn .icon-sousuo{margin-right:.1rem;width:.35rem;height:.35rem}
#index-wrap .header-search .sign-btn{padding-top:.11rem;text-align:center}
#index-wrap .header-search .sign-btn .icon-qiandao{width:.34rem;height:.34rem;color:#2c2c35}
#index-wrap .header-search .sign-btn .sign-des{padding-top:.05rem;font-size:.18rem}
#index-wrap .header-search .unlogin{margin-left:.24rem;height:100%;line-height:.88rem}
#index-wrap .header-search .unlogin a{color:#2c2c35;font-size:.3rem}
#index-wrap .header-search .login{overflow:hidden;margin:.2rem 0 0 .24rem;width:.48rem;height:.48rem;border-radius:50%}
#index-wrap .header-search .login a{display:block;height:100%}
#index-wrap .header-search .login img{display:block;width:100%;height:100%}
#index-wrap #banner{position:relative;overflow:hidden;width:100%;height:2.9rem}
#index-wrap #banner .hd{position:absolute;bottom:5px;z-index:1;width:100%;height:11px;text-align:center}
#index-wrap #banner .hd ul{display:inline-block;height:.12rem;vertical-align:top;font-size:0}
#index-wrap #banner .hd ul li{display:inline-block;overflow:hidden;margin:0 .05rem;width:.12rem;height:.12rem;border-radius:.06rem;background:#8c8c8c;vertical-align:top}
#index-wrap #banner .hd ul .on{background:#ff71a0}
#index-wrap #banner .bd{position:relative;z-index:0}
#index-wrap #banner .bd li img{width:100%;height:2.9rem}
#index-wrap #banner .bd li a{-webkit-tap-highlight-color:transparent}
#index-wrap .top-nav{padding-top:.34rem;height:2rem;background:#fff}
#index-wrap .top-nav .nav-list{width:25%;text-align:center}
#index-wrap .top-nav .nav-list .icon-b{width:.84rem;height:.84rem}
#index-wrap .top-nav .nav-list .nav-txt{padding-top:.13rem;color:#2c2c35;font-size:.24rem}
#index-wrap .type-nav{position:relative;height:.76rem;background:#fff}
#index-wrap .type-nav .nav-t{display:flex;padding:0 .3rem;width:100%;line-height:.76rem;justify-content:space-between}
#index-wrap .type-nav .nav-t a{height:.76rem;color:#6c6e87;font-size:.28rem}
#index-wrap .type-nav .nav-t a.active{border-bottom:.03rem solid #ff71a0;color:#2c2c35}
#index-wrap .type-nav .nav-t .icon-down{width:.28rem;height:.28rem}
#index-wrap .type-nav .nav-m{position:absolute;top:0;left:0;z-index:2;display:none;width:100%;background:#fff}
#index-wrap .type-nav .nav-m .head{padding:.3rem .3rem 0;line-height:.4rem}
#index-wrap .type-nav .nav-m .head h3{color:#2c2c35;font-size:.28rem}
#index-wrap .type-nav .nav-m .head .icon-top{width:.28rem;height:.28rem}
#index-wrap .type-nav .nav-m .main{padding:.4rem 0 .1rem;box-shadow:0 .07rem .07rem rgba(0,0,0,.08)}
#index-wrap .type-nav .nav-m .main a{float:left;margin:0 0 .3rem .3rem;width:1.5rem;height:.55rem;border-radius:.1rem;background:#f6f6fb;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.54rem}
#index-wrap .type-nav .nav-m .main a.active{border:.02rem solid #ff9080;background:#fff;color:#ff9080;line-height:.52rem}
#index-wrap .recommend{margin-top:.2rem;padding:.36rem .3rem .4rem;background:#fff}
#index-wrap .recommend .head{font-size:.3rem}
#index-wrap .recommend .main{padding-top:.36rem}
#index-wrap .recommend .main .list{margin-bottom:.3rem;padding:.4rem 0 0 .36rem;width:3.3rem;height:1.76rem;border-radius:.1rem;background:#f6f6fb}
#index-wrap .recommend .main .list:nth-child(even){margin-left:.3rem}
#index-wrap .recommend .main .list .p1{overflow:hidden;padding-right:.3rem;text-overflow:ellipsis;white-space:nowrap;font-size:.26rem}
#index-wrap .recommend .main .list .p2{padding-top:.15rem;font-size:.2rem}
#index-wrap .recommend .main .list .p2 span{padding-right:.3rem;color:#aeafc0}
#index-wrap .recommend .more-btn{display:flex;padding-top:.11rem;height:.52rem;border:1px solid #cacddf;border-radius:.1rem;text-align:center}
#index-wrap .recommend .more-btn a{display:inline-block;height:.3rem;color:#aeafc0;font-size:.22rem;line-height:.3rem;flex-grow:1}
#index-wrap .recommend .more-btn a.more{border-right:.02rem solid #cacddf}
#index-wrap .recommend .more-btn a.refresh .icon-huanyipi{margin-left:.1rem;width:.26rem;height:.26rem;vertical-align:-.05rem}
#index-wrap .recommend .no-more{color:#aeafc0;text-align:center;font-size:.2rem;line-height:.4rem}
#index-wrap .article{margin-top:.2rem;padding:.36rem .3rem .4rem}
#index-wrap .article .list-m .list{margin-bottom:.15rem}
#index-wrap .article .list-m .list .img-r{position:relative;height:1.46rem}
#index-wrap .article .list-m .list .img-r .img-title{overflow:hidden;height:auto;max-height:.8rem;line-height:.4rem}
#index-wrap .article .list-m .list .img-r .img-title a{white-space:normal}
#index-wrap .article .list-m .list .img-r .user-info{position:absolute;bottom:0;left:0;width:100%;height:.4rem;line-height:.4rem}
#index-wrap .article .list-m .list .img-r .user-info .avatar{overflow:hidden;width:.4rem;height:.4rem;border-radius:50%}
#index-wrap .article .list-m .list .img-r .user-info .avatar img{display:block;width:100%;height:100%}
#index-wrap .article .list-m .list .img-r .user-info .name{margin-left:.2rem;color:#aeafc0;font-size:.22rem}
#index-wrap .article .list-m .list .img-r .user-info .num{color:#aeafc0;font-size:.22rem}
#index-wrap .bottom-fixed-cover{height:1.18rem}
#index-wrap .bottom-fixed{position:fixed;bottom:0;left:0;width:100%;height:.96rem;background:#fff;box-shadow:-4px 0 4px rgba(0,0,0,.1)}
#index-wrap .bottom-fixed>a{float:left;padding-top:.12rem;width:25%;text-align:center}
#index-wrap .bottom-fixed [class*=icon-]{width:.44rem;height:.44rem}
#index-wrap .bottom-fixed p{margin-top:.08rem;font-size:.2rem}
#search-fixed{position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:#fff}
#search-fixed .search-t{height:1.02rem;border-bottom:.02rem solid #f6f6fb;background:#fff}
#search-fixed .search-t .back-page{padding-top:.34rem;padding-left:.22rem;width:.75rem;height:100%}
#search-fixed .search-t .back-page .icon-left{width:.34rem;height:.34rem}
#search-fixed .search-t .search-bar{margin-top:.21rem;width:5.55rem;height:.6rem;border-radius:.3rem;background:#f6f6fb}
#search-fixed .search-t .search-bar .icon-sousuo{margin:.18rem 0 0 .28rem;width:.24rem;height:.24rem;color:#777992}
#search-fixed .search-t .search-bar .txt{padding:0 .06rem;width:4.4rem;height:.6rem;border:none;background:0 0;font-size:.24rem;line-height:.6rem}
#search-fixed .search-t .search-bar .txt::placeholder{color:#777992}
#search-fixed .search-t .search-bar .clear-input{display:none;padding:.12rem .2rem 0 0}
#search-fixed .search-t .search-bar .clear-input .icon-guanbi{width:.38rem;height:.38rem;color:#777992}
#search-fixed .search-t .search-btn{width:1.2rem;text-align:center}
#search-fixed .search-t .search-btn .btn{height:100%;border:none;background:0 0;font-size:.26rem;line-height:1.02rem}
#search-fixed .search-tags{padding:.24rem .29rem 0}
#search-fixed .search-tags .tags-list .head{padding:.14rem;height:.7rem;font-size:.26rem}
#search-fixed .search-tags .tags-list .main a{float:left;margin:0 .2rem .24rem 0;padding:0 .3rem;height:.64rem;border-radius:.1rem;background:#f6f6fb;color:#6c6e87;font-size:.24rem;line-height:.64rem}
#login-wrap{min-height:100%;background:#fff}
#login-wrap .login-m{padding:.8rem .55rem 0}
#login-wrap .login-m .input-list{position:relative;margin-bottom:.28rem}
#login-wrap .login-m .input-list .error{display:block;padding:.13rem 0 0 .6rem;color:red;font-size:.28rem}
#login-wrap .login-m .input-list .get-code{position:absolute;top:0;right:0;width:2.2rem;height:.8rem;border-radius:.1rem;background:#ff71a0;color:#32323c;text-align:center;font-size:.26rem;line-height:.8rem}
#login-wrap .login-m .input-list .get-code.ed{background:#e6e6ef;pointer-events:none}
#login-wrap .login-m .input-list input{padding:0 .6rem;width:100%;height:.8rem;border:none;border-radius:.1rem;background:#f5f5fb;font-size:.26rem}
#login-wrap .login-m .input-list .phone-capatch{width:66%}
#login-wrap .login-m .capatch .capatch-div{float:right;width:2rem;height:.8rem}
#login-wrap .login-m .capatch .capatch-div img{width:100%;cursor:pointer}
#login-wrap .login-m .submit-btn{padding-top:.72rem}
#login-wrap .login-m .submit-btn .btn{width:100%;height:.88rem;border:none;border-radius:.1rem;background:#ff71a0;font-size:.32rem}
#login-wrap .login-m .form-link{text-align:right;line-height:.54rem}
#login-wrap .login-m .form-link a{color:#8b8c9c;font-size:.22rem}
#login-wrap .other-login{padding-top:1rem}
#login-wrap .other-login .h3{position:relative;margin:0 .3rem;text-align:center}
#login-wrap .other-login .h3:before{position:absolute;top:48%;left:0;width:100%;height:1px;background:#f6f6fb;content:""}
#login-wrap .other-login .h3 span{position:relative;z-index:2;padding:0 .29rem;background:#fff;color:#8b8c9c;font-size:.24rem}
#login-wrap .other-login .login-btn{padding:.5rem 0;text-align:center}
#login-wrap .other-login .login-btn a{display:inline-flex;margin:0 .5rem}
#login-wrap .other-login .login-btn svg{width:.95rem;height:.95rem}
#login-wrap .other-login .login-btn .icon-qq{color:#4cafe9}
#login-wrap .other-login .login-btn .icon-weibo{color:#ea5d5c}
#login-wrap .other-login .login-tips{color:#8b8c9c;text-align:center;font-size:.22rem}
#login-wrap .other-login .login-tips a{color:#8b8c9c;text-decoration:underline}
#protocol .user-protocol{padding:.3rem;background:#fff}
#protocol .user-protocol h3{margin:.3rem 0 .2rem;color:#6c6e87;font-weight:400;font-size:.3rem}
#protocol .user-protocol p{margin-bottom:.2rem;color:#6c6e87;font-size:.24rem;line-height:.34rem}
#protocol .user-protocol p b{font-weight:400}
#protocol .user-protocol p span{display:inline-block;padding-left:.2rem}
#play-wrap .video-info .info-head{display:flex;height:.89rem;border-bottom:1px solid #e7e7f0;background:#fff;line-height:.88rem;justify-content:space-around}
#play-wrap .video-info .info-head span{position:relative;color:#6c6e87;font-size:.26rem}
#play-wrap .video-info .info-head span:before{position:absolute;bottom:-.02rem;left:50%;display:none;margin-left:-.3rem;width:.6rem;height:.06rem;border-radius:.03rem;background:#ff71a0;content:''}
#play-wrap .video-info .info-head span.active{color:#32323c}
#play-wrap .video-info .info-head span.active:before{display:block}
#play-wrap .video-info .info-main .v-details{position:relative;overflow:hidden}
#play-wrap .video-info .info-main .v-details .details-t{position:relative;padding:.4rem .3rem;background:#fff}
#play-wrap .video-info .info-main .v-details .details-t .open-box{position:absolute;top:.4rem;right:.3rem;transition:all .2s;transform:rotate(180deg)}
#play-wrap .video-info .info-main .v-details .details-t .open-box.retract{transform:rotate(0)}
#play-wrap .video-info .info-main .v-details .details-t .behide{display:none}
#play-wrap .video-info .info-main .v-details .details-t .open-box .icon-top{width:.3rem;height:.3rem}
#play-wrap .video-info .info-main .v-details .details-t .class-tags span{float:left;margin-right:.2rem;padding:0 .16rem;height:.4rem;border:1px solid #cacddf;border-radius:.1rem;color:#aeafc0;vertical-align:top;font-size:.2rem;line-height:.38rem}
#play-wrap .video-info .info-main .v-details .details-t .class-tags h1{display:inline-block;font-size:.32rem;line-height:.4rem}
#play-wrap .video-info .info-main .v-details .details-t .class-info{margin-top:.4rem}
#play-wrap .video-info .info-main .v-details .details-t .class-info .gruy-con{padding-right:.32rem;color:#aeafc0;font-size:.24rem}
#play-wrap .video-info .info-main .v-details .details-t .class-info svg{width:.4rem;height:.4rem;color:#6c6e87}
#play-wrap .video-info .info-main .v-details .details-t .class-info span.fr{margin-left:.5rem}
#play-wrap .video-info .info-main .v-details .details-t .tool-bar{display:flex;margin-top:.4rem;line-height:.52rem;justify-content:space-between}
#play-wrap .video-info .info-main .v-details .details-t .tool-bar span{width:1.8rem;height:.56rem;border:.02rem solid #aeafc0;border-radius:.1rem;color:#aeafc0;text-align:center;font-size:.26rem}
#play-wrap .video-info .info-main .v-details .details-t .tool-bar .collect-icon span{border:none}
#play-wrap .video-info .info-main .v-details .details-t .details-data{padding-top:.35rem}
#play-wrap .video-info .info-main .v-details .details-t .details-data span{overflow:hidden;padding-right:.2rem;width:50%;color:#6c6e87;text-overflow:ellipsis;white-space:nowrap;font-size:.24rem;line-height:.4rem}
#play-wrap .video-info .info-main .v-details .details-t .shortcut-key{padding-top:.35rem}
#play-wrap .video-info .info-main .v-details .details-t .shortcut-key p{padding-right:.2rem;color:#6c6e87;font-size:.24rem;line-height:.4rem}
#play-wrap .video-info .info-main .v-details .details-t .shortcut-key p span{padding-right:.4rem;white-space:nowrap}
#play-wrap .video-info .info-main .v-details .teacher-info{margin-top:.2rem;padding:.3rem .3rem .1rem;background:#fff}
#play-wrap .video-info .info-main .v-details .teacher-info .avatar{width:.92rem;height:.92rem}
#play-wrap .video-info .info-main .v-details .teacher-info .avatar img{display:block;width:.92rem;height:.92rem;border-radius:50%}
#play-wrap .video-info .info-main .v-details .teacher-info .teacher-name{padding-left:.3rem}
#play-wrap .video-info .info-main .v-details .teacher-info .teacher-name .p-name{padding-top:.08rem;height:.6rem;font-size:.28rem}
#play-wrap .video-info .info-main .v-details .teacher-info .teacher-name .p-num{color:#6c6e87;font-size:.24rem}
#play-wrap .video-info .info-main .v-details .teacher-info .con{padding:.3rem 0;color:#6c6e87;font-size:.26rem;line-height:.4rem}
#play-wrap .video-info .info-main .v-details .teacher-info .imglist-wrapper{margin:0;padding:0}
#play-wrap .video-info .info-main .v-details .comment-wrapper{margin-top:.2rem;background:#fff}
#play-wrap .video-info .info-main .v-details .comment-wrapper .load-more{text-align: center}
#play-wrap .video-info .info-main .v-details .comment-wrapper .load-more a{display: inline-block;
    widows:2.75rem;height:.52rem;border-radius: .1rem;border:.02rem #cacddf solid;
    line-height:.48rem;
    font-size:.22rem;color:#cacddf;
    padding:0 .3rem;}
#play-wrap .video-info .info-main .v-details .comment-wrapper .mo-more{text-align: center;
    padding:.2rem 0;color:#cacddf;
    font-size:.22rem;}
#play-wrap .video-info .info-main .v-details .comment-wrapper .head{padding-left:.3rem;height:1.12rem;border-bottom:.02rem solid #e7e7f0;color:#6c6e87;font-size:.28rem;line-height:1.12rem}
#play-wrap .video-info .info-main .v-details .comment-wrapper .head span{padding-left:.1rem;color:#fc583d}
#play-wrap .video-info .info-main .v-details .comment-wrapper .head span i{font-weight:700;font-style:normal;font-size:.4rem}
#play-wrap .video-info .info-main .v-details .comment-wrapper .main{padding:.4rem .3rem 0}
#play-wrap .video-info .info-main .v-details .comment-wrapper .main .list{position:relative;padding:0 1rem .4rem}
#play-wrap .video-info .info-main .v-details .comment-wrapper .main .list .avatar{position:absolute;top:0;left:0;overflow:hidden;width:.8rem;height:.8rem;border-radius:50%}
#play-wrap .video-info .info-main .v-details .comment-wrapper .main .list .avatar img{display:block;width:100%;height:100%}
#play-wrap .video-info .info-main .v-details .comment-wrapper .main .list .time{position:absolute;top:.3rem;right:0;color:#aeafc0;font-size:.22rem}
#play-wrap .video-info .info-main .v-details .comment-wrapper .main .list .con .p1{line-height:.8rem}
#play-wrap .video-info .info-main .v-details .comment-wrapper .main .list .con .p1 a{display:inline-block;overflow:hidden;padding-right:.2rem;max-width:2.8rem;color:#3d3d45;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem}
#play-wrap .video-info .info-main .v-details .comment-wrapper .main .list .con .p1 .star .ic{margin-top:.27rem;margin-left:.1rem;width:.26rem;height:.26rem}
#play-wrap .video-info .info-main .v-details .comment-wrapper .main .list .con .txt{padding:.1rem 0;color:#6c6e87;font-size:.28rem;line-height:.4rem}
#play-wrap .video-info .info-main .v-details .follow-btn{padding-top:.18rem}
#play-wrap .video-info .info-main .v-details .follow-btn span{display:inline-block;padding:0 .26rem;height:.56rem;border:1px solid #aeafc0;border-radius:.1rem;color:#6c6e87;font-size:.26rem;line-height:.54rem}
#play-wrap .video-info .info-main .v-details .follow-btn.ed span{border-color:#f6f6fb;background:#f6f6fb;color:#aeafc0}
#play-wrap .video-info .info-main .image-text{position:relative;padding:.5rem .3rem .2rem;background:#fff}
#play-wrap .video-info .info-main .image-text .producing{padding:1rem 0;text-align:center}
#play-wrap .video-info .info-main .image-text .producing .img{margin:0 auto;width:3.03rem;height:1.1rem;background:url(../images/air.png);background-size:100% 100%}
#play-wrap .video-info .info-main .image-text .producing p{padding-top:.5rem;color:#6c6e87;font-size:.26rem}
#play-wrap .video-info .info-main .image-text p{margin:0 0 .3rem!important;color:#6c6e87!important;font-size:.28rem!important;line-height:.34rem!important}
#play-wrap .video-info .info-main .image-text img{display:block;margin-bottom:.3rem;max-width:100%}
#play-wrap .video-info .info-main .v-details .exercises-win{position:absolute;top:100%;left:0;z-index:2;width:100%;height:100%;background:#fff;transition:all .4s}
#play-wrap .video-info .info-main .v-details .exercises-win .ecs-head{padding:0 .3rem;height:.82rem;border-bottom:1px solid #f6f6fb;color:#aeafc0;font-size:.26rem;line-height:.82rem}
#play-wrap .video-info .info-main .v-details .exercises-win .ecs-head .icon-guanbi{margin-top:.2rem;width:.4rem;height:.4rem;color:#d9d9e4}
#play-wrap .video-info .info-main .v-details .ecs-main .list{padding:0 .3rem;height:1rem;line-height:1rem}
#play-wrap .video-info .info-main .v-details .ecs-main .list p{overflow:hidden;width:5.3rem;color:#6c6e87;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem}
#play-wrap .video-info .info-main .v-details .ecs-main .list span.fr{color:#c3c6da;font-size:.2rem}
#play-wrap .video-info .info-main .v-details .ecs-main .list .icon-yuedu{margin-right:.12rem;width:.28rem;height:.28rem;color:#c3c6da;vertical-align:-.05rem}
#play-wrap .video-info .info-main .v-details .ecs-main .list.active{background:#f6f6fb}
#play-wrap .video-info .info-main .v-list{background:#fff}
#play-wrap .video-info .info-main .v-list .open-app-tips{padding:.22rem .3rem;border-bottom:1px solid #f6f6fb}
#play-wrap .video-info .info-main .v-list .open-app-tips span{display:block;height:.8rem;border-radius:.1rem;background:#fd0;color:#393944;text-align:center;font-size:.28rem;line-height:.8rem}
#play-wrap .video-info .info-main .v-list .list-m .list{position:relative;display:block;padding:.22rem .3rem}
#play-wrap .video-info .info-main .v-list .list-m .list.active{background:#f6f6fb}
#play-wrap .video-info .info-main .v-list .list-m .list .state{position:absolute;top:.22rem;right:.3rem;color:#c3c6da;font-size:.22rem;line-height:.24rem}
#play-wrap .video-info .info-main .v-list .list-m .list .state svg{margin-right:.1rem;width:.25rem;height:.25rem;vertical-align:top}
#play-wrap .video-info .info-main .v-list .list-m .list .title{overflow:hidden;max-width:80%;color:#6c6e87;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem}
#play-wrap .video-info .info-main .v-list .list-m .list .data{padding-top:.22rem;color:#c3c6da;font-size:.22rem}
#play-wrap .video-info .info-main .v-list .list-m .list .data span{padding-right:.38rem}
#play-wrap .video-info .info-main .imglist-wrapper{margin-top:0}
#huke88-video-play{position:absolute;top:21%;left:50%;z-index:9;display:block;margin:-61px;width:102px;height:102px;background:url(../images/video-play-icon.png) no-repeat center}
#teacher-mch .teacher-class-list{overflow-x:auto;overflow-y:hidden;padding:.23rem .3rem 0;height:1.84rem;border-bottom:1px solid #e7e7f0;background:#fff}
#teacher-mch .teacher-class-list::-webkit-scrollbar{width:0;height:0}
#teacher-mch .teacher-class-list .list-m{white-space:nowrap}
#teacher-mch .teacher-class-list .list{position:relative;display:inline-block;width:1.6rem;vertical-align:top;text-align:center}
#teacher-mch .teacher-class-list .list .dt svg{width:.85rem;height:.85rem}
#teacher-mch .teacher-class-list .list .dd{padding-top:.14rem;height:.5rem}
#teacher-mch .teacher-class-list .list .dd a{color:#6c6e87;font-size:.24rem}
#teacher-mch .teacher-class-list .list.active .dd a{color:#2c2c35;font-size:.28rem}
#teacher-mch .teacher-class-list .list.active:before{position:absolute;bottom:-.1rem;left:50%;margin-left:-.06rem;width:.12rem;height:.12rem;border-radius:50%;background:#fc583d;content:""}
#teacher-mch .class-list{padding-top:.42rem}
#play-wrap.teacher-mch-play .video-info .info-head span:before{background:#fc583d}
#play-wrap.teacher-mch-play .video-info .info-head span.active{color:#fc583d}
#play-wrap.teacher-mch-play .video-info .info-main .v-list .list-m .list .free-study{width:1.48rem;height:.56rem;border-radius:.1rem;background:#69e3cc;color:#fff;text-align:center;font-size:.24rem}
#play-wrap.teacher-mch-play .video-info .info-main .tuijian{padding:.2rem 0 .3rem}
.teacher-mch-play .bottom-fixed-cover{height:1.18rem}
.teacher-mch-play .pay-fixed{position:fixed;bottom:0;left:0;z-index:9;padding-left:.3rem;width:100%;height:.96rem;background:#fff;box-shadow:-4px 0 4px rgba(0,0,0,.1)}
.teacher-mch-play .pay-fixed .pay-btn{width:3rem}
.teacher-mch-play .pay-fixed .pay-btn a{display:block;height:1rem;background:#fc583d;color:#fff;text-align:center;font-size:.3rem;line-height:1rem}
.teacher-mch-play .pay-fixed .pay-info{display:table-cell;width:3.8rem;height:1rem;vertical-align:middle}
.teacher-mch-play .pay-fixed .pay-info p{vertical-align:middle}
.teacher-mch-play .pay-fixed .pay-info .old-price{color:#aeafc0;text-decoration:line-through;font-size:.22rem;line-height:.26rem}
.teacher-mch-play .pay-fixed .pay-info .price-con{font-size:.3rem;line-height:.36rem}
.teacher-mch-play .pay-fixed .pay-info .price-con span{color:#fc2733}
#pay-wrap{position:relative}
#pay-wrap .other-header{border-bottom:1px solid #e7e7f0;background:#fff}
#pay-wrap .other-header .avatar{position:absolute;top:.2rem;right:.3rem;overflow:hidden;width:.48rem;height:.48rem;border-radius:50%}
#pay-wrap .other-header .avatar img{display:block;width:100%;height:100%}
#pay-wrap .pay-way{margin-top:.15rem;padding-left:.3rem;background:#fff}
#pay-wrap .pay-way .way-t{height:.9rem;border-bottom:1px solid #f6f6fb;font-size:.3rem;line-height:.9rem}
#pay-wrap .pay-way .way-list .list{padding-right:.29rem;height:1rem;line-height:1rem}
#pay-wrap .pay-way .way-list .list [class*=icon-]{margin-top:.25rem;margin-right:.2rem;width:.5rem;height:.5rem}
#pay-wrap .pay-way .way-list .list .icon-zhifubao{color:#00a0e9}
#pay-wrap .pay-way .way-list .list .icon-weixin{color:#41b035}
#pay-wrap .pay-way .way-list .list .con{font-size:.28rem}
#pay-wrap .pay-way .way-list .list .check-btn{position:relative;margin-top:.3rem;width:.32rem;height:.32rem;border:.02rem solid #2c2c35;border-radius:50%}
#pay-wrap .pay-way .way-list .list.active .check-btn:before{position:absolute;top:50%;left:50%;margin:-.09rem 0 0 -.09rem;width:.18rem;height:.18rem;border-radius:50%;background:#fc583d;content:""}
#pay-wrap .pay-way .way-list .list.active .check-btn.yellow:before{background:#ff71a0}
#pay-wrap .pay-num{margin-top:.15rem;padding:.29rem;background:#fff}
#pay-wrap .pay-num p{padding:.11rem 0}
#pay-wrap .pay-num .p1{color:#6c6e87;font-size:.26rem}
#pay-wrap .pay-num .p1 span.fr{color:#aeafc0;text-decoration:line-through}
#pay-wrap .pay-num .p2{font-size:.3rem}
#pay-wrap .pay-num .p2 span.fr{color:#ff4141}
#pay-wrap .bottom-fixed-cover{height:1.18rem}
#pay-wrap .pay-fixed{position:fixed;bottom:0;left:0;z-index:9;padding-left:.3rem;width:100%;height:.96rem;background:#fff;box-shadow:-4px 0 4px rgba(0,0,0,.1)}
#pay-wrap .pay-fixed .pay-btn{width:3rem}
#pay-wrap .pay-fixed .pay-btn a{display:block;height:1rem;background:#fc583d;color:#fff;text-align:center;font-size:.3rem;line-height:1rem}
#pay-wrap .pay-fixed .pay-btn.yellow a{background:#ff71a0;color:#2c2c35}
#pay-wrap .pay-fixed .pay-info{display:table-cell;width:3.8rem;height:1rem;vertical-align:middle}
#pay-wrap .pay-fixed .pay-info p{vertical-align:middle}
#pay-wrap .pay-fixed .pay-info .old-price{color:#aeafc0;text-decoration:line-through;font-size:.22rem;line-height:.26rem}
#pay-wrap .pay-fixed .pay-info .price-con{font-size:.3rem;line-height:.36rem}
#pay-wrap .pay-fixed .pay-info .price-d{color:#999;font-size:.16rem}
#pay-wrap .pay-fixed .pay-info .price-d span{padding:0 .06rem}
#pay-wrap .pay-fixed .pay-info .price-con span{color:#fc2733}
#pay-wrap .pay-img .imgshow-column{padding-top:.38rem}
#pay-wrap .sale-info{padding:.4rem 0 .35rem;background:#fff}
#pay-wrap .sale-info .sale-btn{margin:0 0 .3rem .3rem;width:3.3rem;height:1rem;border:1px solid #cacddf;border-radius:.14rem;background:#f6f6fb;color:#6c6e87;text-align:center;font-weight:700;font-size:.28rem;line-height:1rem}
#pay-wrap .sale-info .sale-btn svg{margin-right:.12rem;width:.32rem;height:.32rem}
#pay-wrap .sale-info .tips{padding:0 .3rem;color:#ff6b50;font-size:.26rem;line-height:.76rem}
#pay-wrap .sale-info .sale-wrap{margin:0 .3rem;padding:.5rem .7rem .4rem;border-radius:.2rem;background:-webkit-linear-gradient(top,#ffcc64,#e4a456);box-shadow:0 0 .15rem #e4a456}
#pay-wrap .sale-info .sale-wrap .p1{color:#fff;font-size:.34rem}
#pay-wrap .sale-info .sale-wrap .p1 svg{margin-left:.16rem;width:.35rem;height:.35rem;vertical-align:top}
#pay-wrap .sale-info .sale-wrap .p1 span{padding-left:.08rem;vertical-align:.04rem;font-size:.24rem}
#pay-wrap .sale-info .sale-wrap .p2{margin-top:.2rem;color:#fff;font-size:.24rem;line-height:.28rem}
#pay-wrap .sale-info .sale-wrap .p3{padding-top:.2rem;color:#fff;text-align:right;font-size:.34rem}
#pay-wrap .sale-info .sale-wrap .p3 .s1{margin-right:.14rem;text-decoration:line-through;font-size:.24rem}
#pay-wrap .sale-info .sale-wrap.svip{background:-webkit-linear-gradient(top,#ffac5b,#ff7271);box-shadow:0 0 .15rem #ff7371}
#pay-wrap .sale-info .sale-wrap.single{background:-webkit-linear-gradient(left,#a1a1bb,#c7c7da);box-shadow:0 0 .15rem #a1a1bb}
#pay-wrap .vip-privilege .head{padding:.5rem .3rem 0;font-size:.3rem}
#pay-wrap .vip-privilege .list{float:left;width:25%;text-align:center}
#pay-wrap .vip-privilege .list .privilege-icon{height:1.36rem;text-align:center}
#pay-wrap .vip-privilege .list .privilege-icon span{display:inline-block;margin:0 auto;background:url(../images/vip-privilege.png);background-size:2.65rem 1.35rem}
#pay-wrap .vip-privilege .v1 .privilege-icon span{margin-top:.5rem;width:.65rem;height:.48rem}
#pay-wrap .vip-privilege .v2 .privilege-icon span{margin-top:.42rem;width:.45rem;height:.56rem;background-position:-.82rem 0}
#pay-wrap .vip-privilege .v3 .privilege-icon span{margin-top:.43rem;width:.57rem;height:.55rem;background-position:-1.39rem 0}
#pay-wrap .vip-privilege .v4 .privilege-icon span{margin-top:.47rem;width:.52rem;height:.5rem;background-position:-2.13rem 0}
#pay-wrap .vip-privilege .v5 .privilege-icon span{margin-top:.52rem;width:.68rem;height:.44rem;background-position:0 -.79rem}
#pay-wrap .vip-privilege .v6 .privilege-icon span{margin-top:.47rem;width:.48rem;height:.56rem;background-position:-.82rem -.79rem}
#pay-wrap .vip-privilege .v7 .privilege-icon span{margin-top:.47rem;width:.52rem;height:.53rem;background-position:-1.39rem -.79rem}
#pay-wrap .vip-privilege .v8 .privilege-icon span{margin-top:.47rem;width:.34rem;height:.55rem;background-position:-2.13rem -.79rem}
#pay-wrap .vip-privilege .ing .list svg{margin:.4rem auto 0;width:.75rem;height:.75rem}
#pay-wrap .vip-privilege .list p{font-size:.24rem}
#pay-wrap .vip-choose{display:flex;padding:.35rem .3rem 0;justify-content:space-between}
#pay-wrap .vip-choose .tablist{margin-right:.3rem;padding-bottom:.24rem;border:1px solid #cacddf;border-radius:.1rem;text-align:center;flex-grow:1}
#pay-wrap .vip-choose .tablist:last-child{margin-right:0}
#pay-wrap .vip-choose .tablist .p1{color:#6c6e87;font-size:.28rem;line-height:.72rem}
#pay-wrap .vip-choose .tablist .p2{margin:0 auto;width:1.4rem;height:.5rem;border-radius:.12rem;background:#b7bbd2;color:#fff;font-size:.24rem;line-height:.5rem}
#pay-wrap .vip-choose .tablist.active{border-color:#e5e7f0;background:#e5e7f0}
#pay-wrap .vip-choose .tablist.active .p2{background:#9ca1bd}
#pay-wrap .vip-choose .tablist .p3{padding-top:.2rem;color:#6c6e87;font-size:.22rem}
#pay-wrap .vip-wrap-t{display:flex;height:.9rem;border-bottom:.02rem solid #e7e7f0;background:#fff;justify-content:space-around}
#pay-wrap .vip-wrap-t .tablist{position:relative;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.9rem;flex-grow:1}
#pay-wrap .vip-wrap-t .tablist.active{color:#2c2c35}
#pay-wrap .vip-wrap-t .tablist.active:after{position:absolute;bottom:-.02rem;left:50%;margin-left:-.3rem;width:.6rem;height:.06rem;border-radius:.03rem;background:#ff71a0;content:''}
#pay-wrap .vip-wrap-t .tablist .icon-huo{width:.34rem;height:.34rem}
#pay-wrap .vip-wrap-m{padding-bottom:.4rem;background:#fff}
#pay-wrap .vip-wrap-m .type-tips{padding:.2rem .3rem 0;color:#aeafc0;font-size:.22rem}
#pay-wrap .vip-wrap-m .choose-type{margin-top:.5rem;padding:0 .3rem}
#pay-wrap .vip-wrap-m .choose-type .head{font-size:.3rem}
#pay-wrap .vip-wrap-m .choose-type .head .active{transform:rotate(180deg)}
#pay-wrap .vip-wrap-m .choose-type .head .icon-top{width:.3rem;height:.3rem;color:#777992}
#pay-wrap .vip-wrap-m .choose-type .main{overflow:hidden;padding-top:.06rem;width:100%;max-height:1.76rem}
#pay-wrap .vip-wrap-m .choose-type .main span{float:left;margin:.3rem .3rem 0 0;width:1.5rem;height:.55rem;border-radius:.1rem;background:#f6f6fb;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.55rem}
#pay-wrap .vip-wrap-m .choose-type .main span:nth-child(4n){margin-right:0}
#pay-wrap .vip-wrap-m .choose-type .main span.active,#pay-wrap .vip-wrap-m .choose-type .main span.active a{background:#9ca1bd;color:#fff}
#user-wrap .u-head{padding:.3rem 0 .25rem;background:-webkit-linear-gradient(left,#ff71a0,#ffbf56)}
#user-wrap .u-head .pre-page{padding-left:.3rem}
#user-wrap .u-head .pre-page .icon-left{width:.34rem;height:.34rem}
#user-wrap .u-head .user-info{padding:.45rem .3rem 0}
#user-wrap .u-head .user-info .avatar{width:1.2rem;height:1.2rem}
#user-wrap .u-head .user-info .avatar img{display:block;width:1.2rem;height:1.2rem;border-radius:50%}
#user-wrap .u-head .user-info .u-name{padding-left:.4rem}
#user-wrap .u-head .user-info .u-name .p-name{overflow:hidden;padding-top:.2rem;max-width:3rem;text-overflow:ellipsis;white-space:nowrap;font-size:.32rem}
#user-wrap .u-head .user-info .u-name .p-id{padding-top:.22rem;color:#766848;font-size:.24rem}
#user-wrap .u-head .user-info .a-link{margin-top:.17rem;width:1.54rem;height:.56rem;border-radius:.1rem;background:#fff;color:#ff71a0;text-align:center;font-size:.24rem;line-height:.56rem}
#user-wrap .u-head .u-head-b{margin-top:.3rem;height:.38rem;line-height:.38rem}
#user-wrap .u-head .u-head-b span{display:inline-block;width:49%;color:#766848;text-align:center;font-size:.26rem}
#user-wrap .u-head .u-head-b span:nth-child(1){border-right:1px solid #dfae00}
#user-wrap .u-head .u-head-b [class*=icon-]{margin-right:.1rem;width:.3rem;height:.3rem}
#user-wrap .u-head .u-head-b .icon-quanzhantongvip.active{color:#fff800}
#user-wrap .u-head .u-head-b .icon-zhongshenvip{color:#ff5454}
#user-wrap .u-item{display:table;padding:.3rem 0;width:100%;background:#fff;text-align:center}
#user-wrap .u-item dl{display:table-cell}
#user-wrap .u-item dl dt [class*=icon-]{width:.75rem;height:.75rem}
#user-wrap .u-item dl dd a{color:#6c6e87;font-size:.24rem}
#user-wrap .u-nav{margin-top:.15rem;background:#fff}
#user-wrap .u-nav .list{padding:0 .3rem;height:1rem;border-top:1px solid #f6f6fb;line-height:1rem}
#user-wrap .u-nav .list:first-child{border:none}
#user-wrap .u-nav .list [class*=icon-]{margin-top:.32rem;width:.34rem;height:.34rem}
#user-wrap .u-nav .list .con{padding-left:.25rem;color:#36363f;font-size:.28rem}
#user-wrap .u-nav .list .icon-left{color:#e7e7f0;transform:rotate(180deg)}
#user-wrap .sign-out{padding:.8rem .55rem}
#user-wrap .sign-out a{display:block;height:.9rem;border-radius:.1rem;background:#ff71a0;color:#fff;text-align:center;font-size:.32rem;line-height:.9rem}
#user-wrap .u-openvip{position:absolute;bottom:-.52rem;left:.3rem;margin:0 auto;padding:.25rem 0;width:6.9rem;height:1.04rem;border-radius:.15rem;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.1);line-height:.56rem}
#user-wrap .u-openvip span{display:inline-block;width:49%;text-align:center;font-size:.26rem}
#user-wrap .u-openvip span:last-child{border-left:1px solid #eeeff5}
#user-wrap .u-openvip .open-btn{display:inline-block;margin-left:.13rem;width:1.8rem;height:.56rem;border:1px solid #ff71a0;border-radius:.1rem;color:#ff71a0;vertical-align:top;text-align:center;font-size:.24rem;line-height:.52rem}
#user-wrap .unvip{position:relative;margin-bottom:.88rem;padding-bottom:.78rem}
#user-wrap .user-tabs{height:.9rem;border-bottom:1px solid #e7e7f0;background:#fff;line-height:.9rem}
#user-wrap .user-tabs a{position:relative;display:inline-block;width:49%;color:#6c6e87;text-align:center;font-size:.26rem}
#user-wrap .user-tabs a:before{position:absolute;top:.28rem;left:-2px;width:1px;height:.38rem;background:#eeeff5;content:""}
#user-wrap .user-tabs a.active{color:#32323c}
#user-wrap .user-tabs a.active:after{position:absolute;bottom:0;left:50%;margin-left:-.33rem;width:.66rem;height:2px;border-radius:1px;background:#ff71a0;content:""}
#user-wrap .imgshow-column{padding-top:.35rem}
#user-wrap .u-follow .list{margin-bottom:.15rem;padding:.35rem 0;background:#fff}
#user-wrap .u-follow .list .follow-user{margin-bottom:.35rem;padding:0 .3rem}
#user-wrap .u-follow .list .follow-user .avatar{width:.7rem;height:.7rem}
#user-wrap .u-follow .list .follow-user .avatar img{display:block;width:.7rem;height:.7rem;border-radius:50%}
#user-wrap .u-follow .list .follow-user .avatar-r{padding-left:.2rem;width:5.6rem}
#user-wrap .u-follow .list .follow-user .avatar-r .p1{padding-top:.05rem;font-size:.28rem}
#user-wrap .u-follow .list .follow-user .avatar-r .p2{padding-top:.1rem;color:#6c6e87;font-size:.24rem;line-height:.24rem}
#user-wrap .u-follow .list .user-img{overflow-y:scroll;height:1.55rem}
#user-wrap .u-follow .list .user-img::-webkit-scrollbar{width:0;height:0}
#user-wrap .u-follow .list .user-img .img-m{padding:0 .3rem;white-space:nowrap}
#user-wrap .u-follow .list .user-img .img{display:inline-block;margin-right:.12rem;width:2.52rem;height:1.55rem}
#user-wrap .u-follow .list .user-img .img img{display:block;width:2.52rem;height:1.55rem;border-radius:.1rem}
#user-wrap .u-order{padding-top:.15rem}
#user-wrap .u-order .list{margin-bottom:.15rem;background:#fff}
#user-wrap .u-order .list .order-num{margin-left:.3rem;height:.74rem;border-bottom:1px solid #f6f6fb;color:#6c6e87;font-size:.26rem;line-height:.74rem}
#user-wrap .u-order .list .order-img{padding:.35rem .3rem}
#user-wrap .u-order .list .order-img .img{width:2.52rem;height:1.55rem}
#user-wrap .u-order .list .order-img .img img{display:block;width:2.52rem;height:1.55rem;border-radius:.1rem}
#user-wrap .u-order .list .order-img .img-r{width:4.08rem}
#user-wrap .u-order .list .order-img .img-r .img-title{padding-top:.05rem;height:.58rem}
#user-wrap .u-order .list .order-img .img-r .img-title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem}
#user-wrap .u-order .list .order-img .img-r .p-gruy{margin-top:.25rem;color:#aeafc0;font-size:.24rem}
#user-wrap .u-order .list .order-img .img-r .p-gruy span{padding-right:.4rem}
#user-wrap .u-order .list .order-state{margin-left:.3rem;padding-right:.3rem;height:.97rem;border-top:1px solid #f6f6fb;color:#6c6e87;font-size:.26rem;line-height:.82rem}
#user-wrap .u-order .list .order-state i{color:#ff4141;font-style:normal}
#user-wrap .other-header .recharge-record{position:absolute;top:.26rem;right:.3rem;font-size:.28rem}
#user-wrap .u-vip{padding-top:.15rem}
#user-wrap .u-vip .list{margin-bottom:.15rem;background:#fff}
#user-wrap .u-vip .list .list-t{margin-left:.3rem;padding-right:.3rem;height:.9rem;border-bottom:1px solid #f6f6fb;font-size:.3rem;line-height:.9rem}
#user-wrap .u-vip .list .list-t span.fr{margin-top:.16rem;width:1.4rem;height:.56rem;border:1px solid #aeafc0;border-radius:.1rem;color:#6c6e87;text-align:center;font-size:.24rem;line-height:.54rem}
#user-wrap .u-vip .list .list-m{padding:.35rem .3rem}
#user-wrap .u-vip .list .list-m .vip-icon{padding-left:.02rem;width:.8rem;height:.8rem;border-radius:50%;text-align:center}
#user-wrap .u-vip .list .list-m .vip-icon svg{margin-top:.2rem;width:.4rem;height:.4rem;color:#fff}
#user-wrap .u-vip .list .list-m .vip-icon.v1{background:-webkit-linear-gradient(right,#c8c8da,#a1a1bb)}
#user-wrap .u-vip .list .list-m .vip-icon.v2{background:-webkit-linear-gradient(left,#ffbb52,#ffd278)}
#user-wrap .u-vip .list .list-m .vip-icon.v3{background:-webkit-linear-gradient(bottom,#ff786f,#ffab5b)}
#user-wrap .u-vip .list .list-m .vip-con{padding-left:.3rem}
#user-wrap .u-vip .list .list-m .vip-con .p1{padding-top:.02rem;font-size:.28rem}
#user-wrap .u-vip .list .list-m .vip-con .p2{padding-top:.26rem;color:#aeafc0;font-size:.24rem}
#user-wrap .u-vip .list .list-m .alink{margin-top:.12rem;width:1.4rem;height:.56rem;border-radius:.1rem;background:#ff71a0;text-align:center;font-size:.24rem;line-height:.56rem}
#user-wrap .u-vip .list .list-m .alink.sj{background:#ffab26;color:#fff}
#user-wrap .u-vip .list .list-m .alink.xf{background:#ff7159;color:#fff}
#user-wrap .u-vip-record{padding-top:.15rem}
#user-wrap .u-vip-record .list{margin-bottom:.15rem;background:#fff}
#user-wrap .u-vip-record .list .list-num{margin-left:.3rem;height:.74rem;border-bottom:1px solid #f6f6fb;color:#6c6e87;font-size:.26rem;line-height:.74rem}
#user-wrap .u-vip-record .list .p1{padding:.3rem .3rem .48rem;font-size:.28rem}
#user-wrap .u-vip-record .list .p1 span.fr{font-size:.32rem}
#user-wrap .u-vip-record .list .p2{padding:0 .3rem .34rem;color:#aeafc0;font-size:.24rem}
#user-wrap .u-vip-record .list .p2 span.fr{font-size:.24rem}
#user-wrap .news-list{background:#fff}
#user-wrap .news-list .list{margin-left:.3rem;padding:.3rem .3rem .3rem 0;border-bottom:1px solid #f6f6fb}
#user-wrap .news-list .list .avatar{width:.8rem;height:.8rem}
#user-wrap .news-list .list .avatar img{display:block;width:.8rem;height:.8rem;border-radius:50%}
#user-wrap .news-list .list .avatar-r{padding-left:.2rem;width:5.8rem}
#user-wrap .news-list .list .avatar-r .p1{padding-top:.1rem;font-size:.28rem}
#user-wrap .news-list .list .avatar-r .p1 span{padding-left:.15rem;color:#aeafc0;font-size:.22rem}
#user-wrap .news-list .list .avatar-r .p2{overflow:hidden;padding-top:.14rem;color:#6c6e87;text-overflow:ellipsis;white-space:nowrap;font-size:.24rem}
#user-wrap .about-us{padding:0 .34rem;padding-bottom:.8rem;background:#fff}
#user-wrap .about-us dl{padding-top:.5rem}
#user-wrap .about-us dl dd,#user-wrap .about-us dl dt{color:#6c6e87;font-size:.28rem;line-height:.46rem}
#user-wrap .u-question{background:#fff}
#user-wrap .u-question dl{padding:.38rem .3rem;border-bottom:1px solid #f6f6fb}
#user-wrap .u-question .active dd{display:block}
#user-wrap .u-question dl dt{position:relative;padding-right:.5rem;color:#36363f;font-size:.28rem}
#user-wrap .u-question dl dt .icon-down{position:absolute;top:-.05rem;right:.3rem;width:.32rem;height:.32rem;color:#e7e7f0;transition:all .3s}
#user-wrap .u-question dl dd{display:none;margin-top:.42rem;color:#6c6e87;font-size:.28rem;line-height:.34rem}
#user-wrap .u-question .active dt .icon-down{transform:rotate(180deg)}
#user-wrap .teacher-box{height:1.05rem}
#user-wrap .teacher-info{position:relative;margin-bottom:.15rem;padding:1.1rem 0 .35rem;background:#fff;text-align:center}
#user-wrap .teacher-info .avatar{position:absolute;top:-.84rem;left:50%;margin-left:-.84rem;width:1.68rem;height:1.68rem;border:2px solid #fff;border-radius:50%}
#user-wrap .teacher-info .avatar img{display:block;width:100%;height:100%;border-radius:50%}
#user-wrap .teacher-info .teacher-name{font-size:.3rem}
#user-wrap .teacher-info .data{height:.82rem;color:#aeafc0;font-size:.26rem;line-height:.64rem}
#user-wrap .teacher-info .data span{padding:.17rem}
#user-wrap .teacher-info .follow-btn span{display:inline-block;width:1.92rem;height:.62rem;border:1px solid #aeafc0;border-radius:.1rem;color:#6c6e87;font-size:.26rem;line-height:.6rem}
#user-wrap .teacher-info .follow-btn.ed span{border-color:#f6f6fb;background:#f6f6fb;color:#aeafc0}
#user-wrap .teacher-class .p-gruy{margin-top:.08rem}
.layer-reset{text-align:left;line-height:.66rem}
.layer-reset span{display:inline-block;margin:0 .2rem;width:.85rem;height:.45rem;border:1px solid #d4d4d4;border-radius:.1rem;text-align:center;line-height:.44rem}
.layer-reset i{padding-right:.08rem;font-style:normal}
#sign-wrap{background:url(../images/sign-bg.png) no-repeat;background-size:100% auto}
#sign-wrap .other-header{background:0 0}
#sign-wrap .other-header .icon-left{color:#fff}
#sign-wrap .hkb-head{padding:.48rem 0 0 4rem;color:#fff}
#sign-wrap .hkb-head .p1{font-size:.32rem}
#sign-wrap .hkb-head .p2{padding-top:.25rem;height:1.04rem;font-weight:700;font-size:.5rem}
#sign-wrap .hkb-head .p3{font-size:.2rem}
#sign-wrap .sign-m{margin:.8rem .3rem .5rem;padding:0 .56rem .3rem;border-radius:.15rem;background:#fff;box-shadow:0 0 .1rem rgba(0,0,0,.1)}
#sign-wrap .sign-m .head{color:#6c6e87;text-align:center;font-size:.28rem;line-height:1.2rem}
#sign-wrap .sign-m .head span{padding-left:.15rem;color:#ff6051;font-size:.28rem}
#sign-wrap .sign-m .day-list{width:.96rem;text-align:center}
#sign-wrap .sign-m .day-list.active .sign-box{background:#ffbe44}
#sign-wrap .sign-m .day-list.active .sign-box p{color:#fff}
#sign-wrap .sign-m .day-list .sign-box .icon-duihao{width:.36rem;height:.36rem;color:#fff}
#sign-wrap .sign-m .day-list .sign-box{height:.96rem;border-radius:.15rem;background:#f4f4f7}
#sign-wrap .sign-m .day-list .sign-box p{color:#676984;font-weight:700;font-size:.24rem;line-height:.48rem}
#sign-wrap .sign-m .day-list .sign-box .icon-jinbixiao{width:.36rem;height:.36rem}
#sign-wrap .sign-m .day-list .sign-con{height:.62rem;color:#6c6e87;font-size:.2rem;line-height:.34rem}
#sign-wrap .sign-m .sj{padding:.38rem 0 0 .2rem;width:.6rem}
#sign-wrap .sign-m .sj .icon-sanjiaoxing{width:.2rem;height:.2rem;color:#c3c6da;transform:rotate(90deg)}
#sign-wrap .sign-m .day-list.double{position:relative;width:2.55rem}
#sign-wrap .sign-m .day-list.double:before{position:absolute;top:-.03rem;left:-.03rem;width:.72rem;height:.72rem;background:url(../images/sign-icon.png);background-size:cover;content:""}
#sign-wrap .sign-m .day-list.double.active:before{display:none}
#sign-wrap .sign-m .day-list.double .sign-box{padding:0 .3rem 0 .5rem}
#sign-wrap .sign-m .day-list.double.active .sign-box{padding:0 .7rem}
#sign-wrap .sign-m .day-list.double .sign-box .icon-jinbida{width:.84rem;height:.84rem}
#sign-wrap .sign-m .day-list.double .sign-box .icon-duihao{margin-top:.3rem}
#sign-wrap .sign-m .day-list.double .sign-box p{font-size:.28rem;line-height:.96rem}
#sign-wrap .sign-m .sign-btn{width:5.7rem;height:.8rem;border-radius:.1rem;background:#ff6051;box-shadow:0 0 .1rem rgba(0,0,0,.1);color:#fff;text-align:center;font-size:.3rem;line-height:.8rem}
#sign-wrap .sign-m .sign-btn.ed{background:#d9d9e4;pointer-events:none}
#sign-wrap .sign-m .sign-tips{padding-top:.08rem;color:#aeafc0;text-align:center;font-size:.2rem}
.shayemeiyou{padding:1.5rem 0;text-align:center}
.shayemeiyou .icon{display:inline-block;margin:0 auto;width:3.03rem;height:1.1rem;background:url(../images/air.png);background-size:cover}
.shayemeiyou p{padding-top:.5rem;color:#b2b3c3;font-size:.3rem}
#search-wrap .search-t{height:1.02rem;border-bottom:.02rem solid #f6f6fb;background:#fff}
#search-wrap .search-t .back-page{padding-top:.34rem;padding-left:.22rem;width:.75rem;height:100%}
#search-wrap .search-t .back-page .icon-left{width:.34rem;height:.34rem}
#search-wrap .search-t .search-bar{margin-top:.21rem;width:5.55rem;height:.6rem;border-radius:.3rem;background:#f6f6fb}
#search-wrap .search-t .search-bar .icon-sousuo{margin:.18rem 0 0 .28rem;width:.24rem;height:.24rem;color:#777992}
#search-wrap .search-t .search-bar .txt{padding:0 .06rem;width:4.4rem;height:.6rem;border:none;background:0 0;font-size:.24rem;line-height:.6rem}
#search-wrap .search-t .search-bar .txt::placeholder{color:#777992}
#search-wrap .search-t .search-bar .clear-input{display:none;padding:.12rem .2rem 0 0}
#search-wrap .search-t .search-bar .clear-input .icon-guanbi{width:.38rem;height:.38rem;color:#777992}
#search-wrap .search-t .search-btn{width:1.2rem;text-align:center}
#search-wrap .search-t .search-btn .btn{height:100%;border:none;background:0 0;font-size:.26rem;line-height:1.02rem}
#search-wrap .imgshow-column{padding-top:.35rem}
#search-wrap .subnav{position:relative}
#search-wrap .sub-m{display:table;padding:.23rem 0;width:100%;height:.8rem;border-bottom:1px solid #e7e7f0;background:#fff}
#search-wrap .sub-m span{display:table-cell;height:.34rem;border-right:1px solid #eeeff5;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.34rem}
#search-wrap .sub-m b{font-weight: normal;}
#search-wrap .sub-m span:last-child{border:none}
#search-wrap .sub-m span .icon-down{margin-left:.12rem;width:.24rem;height:.24rem;transition:transform .3s}
#search-wrap .sub-m span.active{position:relative;color:#1e132b}
#search-wrap .sub-m span.active .icon-down{transform:rotate(180deg)}
#search-wrap .sub-m span.active:before{position:absolute;bottom:-.23rem;left:50%;margin-left:-.3rem;border:.12rem solid transparent;content:"";border-bottom-color:#f0f1f6}
#search-wrap .subnav .sub-down{position:absolute;top:.8rem;left:0;width:100%;height:17rem}
#search-wrap .subnav .sub-down .win-bg{height:100%;background:rgba(0,0,0,.3)}
#search-wrap .subnav .sub-down .down-box{position:absolute;top:0;left:0;width:100%;background:#fff}
#search-wrap .subnav .sub-down .tags-box{padding:.35rem 0 .1rem}
#search-wrap .subnav .sub-down .tags-box a{float:left;margin:0 0 .25rem .3rem;width:2.1rem;height:.68rem;border-radius:.1rem;background:#f6f6fb;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.68rem}
#search-wrap .subnav .sub-down .tags-box a.active{border: 1px solid #ff9080;background: #fff;color: #ff9080;}
#search-wrap .subnav .sub-down .tags-alink a{display:block;padding:0 .3rem;height:.8rem;color:#6c6e87;font-size:.26rem;line-height:.8rem}
#search-wrap .imglist-wrapper{margin:0}
#rjrm-wrap .rj-banner{height:2.3rem;background:url(../images/ruanjian-banner.png) no-repeat center/cover}
#rjrm-wrap .rj-list{margin-top:.24rem;background:#fff}
#rjrm-wrap .rj-list .list{float:left;padding:.46rem 0 .26rem;width:33%;border-right:1px solid #f6f6fb;border-bottom:1px solid #f6f6fb;text-align:center}
#rjrm-wrap .rj-list .list:nth-child(3n){width:34%;border-right:none}
#rjrm-wrap .rj-list .list [class*=icon-]{width:.8rem;height:.8rem}
#rjrm-wrap .rj-list .list .p1{color:#2c2c35;font-size:.26rem;line-height:.56rem}
#rjrm-wrap .rj-list .list .p2 span{display:inline-block;padding:0 .14rem;width:50%;height:.2rem;color:#aeafc0;font-size:.22rem}
#rjrm-wrap .rj-list .list .p2 .tl{border-right:1px solid #eeeff5;text-align:right}
#rjrm-wrap .rj-list .list .p2 .tr{text-align:left}
.hyjc-list{padding:.35rem 0 0 .3rem}
.hyjc-list .list{margin:0 .24rem .19rem 0;padding-left:.3rem;width:3.36rem;height:1.8rem;border-radius:.12rem;background:#fff;box-shadow:0 0 .1rem rgba(0,0,0,.1)}
.hyjc-list .list [class*=icon-]{margin-top:.42rem;margin-right:.2rem;width:.9rem;height:.9rem;vertical-align:top}
.hyjc-list .list span{display:inline-block;font-size:.28rem;line-height:1.8rem}
.hyjc-list .list .more{padding-top:.56rem;color:#6c6e87;line-height:.32rem}
#list-wrap .subnav{position:relative}
#list-wrap .sub-m{display:table;padding:.23rem 0;width:100%;height:.8rem;border-bottom:1px solid #e7e7f0;background:#fff}
#list-wrap .sub-m>span{display:table-cell;width:33%;height:.34rem;border-right:1px solid #eeeff5;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.34rem}
#list-wrap .sub-m span:last-child{border:none}
#list-wrap .sub-m span .icon-down{transition:transform .3s}
#list-wrap .sub-m span .icon-down,#list-wrap .sub-m span .icon-shaixuan{margin-left:.12rem;width:.24rem;height:.24rem}
#list-wrap .sub-m span.active{position:relative;color:#1e132b}
#list-wrap .sub-m span.active .icon-down{transform:rotate(180deg)}
#list-wrap .sub-m span.active:before{position:absolute;bottom:-.23rem;left:50%;margin-left:-.3rem;border:.12rem solid transparent;content:"";border-bottom-color:#f0f1f6}
#list-wrap .sub-m .sub span{display:inline}
#list-wrap .subnav .sub-down{position:absolute;top:.82rem;left:0;width:100%;height:17rem}
#list-wrap .subnav .down-list{background:0 0}
#list-wrap .subnav .sub-down .win-bg{height:100%;background:rgba(0,0,0,.3)}
#list-wrap .subnav .sub-down .down-box{position:absolute;top:0;left:0;width:100%;background:#fff}
#list-wrap .subnav .sub-down .tags-box{padding:.35rem 0 .1rem}
#list-wrap .subnav .sub-down .tags-box a{float:left;margin:0 0 .25rem .3rem;width:2.1rem;height:.68rem;border-radius:.1rem;background:#f6f6fb;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.68rem}
#list-wrap .subnav .sub-down .tags-box .active{border:1px solid #ff9080;background:#fff;color:#ff9080}
#list-wrap .subnav .sub-down .tags-alink a{display:block;padding:0 .3rem;height:.8rem;color:#6c6e87;font-size:.26rem;line-height:.8rem}
#list-wrap{position:relative}
#list-wrap .other-header{z-index:2}
#list-wrap .subnav{position:relative;z-index:1}
#list-wrap .course-list{position:absolute;top:0;left:0;z-index:0;padding-top:1.6rem;width:100%;height:100%;background:#fff}
#list-wrap .course-list .list-l{overflow-y:auto;width:1.9rem;height:100%;background:#f2f2f9}
#list-wrap .course-list .list-l a{display:block;height:1.2rem;border-bottom:.02rem solid #e7e7f0;color:#6c6e87;text-align:center;font-size:.3rem;line-height:1.18rem}
#list-wrap .course-list .list-l a.active{background:#fff}
#list-wrap .course-list .list-r{overflow-y:auto;width:5.3rem;height:100%}
#list-wrap .course-list .list-r.soft .list .img{float:left;width:1.1rem;height:1.1rem;background:url(../images/soft-icon.png);background-size:9.6rem 7.2rem}
#list-wrap .course-list .list-r.soft .list .img.ps{background-position:0 0}
#list-wrap .course-list .list-r.soft .list .img.ai{background-position:-1.2rem 0}
#list-wrap .course-list .list-r.soft .list .img.c4d{background-position:-2.4rem 0}
#list-wrap .course-list .list-r.soft .list .img.id{background-position:-3.6rem 0}
#list-wrap .course-list .list-r.soft .list .img.cdr{background-position:-4.8rem 0}
#list-wrap .course-list .list-r.soft .list .img.lr{background-position:-6rem 0}
#list-wrap .course-list .list-r.soft .list .img.sk{background-position:-7.2rem 0}
#list-wrap .course-list .list-r.soft .list .img.rp{background-position:-8.4rem 0}
#list-wrap .course-list .list-r.soft .list .img.p{background-position:0 -1.2rem}
#list-wrap .course-list .list-r.soft .list .img.hy{background-position:-1.2rem -1.2rem}
#list-wrap .course-list .list-r.soft .list .img.dr{background-position:-2.4rem -1.2rem}
#list-wrap .course-list .list-r.soft .list .img.md{background-position:-3.6rem -1.2rem}
#list-wrap .course-list .list-r.soft .list .img.mock{background-position:-4.8rem -1.2rem}
#list-wrap .course-list .list-r.soft .list .img.ppt{background-position:-6rem -1.2rem}
#list-wrap .course-list .list-r.soft .list .img.excel{background-position:-7.2rem -1.2rem}
#list-wrap .course-list .list-r.soft .list .img.word{background-position:-8.4rem -1.2rem}
#list-wrap .course-list .list-r.soft .list .img.xmind{background-position:0 -2.4rem}
#list-wrap .course-list .list-r.soft .list .img.auto{background-position:-1.2rem -2.4rem}
#list-wrap .course-list .list-r.soft .list .img.ds{background-position:-2.4rem -2.4rem}
#list-wrap .course-list .list-r.soft .list .img.skt{background-position:-3.6rem -2.4rem}
#list-wrap .course-list .list-r.soft .list .img.lu{background-position:-4.8rem -2.4rem}
#list-wrap .course-list .list-r.soft .list .img.ae{background-position:-6rem -2.4rem}
#list-wrap .course-list .list-r.soft .list .img.pr{background-position:-7.2rem -2.4rem}
#list-wrap .course-list .list-r.soft .list .img.dv{background-position:-8.4rem -2.4rem}
#list-wrap .course-list .list-r.soft .list .img.fcp{background-position:0 -3.6rem}
#list-wrap .course-list .list-r.soft .list .img.vp{background-position:-1.2rem -3.6rem}
#list-wrap .course-list .list-r.soft .list .img.nuke{background-position:-2.4rem -3.6rem}
#list-wrap .course-list .list-r.soft .list .img.an{background-position:-3.6rem -3.6rem}
#list-wrap .course-list .list-r.soft .list .img.sai{background-position:-4.8rem -3.6rem}
#list-wrap .course-list .list-r.soft .list .img.au{background-position:-6rem -3.6rem}
#list-wrap .course-list .list-r.soft .list .img.edp{background-position:-7.2rem -3.6rem}
#list-wrap .course-list .list-r.soft .list .img.maya{background-position:-8.4rem -3.6rem}
#list-wrap .course-list .list-r.soft .list .img.zb{background-position:0 -4.8rem}
#list-wrap .course-list .list-r.soft .list .img.xh{background-position:-1.2rem -4.8rem}
#list-wrap .course-list .list-r.soft .list .img.u3d{background-position:-2.4rem -4.8rem}
#list-wrap .course-list .list-r.soft .list .img.c{background-position:-3.6rem -4.8rem}
#list-wrap .course-list .list-r.soft .list .img.sp{background-position:-4.8rem -4.8rem}
#list-wrap .course-list .list-r.soft .list .img.sw{background-position:-6rem -4.8rem}
#list-wrap .course-list .list-r.soft .list .img.rhino{background-position:-7.2rem -4.8rem}
#list-wrap .course-list .list-r.soft .list .img.pro{background-position:-8.4rem -4.8rem}
#list-wrap .course-list .list-r.soft .list .img.nx{background-position:0 -6rem}
#list-wrap .course-list .list-r.soft .list .img.ks{background-position:-1.2rem -6rem}
#list-wrap .course-list .list-r.soft .list .img-r{width:3.7rem}
#list-wrap .course-list .list-r .list{padding:.3rem .3rem .3rem 0;border-bottom:.02rem solid #e7e7f0}
#list-wrap .course-list .list-r .list .img{float:left;overflow:hidden;width:1.8rem;height:1.1rem;border-radius:.1rem}
#list-wrap .course-list .list-r .list .img img{display:block;width:100%;height:100%}
#list-wrap .course-list .list-r .list .img-r{float:right;width:3rem}
#list-wrap .course-list .list-r .list .img-r .img-title{padding-top:.05rem}
#list-wrap .course-list .list-r .list .img-r .img-title a{display:block;overflow:hidden;color:#2c2c35;text-overflow:ellipsis;white-space:nowrap;font-size:.26rem}
#list-wrap .course-list .list-r .list .img-r .p1{margin-top:.15rem;color:#aeafc0;font-size:.22rem}
#list-wrap .course-list .list-r .list .img-r .p1 span{padding-right:.3rem}
#list-wrap .course-list .list-r .load-more{padding:.4rem 0;text-align:center}
#list-wrap .course-list .list-r .load-more a{display:inline-block;width:2rem;height:.52rem;border:.02rem solid #cacddf;border-radius:.1rem;color:#cacddf;font-size:.24rem;line-height:.48rem}
#list-wrap .course-list .list-r .no-more{padding:.4rem 0;text-align:center}
#list-wrap .course-list .list-r .no-more span{color:#cacddf;font-size:.24rem}
#list-wrap .course-list .list-r .go-top{position:fixed;right:.3rem;bottom:.5rem;width:.52rem;height:.52rem}
#list-wrap .course-list .list-r .go-top .icon-zhiyudingbu{width:100%;height:100%;color:#cacddf}
#more-list{position:fixed;top:0;right:-100%;z-index:11;width:100%;height:100%;transition:left .3s;transition:right .3s}
#more-list .win-bg{height:100%;background:rgba(0,0,0,.3)}
#more-list .win-bg .tips{position:relative;width:1rem;height:100%}
#more-list .win-bg .tips p{position:absolute;top:50%;left:.36rem;margin-top:-1rem;width:.3rem;color:#fff;font-size:.3rem;line-height:1.2}
#more-list .win-bg .tips p .icon-fanhuiyuan{margin-top:.1rem;width:.32rem;height:.32rem;transform:rotate(180deg)}
#more-list .win-m{position:absolute;top:0;right:0;overflow-y:auto;padding:.2rem .3rem .5rem;width:6.5rem;height:100%;background:#fff}
#more-list .win-m .list-tags{margin-top:.3rem}
#more-list .win-m .list-tags .list-t{height:.6rem;font-size:.3rem}
#more-list .win-m .list-tags .list-t .icon-down{width:.28rem;height:.28rem;color:#777992;transition:transform .2s}
#more-list .win-m .list-tags .list-m{overflow:hidden;max-height:2.74rem}
#more-list .win-m .list-tags .list-m a{float:left;overflow:hidden;margin:0 .24rem .24rem 0;width:1.8rem;height:.68rem;border:1px solid #f6f6fb;border-radius:.1rem;background:#f6f6fb;color:#6c6e87;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.26rem;line-height:.62rem;transition:border-color .2s,color .2s}
#more-list .win-m .list-tags .list-m a.active{border:1px solid #ff9080;background:#fff;color:#ff9080}
#more-list .win-m .list-tags .list-m a:nth-child(3n){margin-right:0}
#more-list .win-m .more-tags.active .icon-down{transform:rotate(180deg)}
#more-list .fixed-btn{position:absolute;right:0;bottom:0;width:6.5rem;height:.89rem;border-top:1px solid #e7e7f0;background:#fff;line-height:.88rem}
#more-list .fixed-btn span{width:50%;height:.88rem;text-align:center;font-size:.26rem}
#more-list .fixed-btn .sure{background:#ff71a0}
.hide{display:none}
.layui-m-layermain .layui-m-layerchild{color:#000}
.layui-m-layermain .layui-m-layerchild h3{background-color:#ffd500!important}
.layui-m-layermain .layui-m-layercont{color:#999}
.layui-m-layermain .layui-m-layerchild .layui-m-layerbtn span[yes]{color:red}
.limit-affirm{position:absolute;bottom:0;left:0;width:100%;height:.98rem;background:#ff71a0;text-align:center;line-height:.98rem}
.limit-affirm a{display:block;font-size:.3rem}
#playerContainer{position:relative}
#playerContainer .play-btn{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;background:rgba(0,0,0,.3);align-items:center;justify-content:center}
#playerContainer .icon-bofang{width:1.3rem;height:1.3rem;color:#fff}
.download-app-tips{border:none}
.hd-wrap{margin-bottom:.15rem;padding-left:.3rem;background:#fff}
.hd-wrap .hd-title{padding:.25rem .3rem .3rem 0;border-bottom:1px solid #f6f6fb}
.hd-wrap .hd-title .title-l{width:3.8rem}
.hd-wrap .hd-title .title-l h2{overflow:hidden;height:.64rem;color:#2c2c35;white-space:nowrap;font-size:.38rem;line-height:.58rem}
.hd-wrap .hd-title .title-l p{color:#aeafc0;font-size:.26rem}
.hd-wrap .hd-title .count{width:2.9rem;height:.94rem;border-radius:.04rem;background:#ffead9}
.hd-wrap .hd-title .count-tit{padding-top:.12rem;height:.42rem;color:#ff4d1d;text-align:center;font-size:.2rem}
.hd-wrap .hd-title .count-m{text-align:center}
.hd-wrap .hd-title .count-m .time-s{display:inline-block;width:.4rem;height:.4rem;border-radius:.04rem;background:#ff571d;color:#fff;text-align:center;font-size:.22rem;line-height:.4rem}
.hd-wrap .hd-title .count-m .colon{display:inline-block;width:.25rem;color:#ff571d;text-align:center;font-size:.22rem}
.hd-wrap .hd-title .sale-m{padding-top:.36rem;line-height:.4rem}
.hd-wrap .hd-title .sale-m .sp{padding-right:.12rem;color:#ff0d0d;font-size:.36rem}
.hd-wrap .hd-title .sale-m .yua{padding-right:.12rem;color:#aeafc0;text-decoration:line-through;font-size:.26rem}
.hd-wrap .hd-title .sale-m .tags{padding:0 .16rem;height:.4rem;border-radius:.08rem;background:#ffece2;color:#ff6f3d;font-size:.22rem}
.hd-wrap .hd-sale{position:relative;padding-right:.3rem;padding-bottom:.44rem}
.hd-wrap .hd-sale .sale-num{padding-top:.36rem;color:#6c6e87;letter-spacing:.02rem;font-size:.24rem}
.hd-wrap .hd-sale .sale-num span{color:#aeafc0}
.hd-wrap .hd-sale .rebate{padding-top:.34rem;color:#6c6e87;font-size:.24rem}
.hd-wrap .hd-sale .rebate span{color:#ff571d}
.hd-wrap .hd-sale .invite-btn{position:absolute;top:.2rem;right:.3rem;width:1.72rem;height:.5rem;border-radius:.08rem;background:linear-gradient(to right,#ff5418,#ff0d0d);color:#fff;text-align:center;font-size:.26rem;line-height:.5rem}
.occupy{height:1.8rem}
.buy-fixed{position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #f7f7fc;background:#fff}
.buy-fixed .tips{color:#aeafc0;text-align:center;font-size:.22rem;line-height:.47rem}
.buy-fixed .buy-btn{display:block;height:1rem;background:#ff5418;color:#fff;text-align:center;font-size:.34rem;line-height:1rem}
.buy-success{height:100%}
.buy-success,.success-wrap{display:flex;flex-direction:column}
.success-wrap{margin:.4rem .35rem;border-radius:.06rem;background:#fff;flex-grow:1;justify-content:center;align-items:center}
.success-wrap .buy-ok{text-align:center}
.success-wrap .buy-ok .ok-icon{margin:0 auto;width:1.94rem;height:1.94rem;border-radius:50%;background:#ff4d1d}
.success-wrap .buy-ok .ok-icon .icon-duihao{margin:.46rem 0 0 .5rem;width:1.06rem;height:1.06rem;color:#fff}
.success-wrap .buy-ok .p1{padding-top:.62rem;color:#2c2c35;font-size:.34rem}
.success-wrap .buy-ok .p2{padding-top:.18rem;color:#aeafc0;font-size:.24rem}
.success-wrap .buy-ok .p2 a{color:#aeafc0;text-decoration:underline}
.success-wrap .buy-bottom{margin-top:1rem;padding:0 .6rem;text-align:center}
.success-wrap .buy-bottom .make-card{display:block;height:.9rem;border-radius:.45rem;background:linear-gradient(to right,#ffe400,#ffc600);color:#2c2c35;text-align:center;font-size:.3rem;line-height:.9rem}
.success-wrap .buy-bottom .p1{padding-top:.22rem;color:#aeafc0;font-size:.24rem}
.success-wrap .buy-bottom .p1 span{color:#ff571d}
.success-wrap .buy-bottom .p2{padding-top:.5rem;color:#ff571d;font-size:.26rem}
.success-wrap .buy-bottom .p2 a{color:#ff571d;text-decoration:underline}
.success-wrap .user-info{text-align:center}
.success-wrap .user-info .avatar{overflow:hidden;margin:0 auto .2rem;width:1.5rem;height:1.5rem;border-radius:50%}
.success-wrap .user-info .avatar img{display:block;width:100%}
.success-wrap .user-info .user-name{color:#2c2c35;font-size:.3rem}
#practice .info-main .tab-con{padding:0 .3rem}
#practice .info-head{display:flex;height:.89rem;border-bottom:1px solid #e7e7f0;background:#fff;line-height:.88rem;justify-content:space-around}
#practice .info-head span{position:relative;color:#6c6e87;font-size:.26rem}
#practice .info-head span:before{position:absolute;bottom:-1px;left:-10%;display:none;width:120%;height:2px;border-radius:2px;background:#ff71a0;content:""}
#practice .info-head span.active{color:#32323c}
#practice .info-head span.active:before{display:block}
#practice .info-main{background:#fff}
#practice .practice-list .imglist-wrapper .list .img img{height:2.5rem}
#practice .practice-img img{display:block;width:100%}
#practice .practice-info{padding:.3rem;border-bottom:1px solid #e7e7f0;background:#fff}
#practice .practice-info h2{padding-bottom:.1rem;color:#2c2c35;font-size:.32rem;line-height:.5rem}
#practice .practice-info>p{color:#6c6e87;font-size:.24rem;line-height:.38rem}
#practice .practice-info>.p2{margin-top:.2rem;line-height:.3rem}
#practice .practice-info .alink{display:flex;margin-top:.2rem;justify-content:space-between}
#practice .practice-info .alink a{width:3.3rem;height:.8rem;border-radius:.1rem;background:#fd0;color:#393944;text-align:center;font-size:.28rem;line-height:.8rem}
#practice .practice-con{position:relative;padding:.3rem .3rem .8rem;background:#fff}
#practice .practice-con .share-btn{position:absolute;top:.3rem;right:.3rem}
#practice .practice-con .share-btn svg{width:.4rem;height:.4rem;color:#6c6e87}
#practice .practice-con h2{color:#2c2c35;font-size:.32rem}
#practice .practice-con .user-name{padding-top:.25rem;color:#6c6e87;font-size:.24rem}
#practice .practice-con .content{padding-top:.32rem}
#practice .practice-con .content p{margin-bottom:.2rem;color:#6c6e87;font-size:.24rem;line-height:.3rem}
#practice .practice-con .content img{display:block;margin-bottom:.22rem;width:100%}
#practice .practice-con .praise{padding-top:.2rem;text-align:center}
#practice .practice-con .praise span{display:block;margin:0 auto;width:3.3rem;height:.8rem;border-radius:.06rem;background:#ffd500;color:#393944;text-align:center;font-size:.28rem;line-height:.8rem}
#practice .practice-con .praise span.ed{background:#eee;color:#999}
#practice .about-practice{padding:.4rem .3rem;border-top:1px solid #e7e7f0;background:#fff}
#practice .about-practice .about-t{height:.65rem;color:#2c2c35;font-size:.32rem}
#practice .about-practice .about-m .img{overflow:hidden;width:3.37rem;height:2.07rem;border:.02rem solid #f5f5fb;border-radius:.1rem}
#practice .about-practice .about-m .img img{display:block;width:100%;height:100%}
#practice .about-practice .about-m .img-r{padding-top:.06rem;padding-left:.2rem;width:3.5rem}
#practice .about-practice .about-m .img-r .p1{margin-bottom:.22rem;line-height:.34rem}
#practice .about-practice .about-m .img-r .p1 a{color:#2c2c35;font-size:.28rem}
#practice .about-practice .about-m .img-r .p2{color:#6c6e87;font-size:.24rem;line-height:.38rem}
#practice .about-practice .about-b{margin-top:.25rem;color:#6c6e87;font-size:.24rem;line-height:.3rem}
#article-wrap .other-header{background:#fff}
#article-wrap .type-nav{position:relative;height:.76rem;background:#fff}
#article-wrap .type-nav .nav-t{display:flex;padding:0 .3rem;width:100%;border-bottom:.02rem solid #e7e7f0;line-height:.76rem;justify-content:space-between}
#article-wrap .type-nav .nav-t a{height:.76rem;color:#6c6e87;font-size:.28rem}
#article-wrap .type-nav .nav-t a.active{position:relative;color:#2c2c35}
#article-wrap .type-nav .nav-t a.active:before{position:absolute;bottom:-.02rem;left:0;width:100%;height:0;border-bottom:.02rem solid #ff71a0;content:''}
#article-wrap .type-nav .nav-t .icon-down{width:.28rem;height:.28rem}
#article-wrap .type-nav .nav-m{position:absolute;top:0;left:0;z-index:2;display:none;width:100%;background:#fff}
#article-wrap .type-nav .nav-m .head{padding:.3rem .3rem 0;line-height:.4rem}
#article-wrap .type-nav .nav-m .head h3{color:#2c2c35;font-size:.28rem}
#article-wrap .type-nav .nav-m .head .icon-top{width:.28rem;height:.28rem}
#article-wrap .type-nav .nav-m .main{padding:.4rem 0 .1rem;box-shadow:0 .07rem .07rem rgba(0,0,0,.08)}
#article-wrap .type-nav .nav-m .main a{float:left;margin:0 0 .3rem .3rem;width:1.5rem;height:.55rem;border-radius:.1rem;background:#f6f6fb;color:#6c6e87;text-align:center;font-size:.26rem;line-height:.54rem}
#article-wrap .type-nav .nav-m .main a.active{border:.02rem solid #ff9080;background:#fff;color:#ff9080;line-height:.52rem}
#article-wrap .article{padding:.36rem .3rem .4rem}
#article-wrap .article .list-m .list{margin-bottom:.15rem}
#article-wrap .article .list-m .list .img-r{position:relative;height:1.46rem}
#article-wrap .article .list-m .list .img-r .img-title{overflow:hidden;height:auto;max-height:.8rem;line-height:.4rem}
#article-wrap .article .list-m .list .img-r .img-title a{white-space:normal}
#article-wrap .article .list-m .list .img-r .user-info{position:absolute;bottom:0;left:0;width:100%;height:.4rem;line-height:.4rem}
#article-wrap .article .list-m .list .img-r .user-info .avatar{overflow:hidden;width:.4rem;height:.4rem;border-radius:50%}
#article-wrap .article .list-m .list .img-r .user-info .avatar img{display:block;width:100%;height:100%}
#article-wrap .article .list-m .list .img-r .user-info .name{margin-left:.2rem;color:#aeafc0;font-size:.22rem}
#article-wrap .article .list-m .list .img-r .user-info .num{color:#aeafc0;font-size:.22rem}
#soft-wrap .header-search{padding:0 .3rem;height:.88rem;background:#ff71a0}
#soft-wrap .header-search .logo{margin-top:.19rem;width:2.14rem;height:.47rem;background:url(../images/logo.png) no-repeat;background-size:cover}
#soft-wrap .header-search .logo a{display:block;height:100%}
#soft-wrap .header-search .download-btn{margin:.19rem 0 0 .19rem;width:1.06rem;height:.5rem;border:1px solid #2c2c35;border-radius:.08rem;text-align:center;font-size:.2rem;line-height:.46rem}
#soft-wrap .header-search .search-btn{margin:.26rem 0 0 .36rem}
#soft-wrap .header-search .search-btn .icon-sousuo{margin-right:.1rem;width:.35rem;height:.35rem}
#soft-wrap .header-search .sign-btn{padding-top:.11rem;text-align:center}
#soft-wrap .header-search .sign-btn .icon-qiandao{width:.34rem;height:.34rem;color:#2c2c35}
#soft-wrap .header-search .sign-btn .sign-des{padding-top:.05rem;font-size:.18rem}
#soft-wrap .header-search .unlogin{margin-left:.24rem;height:100%;line-height:.88rem}
#soft-wrap .header-search .unlogin a{color:#2c2c35;font-size:.3rem}
#soft-wrap .header-search .login{overflow:hidden;margin:.2rem 0 0 .24rem;width:.48rem;height:.48rem;border-radius:50%}
#soft-wrap .header-search .login a{display:block;height:100%}
#soft-wrap .header-search .login img{display:block;width:100%;height:100%}
#soft-wrap .banner{height:2.9rem;background:url(../images/software/banner.jpg) no-repeat;background-size:100% 100%}
#soft-wrap .soft-data{margin:-.3rem auto 0;padding:.3rem .24rem 0;width:6.9rem;height:1.38rem;border-radius:.1rem;background:#fff}
#soft-wrap .soft-data .data-l{width:3.8rem}
#soft-wrap .soft-data .data-l p{margin-bottom:.3rem;height:.22rem;font-size:.22rem;line-height:.22rem}
#soft-wrap .soft-data .data-l p span:nth-child(1){display:inline-block;margin-right:.15rem;padding-right:.15rem;height:.22rem;border-right:1px solid #999}
#soft-wrap .soft-data .data-l p i{color:#0804d5;font-style:normal;font-size:.26rem}
#soft-wrap .soft-data .data-r{width:2.6rem}
#soft-wrap .soft-data .data-r .p1{text-align:right;line-height:.44rem}
#soft-wrap .soft-data .data-r .p1 .s1{color:#333;font-size:.2rem}
#soft-wrap .soft-data .data-r .p1 .s1 i{color:#ff0060;font-style:normal;font-size:.34rem}
#soft-wrap .soft-data .data-r .p1 a{display:inline-block;margin-left:.14rem;width:1.4rem;height:.44rem;border-radius:.05rem;background:#ff0060;color:#fff;text-align:center;line-height:.44rem}
#soft-wrap .soft-data .data-r .p2{padding-top:.1rem;color:#aeafc0;text-align:right;font-size:.2rem}
#soft-wrap .soft-list{margin-top:.5rem}
#soft-wrap .soft-list .head{padding-left:.3rem}
#soft-wrap .soft-list .head h3{font-size:.3rem;line-height:.3rem}
#soft-wrap .soft-list .head h3 span{padding-left:.13rem;color:#aeafc0;font-size:.24rem}
#soft-wrap .soft-list .main{padding-top:.3rem}
#soft-wrap .soft-list .main .list{position:relative;width:2.5rem;height:2.3rem;border-top:.02rem solid #f6f6fb;border-right:.02rem solid #f6f6fb;background:#fff}
#soft-wrap .soft-list .main .list:nth-child(3n){border-right:none}
#soft-wrap .soft-list .main .list .p1{position:absolute;top:1.43rem;left:0;width:100%;text-align:center;font-size:.26rem}
#soft-wrap .soft-list .main .list .p2{position:absolute;top:1.8rem;left:0;width:100%;color:#aeafc0;text-align:center;font-size:.2rem}
#soft-wrap .soft-list .main .list span{display:block;margin:.4rem auto 0;width:.8rem;height:.8rem;background-image:url(../images/software/software-icon.png);background-size:10rem 4.2rem}
#soft-wrap .soft-list .main .list span.ps{background-position:0 0}
#soft-wrap .soft-list .main .list span.ai{background-position:-.84rem 0}
#soft-wrap .soft-list .main .list span.c4d{background-position:-1.68rem 0}
#soft-wrap .soft-list .main .list span.id{background-position:-2.5rem 0}
#soft-wrap .soft-list .main .list span.cdr{width:.6rem;background-position:-3.37rem 0}
#soft-wrap .soft-list .main .list span.lr{background-position:-4.03rem 0}
#soft-wrap .soft-list .main .list span.sketch{width:.88rem;height:.81rem;background-position:-4.86rem 0}
#soft-wrap .soft-list .main .list span.csharp{background-position:-5.77rem 0}
#soft-wrap .soft-list .main .list span.principle{background-position:-6.6rem 0}
#soft-wrap .soft-list .main .list span.hype{background-position:-7.45rem 0}
#soft-wrap .soft-list .main .list span.dw{background-position:-8.28rem 0}
#soft-wrap .soft-list .main .list span.mockingbot{margin-top:.47rem;width:.9rem;height:.65rem;background-position:-9.1rem 0}
#soft-wrap .soft-list .main .list span.mockplus{background-position:0 -1.06rem}
#soft-wrap .soft-list .main .list span.ppt{width:.84rem;background-position:-.85rem -1.06rem}
#soft-wrap .soft-list .main .list span.excel{width:.82rem;background-position:-1.74rem -1.06rem}
#soft-wrap .soft-list .main .list span.word{width:.84rem;background-position:-2.62rem -1.06rem}
#soft-wrap .soft-list .main .list span.xmind{background-position:-3.53rem -1.06rem}
#soft-wrap .soft-list .main .list span.autocad{width:.71rem;background-position:-4.43rem -1.06rem}
#soft-wrap .soft-list .main .list span.dsmax{margin-top:.35rem;width:.57rem;height:.9rem;background-position:-5.21rem -1.06rem}
#soft-wrap .soft-list .main .list span.sketchup{background-position:-5.85rem -1.06rem}
#soft-wrap .soft-list .main .list span.lumion{background-position:-6.68rem -1.06rem}
#soft-wrap .soft-list .main .list span.ae{background-position:-7.51rem -1.06rem}
#soft-wrap .soft-list .main .list span.pr{background-position:-8.35rem -1.06rem}
#soft-wrap .soft-list .main .list span.davinci{background-position:-9.2rem -1.06rem}
#soft-wrap .soft-list .main .list span.fcpx{width:.77rem;background-position:0 -2.25rem}
#soft-wrap .soft-list .main .list span.vegas{background-position:-.84rem -2.25rem}
#soft-wrap .soft-list .main .list span.nuke{background-position:-1.68rem -2.25rem}
#soft-wrap .soft-list .main .list span.animate{background-position:-2.51rem -2.25rem}
#soft-wrap .soft-list .main .list span.sai{margin-top:.45rem;height:.7rem;background-position:-3.37rem -2.25rem}
#soft-wrap .soft-list .main .list span.au{background-position:-4.2rem -2.25rem}
#soft-wrap .soft-list .main .list span.edius{background-position:-5.4rem -2.25rem}
#soft-wrap .soft-list .main .list span.maya{margin-top:.38rem;height:.76rem;background-position:-5.88rem -2.25rem}
#soft-wrap .soft-list .main .list span.zbrush{width:.93rem;background-position:-6.74rem -2.25rem}
#soft-wrap .soft-list .main .list span.ue4{width:.72rem;background-position:-7.72rem -2.25rem}
#soft-wrap .soft-list .main .list span.u3d{width:.71rem;background-position:-8.49rem -2.25rem}
#soft-wrap .soft-list .main .list span.csharp{width:.71rem;background-position:-9.25rem -2.25rem}
#soft-wrap .soft-list .main .list span.substance-painter{margin-top:.35rem;width:1.03rem;height:.9rem;background-position:0 -3.31rem}
#soft-wrap .soft-list .main .list span.autocad{width:.71rem;background-position:-1.1rem -3.31rem}
#soft-wrap .soft-list .main .list span.sw{width:.83rem;background-position:-1.89rem -3.31rem}
#soft-wrap .soft-list .main .list span.rhino{background-position:-2.79rem -3.31rem}
#soft-wrap .soft-list .main .list span.pro-e{margin-top:.55rem;width:1.45rem;height:.5rem;background-position:-3.67rem -3.31rem}
#soft-wrap .soft-list .main .list span.ug{background-position:-5.17rem -3.31rem}
#soft-wrap .soft-list .main .list span.keyshot{background-position:-6.03rem -3.31rem}
#soft-wrap .img1{margin-top:.45rem;height:12.42rem;background:url(../images/software/img1.jpg) no-repeat;background-size:100% 100%}
#soft-wrap .img2{height:13.17rem;background:url(../images/software/img2.jpg) no-repeat;background-size:100% 100%}
#soft-wrap .img3{height:17.37rem;background:url(../images/software/img3.jpg) no-repeat;background-size:100% 100%}
#soft-wrap .bot-info{padding-top:.7rem;height:3.31rem;background:url(../images/software/img4.jpg) no-repeat;background-size:100% 100%;color:#fff;text-align:center}
#soft-wrap .bot-info .p1{font-weight:700;font-size:.3rem}
#soft-wrap .bot-info .p1 span{position:relative;padding:0 .08rem}
#soft-wrap .bot-info .p1 span:before{position:absolute;top:.1rem;right:0;width:1px;height:.22rem;background:#fff;content:""}
#soft-wrap .bot-info .p1 span:last-child:before{display:none}
#soft-wrap .bot-info .p1 i{color:#fd0052;font-style:normal;font-size:.36rem}
#soft-wrap .bot-info .p2{padding-top:.24rem;font-size:.24rem}
#soft-wrap .bot-info .p3{padding-top:.3rem;line-height:.44rem}
#soft-wrap .bot-info .p3 .s1{color:#ff0054;font-size:.2rem}
#soft-wrap .bot-info .p3 .s1 i{vertical-align:top;font-style:normal;font-size:.4rem}
#soft-wrap .bot-info .p3 a{display:inline-block;margin-left:.2rem;width:1.4rem;height:.44rem;border-radius:.05rem;background:#ff0054;color:#fff;line-height:.44rem}
#soft-wrap .soft-banner{height:2rem;background:url(../images/software/soft-banner.jpg) no-repeat;background-size:100% 100%;color:#fff;text-align:center;font-size:.32rem;line-height:2rem}
#soft-wrap .info-head{display:flex;height:.89rem;border-bottom:1px solid #e7e7f0;background:#fff;line-height:.88rem;justify-content:space-around}
#soft-wrap .info-head span{position:relative;color:#6c6e87;font-size:.26rem}
#soft-wrap .info-head span:before{position:absolute;bottom:-.02rem;left:50%;display:none;margin-left:-.3rem;width:.6rem;height:.06rem;border-radius:.03rem;background:#ff71a0;content:''}
#soft-wrap .info-head span.active{color:#32323c}
#soft-wrap .info-head span.active:before{display:block}
#soft-wrap .s-about .con{overflow:hidden;padding:.3rem .3rem 0;background:#fff}
#soft-wrap .s-about .con p{margin-bottom:.3rem;color:#6c6e87;font-size:.26rem;line-height:.4rem}
#soft-wrap .s-about .data{display:flex;margin-top:.2rem;background:#fff;justify-content:space-around}
#soft-wrap .s-about .data dl{padding:.36rem 0;text-align:center}
#soft-wrap .s-about .data dl dt{color:#6c6e87;font-size:.26rem}
#soft-wrap .s-about .data dl dd{padding-top:.25rem;color:#aeafc0;font-size:.24rem}
#soft-wrap .s-about .get-list{padding:.36rem .3rem 1.04rem;border-top:.02rem solid #f6f6fb;background:#fff}
#soft-wrap .s-about .get-list h3{margin-bottom:.36rem;color:#6c6e87;font-size:.32rem}
#soft-wrap .s-about .get-list p{position:relative;margin-bottom:.3rem;padding-left:.46rem;color:#aeafc0;font-size:.26rem}
#soft-wrap .s-about .get-list p .icon-duihao{position:absolute;top:0;left:0;width:.3rem;height:.3rem;color:#aeafc0}
#soft-wrap .s-list{padding-bottom:1rem;background:#fff}
#soft-wrap .s-list .list{padding:0 .3rem;height:.8rem;line-height:.8rem}
#soft-wrap .s-list .list a{display:inline-block;overflow:hidden;width:5.4rem;color:#6c6e87;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem}
#soft-wrap .s-list .list .state{color:#c3c6da;font-size:.22rem}
#soft-wrap .s-list .list .state svg{margin-right:.1rem;width:.25rem;height:.25rem}
#soft-wrap .s-list .list.active{background:#f6f6fb}
#soft-wrap .pos-link{position:fixed;bottom:0;left:0;width:100%;height:.98rem;background:#ff71a0;text-align:center;font-size:.3rem;line-height:.98rem}

.search-tags .tags-list{height: 2.4rem;overflow: hidden;}