.live {
    height: 650px;
    width: 100%;
    background: url('../images/live-bg.jpg') center center no-repeat;
    background-size: 100% 100%;
}

.liveBroadcast {
    padding-top: 70px;
}

.liveBroadcast .left {
    float: left;
}

.liveBroadcast .left {
    width: 850px;
    height: 100%;
    overflow: hidden;
    float: left;
}

.liveBroadcast .left .video {
    width: 100%;
    height: 510px;
    position: relative;
}

.myVideo {
    height: 100%;
    width: 100%;
}

/* 播放速度 */
.selRateBox {
    width: 40px;
    height: 16px;
    position: absolute;
    bottom: 47px;
    right: 228px;
}

.selRateBox .layui-form-item .layui-input-inline {
    width: 100%;
    height: 100%;
}

.selRateBox .layui-form-select .layui-input {
    border-radius: 15px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    background: #da3a24;
    border: none;
    color: #fff;
    text-align: center;
}
.layui-form-select dl dd.layui-this{
    background-color: #da3a24;
}
.selRateBox .layui-form-select .layui-edge {
    display: none;
}

.selRateBox .layui-form-select dl {
    bottom: 30px;
    top: inherit;
    width: 82px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    border-radius: 8px;
    text-align: center;
    border: none;
    left: -22px;
}

.selRateBox .layui-form-select dl dd {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.selRateBox .layui-form-select dl dd:nth-child() {
    border-bottom: none;
}

.liveBroadcast .right {
    float: right;
    width: 350px;
    height: 510px;
}

.right ul {
    overflow-y: auto;
    height: 395px;
    padding: 10px 0 0 0;
    background: #fff;
    position: relative;
}
.go_playBackVideo{
    padding: 10px 17px 15px 7px;
    color: #fff;
    font-size: 15px;
    background-color: #595959;
}
.go_playBackVideo span{
    float: left;
    margin-left: 10px;
}
.go_playBackVideo a{
   float: right;
   color: #fff;
}
.mszxLive {
    width: 850px;
    height: 510px;
    background: url('../images/mszx.jpg') center center no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.mszxLive .layui-btn {
    width: 210px;
    height: 80px;
    margin: 0 auto;
    margin-top: 325px;
    font-size: 27px
}

.right .liveListBox li {
    padding: 20px 0px 12px 0px;
    cursor: pointer;
    margin-left: 22px;
}

.right .liveListBox li:hover {
    background: #e8f5ff;
}

.right .liveListBox .dot {
    width: 14px;
    height: 14px;
    background: #da3a24;
    left: 0px;
    top: 50%;
    margin-top: -7px;
    transition: all 0.1s;
}

.right .liveListBox li:hover .dot {
    transform: scale(1.2);
}

.layui-timeline-item:before {
    left: 6px;
    width: 2px;
    height: 200%;
}
.noLine .layui-timeline-item:before{
    height: 100% !important;
}
.layui-text .textl,
.layui-text .textm,
.layui-text .textr {
    float: left;
}

.layui-text .textl {
    padding-top: 5px;
    margin-right: 25px;
}

.layui-text .textl .replay {
    font-size: 13px;
    color: #999999;
}

.right .liveListBox li:hover .replay {
    color: #da3a24;
}

.right .liveListBox li:hover .textTile {
    /* background: #da3a24; */
    color: #da3a24;
}

.right .liveListBox li:hover .textr span {
    color: #da3a24;
}

.right .liveListBox li:hover .liveTime {
    color: #da3a24;
}

.right .liveListBox li:hover .textl .liveInimg {
    background-image: url(../images/live.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.right .liveListBox li:hover .textl .playbackInimg {
    background-image: url('../images/playbackIn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.right .liveListBox li:hover .textl .nostartedInimg {
    background-image: url('../images/nostartedIn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.right .liveListBox li:hover .textl .finishedInimg {
    background-image: url('../images/finishedIn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.layui-text .textl .liveimg,
.playbackIn .layui-text .textl .liveimg,
.nostartedIn .layui-text .textl .liveimg,
.finishedIn .layui-text .textl .liveimg {
    width: 13px;
    height: 13px;
    background: url(../images/noliving.png) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 16px;
}

.playbackIn .layui-text .textl .liveimg {
    background: url(../images/playback.png) center center no-repeat;
}

.nostartedIn .layui-text .textl .liveimg {
    background: url(../images/nostarted.png) center center no-repeat;
}

.finishedIn .layui-text .textl .liveimg {
    background: url(../images/finished.png) center center no-repeat;
}

.layui-text .textm .textTile {
    font-size: 14px;
    color: #666666;
    padding: 5px 0px;
    /* background: #f5f5f5; */
    /* border-radius: 5px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 210px;
    word-wrap: normal
}

.layui-text .textm .liveTime {
    font-size: 12px;
    color: #999999;
}

.layui-text .textr {
    margin-left: 15px;
    padding-top: 6px;
}

.layui-text .textr span {
    font-size: 12px;
    color: #999999;
}

/* 课程推荐 */
.kctj {
    padding-top: 27px;
}

.kctj-tittle {
    display: inline-block;
    background-image: url('../images/ddot.png');
    background-repeat: no-repeat;
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 27px;
}

.kctj-list li {
    float: left;
    margin: 0 40px 30px 0;
    overflow: hidden;
    width: 270px;
    
}
.kcListBox li img{
    transition: all 1s;
    cursor: pointer;
}
.kctj-list li a {
    display: inline-block;
}

.kctj-list li a img {
    width: 100%;
    height: 150px;
    transition: all 0.6s;
}

.kctj-list li h3 {
    font-size: 17px;
    padding: 27px 30px;
    background: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    height: 23px;
    cursor: pointer;
}

.kctj-list li .btnClick {
    padding-bottom: 23px;
    background: #fff;
    border-radius: 0 0 5px 5px;
     overflow: hidden;
}

.kctj-list li .btnClick .layui-btn {
    width: 75px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border-right: 5px;
    float: left;
}

.kctj-list li .btnClick .audition {
    background: #da3a24;
}

.kctj-list li .btnClick .purchase {
    background: #fff;
    border: 1px solid #da3a24;
    color: #da3a24;
}
.btnClick p{
    float: left;
    font-size: 16px;
    font-family: '黑体';
    color: #da3a24;
    width: 70px;
    margin-left: 20px;
    line-height: 32px;
}
.btnClick p b{
    font-size: 22px;
}
.kctj-list li:hover a img {
    transform: scale(1.1);
}

.kctj-list li:nth-of-type(4n) {
    margin-right: 0;
}

/* 定制直播 */
.dzzp {
    margin-bottom: 40px;
}

.dzzp-title {
    display: inline-block;
    background-image: url('../images/ddot.png');
    background-repeat: no-repeat;
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 20px;
}

.dzzp-wrapper {
    padding: 0 69px;
}

.srdz {
    padding: 40px 0 25px;
    height: 65px;
    background: url('../images/srdz.png') center center no-repeat;
}

.dzzp-wrapper .layui-form .layui-form-item .layui-input-block {
    margin-left: 0;
}

.dzzp-wrapper .layui-textarea {
    background: #f7f7f7;
    border: 0;
    max-height: 150px;
    resize: none;
    padding: 15px 10px;
    text-indent: 25px;
    overflow-y: auto;
}

.dzzp-wrapper .layui-form-text {
    margin-bottom: 30px;
}

.btnSubmit {
    padding-bottom: 33px;
}

.btnSubmit .layui-input-block {
    text-align: center;
}

.btnSubmit .layui-input-block .layui-btn {
    width: 115px;
    height: 40px;
}

.btnSubmit .submit {
    background: #da3a24;
}

.btnSubmit .cancel {
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    color: #999999;
    margin-left: 205px;
}

/* 弹窗 */
/* .layui-layer {
    width: 400px !important;
    height: 210px !important;
    border-radius: 5px !important;
} */

/* .layui-layer-dialog {
    min-height: 230px;
} */
.layui-layer-dialog{
    border-radius: 8px !important;
}
.layui-layer-title {
    background-color: #da3a24 !important;
    padding: 0 80px 0 28px !important;
    color: #fff !important;
    font-size: 19px !important;
    height: 53px !important;
    line-height: 53px !important;
    border-radius: 5px 5px 0 0 !important;

}

.layui-layer-content {
    text-align: center;
    font-size: 15px !important;
    padding: 40px !important;
}

.layui-layer-setwin {
    top: 10px !important;
}

.layui-layer-setwin a {
    width: 100% !important;
    height: 100% !important;
}

.layui-layer-setwin a::before {
    content: '关闭';
    font-size: 20px;
    color: #fff;

}

.layui-layer-ico {
    background: none !important;
}
.layui-layer-btn{
    text-align: center !important;
}
.layui-layer-btn .layui-layer-btn0 {
    background-color: #da3a24 !important;
    border-color: #da3a24 !important;
    
}

.layui-layer-btn .layui-layer-btn1 {
    background-color: #f5f5f5 !important;
    border-color: #dddddd !important;
    color: #adadad !important;
    margin-left: 35px !important;
}

.layui-layer-btn .layui-layer-btn0,
.layui-layer-btn .layui-layer-btn1 {
    width: 95px;
    height: 38px;
    line-height: 38px;
}
.current{
    background: #e8f5ff;
}

.playimg{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
}
.newstyle{
    width: 120px !important;
}

/* 
*  新增直播列表搜索 2021/1/7
*/
.Search_live{
  background-color: #595959;
  padding: 10px 12px;
}
.SearchLiveBox{
    background-color:#da3a24 ;
    padding-left: 2px;
    border-radius: 5px;
    position: relative;
}

.SearchLiveVal{
    width: 212px;
    height: 36px;
    line-height: 36px;
    padding-left: 32px;
    border-radius: 5px 0 0 5px;
    border: 0;
    outline:none;
    margin-bottom: 2px;
    color: #333;
}
.SearchLiveImg{
    position: absolute;
    left: 6px;
    top: 50%;
    margin-top: -9px;

}
.SearchLiveBtn{
    display: inline-block;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    width: 76px;
    text-align: center;
}

#livingListBox .noData img,.noData span{
   display: block;
   text-align: center;
   margin: 0 auto;
}
.noData span{
    margin-top: 20px;
}
.SearchLiveVal:-moz-placeholder {
    color: #999a9a;
}

.SearchLiveVal:-ms-input-placeholder {
    color: #999a9a;
}

.SearchLiveVal::-webkit-input-placeholder {
    color: #999a9a;
}


.titleTip {
    position: absolute;
    background: #fff;
    line-height: 37px;
    right: -160px;
    top: 4px;
    padding: 0 10px;
    display: none;
}

.sanTip {
    position: absolute;
    top: 12px;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 10px solid transparent;
    right: -28px;
    display: none;
}