.__attr>div{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:30px;line-height:20px;display:inline-block;vertical-align:top;cursor:pointer;margin-left:16px}.__attr>div ._attr-popup{display:none}.__attr .favor.favored>i{color:#ff7a45!important}.__attr .spread>i{display:none}.__attr .spread>span{display:block;height:20px;line-height:20px;padding-left:10px;padding-right:28px;color:#fff;background-color:#ff7a45;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative}.__attr .spread>span>img{position:absolute;right:-7px;bottom:0;width:27px}.__attr .spread ._attr-title.img{font-size:0}.__attr .spread ._attr-title.img>img{height:16px}.__attr .spread ._attr-title.img>img.expression{animation:expression 1s ease infinite alternate-reverse}@-webkit-keyframes expression{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-moz-keyframes expression{0%{-moz-transform:scale(1);transform:scale(1)}to{-moz-transform:scale(1.1);transform:scale(1.1)}}@-o-keyframes expression{0%{-o-transform:scale(1);transform:scale(1)}to{-o-transform:scale(1.1);transform:scale(1.1)}}@keyframes expression{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}.__attr .spread.sendcourse ._attr-popup{right:-32px}.__attr .spread.sendcourse .sendcourse-intro{padding-top:26px}.__attr .spread.sendcourse .sendcourse-intro .p1{color:#676c73}.__attr .spread.sendcourse .sendcourse-intro .p2{color:#9399a5}.__attr .spread ._attr-popup{right:0}.__attr .invite{margin-left:5px}.__attr>div ._attr-popup{position:absolute;right:-32px;top:30px;z-index:10;background-color:#fff;border:1px solid #d5d5d5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:default}.__attr>div ._attr-popup:after,.__attr>div ._attr-popup:before{content:" ";border-bottom:8px solid #d5d5d5;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);position:absolute;top:-8px;right:30px}.__attr>div ._attr-popup:after{border-bottom:8px solid #fff;top:-6px}.__attr>div ._attr-popup .popup-body .qrcode{width:100px;height:100px;margin-left:auto;margin-right:auto;overflow:hidden}.__attr>div ._attr-popup .popup-body .qrcode>img{height:100%}.__attr>div:hover ._attr-popup{display:block!important}.__attr .share ._attr-popup{width:160px;text-align:center}.__attr .share ._attr-popup .popup-head{line-height:38px}.__attr .share ._attr-popup .popup-body{line-height:0}.__attr .share ._attr-popup .popup-foot{min-height:15px}.__attr .share ._attr-popup .popup-foot .btn{margin-bottom:5px;color:#3e454d}.__attr .share ._attr-popup .popup-foot .btn:hover{color:#0f6af3}.__attr .spread ._attr-popup{width:386px;padding:0 20px 20px}.__attr .spread ._attr-popup .popup-head{text-align:center;line-height:46px;color:#ff7f29;border-bottom:1px solid #e5e5e5}.__attr .spread ._attr-popup .popup-head .iconfont{display:inline-block;vertical-align:middle}.__attr .spread ._attr-popup .popup-body .title{line-height:54px;font-size:14px}.__attr .spread ._attr-popup .popup-body .title .icon{display:inline-block;vertical-align:middle;width:16px;height:16px;line-height:16px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#0f6af3;color:#fff;font-size:12px;text-align:center;margin-right:6px}.__attr .spread ._attr-popup .popup-body .copy-wrapper{position:relative;overflow:hidden;width:320px;margin-left:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.__attr .spread ._attr-popup .popup-body .copy-wrapper .form-control{width:100%;padding-right:75px;border:none;font-size:12px;color:#888;background-color:#f7f8fa}.__attr .spread ._attr-popup .popup-body .copy-wrapper .btn{position:absolute;top:0;right:0;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}.__attr .spread ._attr-popup .popup-body .spread-agreement{margin-top:30px}.__attr .spread ._attr-popup .popup-body .spread-agreement label{color:#9399a5}.__attr .miniapp .iconfont{font-size:18px}.__attr .miniapp ._attr-popup{width:180px}.__attr .miniapp ._attr-popup .popup-body .qrcode{width:120px;height:120px}.chat-panel{position:relative;height:100%;padding-top:37px;padding-bottom:81px}.chat-panel .chat-head{position:absolute;top:0;right:0;left:0;height:37px;padding-left:8px;padding-right:8px;border-bottom:1px solid #f7f8fa}.chat-panel .chat-head .title{line-height:36px;font-size:16px}.chat-panel .chat-head .title .iconfont{font-size:22px;margin-right:6px;display:inline-block;vertical-align:top}.chat-panel .chat-body{height:100%;position:relative}.chat-panel .chat-foot{position:absolute;right:0;bottom:0;left:0;height:81px;border-top:1px solid #f7f8fa}.chat-panel .chat-foot .chat-post{position:absolute;right:8px;bottom:8px;left:8px;height:36px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden}.chat-panel .chat-foot .chat-post .btn,.chat-panel .chat-foot .chat-post .form-control{height:100%;line-height:36px}.chat-panel .chat-foot .chat-post .form-control{width:100%;border:none;background-color:#f7f8fa;padding-right:53px}.chat-panel .chat-foot .chat-post .btn{position:absolute;top:0;right:0;bottom:0;width:44px;padding:0;min-width:auto;text-align:center;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.chat-new-msg-wrapper{position:absolute;bottom:14px;left:0;right:0;width:100%;text-align:center}.chat-new-msg-wrapper .chat-new-msg{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:24px;padding-left:16px;padding-right:16px;display:inline-block;background-color:#ff7a45;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.chat-new-msg-wrapper .chat-new-msg,.chat-new-msg-wrapper .chat-new-msg .iconfont{font-size:12px;color:#fff}.chat-view{padding:16px 8px 1px;height:100%;overflow-x:hidden;overflow-y:auto}.chat-view .history-view{margin-top:-5px;padding-bottom:10px;text-align:center;color:#0f6af3}.chat-view .history-view,.chat-view .history-view .iconfont{font-size:12px}.chat-view li{position:relative;margin-bottom:14px;padding-left:34px;padding-right:20px;min-height:54px}.chat-view li[data-status="1"]{display:none}.chat-view .chat-content,.chat-view .chat-user{display:inline-block;vertical-align:top}.chat-view .chat-user{position:absolute;top:0;left:0}.chat-view .chat-user .avatar{margin-top:1px;width:24px;height:24px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.chat-view .chat-user>div{position:absolute;top:0;left:34px;font-size:12px;white-space:nowrap;color:#777}.chat-view .chat-user>div>span{display:inline-block;line-height:18px}.chat-view .chat-user>div .name-label{margin-right:5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding-left:21px;padding-right:8px;vertical-align:top;color:#fff;position:relative}.chat-view .chat-user>div .name-label .role-icon{position:absolute;top:-1px;left:-1px;width:20px;height:20px}.chat-view .chat-user>div .name-label.publisher{background-color:#12c499}.chat-view .chat-user>div .name-label.teacher{background-color:#4991fe}.chat-view .chat-user>div .name-label.host{background-color:#fdca30}.chat-view .chat-user>div .name{max-width:80px;vertical-align:top}.chat-view .chat-user>div .time{padding-left:10px}.chat-view .chat-content{line-height:18px;margin-top:25px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;word-break:break-all}.chat-view .chat-content a{text-decoration:underline}.chat-view .chat-content>img{max-width:100%;vertical-align:middle}.chat-view .chat-content .iconfont{vertical-align:top;display:inline-block;margin-right:8px}.chat-view .chat-content .iconfont.icon-ask{color:#0f6af3}.chat-view .chat-content .cc-emoji{width:20px}.chat-view .chat-text{background-color:#f7f8fa;padding:8px 10px}.chat-view .chat-text a{color:#0f6af3}.chat-view .chat-img{overflow:hidden;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px}.chat-view .chat-img>img{max-width:200px;max-height:200px;min-width:40px;min-height:40px}.chat-view .chat-mine{text-align:right;padding-left:20px;padding-right:34px}.chat-view .chat-mine .chat-user{left:auto;right:0}.chat-view .chat-mine .chat-user>div{left:auto;right:34px;text-align:right}.chat-view .chat-mine .chat-content{margin-left:0;text-align:left;background-color:#dbecfe;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;border-top-right-radius:0}.chat-post-atrr{position:absolute;left:8px;top:8px;height:18px;line-height:18px}.chat-post-atrr>span{position:relative;display:inline-block}.chat-post-atrr>span+span{margin-left:12px}.chat-post-atrr>span>.iconfont{font-size:18px;color:#9399a5;cursor:pointer;display:inline-block;vertical-align:top}.chat-post-atrr>span .post-atrr-popup{position:absolute;background-color:#fff;border:1px solid #d5d5d5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:8px;display:none}.chat-post-atrr>span .post-atrr-popup:after,.chat-post-atrr>span .post-atrr-popup:before{content:" ";border-top:8px solid #d5d5d5;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);position:absolute;bottom:-8px;left:8px}.chat-post-atrr>span .post-atrr-popup:after{border-top:8px solid #fff;bottom:-6px}.chat-post-atrr>span .post-atrr-popup .popup-inner-content{width:100%;height:100%}.chat-post-atrr>span.active>.iconfont{color:#0f6af3}.chat-post-atrr>span.active .post-atrr-popup{display:block}.chat-post-atrr .\--attr-face .face-icon{font-size:24px;color:#404040;width:34px;height:34px;line-height:34px;display:block;float:left;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat-post-atrr .\--attr-face .face-icon:hover{background-color:#eaeaea}.chat-post-atrr .\--attr-face .post-atrr-popup{left:-8px;top:-132px;width:256px;height:120px}.chat-post-atrr .\--attr-face .post-atrr-popup img{width:34px;height:34px;display:block;float:left;padding:3px;border:1px solid rgba(0,0,0,0)}.chat-post-atrr .\--attr-face .post-atrr-popup img:hover{border-color:#0f6af3}.chat-post-atrr .\--attr-image>.iconfont{font-size:20px}.chat-view .chat-content,.face-font-family,.face-icon{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",sans-serif,apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol}.practice .practice-container{position:absolute;left:16px;right:16px;bottom:69px;z-index:99;height:60px;background:#fff;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.2);box-shadow:0 0 8px 0 rgba(0,0,0,.2);padding:18px 10px}.practice .practice-container .practice-publish .practice-left>div{float:left}.practice .practice-container .practice-publish .practice-left .practice-title{width:70px;height:24px}.practice .practice-container .practice-publish .practice-left .practice-title .practice-title-img{width:100%;height:100%}.practice .practice-container .practice-publish .practice-left .practice-select{margin-left:20px;min-width:40px;height:12px}.practice .practice-container .practice-publish .practice-left .practice-select .practice-select-text{font-size:12px;font-weight:500;color:#79808b;line-height:28px}.practice .practice-container .practice-publish .practice-left .practice-option{margin-left:25px;margin-top:-5px}.practice .practice-container .practice-publish .practice-left .practice-option .practice-option-box li{float:left;margin-right:30px}.practice .practice-container .practice-publish .practice-left .practice-option .practice-option-box .practice-option-cell{width:30px;height:30px}.practice .practice-container .practice-publish .practice-left .practice-option .practice-option-box .practice-option-cell img{width:100%;height:100%}.practice .practice-container .practice-publish .practice-right{float:right}.practice .practice-container .practice-publish .practice-right .practice-time{float:left;margin-top:8px;margin-right:30px}.practice .practice-container .practice-publish .practice-right .practice-time .practice-time-img{width:12px;height:12px;margin-right:5px;float:left}.practice .practice-container .practice-publish .practice-right .practice-time .practice-time-text{width:32px;height:12px;font-size:12px;color:#f78f17;line-height:12px;float:left}.practice .practice-container .practice-publish .practice-right .practice-submit{float:left;margin-right:10px;width:70px;height:30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;line-height:30px;background:#c5c5c5}.practice .practice-container .practice-publish .practice-right .practice-submit .practice-submit-btn{height:100%;width:100%;font-size:12px;font-weight:400;color:#fff;text-align:center;cursor:pointer}.practice .practice-container .practice-publish .practice-right .disabled{background:#c5c5c5}.practice .practice-container .practice-publish .practice-right .primary{background:#0f6af3}.practice .info-box{position:absolute;bottom:160px;width:100%;display:table;text-align:center;z-index:1}.practice .info-box .info{max-width:200px;padding:8px 16px;background:#ffeee6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #fcc8ae;display:inline-table}.practice .info-box .info img{width:12px;height:12px;vertical-align:baseline;margin-right:8px}.practice-result{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:table}.practice-result .result-background{display:table-cell;vertical-align:middle}.practice-result .result-background .result-info{width:260px;height:156px;background:#fff;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.5),0 4px 0 0 #55b1ff;-moz-box-shadow:0 0 4px 0 rgba(0,0,0,.5),0 4px 0 0 #55b1ff;box-shadow:0 0 4px 0 rgba(0,0,0,.5),0 4px 0 0 #55b1ff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #5ab3fc;margin:0 auto;text-align:center}.practice-result .result-background .result-info .img{width:50px;height:50px;margin-top:30px}.practice-result .result-background .result-info .text{margin-top:20px;font-size:14px;font-weight:400;color:#55b1ff}.practice-statis-rank{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:table}.practice-statis-rank .practice-statis-rank-box{display:table-cell;vertical-align:middle}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info{width:590px;height:380px;background:#fff;margin:0 auto}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .header{width:100%;height:50px;padding:15px 20px;background:#f5f7fa}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .header .title{float:left}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .header .close{float:right}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body{padding:15px 20px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body>div{float:left}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis{width:330px;height:268px;border-right:1px solid #e5e5e5}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-result{margin-top:10px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-result span{font-size:12px;color:#676c73}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-result span+span{margin-left:20px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-options .statis-options-ul .statis-options-li{margin-top:20px;height:14px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-options .statis-options-ul .statis-options-li>div{float:left;margin-right:8px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-options .statis-options-ul .statis-options-li .option,.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-options .statis-options-ul .statis-options-li .people-number,.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-options .statis-options-ul .statis-options-li .percent{font-size:12px;color:#3e454d}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-options .statis-options-ul .statis-options-li .loader-bar-background{width:200px;height:14px;background:#f0f1f2;margin-top:1px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-options .statis-options-ul .statis-options-li .loader-bar-background .loader-bar{height:100%;background:#ff653d}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .statis .statis-options .statis-options-ul .statis-options-li .loader-bar-background.active .loader-bar{background:#57b947}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank{width:200px;height:268px;margin-left:20px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank .rank-list{margin-top:10px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank .rank-list .rank-list-ul .rank-list-li{line-height:12px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank .rank-list .rank-list-ul .rank-list-li+.rank-list-li{margin-top:12px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank .rank-list .rank-list-ul .rank-list-li>div{float:left}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank .rank-list .rank-list-ul .rank-list-li .index{width:18px;height:12px;text-align:center;margin-right:10px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank .rank-list .rank-list-ul .rank-list-li .index img{width:12px;height:12px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank .rank-list .rank-list-ul .rank-list-li .index span{width:15px;height:15px;font-size:12px;color:#676c73;display:inline-block}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank .rank-list .rank-list-ul .rank-list-li .name{width:100px;font-size:12px;color:#676c73}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .body .rank .rank-list .rank-list-ul .rank-list-li .time{float:right;font-size:12px;color:#9399a5;text-align:right}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer{padding:0 20px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li{float:left}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li p{float:left;font-size:12px;margin-bottom:0;color:#676c73}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li img{float:left;height:12px;width:12px;margin-top:2px;margin-right:5px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li .self-answer{color:#ff653d}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li .answer{color:#57b947}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li .time,.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li .underway{color:#ff653d}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li:first-child{width:100px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li:nth-child(2){width:310px}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li:nth-child(4){float:right}.practice-statis-rank .practice-statis-rank-box .practice-statis-rank-info .footer .list .li .disable{color:#999}.maskTrophy{background-color:rgba(0,0,0,.5);width:100%;height:100%;z-index:1051}.maskTrophy,.trophyBigBox{position:absolute;top:0;right:0;bottom:0;left:0}.trophyBigBox{width:300px;height:300px;margin:auto;text-align:center}.trophyBox{width:250px;height:250px;margin-left:25px;background-image:url(https://static.csslcloud.net/img/reward/trophy.png);-moz-background-size:100% 100%;background-size:100% 100%}.trophyMessage{max-width:300px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background-color:rgba(0,0,0,.2);margin-top:11px}.trophyMessage,.trophyMessage .winningMessage{display:inline-block;height:30px;text-align:center}.trophyMessage .winningMessage{padding:0 38px;line-height:30px;color:#fff}.trophyMessage .winningMessage span{display:inline-block;height:30px;vertical-align:middle}.trophyMessage .winningMessage .winning{display:inline-block;max-width:124px;color:#f58833}.player-controlbar{width:100%;position:relative;height:100%;background:rgba(0,0,0,.6);color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.player-controlbar .progress-box{position:absolute;left:0;bottom:50px;height:6px;width:100%;cursor:pointer;z-index:0}.player-controlbar .progress-box:hover{height:14px;-webkit-transition:height .1s;-o-transition:height .1s;-moz-transition:height .1s;transition:height .1s}.player-controlbar .progress-box:hover .play-time-tip{bottom:16px}.player-controlbar .progress-box:hover .dot{-webkit-transition:height .1s;-o-transition:height .1s;-moz-transition:height .1s;transition:height .1s;height:24px;top:-5px}.player-controlbar .progress-box .play-time-tip{position:absolute;bottom:8px;left:0;font-size:12px;color:#fff;line-height:20px;background:rgba(0,0,0,.7);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding-left:5px;padding-right:5px;display:none}.player-controlbar .progress-box .background{position:absolute;background:rgba(85,85,85,.7);height:100%;width:100%;z-index:-2}.player-controlbar .progress-box .buffer{position:absolute;height:100%;background:hsla(0,0%,100%,.5);width:0;z-index:-1}.player-controlbar .progress-box .played{height:100%;background:#0f6af3;width:0;float:left}.player-controlbar .progress-box .dot{position:absolute;top:-3px;background-color:#fff;width:12px;height:12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;cursor:pointer}.player-controlbar .controls{width:100%;height:100%;padding:0 20px}.player-controlbar .controls .item{float:left;margin-top:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.player-controlbar .controls .item .item-btn{height:30px;line-height:30px;cursor:pointer}.player-controlbar .controls .item .item-btn .iconfont{font-size:16px;display:inline-block;vertical-align:bottom}.player-controlbar .controls .left .item{margin-right:25px}.player-controlbar .controls .left .time{line-height:30px}.player-controlbar .controls .left .volume-slider{margin-top:23px;margin-left:-15px;width:76px;height:4px;background:#6c6262;position:relative}.player-controlbar .controls .left .volume-slider .v-progress{background:#0f6af3;width:100%;height:100%;float:left}.player-controlbar .controls .left .volume-slider .v-dot{background-color:#fff;width:10px;height:10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;cursor:pointer;position:absolute;left:0;top:-3px}.player-controlbar .controls .right .item{margin-left:25px}.player-controlbar .controls .right .item.rate.active .select{display:block}.player-controlbar .controls .right .item .select{position:absolute;bottom:48px;left:-10px;display:none;padding:0;margin:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden}.player-controlbar .controls .right .item .select li{text-align:center;width:50px;line-height:30px;background-color:rgba(0,0,0,.7);cursor:pointer}.player-controlbar .controls .right .item .select li.current{color:#0f6af3}.player-controlbar .controls .right .item .select li+li{border-top:1px solid hsla(0,0%,100%,.2)}.player-controlbar .controls .right .item .select li:hover{background-color:rgba(0,0,0,.5)}.modal-fill-userinfo .modal-dialog{width:450px}.modal-fill-userinfo .title{font-size:22px;text-align:center}.modal-fill-userinfo .form-group{margin-top:30px;margin-bottom:0}.modal-fill-userinfo .form-group .form-control{width:100%}.liveview .g-header .container{width:100%;padding-left:25px}.liveview .g-header .container .g-header-right{margin-right:10px}.liveview .top-bar{top:0;right:0;left:0;z-index:10;min-width:1200px;height:48px;background-color:#fff;padding:13px 25px 0}.liveview .top-bar .attr,.liveview .top-bar .title{display:inline-block;overflow:hidden}.liveview .top-bar .title{font-size:16px;max-width:640px;vertical-align:sub}.liveview .top-bar .attr{margin-left:25px;vertical-align:sub;line-height:22px}.liveview .top-bar .attr .live-state,.liveview .top-bar .attr .live-users{line-height:1;color:#676c73;display:inline-block}.liveview .top-bar .attr .live-state .icon-round-dot{font-size:12px;color:#a4a4a4;display:inline-block;width:18px}.liveview .top-bar .attr .live-state.live-state-living{color:#ff7a45}.liveview .top-bar .attr .live-state.live-state-living .img-living{width:14px;margin-top:-6px;margin-right:6px}.liveview .top-bar .attr .live-users{border-left:1px solid #9399a5;padding-left:10px;margin-left:10px}.liveview .big-cover .cover-content{font-size:36px}.liveview .big-cover .count-down-wrapper{font-size:0}.liveview .big-cover .count-down-wrapper .text{font-size:36px}.liveview .big-cover .count-down-wrapper .time{padding-top:42px}.liveview .big-cover .count-down-wrapper .time .icon-count-down{font-size:32px;margin-right:5px}.liveview .big-cover .count-down-wrapper .time .count-down{font-size:36px;line-height:42px}.liveview .big-cover .count-down-wrapper .time .count-down .text{color:#ff7a45;margin:0 5px;font-size:42px;display:inline-block;vertical-align:top}.liveview .stream-video-cover{background-color:#000;z-index:4998}.liveview .stream-video-cover .count-down-wrapper{font-size:0}.liveview .stream-video-cover .count-down-wrapper .text{font-size:22px}.liveview .stream-video-cover .count-down-wrapper .time .icon-count-down{font-size:18px;margin-right:2px}.liveview .stream-video-cover .count-down-wrapper .time .count-down{font-size:20px;line-height:22px}.liveview .stream-video-cover .count-down-wrapper .time .count-down .text{color:#ff7a45;margin:0 5px;font-size:22px}.liveview .main-loading{position:absolute;top:100px;right:0;left:0;text-align:center;z-index:8;font-size:16px}.liveview .main-content{position:relative;z-index:9;height:-webkit-calc(100% - 120px);height:-moz-calc(100% - 120px);height:calc(100% - 120px);border:8px solid #f7f8fa}.liveview .main-content>[class*=col-]{position:absolute;top:0;bottom:0;z-index:1;height:100%;background-color:#fff}.liveview .main-content>.col-01{left:0;z-index:3;right:288px;padding-bottom:53px;border-right:8px solid #f7f8fa;-webkit-transition:left,right .3s;-o-transition:left,right .3s;-moz-transition:left,right .3s;transition:left,right .3s}.liveview .main-content>.col-01.right-active{right:0;border-right-width:0}.liveview .main-content>.col-01.left-active{left:0;border-left-width:0}.liveview .main-content>.col-01.playback{padding-bottom:0}.liveview .main-content>.col-01.playback:hover .toolbar-bottom{visibility:visible}.liveview .main-content>.col-01.playback .toolbar-bottom{visibility:hidden;height:50px;border-top:none;padding:0}.liveview .main-content>.col-01 .toolbar-bottom{position:absolute;right:0;bottom:0;left:0;z-index:99;height:53px;border-top:1px solid #f7f8fa;padding:0 16px}.liveview .main-content>.col-01 .toolbar-bottom>span{line-height:52px;margin-right:24px}.liveview .main-content>.col-01 .toolbar-bottom>span .iconfont{margin-right:5px;display:inline-block;vertical-align:top}.liveview .main-content>.col-01 .toolbar-bottom>span.disabled a{cursor:not-allowed;color:#9399a5}.liveview .main-content>.col-01 .toolbar-bottom>span>a,.liveview .main-content>.col-01 .toolbar-bottom>span>span{display:inline-block;height:100%}.liveview .main-content>.col-01 .toolbar-bottom .dropdown{position:relative}.liveview .main-content>.col-01 .toolbar-bottom .dropdown.active .popup{display:block}.liveview .main-content>.col-01 .toolbar-bottom .dropdown .popup{position:absolute;left:-15%;bottom:50px;display:none;min-width:10px;min-height:10px;background:#fff;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.08);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.08);box-shadow:0 0 8px 0 rgba(0,0,0,.08);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:default}.liveview .main-content>.col-01 .toolbar-bottom .dropdown .network-popup{color:#676c73;padding:6px 16px}.liveview .main-content>.col-01 .toolbar-bottom .dropdown .network-popup label{white-space:nowrap}.liveview .main-content>.col-01 .toolbar-bottom .dropdown .network-popup .radio+.radio{margin-top:16px}.liveview .main-content>.col-01 .stream-wrapper{height:100%}.liveview .main-content>.col-01 .stream-wrapper.toggle{height:288px}.liveview .main-content>.col-02{right:0;width:288px;height:100%;padding-top:216px}.liveview .main-content>.col-02 .stream-container{position:absolute;top:0;right:0;left:0;height:216px}.liveview .main-content>.col-02 .stream-wrapper{height:100%}.liveview .main-content>.col-02 .chat-wrapper{height:100%;border-top:8px solid #f7f8fa;background-color:#fff;position:relative}.liveview .main-content .sidebar-toggle{position:absolute;top:50%;margin-top:-30px;width:25px;height:50px;z-index:10;text-align:center;line-height:50px;background-color:#737376;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.liveview .main-content .sidebar-toggle .iconfont{font-size:14px}.liveview .main-content .sidebar-toggle.right{-webkit-border-top-left-radius:25px;-moz-border-radius-topleft:25px;border-top-left-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-radius-bottomleft:25px;border-bottom-left-radius:25px;right:0;padding-left:4px}.liveview .main-content .stream-wrapper{position:relative}.liveview .main-content .stream-wrapper.stream-video{background-color:#000}.liveview .main-content .stream-wrapper .stream-box{position:absolute;top:0;right:0;bottom:0;left:0}.liveview .announcement-wrapper{position:absolute;top:0;right:0;left:0;z-index:2;display:none}.liveview .announcement-wrapper .announcement-icon{position:absolute;top:16px;right:16px;z-index:1;cursor:pointer;color:#ff7a45;line-height:1}.liveview .announcement-wrapper .announcement-icon .iconfont{font-size:24px}.liveview .announcement-wrapper .announcement-msg{position:relative;z-index:2;width:100%;background-color:#ffe9d2;color:#ff7a45;word-wrap:break-word;word-break:normal;padding:10px;display:none}.liveview .announcement-wrapper .announcement-msg .announcement-close{position:absolute;top:10px;right:10px;line-height:1;cursor:pointer}.liveview .announcement-wrapper .announcement-msg .announcement-close>.iconfont{font-size:12px}.liveview .announcement-wrapper .announcement-msg .title{padding-bottom:8px;line-height:16px}.liveview .announcement-wrapper .announcement-msg .title>.iconfont{margin-right:5px;display:inline-block;vertical-align:top}.fixed-right-nav .spreadclass{display:block}.bullet>span{font-size:16px!important}