@charset "utf-8";body *{box-sizing:border-box}.live-info{background-color:#fff}.live-info .live-tit{padding:15px;position:relative;font-size:18px;font-weight:400}.live-info .live-tit a{display:block}.live-info .live-tit::after{position:absolute;content:"";width:50px;height:2px;background-color:#2878f0;left:15px;bottom:0}.live-time{color:#999;padding:15px}.count-down{background-color:#fff;text-align:center;padding-top:15px;font-size:15px;color:#666}.count-down .count-down-tit{font-size:15px;margin-bottom:10px}.count-down-detail .down-number{background:url(/image/live/countdown_number_bg@2x.png) no-repeat center center/100% 100%;color:#fff;font-weight:700;font-size:18px;margin-left:12px;margin-right:12px;width:28px;height:28px;line-height:28px}.count-down-detail .unit{font-weight:700}.count-down-detail.row{-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.player-bar>a{line-height:50px}.live-invite{background-color:#fff}.invite-no-data{padding-top:15px;padding-bottom:15px}.invite-no-data .invite-btn{background-color:rgba(24,142,238,.15);border:1px solid #2878f0;padding:8px 16px;border-radius:20px;color:#2878f0}.invite-has-date{padding-bottom:10px}.invite-has-date .list-block{margin-top:0}.invite-has-date .live-invite-tit{background:url(/image/live/link_arrow@2x.png) right center no-repeat/9px 14px;color:#666;height:34px;line-height:34px;display:block;padding-right:15px}.invite-has-date .item-media .avatar{margin-left:14px}.invite-has-date .item-media .avatar img{border-radius:5px;width:34px}.invite-has-date .invite-user{font-size:15px}.invite-has-date .invite-number{font-size:12px}.invite-has-date .invite-number .fc-orange{font-weight:400}.invite-has-date .button.active{background-color:#2878f0;max-width:110px;margin:0 auto;border:none;line-height:28px;height:30px}.live-guide{background-color:#fff;padding:15px;margin-top:10px;position:relative}.live-guide .close-guide{width:42px;height:42px;position:absolute;right:0;top:0;background:url(/image/live/close@2x.png) no-repeat center center/9px 9px}.live-guide .live-guide-tit{font-size:16px}.live-guide ol li{font-size:14px;margin-top:5px;color:#666}.live-content .news-push{background-color:#fff;padding-top:10px;padding-bottom:10px;color:#2878f0;font-size:15px;text-align:center}.live-messages{padding-left:15px;padding-right:15px;padding-bottom:30px}.live-messages .live-msg-date{text-align:center;font-size:12px;color:#000;margin-top:20px;margin-bottom:20px}.live-messages .msg-box{max-width:310px;min-width:150px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.msg-box .msg-avatar{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:40px;margin-right:8px;margin-top:5px}.msg-box .msg-avatar img{width:40px;height:40px;border-radius:50%}.msg-content .msg-name{font-size:15px;color:#000}.msg-content .msg-name .user-role{font-size:10px;background:#8f94b4;color:#fff!important;border-radius:2px;padding:0 4px}.msg-content .msg-audio,.msg-content .msg-text{position:relative;margin-left:5px;margin-top:5px;display:inline-block}.live-messages .kd-prd-item,.msg-audio .audio-detail,.msg-content .msg-text-detail{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;position:relative}.msg-content .msg-text-detail{padding:6px 10px;line-height:1.4}.live-messages .kd-prd-item,.msg-audio .audio-detail{padding:10px}.msg-audio .audio-detail{padding-right:16px}.msg-content .msg-text-detail{word-break:break-all}.msg-audio .audio-detail,.msg-content .msg-text-detail{display:inline-block}.msg-content .msg-text-detail{font-size:15px}@media screen and (max-width:340px){.live-messages .coupon-item,.live-messages .kd-prd-item{width:230px}}.msg-audio .audio-detail::before,.msg-content .msg-text-detail::before{position:absolute;content:"";width:10px;height:10px;border-radius:1px;border-left:inherit;border-bottom:inherit;background-color:inherit;transform:rotate(45deg);left:-6px;top:10px}.msg-content .msg-text .withdraw{position:absolute;background-image:url(/image/live/withdraw@2x.png?v=1);background-repeat:no-repeat;background-position:center center;background-size:17px 17px;width:42px;height:42px;right:-18px;top:-18px;z-index:10}.msg-content .like{margin-right:4px;line-height:16px;margin-top:10px;margin-bottom:10px;text-align:right;color:#999}.msg-content .like.active{color:#ff9700}.msg-audio .audio-detail{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.audio-detail .play-mark{width:24px;height:24px;background-size:24px 24px}.audio-detail .play-mark.pause{background-image:url(/image/live/live_pause@2x.png)}.audio-detail .play-mark.play{background-image:url(/image/live/live_play@2x.png)}.audio-detail .play-mark.loading{background-image:url(/image/live/live_loading@2x.gif)}.audio-detail .audio-progress{height:2px;max-width:100%;background-color:#74bbf5;position:relative;margin-left:8px;padding-right:13px;box-sizing:content-box}.audio-progress.audio-progress-w70{width:70px}.audio-progress.audio-progress-w120{width:120px}.audio-progress.audio-progress-w170{width:170px}.play-complete{background-color:#198fee;position:absolute;left:0;top:0;height:2px}.audio-detail .audio-progress .audio-position{width:13px;height:8px;position:absolute;left:0;top:-3px}.duration{color:#999899;font-size:15px;margin-left:8px;width:34px;position:absolute;right:-41px;top:50%;margin-top:-10px}.not-listen .duration{padding-top:8px}.not-listen .duration::before{position:absolute;content:"";width:8px;height:8px;background-color:red;border-radius:50%;left:5px;top:0}.ask-item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.ask-item .ask-name{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.ask-mark{border:1px solid #2878f0;color:#2878f0;font-size:12px;margin-right:1px;width:18px;line-height:16px;text-align:center;background-color:rgba(24,142,238,.1);border-radius:3px}.msg-text-detail .answer{border-top:1px solid #f2f2f2;margin-top:5px;padding-top:5px}.add-content{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.add-content .add-content-btn{width:40px;height:21px;background-color:#ccc;border-radius:10px;position:relative}.add-content .add-content-btn::after,.add-content .add-content-btn::before{position:absolute;content:"";background-color:#fff;left:50%;top:50%}.add-content .add-content-btn::before{width:10px;height:2px;margin-left:-5px;margin-top:-1px}.add-content .add-content-btn::after{width:2px;height:10px;margin-left:-1px;margin-top:-5px}.add-content .add-content-btn.active{background-color:#2878f0}.add-content .action-list{border:1px solid #ccc;border-radius:10px;padding:0 8px;font-size:0;background-color:#fff;display:none}.add-content .action-list li{padding:12px 10px}.live-footer{position:absolute;width:100%;left:0;bottom:0;background-color:#fff;z-index:12000}.live-tab-nav{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;border-top:1px solid #ccc}.live-tab-nav a{width:25%;text-align:center;padding-top:13px;padding-bottom:13px;position:relative}.live-tab-nav a::after{content:"";position:absolute;right:0;top:13px;width:1px;height:24px;background-color:#ccc}.live-tab-nav a:last-child::after{background-color:transparent}html.pixel-ratio-2 .live-tab-nav a::after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}html.pixel-ratio-3 .live-tab-nav a::after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.live-tab-nav a span{color:#000;height:24px;line-height:24px}.live-tab-nav a i{font-size:20px;color:#999}.live-tab-nav a i,.live-tab-nav a span{vertical-align:middle}.live-tab-nav a.active i,.live-tab-nav a.active span{color:#2878f0}.live-footer-inner .tabs{border-top:1px solid #ccc}.record-block{height:210px;padding-top:24px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start}.record-block .record-img,.start-recording-btn{margin-top:30px}.record-time{box-sizing:content-box}.title-ts{top:-52px;position:absolute}.record-action-btns{margin-top:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding-left:20px;padding-right:20px}.record-action-btns .btn{width:50px;height:25px;line-height:23px;border-radius:5px;display:inline-block;font-size:13px;padding:0}.record-action-btns .rerecord-btn{border:1px solid #999;color:#999}.record-action-btns .audition-btn{border:1px solid #2878f0;background-color:#2878f0;color:#fff}.send-text{padding:8px 15px}.send-text .txt{border:1px solid #ccc;border-radius:4px;height:32px;padding-left:10px}.send-text .btn{height:32px;color:#fff;background-color:#2878f0;border-radius:4px;border:0 none}.textarea-wrap{background-color:#fff;padding:10px;position:absolute;left:0;top:0;z-index:14000;width:100%;transform:translateY(-100%);transition:transform .4s}.textarea-wrap.show{transform:translateY(0)}.textarea-wrap .txt-area{border-radius:5px;border:1px solid #e5e5e5;background-color:#f8f8f8;width:100%;padding:8px;height:120px;line-height:1.8}.live-footer .source-list .list-item{text-align:center;color:#000;font-size:12px;padding-top:10px;padding-bottom:5px}.live-footer .source-list{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.role-action{position:absolute;width:100%;bottom:0;left:0;z-index:15000;background-color:#f2f2f2}.guest-wrapper{width:100%;overflow:hidden;background:#fff;padding-top:8px;padding-bottom:8px}.guest-wrapper .swiper-slide{width:auto;padding-left:15px}.guest-wrapper .guest-avatar{width:40px;height:40px}.guest-avatar img{border-radius:50%}.guest-avatar,.guest-info{display:inline-block;vertical-align:middle}.guest-info{margin-left:7px}.guest-info .guest-name{font-size:15px;color:#000}.guest-info .guest-role{font-size:12px;color:#666}.role-action-list{padding-top:15px}.role-action-list .action-list-item{text-align:center;margin-bottom:12px;width:20%}.action-list-item .action-link{display:inline-block}.role-action-list .action-list-item .img-wrap{border:1px solid #ccc;background-color:#fff;border-radius:8px;width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 auto}.action-list-item .img-wrap .shishuofont{font-size:28px}.shishuofont.ssfont-tupian1{color:#45bf53}.shishuofont.ssfont-dis-coupon{color:#ff5959}.shishuofont.ssfont-shangpin{color:#ff983c}.shishuofont.ssfont-listen{color:#ffae00}.shishuofont.ssfont-liuyan{color:#78c985}.shishuofont.ssfont-jinyan{color:#f55}.shishuofont.ssfont-tingzhida{color:#8d7cf4}.shishuofont.ssfont-question{color:#46cad6}.shishuofont.ssfont-shuaxin{color:#2878f0}.like-btn .dislike{display:none}.like-status .dislike{display:block}.like-status .like{display:none}.role-action-list .action-list-item .action-tit{font-size:15px;color:#666;margin-top:3px}.role-action-list .label-switch,.role-action-list .label-switch .checkbox{background:#ccc;width:34px;height:18px;border-radius:9px}.role-action-list .label-switch .checkbox:after,.role-action-list .label-switch .checkbox:before{width:14px;height:14px;border-radius:50%}.role-action-list .label-switch input[type=checkbox]:checked+.checkbox{background:#2878f0}.role-action-list .label-switch input[type=checkbox]:checked+.checkbox:after{-webkit-transform:translateX(17px);transform:translateX(17px)}.add-coupon-popup .navbar,.add-course-file-popup .navbar,.add-prd-popup .navbar,.chapter-popup .navbar,.course-lesson-popup .navbar,.msg-detail-popup .navbar{background-color:transparent;height:60px}.add-coupon-popup .navbar:after,.add-course-file-popup .navbar:after,.add-prd-popup .navbar:after,.chapter-popup .navbar:after,.course-lesson-popup .navbar:after,.msg-detail-popup .navbar:after{background-color:transparent}.add-coupon-popup .navbar-through .page-content,.add-course-file-popup .navbar-through .page-content,.add-prd-popup .navbar-through .page-content,.chapter-popup .navbar-through .page-content,.course-lesson-popup .navbar-through .page-content,.msg-detail-popup .navbar-through .page-content{padding-top:60px}.msg-detail-popup .my-tab-contents{height:calc(100% - 53px)}.back-live-btn,.navbar a.back-live-btn{background-color:#2878f0;padding:0 10px;border-radius:4px;color:#fff;font-size:15px;margin-top:15px;margin-bottom:15px;position:relative;display:inline-block;color:#fff}.live-popup-wrap{height:100%;position:relative;overflow:hidden;background-color:#fff}.live-popup-inner{overflow-y:auto;height:100%}.live-popup-inner.chatroom{height:calc(100% - 34px)}.live-popup-wrap.coupon-wrap{background-color:#f2f2f2;height:100%;padding-left:10px;padding-right:10px}.audience-list-item{border-bottom:1px solid #f2f2f2;padding:12px}.audience-list-inner .audience-info{-webkit-flex-grow:1;-ms-flex:1 0 auto;flex-grow:1;padding-left:10px}.audience-list-inner .audience-info h6{line-height:1;margin-bottom:5px}.audience-list-inner .wall-btn{color:#2878f0;border:1px solid #2878f0;border-radius:4px;padding:2px 8px}.audience-list-inner .wall-btn.active{color:#999;border-color:#999}.audience-action{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.audience-action .audience-action-inner{margin-left:10px;position:relative}.audience-action-inner .audience-action-list{background-color:rgba(0,0,0,.8);position:absolute;top:-31px;left:-33px;width:90px;text-align:center;height:26px;line-height:18px;border-radius:4px;padding-top:4px;padding-bottom:4px}.audience-action-inner .audience-action-list.audience-action-list-one{width:45px;left:-12px}.audience-action-inner .audience-action-list.audience-action-list-one a{border-right:none;width:100%}.audience-action-list::after{content:"";position:absolute;border-width:6px;border-style:solid;border-color:transparent;border-top-color:rgba(0,0,0,.8);border-bottom:none;left:50%;margin-left:-3px;bottom:-6px}.audience-action-list a{color:#fff;width:50%;float:left}.audience-action-list a:first-child{border-right:1px solid #fff}.audience-list-content{padding-left:50px}.kd-prd-wrap{padding-left:90px;height:100%;position:relative;overflow:hidden;background-color:#fff}.kd-prd-wrap .kd-left-menu{position:absolute;left:0;top:0;width:90px;height:100%;overflow-y:auto;padding-bottom:10px;box-sizing:border-box;background-color:#f2f2f2}.kd-left-menu li:last-child a::after{background:0 0}.kd-left-menu li a{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;min-height:60px;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;padding:15px 10px;box-sizing:border-box;color:inherit}.kd-left-menu li a.active{background-color:#fff}.kd-prd-list-block{padding-left:10px;padding-right:15px;height:100%;overflow-y:auto}.kd-prd-item{position:relative;padding-top:10px;padding-bottom:10px;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-lines:single;-moz-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:stretch;align-items:stretch}.kd-prd-item .img-wrap{width:60px;height:60px;overflow:hidden;flex-shrink:0}.kd-prd-item .kd-prd-info{flex-grow:1;padding-left:10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;width:177px}.kd-prd-item .kd-prd-info .button-select{right:10px;bottom:0;width:auto;height:20px;line-height:18px;border-color:#2878f0}.kd-left-menu li a::after,.kd-prd-list-block .kd-prd-item::after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#ccc}html.pixel-ratio-2 .kd-left-menu li a::after,html.pixel-ratio-2 .kd-prd-item::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.pixel-ratio-3 .kd-left-menu li a::after,html.pixel-ratio-3 .kd-prd-item::after{-webkit-transform:scaleY(.3);transform:scaleY(.3)}.msg-box .coupon-item{margin-top:0;width:259px}.msg-box .coupon-item .coupon-description{padding-left:15px}.speak{position:absolute;bottom:0;left:0;width:100%;padding:6px;background-color:#fff;box-shadow:0 -2px 4px #f2f2f2;z-index:10}.speak .col-80{padding-right:10px}.speak-ipt{background-color:#ededed;border-radius:3px;padding:6px 60px 1px 6px;position:relative}.speak-ipt .txt-area{height:28px;width:100%;border:0 none;background-color:transparent;padding-top:5px;line-height:1.6}.tiw{position:absolute;top:7px;right:6px;line-height:28px;font-size:15px;color:#666}.tiw::before{position:absolute;content:"";width:16px;height:16px;border-radius:50%;border:1px solid #cacaca;left:-21px;top:5px}.tiw.active::before{border-color:#2878f0}.tiw.active::after{position:absolute;content:"";width:10px;height:10px;border-radius:50%;background-color:#2878f0;left:-17px;top:9px}.speak .button.active{width:100%;background-color:#2878f0;color:#fff;border:0 none;height:41px;border-radius:3px}.school-invite .avatar-w35{margin-left:4px}.school-invite .avatar-w50{border-style:solid;border-width:2px;border-radius:50%}.school-invite .invite-no-one .avatar-w50{border-color:#f0d960}.school-invite .invite-no-two .avatar-w50{border-color:#e5e5e5}.school-invite .invite-no-three .avatar-w50{border-color:#efba55}.school-invite .avatar-ribbon{font-size:12px;margin-top:-19px;margin-left:-3px;background-size:50px 15px;width:50px;height:15px;background-repeat:no-repeat;display:block;position:relative}.school-invite .invite-no-one .avatar-ribbon{background-image:url(/image/invite_no1@2x.png?v=201707051)}.school-invite .invite-no-two .avatar-ribbon{background-image:url(/image/invite_no2@2x.png?v=201707052)}.school-invite .invite-no-three .avatar-ribbon{background-image:url(/image/invite_no3@2x.png?v=201707053)}.school-invite .invite-user{font-size:15px}.school-invite .invite-number{font-size:12px}.school-invite .invite-number .fc-orange{font-weight:400}.school-invite .list-block.media-list .item-inner{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.school-invite .list-block .item-media+.item-inner{margin-left:10px}.infinite-scroll-preloader{margin-top:10px;margin-bottom:10px;text-align:center}.rank-list-wrap{background-color:#fff;padding-left:15px;padding-right:15px}.rank-list-wrap .rank-list-head{height:34px;line-height:34px;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.rank-list-wrap .rank-name{flex-grow:1;margin-left:20px}.rank-list-wrap .rank-avatar{width:34px}.rank-list-wrap .rank-number{width:50px;text-align:center}.rank-list-wrap .rank-list-item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding-top:15px;padding-bottom:15px;border-top:1px solid #f2f2f2}.live-panel-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:1;z-index:5999;display:none}.transparent-popup .page{background-color:rgba(0,0,0,0)}.transparent-popup .text-center{text-align:center;width:100%}.create-live .item-prd-img{padding-top:15px}.create-live .item-title{padding-left:0}html.pixel-ratio-3 .tabbar.my-toolbar .small-toolbar::after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.list-guest-block .item-media{width:45px}.list-guest-block .item-media img{width:45px;border-radius:5px}.list-guest-block .item-inner{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.list-guest-block .guest-name{font-size:15px;width:68px;margin-right:10px}.list-guest-block .guest-role{-webkit-flex-grow:1;-ms-flex:1 0 auto;flex-grow:1;font-size:12px;color:#666}.toolbar .full-btn{position:relative;width:100%;display:block;height:44px;background-color:#2878f0;color:#fff;font-size:15px;line-height:44px;text-align:center}.toolbar .full-btn i.icon.icon-plus{display:inline-block;width:22px;height:22px;font-size:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%2013h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.toolbar .full-btn i,.toolbar .full-btn span{vertical-align:middle}.view .page-content-invitation{padding:10px;height:calc(100% - 36px);max-width:414px;margin:0 auto}.invitation{background-color:#fff;padding-top:23px;border-radius:5px;box-shadow:0 0 0 3px #cee5f8;height:100%;box-sizing:border-box;position:relative;min-height:510px}.invitation .invite-tit{background:url(/image/live/invitation_head_bg@2x.png) no-repeat center center/206px 44px;color:#fff;font-size:14px;height:41px;padding-top:3px}.invitation .invite-tit span{position:relative}.invitation .invite-tit span::after,.invitation .invite-tit span::before{position:absolute;content:"";width:3px;height:3px;border-radius:50%;background-color:#fff;top:49%}.invitation .invite-tit span::before{left:-10px}.invitation .invite-tit span::after{right:-10px}.invitation .invite-letter{color:#999;width:90%;margin:20px auto;border:1px dashed #cee5f8;border-radius:5px;padding:15px;box-sizing:border-box}.invitation .invite-letter .letter-content{margin-top:6px;margin-bottom:30px;text-indent:28px}.invite-letter .letter-content strong{color:#2878f0}.invite-letter .letter-from{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.invite-letter .letter-from .avatar{width:45px;height:45px;margin-right:5px}.invite-letter .letter-from .avatar img{border-radius:50%;width:45px;height:45px}.letter-department{color:#666}.letter-name{font-size:12px}.invitation-rule{width:90%;margin:0 auto}.invitation-rule li{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;color:#999;font-size:12px;margin-bottom:10px}.invitation-rule i{width:18px;height:18px;border-radius:50%;background-color:#2878f0;color:#fff;text-align:center;line-height:18px;margin-right:5px}.invitation-rule li img{vertical-align:baseline}.invitation .button.active{width:150px;height:36px;line-height:36px;margin:0 auto}.invitation .img-wrap{position:absolute;left:0;bottom:0}.invitation .content-block{position:relative;z-index:10}@media screen and (max-width:340px){.invitation{padding-top:20px}.invitation .invite-letter .letter-content{margin-top:6px;margin-bottom:20px}.invitation .content-block{margin:25px 0}.invite-letter .letter-from .avatar{width:40px;height:40px}.role-action-list .action-list-item .action-tit{font-size:12px}}.wall-dialog-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:21000;background:rgba(0,0,0,.3)}.wall-dialog-content{position:fixed;z-index:22000;width:90%;top:50%;margin-top:-100px;left:50%;margin-left:-45%;border-radius:10px;background-color:#fff;font-size:15px}.wall-dialog-content .content-wrap{padding:12px 10px 6px}.wall-dialog-content textarea.reply-content{height:120px;width:100%;background-color:#f2f2f2;border-radius:10px;resize:none;border:0 none;padding:10px;box-sizing:border-box;color:#666;font-size:15px}.wall-dialog-btn{border-top:1px solid #f2f2f2;padding:8px 0}.wall-dialog-btn a{text-align:center;border-right:1px solid #f2f2f2}.wall-dialog-btn a:nth-child(1){color:#999}.wall-dialog-btn a:nth-child(2){color:#2878f0}.ss-video-player .speak{z-index:6000}.ss-video-player .speak.hide{display:none}.ss-panel-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);opacity:0;z-index:5999;display:none}.ss-panel-overlay.show{display:block}.fixed-wrap{position:absolute;left:0;top:0;width:100%;z-index:10}.navbar-through .live-video-content{padding-top:280px;overflow:hidden}.ss-video{background-color:#fdb7b7;height:calc(100vw / 16 * 9);position:relative;overflow:hidden}.ss-video .video-count-down{height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:1;-ms-flex:1;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.ss-video .video-count-down.hide{display:none}.video-count-down .video-count-title{color:#fff;background-color:#2878f0;font-size:15px;border-radius:6px;padding:8px 15px;letter-spacing:1px}.video-count-down .count-down-detail{margin-top:20px}.shishuofont{line-height:1}.ss-video .ssfont-play{position:absolute;left:0;right:0;top:0;bottom:0;font-size:70px;color:#fff;width:70px;height:70px;margin:auto}.swiper-nav{width:100%}.swiper-nav .swiper-slide{height:40px;background-color:#303030;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.swiper-nav a{color:#fff}.swiper-nav .swiper-slide>.nav-item{display:block;padding-left:10px;margin-right:10px}.swiper-nav .swiper-slide i.shishuofont{font-size:18px}.swiper-nav .swiper-slide i,.swiper-nav .swiper-slide span{vertical-align:middle}.label-switch.video-label-switch{width:36px;height:22px}.label-switch.video-label-switch .checkbox{width:36px;height:22px;background:#d2d2d2}.label-switch.video-label-switch .checkbox:before{width:36px;height:22px;left:0;top:0;background:#d2d2d2}.label-switch.video-label-switch .checkbox:after{height:22px;width:22px;top:0;left:0}.label-switch.video-label-switch input[type=checkbox]:checked+.checkbox{background-color:#2878f0}.label-switch.video-label-switch input[type=checkbox]:checked+.checkbox:after{-webkit-transform:translateX(14px);transform:translateX(14px)}.live-video-messages .msg-box{margin-bottom:20px}.tabs.video-chat-room{height:100%}.video-chat-room>.tab{position:relative}.tab.has-speak{padding-bottom:60px;overflow:hidden;height:100%}.has-speak .live-video-messages{padding-top:20px;padding-bottom:0;height:100%;overflow-y:auto}.courseware-item{margin-top:12px}.courseware-litimg{width:250px;height:140px;background-color:#000;background-position:center center;background-size:cover;background-repeat:no-repeat}.courseware-item .state-finish,.courseware-item .state-unsent{position:absolute;right:0;bottom:0;width:50px;height:20px;text-align:center;line-height:20px}.courseware-item .state-finish{color:#fff;background-color:rgba(0,0,0,.5)}.courseware-item .state-unsent{color:red;background-color:#ccc}.courseware-delete{right:0;bottom:0}.courseware-delete .shishuofont{font-size:24px}.live-copyright{color:#999}