/*
 *  live.css
 *   发烧友学院手机版-直播页css

 *  Created by lc on 2016-08-05.
 *  Copyright 2016 lc. All rights reserved.
 */
@charset "utf-8";
body{
    height: auto;
    background-color: #fff;
}
#page_footer{
    display: block;
}
/*三个区域置顶*/
#page_border{
    padding-bottom:50px ;
    position: relative;
    width: 100%;
    width: 600px;
    margin: 30px auto 0 auto ;
}
.tab_module .wrapper-icon{
    width: 600px;
    line-height: 50px;
}
.bdsharebuttonbox a[data-cmd]{
    background-image: none!important;
}
body #page_tab_module > .tab_header{
    width: 100%;
}
/*三个区域置顶*/
#page_border .img_box{
    width: 44px;
    height: 44px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 2px #ddd;
    background: #ddd;
}

/*直播区域*/
#live_area{
    display: block;
    width: 100%;
    top: 50px;
    max-width: 600px;
    z-index: 100;
    height: 300px;
    background: #fff;
    overflow: hidden;
    max-height: 300px;
}
.enter-money{
    color: #d00;
    font-size: 15px;
}
/*直播未开始*/
#live_notstart_tip{
    width: 800px;
    height: 600px;
    background:url(../img/live_notstart.jpg) no-repeat center center;
    background-size: 100% 100%;
    display: table;
}

#live_notstart_tip span{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
#live_notstart_tip big{
    display: block;
    font-weight: bold;
    margin-bottom: 10px;

}
.icon-live-praise{
    width: 12px;
    height: 16px;
}
/*暂停播放*/
#livePause{
    position: absolute;
    padding: 10px;
    background: rgba(255,160,18,.5);

    width: 100%;
    box-sizing: border-box;
    top: 0;
    color: #fff;
}
/*重播*/
#reply{
    position: relative;
    width: 100%;
    height:100%;
}
#reply:before{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
}
#reply img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#reply video{
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
}
/*视频整理中*/
#status_tidy{
    position: relative;
    width: 100%;
    height: 100%;
}
#status_tidy img{
    width: 100%;
    height: 100%;
}
#status_tidy span{
    position: absolute;
    top: 50%;
    margin-top: -80px;
    left: 0;
    width: 100%;
    color: #8A8C8E;
    text-align: center;
}
#status_tidy span:before{
    color: #fff;


    font-size: 80px;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px 0;
}
#status_tidy a{
    display: block;
    width: 100px;
    margin: 10px auto;
    border: 1px solid #fff;
    padding: 5px ;
    border-radius: 20px;
    color: #fff;

}
/*ppt
#ppt{
    position: relative;
    background: #000;
    height: 200px;


}
#ppt .slid_box{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;


}
#ppt .big_img{
    display: table;
    height: 100%;
    width: 100%;

}
#ppt .big_img li{
    display: table-cell;

    height: 100%;
    overflow: hidden;
    background: url(../img/loading.gif) no-repeat center center #000;
    background-size: 100px;
    text-align: center;
    vertical-align: middle;

}

#ppt .big_img img{

    max-width: 100%;
    max-height: 100%;
}
#ppt .small_img{
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 46px;
    overflow: hidden;
    background: #333;
    opacity: .8;
}
#ppt .small_img .small_slid_box{
    display: block;
    width: 100%;
    overflow: auto;
}
#ppt .small_img ul{
    display: table;
}
#ppt .small_img li{
    display: table-cell;
    overflow: hidden;
    padding: 3px;

}

#ppt .small_img .active{
    background-color: #fff;
}
#ppt .small_img img{
    display: block;
    width: 60px;
    height: 40px;
    background: url(../img/loading.gif) no-repeat center top #000;
    background-size: 45px;
    vertical-align: top;

}
#ppt .bottom_tip{
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,.5);
    color: #fff;
    line-height:30px ;
    padding: 0 10px;
    font-size: 12px;
    position: absolute;
    bottom:-30px;

    box-sizing: border-box;
}
#ppt .back_now{
    display: none;
}
*/
/*直播视频*/
#playArea{
    width: 100%;
    height: 100%;
    max-height: 230px;
    background-size: cover;
}
.poster {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
}
.poster-bgc{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 2;
}

.poster img{
    width: 100%;
    height: 230px;
}
.poster .play-bg{
    display: block;
    position: absolute;
    width: 100%;
    height: 230px;
    background-color: rgba(0,0,0,.5);
    top: 0px;
    left: 0px;
    z-index: 3;
}
.poster .play-btn{
    display: block;
    position: absolute;
    font-size: 32px;
    width: 32px;
    height: 32px;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    z-index: 11;
    top: 50%;
    color: #fff;
}
.bdsharebuttonbox{
    width: 230px;
    height: 50px;
    background-color: #fff;
    padding: 0 5px 0 8px;
    border: 1px solid #e4e4e4;
    display: none;
    box-shadow:none!important;
}
.bdsharebox:hover .bdsharebuttonbox{
    display: block;
}
.bdsharebox{
    position: relative;
}
.bdtrangle{
    top: -10px;
    right: 28px;
    display: block;
    position: absolute;
    width: 17px;
    height: 10px;
    background-image: url(../img/u151.png);
}
.bdsharebuttonbox{
    position: absolute;
    top: 52px;
    left: -196px;
}
.bdsharebuttonbox a{
    font-size: 40px;
    margin-left: 12px;

}

/*TAB选项卡*/
.tab_header li{
    width:33%;
    text-align: center;
}
#page_tab_module > .tab_header{
    position: relative;
    max-width: 600px;
    z-index: 10;
    display: block;
    font-size: 16px;
    color: #666;
    background-color: #fff;
}
#page_tab_module > .tab_header li{
    display: block;
    float: left;
    width: 33.333%;
}
.tab_header .active {
    border-bottom: 2px solid #D22222;
}
#page_tab_module .tab_header.ended li{
    width: 50%;
}
#page_tab_module .tab_content{
    display: block;
}
.tab_header .through-line{
    display: block;
    width: 2px;
    height: 20px;
    background-color: #e4e4e4;
    position: absolute;
    top: 17.5px;

}
#talk_room .null{
    min-height: 547px;
}
.left33{
    left: 185px;
}
.left66{
    left: 385px;
}
.icon-qq{
    color: #50caf9;
}
.bdsharebuttonbox .icon-qq:hover{
    color: #50cefd;
}
.icon-qzone{
    color: #f8c81f;
}
.bdsharebuttonbox .icon-qzone{
    color: #e4b71f;
}
.icon-sina{
    color:#f95b4f
}
.bdsharebuttonbox .icon-sina{
    color: #ed594d
}
.icon-weixin{
    color: #5dc67b;
}
.bdsharebuttonbox  .icon-weixin{
    color: #55b16d;
}
/*课程详情*/
#course_detail dl {
    display: block;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}
#course_detail dt {
    display: block;
    margin-bottom: 15px;
    font-weight: bold;
}
#course_detail .course_info dt {
    font-size: 16px;

    margin: 0 0 5px 0;
}
#course_detail .collect i {
    font-size: 14px;
    vertical-align: middle;
    padding: 0 10px 0 5px;
    border-right: 1px solid #ddd;
    margin-right: 10px;
}
#course_detail .icon-collected {
    color: #D22222;
}
.course_info dd {
    color: #999;
    line-height: 30px;
}
.teacher_info {
    line-height: 25px;
    margin-bottom: 15px;
}
.teacher_info img {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.editor_content {
    color: #666;
    line-height: 22px;
    margin-bottom: 10px;
}
.editor_content.collapse {
    max-height: 110px;
    overflow: hidden;
    position: relative;
}
.editor_content.collapse:after {
    content: "";
    position: absolute;
    width: 100%;
    max-width: 768px;
    height: 15px;
    bottom: 0;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    background: linear-gradient(rgba(255, 255, 255, 0), #ffffff, #ffffff);
}
.editor_content + span {
    text-align: center;
    display: block;
    border-top: 1px solid #ddd;
    line-height: 30px;
    cursor: pointer;
    color: #0088CC;
}


/*直播间*/
#talk_room ul{
    background: #313131;
    overflow-y: scroll;
}
.earlier_btn{
    display: block;
    margin: 0 auto;
    text-align: center;

}
.earlier_btn.hide{
    display: none;
}
#talk_room li{
    clear: both;
    padding: 0 40px;

}
#talk_room .other{
    padding-right: 0;
}
#talk_room .me{
    padding-left: 0;
    text-align: right;
}
#talk_room .img_box {
    margin-left: -40px;
    margin-top: 20px;
    float: left;
}

#talk_room small{

    color: #999;
    display: block;
    font-size: 12px;
}

#talk_room p{
    display: inline-block;
    background: #fff;
    padding: 5px 10px;
    margin-top: 4px;

    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 17px;
    text-align: left;
    word-break: break-all;
    font-size: 15px;
}
#talk_room .other p{
    border: 1px solid #ddd;
}
#talk_room .other p:before{
    border:1px solid #ddd;
    border-right:none ;
    border-top: none;
}

#talk_room p:before{
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    left: -5px;
    top: 10px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#talk_room .me .img_box{
    float: right;
    margin-left: 0;
    margin-right: -40px;
    margin-top: 10px;
}
#talk_room .me p{
    background: #e77F80;
    color: #fff;
}
#talk_room .me p:before{
    left: auto;
    right: -4px;
    background: #E77F80;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#talk_room span{
    color: #999;
}
#talk_room mark{
    color: #00A5D5;
}
#talk_room .me span{
    color: #ddd;
}
#talk_room .me mark{
    color: #fff;
}
#talk_room mark.sending{
    padding-left: 10px;
    font-size: 12px;
    color: #999;
}
#talk_room .error mark.sending{
    color: #F0362A;
}
.cost-show{
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin-bottom: 12px;
}
 {
    background-color: #ccc;
    padding: 2px 10px;
    color: #fff;
}
/*问答模块*/
#qa_list .tab_header{
    display: block;
    max-width: 768px;
}
.tab_module .tab_header li{
    line-height: 50px;
    color: #666;
    position: relative;
    width: 33%;
    float: left;

}
#qa_list .tab_header .active{
    border: none;
    color: #333;
    font-weight: bold;
}
#page_tab_module #tabKind .active{
    color: #d22222;
}
#qa_list .tab_header .active:before{
    content: "";
    display: block;
    position: absolute;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 0;
    bottom: 0;
}
#qa_list .tab_header .active:after{
    content: "";
    border: 5px solid transparent;
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top-color:#000 ;
    left: 50%;
    bottom: -10px;
    margin-left: -2.5px;
}
#qa_list .tab_header ins{
    font-size: 10px;
    line-height: 14px;
    padding: 0 2px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    display: inline-block;
    color: #fff;
    background: #D22222;
    font-weight: 100;
    min-width: 10px;
    text-align: center;

    position: absolute;
    margin: 5px;

}
#qa_list .tab_content li{
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;

    border-bottom: 1px solid #ddd;
}
#qa_list .tab_content .me{

}
#qa_list .load_more_btn{
    display: block;
    margin: 0 auto;
    background: #fff;
    width: 100px;
    padding: 5px 10px;
}
/*已回答*/
#answered .question{
    margin-right: 40px;
    min-height: 30px;
    word-break: break-all;
}
#answered .answer{
    word-break: break-all;
}
#answered .img_box{
    float: right;
}
#answered ins{
    color: #0088CC;
    font-size: 12px;
}
#answered time{
    display: block;
    text-align: right;
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}
/*待回答*/
#unanswered .question{
    margin-right: 40px;
    min-height: 30px;
    word-break: break-all;
}
#unanswered .img_box{
    float: right;
}
#unanswered ins{
    color: #0088CC;
    font-size: 12px;
}
#unanswered time{
    display: block;
    text-align: right;
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}
/*我的提问*/
#question .question{
    word-break: break-all;
}
#question .question span{
    color: #999;
    font-size: 12px;
}
#question li ins{
    color: #0088CC;
}
#question time{
    display: block;
    text-align: right;
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}
#question .pending{
    background: #337FE5;
    font-size: 12px;
    padding:0 2px;
    margin-right: 3px;
    color: #fff;
}
#question .pass{
    background: #219545;
    font-size: 12px;
    padding:0 2px;
    margin-right: 3px;
    color: #fff;
}
#question .nogo{
    background: #F0362A;
    font-size: 12px;
    padding:0 2px;
    margin-right: 3px;
    color: #fff;
}
#question .sending{
    float: left;
    color: #999;
    font-size: 12px;
}
#question .error .sending{
    color: #F0362A;
}
/*在线用户列表*/
#online_user{

    background: rgba(0,0,0,.8);
    position: fixed;
    z-index: 10001;
    top: 0;
    width: 100%;
    max-width: 768px;
    height: 100%;
    overflow: auto;
}
#online_user:before{
    content: "参会成员";
    display: block;
    line-height: 40px;
    box-sizing: border-box;
    background: #fff;
    font-weight: bold;
    text-align: center;
}
#online_user:after{
    content: "╳";
    background: #ddd;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: fixed;
    right: 10px;
    top: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}
#online_user li{
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    white-space: nowar;
    text-overflow: ellipsis;
    color: #fff;
}
#online_user input{
    display: none;
}
#online_user img{
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    overflow: hidden;
}
#online_user .line{
    border: none;

    color: #45C5C4;
    padding:20px 0  5px 0;
    font-weight: bold;
    text-align: center;
}
/*分享收藏区域*/

.wrapper-icon{
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    position: relative;
    z-index: 12;

}
.wrapper-live-num>a{
    color: #999;
    font-size: 14px;
    padding-left: 11px;
}
.wrapper-live-num>a>span{
    font-size: 14px;
}
.wrapper-icon i{
    font-size: 20px;
    color: #999;
}
.wrapper-icon>i:last-child{
    margin-right: 20px;
}
.wrapper-icon .icon-live-share{
    margin-right: 28px;
}
.wrapper-icon #collectCours{
    margin-right: 28px;
}


/*分享收藏区域*/


/*直播详情基本信息栏*/
.live-detail-content{
    background-color: #fff;
    margin-bottom: 12px;
    padding: 0 30px;
}
.live-detail-content>li{
    border-bottom: 1px solid #E4E4E4;
}
.live-detail-tit{
    font-size: 18px;
    color: #333;
    line-height: 23px;
    padding: 16px 0px;
}
.live-detail-time{
    font-size: 15px;
    color: #666;
    padding: 14px 0px;
}
.ml6{
    margin-left: 6px;
}
.live-detail-state{
    font-size: 15px;
    color: #d22222;
}
/*.live-num-content{
    font-size: 15px;
    color: #999;
    height: 48px;
    padding: 0 12px;
}
.live-people-content{

}
.live-people-logo{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: relative;
    overflow: hidden;
}
.live-people-logo img{
    width: 100%;
    height: 100%;
}
.icon-go{
    color: #999;
    margin-left: 20px;
}*/
.lecturer-content{
    padding: 20px 30px;
    background-color: #fff;
    border-width: 1px 0;
    border-color: #E4E4E4;
    border-style: solid;
}
.lecturer-logo{
    height: 88px;
    width: 88px;
    overflow: hidden;
    border-radius: 50%;
}
.lecturer-logo img{
    width: 100%;
    height: 100%;
}
.lecturer-message{
    margin-left: 16px;
}
.lecturer-detail{
    margin-bottom: 6px;
}
.lecturer-detail>span{
    display: inline-block;
    vertical-align: bottom;
    color: #333;
}
.lecturer-name{
    font-size: 18px;
    margin-right: 10px;
}
.lecturer-position{
    font-size: 12px;
    padding-bottom: 2px;
}
.lecturer-main{
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}
.lecturer-follow{
    color: #477bd2;
    font-size: 15px;
    margin-left: 30px;
    cursor: pointer;
}
.lecturer-page-content{
    padding: 20px 30px 25px ;
    background-color: #fff;
    border-bottom: 1px solid #F2F2F2;
}
.lecturer-page-content>p{
    font-size: 15px;
    color: #666;
    line-height: 23px;
}
.lecturer-page-content>h3{
    font-weight: 700;
    font-size: 16px;
    margin: 25px 0;
}
.mt19{
    margin-top: 19px;
}
.mb12{
    margin-bottom: 12px;
}
.more-about{
    height: 40px;
    font-size: 15px;
    color: #333;
    -webkit-box-pack: center;
    background-color: #fff;
    border-width: 1px 0;
    border-color: #E4E4E4;
    border-style: solid;
}
/*直播详情基本信息栏*/

/*直播列表*/

.live-column{
    margin: 0 12px;
    padding: 16px 0;
}
.live-list>a:last-child .live-column{
    border-bottom: 0px;
}
.live-list{
    background-color: #fff;
}

.list-people{
    width: 70px;
    height: 70px;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 50%;
}
.list-people img{
    width: 100%;
    height: 100%;
}
.live-column-text{
    padding-top: 7px;
    width: 490px;
}
.live-column-tit{
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    margin-bottom: 11px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: rgb(51, 51, 51);
}
.live-author-detail{
    margin-bottom: 7px;
}
.author-name{
    font-size: 12px;
    color: rgb(102, 102, 102);
}
.live-list .through-line{
    width: 1px;
    height: 14px;
    background-color: #aeaeae;
    margin: 3px 8px 0 9px;
}
.author-company,.author-lever{
    font-size: 12px;
    color: rgb(153, 153, 153);
}
.author-lever{
    margin-left: 15px;
}
.load-more{
    height: 39px;
    font-size: 13px;
    color: rgb(153, 153, 153);
    border-width: 1px 0 ;
    border-style: solid;
    border-color: #e4e4e4;
    background-color: #fff;
}
.live-list>a{
    display: block;
}
.live-list>a:visited{
    background-color: #f9f9f9;
}
.live-list>a:hover{
    background-color: #f9f9f9;
}
.live-list-detail, .recommend-detail {
    font-size: 12px;
    color: rgb(153, 153, 153);
}
.index-main .live-list>a:last-child .live-column{
    border-bottom:0px;
}
.ml10 {
    margin-left: 10px;
}
.status-end-content{
    background-color: #fff;
    width: 100%;
}
.live-action-btn{
    background-color: #fff;
    display: block;
}
.live-action-btn button{
    outline: none;
}
.live-action-btn{
    padding: 22px 0;
    width: 100%;
    box-sizing: border-box;
}
.live-action-btn button.sign-up-off{
    width: 100%;
}
.status-end-btn,.live-action-btn .sign-up-off,.live-action-btn .sign-up-on{
    height: 45px;
}
.live-action-btn .sign-up-off{
    font-size: 16px;
    background-color: #d00000;
    color: #fff;
    display: block;
    border: none;
    width: 560px;
    border-radius: 5px;

}
.live-action-btn .sign-up-off:hover{
    background-color: #BC1E1E;
    color: #fff;
}
.sign-up-off a{
    color: #fff;
}
.live-action-btn .sign-up-on{
    font-size: 13px;
    color: #999;
    background-color: #F2F2F2;
    border-radius: 4px;
}
.status-end-content{
    z-index: 1222;
    background-color: #fff;
    border-top: 1px solid #E4E4E4;
    color: #999;
    font-size: 15px;
    width: 100%;
}
.live-action-end{
    font-size: 15px;
    color: #999;
    background-color: #fff;
    border-top: 1px solid #E4E4E4;
    height: 48px;
}
.sign-up-on>div{
    font-size: 16px;
    color: #666;
}
.sign-up-on>div>span{
    color: #d00000;
}
.sign-up-on{

}
.icon-live-green-pay{
    font-size: 16px;
    color: #d00000;
    margin-right: 12px;
}

#live-active-change,#live-active-close{
    width: 50%;
    text-align: center;
    height: 100%;
    font-size: 15px;
}
#live-active-change{
    color: #999;
}
#live-active-close{
    color: #fff;
    background-color: #d00000;
}
/*直播列表*/
/*底部分享区域*/
#live-share-content{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 10002;
    display: none;
}
#reMark{
    z-index: 10001!important;
}
.share-logo-content{
    padding: 20px 0;
    background-color: #F9F9F9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.share-logo-tit{
    text-align: center;
    padding-bottom: 20px;
    font-size: 13px;
    color: #999;
}
#live-share-content .bdsharebuttonbox{
    margin-bottom: 8px;

}
#live-share-content .bdsharebuttonbox a{
    font-size: 60px!important;
    width: 60px!important;
    height: auto!important;
    display: block!important;
    line-height: 60px !important;
    margin: 0px!important;
    box-shadow: none!important;
}

#live-share-content .bdsharebuttonbox .iconfont:before{
    font-size: 60px!important;
    width: 60px!important;
    height: 60px!important;
    line-height: 60px;
}
#live-share-content .bdsharebuttonbox .icon-qzone{
    margin: 0 45px!important;
}

.share-name-content>div{
    width: 60px;
    font-size: 12px;
    color: #999;
    text-align: center;
}
.share-name-content>div:nth-child(2){
    margin: 0 45px;
}
.share-cancel-content{
    height: 48px;
    color: #999;
    background-color: #fff;
    font-size: 17px;
}
.bdshare-slide-button-box{
    display: none!important;
}
.success-main .bdsharebuttonbox{
    margin-bottom: 8px!important;
    position:static!important;
    border: 0px!important;
    display: block!important;
    padding-left: 26px!important;
}

.share-name-content>div{
    display: inline-block;
}
/*底部分享区域*/

/*提问区*/
.question-up-content{
    height: 60px;
    padding: 0 30px;
    background-color: #fff;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 12px;
}
.answer-img{
    width: 25px;
    height: 25px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
}
.question-img{
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;

}
.question-img img,.answer-img img{
    width: 100%;
    height: 100%;
}
.question-ipt{
    display: block;
    color: #333;
    font-size: 15px;
    margin: 0 12px;
    border: none;
    outline: none;
    height: 100%;
    width: 432px;
}
.question-ipt[disabled]{
    background-color: transparent;
}
.me small{
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack:end;
}
.me small>div:last-child,.other small>div:last-child{
    margin-left: 10px;
}
.me .nameText,.other .nameText{
    color: #666;
    display: inline-block;

}
.lecture-text{

    font-size: 12px;
    line-height: 13px;
    display: block;


    font-style: normal;

    margin-left: 3px;


    background: #D22222;
    color: #fff;
    font-size: 10px;
    padding: 0 3px;
}
#talk_room .lecture-text span{
    -webkit-transform:scale(0.9);
    display: block;
    color: #fff;
}
.opacity60{
    opacity: 0.6;
}
.opacity50{
    opacity: 0.5;
}
.question-up-content .icon-live-question{
    color: #d00000;
    font-size: 36px;
    margin-top: 10px;
}
.question-content{
    background-color: #fff;
    border-top: 1px solid #E4E4E4;
    margin-bottom: 10px;
    margin-top: 12px;
}
.question-summery{
    padding: 0 30px;
    height: 60px;
    border-bottom: 1px solid #E4E4E4;
}
.question-num{
    font-size: 16px;
    color: #999;
    margin-top: 20px;
}
.question-operate{
    width: 100px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #DD7B7C;
    height: 37px;
    margin-top: 11px;
}
.question-operate>div{
    width: 100%;
    height: 100%;
    color: #666;
    font-size: 14px;
    display: inline-block;
    width: 50px;
    text-align: center;
    line-height: 38px;
}
.question-operate>.current{
    color: #fff;
    background-color: #DD7B7C;
}
.tab_module .question-content{
    margin-bottom: 50px;
}
.question-list-content>li{
    border-bottom: 1px solid #F2F2F2;
}
.question-list-content .ask-content{
    padding: 15px 0px 0 55px;
    position: relative;

}
.ask-content .show-ask{
    position: absolute;
    background-color: #d00000;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    width: 35px;
    text-align: center;
    left: 0px;
    top: 18px;
}
.question-list-content .question-img{
    margin-right: 10px;
}
.question-people-message{
    margin-bottom: 12px;
}
.question-people-main{
    margin-top: 5px;
}
.question-people-name{
    font-size: 14px;
    color: #666;
    margin-bottom: 2px;
    display: inline-block;
}
.question-people-position{
    font-size: 12px;
    color: #999;
    display: inline-block;
    margin-left: 6px;
}
.question-time{
    font-size: 11px;
    color: #999999;
    margin-top: 15px;
}
.question-text{
    font-size: 14px;
    color: #333;
    word-break: break-all;
    padding-left: 40px;
    overflow: hidden;
    line-height: 25px;
    position: relative;
}
.answer-box .question-text{
    padding-bottom: 26px;
    border-bottom: 1px solid #F2F2F2;
}
.question-column2{
    overflow : hidden;
    text-overflow: ellipsis;
    max-height: 75px;

}
.question-detail{
    font-size: 15px;
    color: #477DB2;
    margin-top: 8px;
    position: absolute;
    right: 15px;
    bottom: 3px;
    background-color: #f7fbf9;
    padding-left: 5px;
    box-shadow: -4px 0 10px rgba(247, 251, 249, 0.86);
}
.question-active{
    text-align: right;
    color: #999;
}
.question-active>i,.question-active>div{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.upComment{
    font-size: 16px;
    color: #666;
    text-align: center;
    width: 35px;
    line-height: 60px;
    display: none;
    position: relative;
    border: none;
    background-color: transparent;
    outline: none;
}

#upComment:hover{
    background-color: #BC1E1E;
}
.praise-num,.comment-num{
    margin-left: 6px;
}
.icon-live-comment{
    margin-left: 24px;
}
/*提问区*/

/*报名成功区*/
#success-sign{
    width: 280px;
    height: 330px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -140px;
    margin-top: -165px;
    z-index: 10003;
    display: none;
}
.sign-in-top{
    height: 108px;
    background: -webkit-linear-gradient(#d93636, #d31212);
}
.sign-in-top{
    font-size: 15px;
    color: #fff;
    text-align: center;
    position: relative;
}
.sign-close{
    -webkit-box-pack: end;
    margin-right: 8px;
    padding: 4px 0 0 0;
}
.icon-failed{
    font-size: 12px;
}
.sign-in-top h3{
    line-height: 21px;
    text-align: center;
    font-weight: normal;

}
.sign-in-top p{

}
.success-people{
    width: 70px;
    height: 70px;
    position: absolute;
    border: 2px solid #fff;
    border-radius: 50%;
    left: 50%;
    margin-left: -36px;
    bottom: -36px;
    overflow: hidden;

}
.success-people img{
    width: 100%;
    height: 100%;
    display: block;
}
.success-main{
    padding-top: 46px;
}
.success-main h3{
    padding: 0 28px;
    font-size: 15px;
    color: #333;
    line-height: 21px;
    text-align: center;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: normal;
    height: 48px;
}

.success-lecture{
    font-size: 12px;
    text-align: center;
    color: #999;
    margin-bottom: 5px;
}
.success-lecture-name{
    color: #666;
}
.success-border{
    padding: 0 2px;
}
.success-message{
    color: #999;
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
}
.ml3{
    margin-left: 3px;
}
/*报名成功 分享按钮*/
#success-sign .bdsharebuttonbox .iconfont:before{
    font-size: 48px!important;
    width: 48px!important;
    height: 48px!important;
    line-height: 48px;
}
#success-sign .bdsharebuttonbox .icon-qzone{
    margin: 0 23px!important;
}
#success-sign .bdsharebuttonbox{
    margin-bottom: 5px;
}
.share-name-content>div{
    width: 60px;
    font-size: 12px;
    color: #999;
    text-align: center;
}
#success-sign .share-name-content>div:nth-child(2){
    margin: 0 28px;
}
#success-sign .share-name-content>div:nth-child(1),#success-sign .share-name-content>div:nth-child(3){
    width: 48px;
}
.praise-color{
    color: #d00000;
}
/*赞赏content*/
#cost-box{
    background-color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    position: fixed;
    z-index: 111111;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
}
.cost-top{
    font-size: 14px;
    color: #999;
    padding-top: 22px;
    padding-bottom: 36px;
}
.icon-guanbi{
    padding-left: 25px;
    padding-right: 30px;
}
.cost-type{
    margin-left: 20px;
    color: #e77f80;
    font-size: 19px;
}
.cost-type li{
    margin-right: 16px;
    margin-bottom: 20px;
    border: 1px solid #e77f80;
    width: 95px;
    height: 36px;
    border-radius: 4px;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.cost-pay{
    margin: 0 16px;
    border-top: 1px solid #e4e4e4;
    font-size: 15px;
    color: #999;
}
.cost-pay>li{
    height: 78px;
    line-height: 78px;
    border-bottom: 1px solid #e4e4e4;

}
.cost-type>li.active{
    border-color: #d00000;
    color: #d00000;
}
.cost-type .choose-cost{
    position: absolute;
    bottom: -1px;
    right: 0px;
    color: #d00000;
    height: 19px;
    line-height: 19px;
    display: none;
}
.cost-type .active .choose-cost{
    display: block;
}
.cost-btn{
    padding: 20px 15px;
}
.cost-btn button{
    display: block;
    width: 100%;
    height: 45px;
    color: #fff;
    border: none;
    background-color: #d00000;
    border-radius: 6px;
    font-size: 18px;
}
.cost-btn button[disabled]{
    background-color: #999;
}
.cost-pay-type .icon-go{
    font-size: 13px;
    margin-left: 4px;
}
#cost-two{
    display: none;
}
.cost-two-top{
    height: 48px;
    padding: 0 18px;
    font-size: 16px;
}
.cost-two-tit{
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-right: 34px;
}

.payment_list {
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    color: #666;
    padding: 0 0 9px 0;
}
.payment_list label {
    line-height: 45px;
    position: relative;
    background: #fff;
    cursor: pointer;
    font-size: 12px;
}
.sign-up-on{
    line-height: 45px;
    text-align: center;
    min-width: 560px;
    width: 100%;
    max-width: 700px;
}
.payment_list>li{
    position: relative;
    display: inline-block;
}
.payment_list>li input{
    vertical-align: middle;
}
.payment_list>li:last-child label{
    border-bottom-width: 0px;
}
.payment_list img {
    vertical-align: middle;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    display: inline-block;
}
#alipay,#chinapay{
    margin-left: 20px;
}
.payment_list .icon-gou{
    position: absolute;
    color: #d00000;
    right: 0px;
    top: 13px;
    display: none;
}
.payment_list .active .icon-gou{
    display: block;
}
.cost-send{
    text-align: center;
    font-size: 13px;
    color: #fff;
}
.cost-send span{
    padding: 2px 6px;
    background-color: #ccc;
}
/*去除主体box阴影*/
html body{
    box-shadow: 0 0 0 rgba(0,0,0,0);
    background-color: #fff!important;
    height: auto!important;
}
html:root {

}
.live-room-font{
    text-align: center;
    background-color: #fff;
    padding-bottom: 45px;
}
.line48{
    line-height: 48px;
}
#loadQuestion{
    min-height: 250px;
}
.live-room-font em,.live-room-font i{
    font-size: 15px;
    padding-top: 44px;
    font-style: normal;
    display: block;
    margin-bottom: 6px;
}
.live-room-font em{
    color: #666;
}
.live-room-font i{
    color: #999;
}
.live-room-font span {
    color: #999;
    font-size: 13px;
}
/*直播间底部样式框修改*/
#talk_room .fix_input{
    padding:0 ;
    height: 48px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

#talk_room .fix_input .btn-default{
    display: block;
    margin: 0px;
    border: 0px;
    background-color: #fef8f8;
    width: 84px;
    color: #999;
    height: 50px;
    border-left: 1px solid #e4e4e4;
}

/*layer弹窗位置*/
.layermbox .layermmain .zone {
    vertical-align: bottom;
    padding-bottom: 36px;
}
.icon-status-ok{
    font-size: 14px;
    color: #d00;
    margin-right: 12px;
}
/*支付弹窗*/
.pay-form,.reMain-box{
    padding: 25px 20px 20px;
    border-radius: 5px;
    position: fixed;
    z-index: 10000000;
    top: 50%;
    left: 50%;
    width: 360px;
    margin-left: -200px;
    margin-top: -200px;
    background-color: #fff;
    display: none;
}
.pay-form h3{
    font-weight: normal;
    font-size: 18px;
    color: #333;
    padding-right: 36px;
}
.icon-guanbi{
    font-size: 16px;
    position: absolute;
    color: #999;
    right: -8px;
    top: 30px;
    z-index: 2;
}

.ticket-content{
    border-width: 0px 0 1px 0;
    border-style: solid;
    border-color: #E4E4E4;
    padding: 22px 0 0 0;
    background-color: #fff;
}
.ticket-tit{
    font-size: 16px;
    color: #333;
    padding: 0 10px;
}
.ticket-kind-main{
    width: 90px;
    height: 76px;
    border: 1px solid #CCC;
    border-radius: 4px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.ticket-type-content{
    padding: 17px 10px 24px 10px;
}
.ticket-one-tit{
    font-size: 14px;
    color: #666;
}
.ticket-one-money{
    font-size: 18px;
    color: #D00000;
}
.ticket-one-content{
    height: 48px;
    border-top: 1px solid #E4E4E4;
    margin-top: 17px;
}
.ticket-kind-main:nth-child(2){
    margin: 0 20px;
}

.ticket-content .icon-selected{
    position: absolute;
    font-size: 24px;
    color: #d00000;
    right: -1px;
    bottom: -4px;
    display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ticket-content .icon-selected{
        bottom: -1px;
    }
}
@-moz-document url-prefix() {
    .ticket-content .icon-selected{
        bottom: -4px;
    }
    #talk_room .fix_input .btn-default{
        height: 67px;
    }
}
.ticket-kind-main.current .icon-selected{
    display: block;
}
.ticket-kind-main.current{
    border: 1px solid #d00000;
}
.ticket-kind-main>div{
    width: 100%;
    padding-top: 15px;
}
#talk_room .mon-toFix{
    color: #fff;
}
.ticket-kind-tit{
    font-size: 15px;
    color: #666;
    margin-bottom: 5px;
}
.ticket-kind-money{
    font-size: 20px;
    color: #d00000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.pay-type-font{
    font-size: 15px;
    color: #333;
    height: 40px;
    line-height: 40px;
}
.payment_list img{
    display: inline-block;
}
.payment_list{
    font-size: 15px;
    color: #666;
}
.payFormBtn{
    margin-top: 20px;

}
.payFormBtn input,.reMain-box button{
    height: 45px;
    border-radius: 3px;
    width: 100%;
    border: none;
    background-color: #d00000;
    font-size: 16px;
    color: #fff;
    outline: none;
}
.reMain-box p{
    margin-top: 36px;
    margin-bottom: 50px;
    font-size: 18px;
    color: #333;
    text-align: center;
}

/* 直播间样式和删除按钮隐藏  */
.scroll-bar{
    min-height: 200px;
}
.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);

}

/*当前窗口未激活的情况下*/
.scroll-bar::-webkit-scrollbar-thumb:window-inactive ,.count-main::-webkit-scrollbar-thumb:window-inactive{
    background: rgba(0,0,0,0.1);
}

/*hover到滚动条上*/
.scroll-bar::-webkit-scrollbar-thumb:vertical:hover,.count-main::-webkit-scrollbar-thumb:vertical:hover{
    background-color: rgba(0,0,0,0.3);
}
/*滚动条按下*/
.scroll-bar::-webkit-scrollbar-thumb:vertical:active,.count-main::-webkit-scrollbar-thumb:vertical:active{
    background-color: rgba(0,0,0,0.7);
}
.scroll-bar::-webkit-scrollbar,.count-main::-webkit-scrollbar{
    width: 8px;
}
/*微信支付弹窗*/
#alertPay[disabled]{
    background-color: #ccc;
}
.pay-wx{
    width: 360px;
    height: 396px;
    background-color: #fff;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -180px;
    margin-top: -193px;
    z-index: 10005;
    display: none;
}

.pay-top{
    border-bottom: 1px solid #e4e4e4;
    height: 50px;
}
.pay-top .pay-back{
    font-size: 22px;
    line-height: 50px;
    padding:0 18px ;
    color: #666;
    vertical-align: middle;
}
.pay-tit{
    display: inline-block;
    line-height: 50px;
    width: 280px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: #333333;
    font-size: 16px;
}
.pay-main {
  text-align: center;
}

.pay-bottom img{
    width: 25px;
    vertical-align: middle;
}
#wx-img{
    width: 296px;
    height: 296px;
}
.pay-bottom span{
    vertical-align: middle; font-size: 16px;color: #666666;
}
.font99{
    color: #999;
    font-size: 14px;
}

/*优惠券栏目*/
.actual-money{
    font-size: 18px;
    color: #d00000;
}
.actual-box{
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #e4e4e4;
}
.count-content{
    color: #999;
    font-size: 14px;
    padding-top: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e4e4e4;
}
.count-box{
    width: 450px;
    height: 490px;
    background-color: #fff;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -245px;
    z-index: 10006;
    overflow: hidden;
    display: none;
}
.count-main .active .coupon-select{
    display: block;
}
.coupon-right{
    width: 275px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    height: 76px;
    padding-left: 14px;
    border-left: 0px;
}
.coupon-face{
    color: #fff;
    text-align: center;
}
.coupon-face>p{
    font-size: 12px;
}
.coupon-tit{
    padding-top: 10px;
}
.re-coupon .coupon-tit>i{
    background-color: #d9636f;
}
.free-coupon .coupon-tit>i{
    background-color: #6082da;
}
.dis-coupon .coupon-tit>i{
    background-color: #2bb4be;
}
.coupon-tit>i{
    font-style: normal;
    margin-right: 10px;
    font-size: 12px;
    color: #fff;
    padding: 2px 5px;

    border-radius: 3px;
    vertical-align: middle;
}
.count-main .coupon-select{
    position: absolute;
    font-size: 24px;
    color: #d00000;
    right: 14px;
    top: 26px;
    display: none;
}

.coupon-time{
    margin-top: 15px;
    font-size: 12px;
    color: #999;
}
.coupon-dey{
    color: #d00000;
}
.coupon-tit>span{
    vertical-align: middle;
    font-size: 16px;
    color: #666666;
}

.coupon-money{
    font-size: 40px;
}
.free-coupon .coupon-money{
    font-size: 28px;
    line-height: 48px;
}
#couponCut{
    color: #666;
}
.coupon-logo{
    font-size: 16px;
}
.count-top{
    height: 50px;

}

.count-top{
    border-bottom: 1px solid #e4e4e4;
    height: 50px;
}
.count-top .count-back{
    font-size: 22px;
    line-height: 50px;
    padding:0 18px ;
    color: #666;
    vertical-align: middle;
}
.count-tit{
    display: inline-block;
    line-height: 50px;
    width: 315px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: #333333;
    font-size: 16px;
    text-align: center;
}
.count-main{
    padding: 24px 0px 0 24px;
    background-color: #F2F2F2;
    height: 420px;
    overflow-y: scroll;
}
.count-main>li{
    margin-bottom: 20px;
    position: relative;
}
.count-column{

}
.re-coupon .coupon-left{
    background-image: url(/Public/pc/live/img/count_3.png);
}
.free-coupon .coupon-left{
    background-image: url(/Public/pc/live/img/count_1.png);
}
.dis-coupon .coupon-left{
    background-image: url(/Public/pc/live/img/count_2.png);
}
.coupon-left{
    background-repeat: no-repeat;
    width: 112px;
    height: 78px;
}
#page_border .video_box{
    width: 600px;
    height: 300px;
}

/*
 重构
*/
.page-content{
     width: 1160px;
     margin: 40px auto 120px auto;
}
.live-left {
    width: 700px;

}
.live-msg .title{
    font-size: 26px;
    color: #282828;
}
.live-msg .title i{
    font-size: 14px;
    background-color: #d00000;
    font-weight: 700;
    font-style: normal;
    padding: 2px 4px;
    color: #fff;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 12px;
}
.live-msg .message{
    line-height: 40px;
    margin-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e4e4e4;
}
.live-msg .avatar{
    width: 40px;
    height: 40px;
    margin-right: 14px;
    overflow: hidden;
    border-radius: 50%;
}
.live-msg .avatar img{
    width: 100%;
    height: 100%;
}
.live-msg .name{
    font-size: 16px;
    color: #333;

}
.live-msg .msg-line{
    width: 1px;
    height: 16px;
    background-color: #e4e4e4;
    margin: 12px 14px;
}
.live-msg .position{
    font-size: 16px;
    color: #999999;
}
.live-msg .company{
    margin-top: 5px;
    height: 35px;
}
.live-msg .company img{
    height: 35px;
    width:100px;
}
.color33{
    color: #333;
}
.live-left .time{
    border-bottom: 1px solid #e4e4e4;
}
.time .detail{
    color: #999;
    font-size: 16px;
    color: #666666;
    line-height: 60px;
}
.like i{
    font-size: 20px;
    margin-right: 6px;
    vertical-align: middle;
}
.icon-collected{
    color: #d00000;
}
.like{
    line-height: 60px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}
.live-left .people{
    height: 48px;
    padding: 15px 0;
    line-height: 48px;
    border-bottom: 1px solid #e4e4e4;
}
.live-left .people ul li{
    float: left;
    height: 48px;
    width: 48px;
    margin-right: 5px;
}
.live-left .people ul li img{
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 48px;
}
.people .point{
    font-weight: 700;
    font-size: 16px;
    color: #999;
    margin-left: 4px;
}
.live-left .people .num{
    font-size: 14px;
    color: #999;
}
.send-gift{
    width: 120px;
    height: 43px;
    line-height: 43px;
    border: 1px solid #d00000;
    color: #d00000;
    font-size: 16px;
    text-align: center;
    margin-top: 22px;
    border-radius: 4px;
    margin-right: 18px;
    cursor: pointer;
    margin-bottom: 22px;
}
.send-gift:hover{
    width: 118px;
    height: 41px;
    border: 2px solid #d00000;
    line-height: 41px;
}
.send-gift i{
    font-size: 21px;
    font-weight: 700;
    vertical-align: top;
}
.remain-text{
    font-size: 12px;
    color: #999;
    background-color: #F2F2F2;
    padding: 12px;
}
.remain-text a{
    color: #259;
}
.remain-text img {
    max-width: 100%;
}
.color259{
    color: #259;
}
.course-explain .explain-tit{
    margin-top: 32px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.course-normal{
    font-size: 14px;
    color: #666;
    line-height: 30px;
    letter-spacing: 0.5px;
}
.course-normal h1{
    font-size: 14px;
    font-weight: 700;
}
.course-normal h2{
    font-size: 16px;
    font-weight: 700;
}
.course-normal img{
    max-width: 700px;
}

/*百度分享*/
.bdsharebuttonbox a{
    font-size: 40px;
    margin-left: 12px;

}
.bdsharebuttonbox{
    width: 280px;
    height: 40px;
    box-shadow:none!important;
    display: block!important;
    position: relative!important;
    background-color: transparent!important;
    border: 0px!important;
    float: right;
    padding: 0px!important;
    top: 0px!important;
    left: 0px!important;
    margin-top: 10px;
    z-index: 48!important;
}
.ver-mid{
    vertical-align: middle;
}
#showcase .bdsharebuttonbox>a{
    vertical-align: middle;
    font-size: 30px;
    margin: 5px 2px;
}
.bdsharebuttonbox a[data-cmd]{
    background:transparent!important;
    vertical-align: middle;
}
.bdsharebuttonbox .icon-weixin {
    color: #55b16d;
}
.bdsharebuttonbox .icon-weixin:hover{
    color: #499252;
}
.bdsharebuttonbox .icon-sina {
    color: #ed594d;
}
.bdsharebuttonbox .icon-sina:hover{
    color: #d75348;
}
.bdsharebuttonbox .icon-qzone {
    color: #e4b71f;
}
.bdsharebuttonbox .icon-qzone:hover{
    color: #cb9f1f;
}
.icon-qq {
    color: #50caf9!important;
}
.icon-qq:hover{
    color: #4cb6e4;
}
.bdsharebuttonbox>span{
    font-size: 12px;
    color: #999;
}
.ask-box{
    margin-top: 48px;
}
.ask-box h3{
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #333333;
}
.ask-textarea textarea{
    width: 674px;
    resize: none;
    margin-top: 20px;
    border: 1px solid #e4e4e4;
    height: 80px;
    padding: 12px;
    margin-bottom: 15px;
    display: block;
}
.ask-btn{
    width: 70px;
    height: 30px;
    background-color: #d00000;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
}
.comment-num{
    margin-top: 25px;
}
.comment-num>span{
    color: #d00000;
}
.ask-column{
    margin-top: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e4e4e4;
}
.ask-column>li{
    float: left;
    margin-right: 32px;
    font-size: 14px;
    color: #666;
    font-weight: 700;
    cursor: pointer;
}
.ask-column>li.current{
    color: #d00000;
}
.reply-num{
    font-size: 12px;
    color: #999;
    margin-right: 14px;
}
.reply-text{
    font-size: 12px;
    color: #477BD2;
}
.replay-ask{
    padding-top: 16px;
    padding-left: 40px;
    padding-bottom: 18px;
}
.replay-opera{
    padding-left: 40px;
    margin-bottom: 20px;
    position: relative;
    display: none;
}
.replay-opera input{
    height: 28px;
    border: 1px solid #e4e4e4;
    padding-left: 15px;
    width: 505px;
    vertical-align: middle;
}
.replay-opera a{
    width: 70px;
    height: 30px;
    background-color: #d00000;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    margin-left: 8px;

}
.replay-opera i{
    position: absolute;
    display: block;
    width: 12px;
    height: 9px;
    background-image: url(/Public/pc/live/img/trangle.png);
    top: -7px;
    left: 50px;
}
.answer-box{
    border: 1px solid #F2F2F2;
    background-color: #f7fbf9;
    padding: 13px 15px 0px 86px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    position: relative;
}
.answer-main{
    margin-top: 2.5px;
}
.answer-box .show-answer{
    width: 35px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    background-color: #53ad7f;
}
.live-right{
    margin-left: 60px;
    width: 400px;
}
.enter-mylive{
    font-size: 12px;
    color: #225599;
    margin-right: 30px;
    font-weight: normal;

}
.lecture-logo{
    font-style: normal;
    font-size: 12px;
    color: #fff;
    background-color: #d00000;
    padding: 1px 4px;
    line-height: 16px;
    border-radius: 3px;
    margin-right: 6px;
}
#talk_room ul{
    padding: 10px 10px 0 10px;
}
#talk_room .img_box{
    overflow: hidden;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}
#talk_room .img_box img{
    height: 100%;
}
#giftPay .gift-font{
    font-size: 14px;
    color: #666666;
    margin-top: 6px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
}
#giftDel,#giftAdd{
    font-size: 37px;
    color: #E77F7F;
    vertical-align: -9px;
    font-weight: 300;
    cursor: pointer;
}
#giftIpt{
    width: 60px;
    height: 30px;
    background-color: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    vertical-align: middle;
    text-align: center;
}

.giftShare{
    position: fixed;
    width: 450px;
    height: 350px;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -175px;
    background-color: #fff;
    border-radius: 6px;
    z-index: 100002;
    overflow: hidden;
    display: none;
}
.giftTop{
    height: 230px;
    position: relative;
    background-color: #e03434;
    text-align: center;
}
#giftClose{
    position: absolute;
    right: 25px;
    top: 25px;
    color: #fff;
    padding: 0px;
    cursor: pointer;
}
.gift-img{
    width: 120px;
    padding-top: 30px;
}
.giftTop>p{
    font-size: 18px;
    color: #FFFFFF;
    margin: 6px 0;
}
.giftTop>span{
    font-size: 14px;
    color: #FFFFFF;
}
.gift-main .bdsharebuttonbox{
    margin-bottom: 8px!important;
    position:static!important;
    border: 0px!important;
    display: block!important;
    padding-left: 70px!important;
    float: none!important;
    width: 100%!important;
    font-size: 48px!important;
    text-align: left!important;
}
.gift-main .bdsharebuttonbox a[data-cmd]{
    width: 48px;
    height: 48px;
    margin: 0px;
    margin-right: 40px;
}
.gift-main .bdsharebuttonbox a{
    font-size: 48px;
}
.gift-main .tlink {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    background-image: url(/Public/pc/live/img/u503.png)!important;
}
.gift-main .share-name-content{
    margin-top: 25px;
}
.gift-main .share-name-content>div{
    color: #666666;
}
.bd_weixin_popup{
    z-index: 100000005!important;
}
#applyBox{
    width: 480px;
    min-height: 350px;
    background-color: #fff;
    border-radius: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    left: 50%;
    top: 50%;
    margin-top: -200px;
    margin-left: -240px;
    z-index: 100004;
    position: fixed;
    display: none;
}

#applyBox form{
    overflow: auto;
    max-height: 500px;
}

.apply-top{
    height: 56px;
    line-height: 56px;
    margin: 0 20px;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #E6E6E6;
}
#applyBox .icon-guanbi{
    position: static;
    padding: 0px;
    color: #666;
    font-size: 14px;
}

#talk_room ul::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: rgba(0,0,0,0.5);

}
#other_question ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: rgba(0,0,0,0.5);

}

/*当前窗口未激活的情况下*/
#talk_room ul::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5);
}
#other_question::-webkit-scrollbar-thumb{
    background: #444444;

}
/*hover到滚动条上*/
#talk_room ul::-webkit-scrollbar-thumb:vertical:hover,#other_question::-webkit-scrollbar-thumb:vertical:hover{
    background-color: #444444;
}
/*滚动条按下*/
#talk_room ul::-webkit-scrollbar-thumb:vertical:active,#other_question::-webkit-scrollbar-thumb:vertical:active{
    background-color: #444444;
}
#talk_room ul::-webkit-scrollbar{
    width: 8px;
}
#other_question::-webkit-scrollbar{
    width: 8px;
}
#other_question::-webkit-scrollbar-track-piece,#talk_room ul::-webkit-scrollbar-track-piece
{
    background-color: #333;
}
#questionIpt::-webkit-input-placeholder { /* WebKit browsers */
    color: #D7D7D7;
}
#questionIpt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #D7D7D7;
}
#questionIpt::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #D7D7D7;
}
#questionIpt:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #D7D7D7;
}
.replay-ipt::-webkit-input-placeholder { /* WebKit browsers */
    color: #D7D7D7;
    font-size: 12px;
}
.replay-ipt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #D7D7D7;
    font-size: 12px;
}
.replay-ipt::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #D7D7D7;
    font-size: 12px;
}
.replay-ipt:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #D7D7D7;
    font-size: 12px;
}


 /*侧边栏悬浮样式*/
#scrolltop-new {display: block;position: fixed;width: 48px;top: 50%;right:20px;background: #fff;border: 1px #d7d7d7 solid;border-top: 0;cursor: pointer;z-index: 9;}
#scrolltop-new:hover {text-decoration: none;}
#scrolltop-new a {display: block;width: 48px;height: 44px;line-height: 12px;text-align: center;color: #787878;text-decoration: none;background: url(https://bbs.elecfans.com/static/image/common/scrolltop.png) no-repeat 4px 8px;border-top: 1px #cdcdcd solid;}
#scrolltop-new a.share {
    background: url(../../images/d_shear.png) no-repeat center center;
    background-size: 16px 20px;
}
#scrolltop-new a b {visibility: hidden;font-weight: normal;}
.aside_share_box{
    position: absolute;
    top: 0px;
    right: 20px!important;
    transform: translate(0%,-29%);
    display:none;
    text-align: center;
    line-height: 30px;
    padding:15px;
    font-size:16px;
    background-color: #f3f3f3;
}
 .content_share{
    position: relative;
    display: inline-block;
    background: url(../../images/d_shear.png) no-repeat 10px center;
    background-size: 15px 20px;
    padding-left: 64px;
    padding: 2px 10px 2px 30px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    border-radius: 5px;
    margin-left: 20px;
}

 .content_share:hover{
    background: url(../../images/d_shear.png) no-repeat 10px center!important;
    background-size: 10px 13px!important;
    color:#666!important;

 }
.content_share_box{
    display: none;                
    position: absolute;
    text-align: center;
    line-height: 20px;
    background: #f3f3f3;
    padding: 15px;
    top: 0px;
    z-index: 99;
    left: -29px!important;

}