.videopage{
    background-color:#F6F6F6;
    padding:42px 15px;
    box-sizing:border-box;
}
.banner{
    width:100%;
    height:130px;
    text-align:center;
    background:url('/img/img/live/vediobanner.png')no-repeat top center;
    color:#fff;
    font-size:30px;
    line-height:130px;
}
.banner h2{font-weight:300}
.videoBox{
    width: 826px;
	height: 411px;
	border-radius: 10px;
    margin-top:18px;
}
.leftVideo{
	background-color: #ffffff;
    width: 858px;
}
.rightList{
    padding:0px 20px;
    box-sizing:border-box;
}
    .w1280{
        width:1280px;
        margin:auto;
    }
.mtitlte{
   font-size: 24px;
   color: #333333;
   height: 38px;
   line-height: 38px;
   font-weight:bold;
}
.subt{
    	font-size: 14px;
        color: #666666;
}
.videoCBox{
    background-color:#fff;
    width: 100%;
    height: 550px;
    padding: 22px 20px;
    box-sizing: border-box;
}
.line{
    width:1px;
    height:483px;
    background-color:#e9e9f0;
    margin-top:10px;
}
.leftimg{
    width: 105px;
	height: 105px;
    margin-right:16px;
    vertical-align:top;
    position:relative;
}
.leftimgActive{
    border: 4px solid #008C95;
    box-sizing: border-box;
}
.leftimgActive::before{
    content:"";
    display:inline-block;
    position:absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 12px solid #008C95;
    border-bottom: 8px solid transparent;
    left: -15px;
    top: 50%;
    margin-top: -6px;
    z-index: 8;
}
.leftimg img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.watchbtn{
    width: 116px;
	height: 29px;
	background-color: #008C95;
	border-radius: 4px;
    text-align:center;
    line-height:29px;
    font-size: 14px;
    color:#fff;
    position: absolute;
    bottom: 3px;
    cursor:pointer;
}
.video-list .video-name{
    width:100%;
	height: 36px;
    line-height:36px;
	background-color: #f1f1f1;font-size: 16px;color:#333;padding-left:13px;
    margin-top:10px;
    box-sizing: border-box;
}
.cl-666 {color:#666;}
.inline-block{display:inline-block}
.video-second-item{
    margin-top:12px;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    position: relative;
}
.mt5{margin-top:5px;}
.unwatch{
    background-color:#ccc;
    cursor:default;
}
.video-second-ul{
    height:421px;
    overflow-y:auto;
    width: 340px;
}
.video-item-index{
     position: absolute;
    top: 0;
    left: 0;
    padding: 2px 10px;
    background-color: rgba(0,0,0,0.8);
    border-bottom-right-radius: 10px;
    color: #fff;
    font-size: 12px;
}
.arrowbottm{
    width:14px;
    height:9px;
    background:url('/img/img/live/arrowbottom.png')no-repeat top center;
    background-size:100%;
    display:inline-block;
}
.active-category i{
      background:url('/img/img/live/arrowtop.png')no-repeat top center!important;
}
.arrowtop{
    width:14px;
    height:9px;
    background:url('/img/img/live/arrowtop.png')no-repeat top center;
    background-size:100%;
}
.active-category{
   background-color: #FFF2E1!important;
}
.video-list .video-item:nth-of-type(1) .video-second-ul {
    display: block;
}