/*表情插件部分*/
#hack_wrap{padding: 5px 0;}
#hack_wrap em{width: 24px;height: 24px;display: inline-block;}
/*礼物插件*/
.new-gift-msg > div {padding:0 5px;font-size: 15px;background-color: #fff;}
.qiboliwu{background-color: rgba(0,0,0,0.3);}
.qiboliwu .nickname{color: #fff;}
.qiboliwu .giftname{color: #fff;}
.liwugif_big{bottom:46px;width: 1186px;height:inherit; left: 0}
.liwugif_big img{max-width:1186px;max-height:667px; }
.svgaliwu {width: 1186px;height: 667px;left:0}
/*下面是聊天界面*/
.fr{float:right}
.fl{float:left}
.inner-center{width:1480px;margin:0 auto;font-size:14px}
.watch-container{padding:10px 0 20px;background-color:#e8e9eb;border-bottom:1px solid #c9c9c9}
.watch-header{padding:20px 0}
.watch-header h3{font-size:24px}
.watch-header .tag-webinar-type{color:#fff;display:inline-block;background-color:#1087dc;font-size:14px;padding:0 8px;border-radius:3px;margin:8px 0 0 15px;position:absolute}
.watch-header .tag-webinar-type.playback{background-color:#2ab804}
.watch-header .tag-webinar-type.live{background-color:#f33}
.watch-header .watch-pv{color:#7c8287;font-size:14px;margin-top:10px}
.watch-header .block-userinfo{color:#7c8287;font-size:14px;margin:10px 0;line-height:25px}
.v-blue{color:#1087dc}
.watch-header .block-userinfo .follow-someone-btns{margin-left:10px;line-height:1.4}
.watch-header .block-userinfo .follow-someone-btns a{display:inline-block;padding:3px 12px;background-color:#f33;color:#fff;text-align:center;border-radius:3px 0 0 3px}
.watch-header .block-userinfo .follow-someone-btns a.follow-nums{color:#f33;background-color:#fbdcdc;border-radius:0 3px 3px 0}
 
/*播放器部分*/
.watch-body .td{display:table-cell;vertical-align:top}
.watch-body .watch-banner{width:1186px}
.watch-body .watch-banner .flash-video{vertical-align:middle;width:1186px;height:667px;position:relative;background-color:#000;line-height:0}
.watch-body .watch-banner .flash-video.exchange .video-box{width:100%;height:100%;right:0}
.watch-body .watch-timeago.watch-interaction{height:713px;width:294px;padding:0}
.watch-body .watch-timeago{background:#242424;padding:40px 0 20px;color:#fff;position:relative}
.play-box-right{position:relative;width:100%;height:inherit;background-color:#282830;text-align:center;overflow:hidden}
.type-box{position:relative;width:100%;height:32px;border-top:1px solid #3a3a42;background-color:#2d2d2d;z-index:5}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.type-box .type-list{background-color:#2d2d2d}
.type-box .type-list ul{border-bottom:2px solid #272727}
.type-box .type-list ul li{float:left;background-color:#2d2d2d;width:65px;height:30px;text-align:center;list-style-type:none;position:relative}
.type-box .type-list ul li a{display:inline-block;height:100%;line-height:30px;vertical-align:middle;color:#7f7f82;text-decoration:none;font-size:13px;padding:0 4px}
.type-box .type-list ul li .new-tips.hide{display:none}
.type-box .type-list.v-single ul li{width:73px}
.hide{display:none!important}
.type-box .type-list ul li .new-tips{z-index:5;position:absolute;left:40px;top:-4px;right:-5px}
.new{display:inline-block;width:24px;height:24px;line-height:18px;text-align:center;vertical-align:middle;font-size:60px;color:#f33}
.type-box .type-list ul li.active a{border-bottom:2px solid #f33;color:#f33}
.chat-box{width:100%;background-color:#4c4c4c;position:relative;z-index:3}
.chat-box .chartlist{background:#2d2d2d;overflow:auto;-ms-touch-action:auto;touch-action:auto}
.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}
.mCSB_container{overflow:hidden;width:auto;height:auto}
.watch-toolbar{height:46px;line-height:46px;color:#fff;padding:0 20px;background-color:#222;position:relative}
.tab-content-item{padding:10px;display:none}
.tab-content-item.active2{display:block}

 /**/
.img-responsive {max-width: 100%;}
.send-box{position:absolute;bottom:0;width:100%;padding:0 10px;box-sizing:border-box;z-index:99;background-color:#2d2d2d;border-top:1px solid #404040}
.send-box .send-box-btn{box-sizing:border-box;padding:10.5px 0 9.5px}
.send-box .send-box-btn li{float: left;margin-left: 10px;}
.send-box .send-box-btn li a{color: #fff;font-size: 20px;}
.text-box{margin-bottom:10px;text-align:left;height:32px}
.send-box .chat-login{position:relative;z-index:2;height:32px;width:222px;cursor:pointer;background:#545454;border-radius:4px 0 0 4px;float:left;line-height:32px;color:#aaa;box-sizing:border-box;padding-left:10px}
.send-box .chat-login .red{color:#fc5659}
.send-box .send{box-sizing:border-box;width:50px;max-width:18.25%;height:32px;line-height:32px;text-align:center;background:#999;cursor:pointer;color:#fff;float:left;border-radius:0 4px 4px 0;font-size:12px}
.send-box textarea{border:none;background:#545454;height:32px;width:224px;max-width:81.75%;resize:none;padding:0 9px;line-height:32px;color:#fff;overflow:auto;border-radius:4px 0 0 4px;box-sizing:border-box;font-size:12px;outline:none;float:left}.send-box textarea::-webkit-input-placeholder{color:#fff}.send-box textarea:-ms-input-placeholder{color:#fff}.send-box textarea::placeholder{color:#fff}
.send-box textarea{border:none;background:#545454;height:32px;width:224px;max-width:81.75%;resize:none;padding:0 9px;line-height:32px;color:#fff;overflow:auto;border-radius:4px 0 0 4px;box-sizing:border-box;font-size:12px;outline:0;float:left}
.icon-top-right{position:absolute;top:10px;right:10px;z-index:999}
.txt-clear,.txt-scroll{color:#adadad;border:1px solid #adadad;cursor:pointer;padding:2px 5px;border-radius:2px}
.txt-scroll.active{color:#5bc0de;border-color:#5bc0de}
.pc_show_all_msg li{padding:10px;line-height:18px}
.pc_show_all_msg .left{float:left}
.pc_show_all_msg li span{display:inline-block;height:18px;line-height:18px}
.pc_show_all_msg li span:last-child{color:#fec536}
.pc_show_all_msg .speak-bg{display:inline-block;background:#e7ebf2;color:#333;border-radius:4px;line-height:24px;padding:4px 12px;position:relative;margin-top:5px;float:left}
.pc_show_all_msg .speak-bg:before{display:inline-block;content:'';width:0;height:0;border:5px solid transparent;vertical-align:top;border-top-width:0;border-bottom-color:#e7ebf2;position:absolute;top:-5px}
.pc_show_all_msg li img{max-width:100%}
#user_list li{padding:10px;line-height:18px;text-align:left}
#user_list li img{vertical-align:top;border-radius:9px}
#user_list li span{display:inline-block;height:18px;line-height:18px}


.watch-body .watch-timeago {
    background: #242424;
    padding: 40px 0px 20px;
    color: #fff;
    position: relative;width:294px;
}
.watch-body h4 {
    font-size: 20px;line-height: 120px;    text-align: center;
}
.watch-body .timeRunner {
    margin: 30px auto 60px;
    width: 280px;
}
.watch-body .timeRunner li {
    width: 60px;
    height: 65px;
    text-align: center;
    background: #1b1b1b;
    margin: 0 3px;
    padding: 10px 0;
    font-size: 33px;
    border-radius: 3px;
    border: 2px solid #2d2d2d;
}
.watch-body .timeRunner li p {
    margin: 0;
}
.watch-body .timeRunner li p.time-ref {
    margin: 10px 0;
}
.watch-body .time-ref, .watch-body .webinar-ref {
    color: #7c8287;
    font-size: 14px;
}
.watch-body .join-timeago-footer {
    position: absolute;
    left: 50%;
    margin-left: -135px;
    
    width: 270px;
}
.tac {
    text-align: center;
}
.watch-body .join-webinar-btn {
    width: 100%;
    margin-bottom: 10px;
}
.v-btn-red {
    width: 140px;
    color: #fff;
    background: #e93a2f;
    line-height: 48px;
    font-size: 18px;
    height: 48px;
    display: block;
    margin: 20px auto;
    border-radius: 3px;
    text-align: center;
}
.v-btn-red:hover{background-color:#fe6a6a;color:#fff}
/**/
.area-bottom {
    padding: 20px 0;
}
.area-bottom .desc-area, .area-bottom .advs-area {
    background: #fff;
    border: 1px solid #d2d2d2;
}
.area-bottom .area-section {
    margin-bottom: 20px;
}
.area-bottom .desc-tab {
    font-size: 18px;
    border-bottom: 1px solid #e1e1e1;
}
.desc-tab {
    color: #666;
}
.area-bottom .desc-tab span {
    display: inline-block;
    padding: 13px 23px;
    height: 22px;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
}
.area-bottom .desc-tab span.active {
    border-bottom: 2px solid #ff3333;
}
.area-bottom .desc-tab span {
    padding: 14px 20px 6px 20px;
    font-size: 14px;
}
.area-bottom .desc-area .desc {
    padding: 10px;
    word-break: break-all;
      font-size: 14px;
    line-height:30px;
}
 
.tab-neircontent-item{display:none}
.tab-neircontent-item.active2{display:block}