.live-title{font-size:30px;font-weight:500;padding-bottom:29px;border-bottom:1px solid #e9e9e9}
.live-main{border-radius:3px;border:1px solid #e9e9e9;overflow:hidden}
.live-main__info{background:#f9fbfd;padding:30px}
.live-main__title{font-size:20px;font-weight:500;margin-bottom:15px}
.live-main__content{line-height:1.6}
.live-main__player {
    width: 862px;
    height: 489px;
    position: relative;
    top: 0;
    left: 0;
}
#player-con {
    width: 100%;
    height: 100% !important;
    position: relative;
    top: 0;
    left: 0;
}
.live-main__player-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.live-main__player-mask-startTime {
    font-size: 24px;
    word-spacing: 1.4px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* transform:translate3d(-50%,-50%,0); */
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
}
.live-main__player-mask-startTime div {
    text-align: center;
}
.live-main__player-mask-startTime .startTime {
    margin-top: 157px;
}
.live-main__player-mask-startTime .countDown {
    margin-top: 37px;
    line-height: 40px;
}
.live-main__player-mask-startTime .countDown span {
    display: inline-block;
    font-size: 36px;
    color: #03C68F;
    margin: 0 15px;
    line-height: 35px;
}
.live-main__player-mask-startTime .start {
    margin-top: 37px;
    display: none;
}
.live-main__player-mask-cover {
    width: 100%;
    height: 100%;
}
.live-main-tag {
    padding: 5px 8px;
    position: absolute;
    font-size: 16px;
    color: #fff;
    top: 10px;
    left: 10px;
    background: #2E3237;
    z-index: 99; 
}
.live-main-data {
    padding: 6px 18px;
    position: absolute;
    font-size: 16px;
    color: #fff;
    top: 10px;
    right: 10px;
    background: rgba(46, 50, 55, 0.5);
    border-radius: 23px;
    z-index: 99;
}