.poster span.webinar-pv {
    font-size: .28rem;
    color: #D2D2D4;
    display: block;
    position: absolute;
    top: 5px;
    right: .5rem;
}
.poster span.webinar-pv i{
    font-size: .28rem;
}
.liveDetail-nav{
    background-color: #111;
}
.liveDetail-nav .nav-item{
    color: #D2D2D4;
    text-align: center;
    font-weight: bold;
    font-size: .35em;
    line-height: 2.6em;
    border-right: 2px solid #555;
    cursor: pointer;
}
.liveDetail-nav .nav-item:last-child{
    border-right: none;
}
.liveDetail-nav .nav-item-active{
    color: #ff7f66;
}
.liveDetail-container{
    overflow-y: auto;
    overflow-x: hidden;
}
.w-3{
    width: 33%;
}
.w-5{
    width: 50%;
}
.tab-content-box{
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
}
#ppt_wraper{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background-color: #2D2E35;
}
#ppt_wraper img{
    width: 100%;
}
.liveDetail-content{
    padding: 15px;
    background-color: #f1f1f1;
}
.liveDetail-content img{
    max-width: 50vw;
}
.live-detail-logo {
    margin-bottom: .2em;
    border-bottom: 1px solid #ccc;
}
.live-detail-title {
    font-size: .35em;
    font-weight: bold;
    margin-bottom: .5em;
    color: #666;
    text-align: justify;
}
.live-detail-subtitle {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.6;
    color: #999;
}
.live-detail-content {
    margin-top: .75em;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.6;
    font-size: .3em;
    text-align: justify;
}
.qa_item {
    position: relative;
    padding: .8em 0;
    font-size: .3em;
    line-height: 1.5em;
    border-top: #ccc dashed 1px;
}
.qa_photo{
    position: absolute;
}
.qa_name{
    width: 100%;
    padding: 3px;
    color: #1b809e;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 54px;
}
.qa_body{
    padding: 5px;
    word-break: break-all;
    text-align: justify;
    border-radius: 5px;
    background-color: #fff;
    margin-left: 60px;
    position: relative;
    display: inline-block;
}
.qa_body:before {
    content: "";
    position: absolute;
    top: 8px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 0 solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid #fff;
}
.qa_time{
    position: absolute;
    top: 6px;
    right: 0;
    color: #ccc;
    font-size: smaller;
}
.qa_item:first-child{
    border-top: none;
    padding-top: 0;
}
.qa_item:last-child{
    margin-bottom: .8rem;
}
.qa_right{
    display: flow-root;
    border-top: none;
}
.qa_right .qa_photo{
    right: 0;
}
.qa_right .qa_name{
    margin-left: 0;
    margin-right: 54px;
    text-align: right;
    float: right;
}
.qa_right .qa_body{
    margin-left: 0;
    margin-right: 60px;
    background-color: #a0e75a;
    float: right;
}
.qa_right .qa_body:before{
    left: inherit;
    right: -8px;
    border-right: 0 solid transparent;
    border-left: 10px solid #a0e75a;
}
.chat-footer{
    background-color: #eee;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    width: 7.5rem;
    margin: 0 auto;
    overflow: hidden;
}
.chatInfoWrap {
    width: 80%;
    padding: .2em 0 .2em .2em;
    background-color: #eee;
}
.chatSendWrap {
    width: 20%;
    text-align: center;
    padding: .2em;
    background-color: #eee;
}
.input-send {
    width: 100%;
    height: .6rem;
    border-radius: 2px;
    float: left;
    padding: 0 10px;
    color: rgba(0, 0, 0, 0.8);
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    outline-width: 0;
    border: 0;
    font-size: .4em;
}
.btn-send {
    color: #fff;
    background-color: #5bb432;
    border-color: #5bb432;
    font-size: .3rem;
    height: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-warning{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    width: 100%;
    padding: .2rem;
    font-size: .4rem;
}
.schedule{
    margin-top: .2rem;
}
.schedule_title{
    font-size: .316rem;
    font-weight: bold;
    color: #4d8337;
    margin-bottom: .1rem;
}
.schedule_item{
    border: 1px solid #e6e6e5;
    height: 1.2rem;
    position: relative;
    text-align: center;
    font-size: .194rem;
    padding-right: 1rem;
    margin-bottom: 1em;
}
.schedule_item .icon{
    width: .8rem;
    height: .8rem;
    background: url('https://www.iianews.com/2020OEM/images/subbbs.png') 0px 0px no-repeat;
    position: absolute;
    background-size: contain;
}
.schedule_item .title{
    font-size: .22rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin-top: 1em;
}
.schedule_item .link{
    width: 8em;
    background-color: #9bb0d8;
    border-radius: 1em;
    color: #fff;
    line-height: 2em;
    font-size: .2rem;
    position: absolute;
    right: 0.5em;
    top: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.schedule_item.current .icon{
    background: url('https://www.iianews.com/2020OEM/images/mainbbs.png') 0px 0px no-repeat;
    background-size: contain;
}
.schedule_item.current .title{
    color: #4d8337;
}
.banner-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}