body{background:#f8f9fb}.container{margin:0 auto;width:1000px;padding-top:12px}.nav-wrap{font-size:14px;line-height:20px;color:#666}.nav-wrap a{color:#09f}.nav-wrap .text{display:inline-block;max-width:300px;vertical-align:middle}.room-info-wrap{margin-top:12px;background:#fff;padding:20px}.room-info-wrap .left{width:90px;height:120px}.room-info-wrap .left img{width:100%;height:100%}.room-info-wrap .right{width:858px}.room-info-wrap .right .top{margin-top:4px}.room-info-wrap .right .room-name{color:#333;font-size:18px;line-height:26px;font-weight:700}.room-info-wrap .right .live-status{margin-left:16px}.room-info-wrap .right .live-text{color:#b60014;font-size:14px;line-height:20px;vertical-align:middle}.room-info-wrap .right .live-icon{display:inline-block;width:14px;height:15px;vertical-align:middle}.room-info-wrap .right .room-fans{color:#999;font-size:14px;line-height:20px}.room-info-wrap .right .special{margin-left:6px;color:#333;font-weight:700}.room-info-wrap .right .bottom{margin-top:20px;color:#666;font-size:14px;line-height:22px}.main-wrap{margin-top:26px}.main-wrap .left{width:660px}.main-wrap .right{width:320px}.main-wrap .text{margin-bottom:12px;color:#333;font-size:20px;line-height:28px;font-weight:700}.main-wrap .risk-tip{border-top:1px solid #f8f9fb;background:#fff;padding:11px 12px;color:#bbb;font-size:12px;line-height:20px}.main-wrap .temp-box,.selected-content{height:468px;background:#fff}.selected-content{padding:12px 12px 12px 0}.selected-content .scroll-content{height:100%;overflow-y:scroll}.selected-content .scroll-content::-webkit-scrollbar{width:12px}.selected-content .scroll-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ebeff3;border:3px solid transparent;background-clip:content-box}.selected-content .selected-item{padding-bottom:20px;word-break:break-all;position:relative;width:590px;margin-left:28px;padding-left:32px;border-left:1px dashed #ebeff3;color:#333;font-size:14px;line-height:20px}.selected-content .selected-item a{color:#09f}.selected-content .selected-item img{max-width:100%;max-height:220px}.selected-content .selected-item .quote{margin-top:8px;padding-top:8px;border-top:1px dashed #96a3b8}.selected-content .selected-item .emojiMsg{display:inline-block;vertical-align:middle}.selected-content .selected-sub,.selected-content .selected-title{font-weight:700;margin-bottom:4px}.selected-content .selected-text{margin-bottom:4px}.selected-content .selected-time{line-height:16px;text-align:center;position:absolute;top:0;left:-20px;color:#666;background:#fff}.selected-content .selected-img{max-width:558px}.interact-content{position:relative;padding:12px 0 12px 12px;background:#fff}.interact-content .message-item{margin-top:20px}.interact-content .message-item:first-child{margin-top:0}.interact-content .message-item a{color:#09f}.interact-content .online{top:8px;right:0;padding:6px 6px 6px 18px;border-radius:13px 0 0 13px}.interact-content .new-msg-tip,.interact-content .online{position:absolute;color:#09f;font-size:12px;line-height:12px;background:rgba(0,153,255,.1)}.interact-content .new-msg-tip{cursor:pointer;bottom:183px;left:122px;padding:6px 14px;border-radius:16px}.interact-content .scroll-content{height:361px;overflow-y:scroll}.interact-content .scroll-content::-webkit-scrollbar{width:12px}.interact-content .scroll-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ebeff3;border:3px solid transparent;background-clip:content-box}.interact-content .avatar-box{margin-top:6px;position:relative;width:36px;height:36px}.interact-content .avatar-box .avatar{width:100%;height:100%;border-radius:50%}.interact-content .avatar-box .vip-cion{width:20px;height:10px;position:absolute;left:8px;bottom:-5px}.interact-content .right-box{width:248px;margin-left:4px}.interact-content .right-box .user-name{display:inline-block;vertical-align:middle;max-width:100px;color:#333;font-size:14px;line-height:20px;font-weight:700}.interact-content .right-box .time{vertical-align:middle;color:#999;font-size:12px;line-height:12px}.interact-content .right-box .right-box-bottom{display:inline-block;word-break:break-all;margin-top:6px;color:#333;font-size:14px;line-height:20px;background:#f2f5f8;padding:6px 8px;border-radius:0 8px 8px 8px}.interact-content .right-box .right-box-bottom img{max-width:100%}.interact-content .right-box .right-box-bottom .emojiMsg{display:inline-block;vertical-align:middle}.interact-content .right-box .quote{margin-top:8px;padding-top:8px;border-top:1px dashed #96a3b8;color:#666}.interact-content .right-box .myself{background:rgba(233,64,65,.08)}.interact-content .input-box{margin-top:12px;padding:8px;margin-right:12px;border:1px solid #e4e7ed;border-radius:4px}.interact-content .input-box #textarea{color:#333;font-size:14px;line-height:20px;width:100%}.interact-content .input-box #textarea::-webkit-input-placeholder{color:#bbb}.interact-content .input-box .surplus-box{margin-top:8px;color:#999;font-size:14px;line-height:20px}.interact-content .input-box .surplus{color:#666}.interact-content .input-box .submit-btn{cursor:pointer;width:64px;height:28px;text-align:center;line-height:28px;font-size:14px;background:#b60014;border-radius:2px;color:#fff}.video-content{background:#fff}.video-content .video-box{height:372px;background:#000}.video-content .teacher-box{padding:12px 12px 10px}.video-content .teacher-box .vip-icon{display:inline-block;width:27px;height:20px;vertical-align:middle}.video-content .teacher-box .teacher-name{color:#333;font-size:18px;line-height:26px;font-weight:700;vertical-align:middle}.video-content .teacher-box .product-box{margin-left:10px;vertical-align:middle;padding:2px 12px;display:inline-block;color:#b60014;font-size:14px;line-height:20px;background:rgba(233,64,65,.12);border-radius:12px}.video-content .teacher-box .product-text{vertical-align:middle}.video-content .teacher-box .icon{display:inline-block;width:14px;height:11px;vertical-align:middle}.video-content .teacher-box .teacher-introduce{margin-top:4px;color:#666;font-size:14px;line-height:22px;height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-all}.other-live-wrap{margin-top:26px}.other-live-wrap .title{color:#333;font-size:20px;line-height:28px;font-weight:700;margin-bottom:12px}.other-live-wrap .item{width:490px;background:#fff}.other-live-wrap .item-left{width:150px;height:200px}.other-live-wrap .item-left img{width:100%;height:100%}.other-live-wrap .item-right{width:316px;padding-top:16px;margin-left:12px}.other-live-wrap .item-right .room-name{vertical-align:middle;color:#333;font-size:18px;line-height:26px;font-weight:700}.other-live-wrap .item-right .live-text{color:#b60014;font-size:14px;line-height:20px}.other-live-wrap .item-right .live-icon{margin-left:3px;display:inline-block;width:14px;height:15px;vertical-align:-2px}.other-live-wrap .item-right .middle{height:20px;margin-top:4px;font-size:14px;line-height:20px;color:#999}.other-live-wrap .item-right .num{margin-left:8px;color:#333;font-weight:700}.other-live-wrap .item-right .bottom{overflow:hidden;height:110px;margin-top:12px;color:#666;font-size:14px;line-height:22px}.past-video-wrap{margin-top:26px}.past-video-wrap .top{margin-bottom:12px}.past-video-wrap .top .top-title{color:#333;font-size:20px;line-height:28px;font-weight:700}.past-video-wrap .top .text{color:#666;font-size:14px;line-height:20px;vertical-align:middle}.past-video-wrap .top .icon{display:inline-block;width:6px;height:11px;vertical-align:middle}.past-video-wrap .bottom{font-size:0;margin-left:-10px;margin-right:-10px}.past-video-wrap .bottom li{margin:0 10px;vertical-align:middle;display:inline-block;width:235px;color:#333;font-size:14px;line-height:22px;background:#fff;padding-bottom:8px}.past-video-wrap .bottom .bottom-top{overflow:hidden;height:132px;position:relative}.past-video-wrap .bottom .bottom-top .video-bg{-webkit-transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:transform 1s cubic-bezier(.4,0,.2,1) 0s, -webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s}.past-video-wrap .bottom .bottom-top:hover .video-bg{-webkit-transform:scale(1.2);transform:scale(1.2)}.past-video-wrap .bottom .video-bg{width:100%;height:100%}.past-video-wrap .bottom .play-icon{z-index:10;position:absolute;left:50%;top:50%;margin-top:-23px;margin-left:-23px;width:46px;height:46px}.past-video-wrap .bottom .mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}.past-video-wrap .bottom .play-time{position:absolute;left:12px;bottom:12px;font-size:12px;line-height:17px;color:#e6e6e6}.past-video-wrap .bottom .bottom-bottom{margin-top:8px;padding:0 8px;color:#333;font-size:14px;line-height:22px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;height:44px}.past-video-wrap .bottom .bottom-bottom:hover{color:#b60014}.tip-message-box{z-index:100;position:fixed;top:50%;left:0;right:0;max-width:350px;max-height:80px;overflow:hidden;background:#666;background:rgba(0,0,0,.5);color:#fff;margin:0 auto;padding:10px;border-radius:5px;text-align:center;font-size:16px;line-height:20px;word-break:break-all}.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.none{display:none}.mr-20{margin-right:20px}.vam{vertical-align:middle}.barrage-button-wrap{cursor:pointer;float:right;margin-top:15px;margin-right:15px;width:33px;background:#b60014;border-radius:10px;padding:0 2px;text-align:right}.barrage-button-wrap .barrage-button-box{display:inline-block;font-size:12px;height:16px;color:#b60014;background:#fff;border-radius:50%;padding:0 2px}.close-barrage{background:#ccd7df;text-align:left}.close-barrage .barrage-button-box{color:#99aebf}#bullet-chat-wrap{position:absolute;top:0;right:0;bottom:0;left:0}#bullet-chat-wrap .bullet-chat-track{overflow:hidden;position:relative;width:100%;height:15%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center}#bullet-chat-wrap .bullet-chat-item{position:absolute;left:100%;display:inline-block;color:#ef7340;background:rgba(239,115,64,.1);border-radius:12px;font-size:14px;line-height:24px;height:24px;padding:0 15px;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#bullet-chat-wrap .emojiMsg{display:inline-block;vertical-align:middle}#player-error-wrap{z-index:1000;position:absolute;top:0;right:0;bottom:0;left:0;background:#000;text-align:center}#player-error-wrap img{margin-top:12%;display:inline-block;width:189px;height:140px}#player-error-wrap p{margin-top:30px;color:#c8c8c8;font-size:14px;line-height:30px}#player-error-wrap a{color:#c8c8c8;display:inline-block;margin-top:20px;width:70px;height:27px;text-align:center;line-height:27px;border:1px solid #c8c8c8;border-radius:2px}.declare{margin-top:8px;font-size:12px;line-height:17px;color:#999}.declare a{color:#09f}