.padd10{padding:10px;}
.padd30{padding:30px}
.mr20{margin-right:20px;}
.h400{height:400px;overflow-y:auto;}
.h540{height:540px;overflow-y:auto;}
.color99 {color: #999;}
.font14{font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kc-lists-info{background:#fff;border: 1px solid #e9e9e9; border-radius: 4px;}
.kc-infoL{width:31%;}
.kc-infoR{width: 66%;}
.video-infoL{width:78%;}
.video-infoR{width:21%;}
.kc-video-sp{width:100%;position:relative;}
.kc-video-other{width:18%;}
.kc-infoL img{width:100%;height:100%;}
.kc-title{display:inline-block;}
.kc-infoR h1{font-size:24px;color:#333;}
.nolink{display:block;width:184px;height:44px;position:absolute;z-index:999;bottom:0;right:0;}
#vipsp{width:100% !important;height:540px !important;}
.VLCico{display: inline-block;width: 18px;height: 18px;vertical-align: middle;margin-right: 10px;background: url(video_lists.png) no-repeat;}
.icolist{background-position:0 -124px}
.icoview{background-position:0 -164px}
.kc-infoR p>span:nth-child(1) {margin-right: 40px;}
.kc-infoR p>span:nth-child(2) {margin-left: 40px;}
.kc-infoR .kc_btn .a1 {display: inline-block;width: 200px;height: 50px;line-height: 50px;background: #f00;color: #ffffff;text-align: center;border-radius: 2px;}
.kc-infoR .kc_btn .a2 {display: inline-block;width: 200px;height: 50px;line-height: 50px;background: #5ECFBA;color: #ffffff;text-align: center;border-radius: 2px;margin-left:20px}
.formlist,.kc-infoR .kc_btn .a3 {display: inline-block;width: 200px;height: 50px;line-height: 50px;background: #5ECFBA;color: #ffffff;text-align: center;border-radius: 2px;border:none;cursor:pointer;}
.formlist{margin-left:20px;}
.kc-head{font-size:16px;padding:10px;color: #5ecfba;border-bottom:2px solid #5ecfba;}
.kc-video-head{font-size:16px;padding-bottom:10px;color: #5ecfba;border-bottom:2px solid #5ecfba;}
.kc-lists-container .kc-lists li {height: 50px;line-height: 50px;border-bottom: 1px solid #ececec;padding: 0 30px 0 10px;background: url(sw-icon.png) no-repeat;background-position: -278px -344px;text-indent: 15px; }
.cat-des{min-height:70px;}
.other-kc{background:#fff;}
.other-kc-a1{padding: 20px 30px;border: 1px solid #e9e9e9; border-radius: 4px;}
.other-kc-a2{padding: 0 10px;height:465px;overflow-y:auto;}
.other-kc h3,kc-video-other h3{font-size:16px;color:#333;padding-bottom: 10px;border-bottom: 1px solid #ececec;}
.other-kc img{max-width:100%;height:auto;}
.other-kc ul li,.kc-video-other ul li {padding: 10px 0;border-bottom: 1px solid #ececec;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other-category li{background: url(sw-icon.png) no-repeat;text-indent: 20px; background-position: -278px -345px;}
.other-text li{padding: 7px 0 !important;background:url(video_lists.png) no-repeat 0 -113px;text-indent:27px;margin:3px 0;}
.video-curry{background: url(video_lists.png) no-repeat 0 2px;text-indent:20px;}
.video-curry a{color:#5ecfba;}
.zvideo{background: rgba(0,0,0,0.8);color: #ddd;height:480px;line-height:400px;text-align: center;font-size: 1.2em;position:relative;}
.zvideo:after{content:'';display:block;width:48px;height:48px;background:url(video_bf.png) no-repeat;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);}
.loading-video {position: absolute;left: 0;top: 0;z-index: 100;width: 100%;height: 100%;background: #000 url(poster.png) center no-repeat;}
.loading-video a,#kc-video-btn{left: 50%;top: 50%;margin-top: -41px;margin-left: -41px;position: absolute;display: block;width: 82px;height: 82px;background: url(stat.png) -191px -131px no-repeat;}
.loading-video a:hover,#kc-video-btn:hover{background-position-x:-291px}
.kc-modal{width:460px;background:#ffffff;display:none;position:fixed;top: 0px;left: 0px;right: 0px;margin-left:auto;margin-right:auto;margin-top:10%;z-index:999; border:1px solid #f5f5f5;}
.kc-modal .close {display: block;width: 18px;height: 18px;position: absolute;top: 15px;right: 15px;opacity: 1;background: url(video_lists.png) 0 -351px no-repeat;}
.kc-modal h4 {font-size:18px;padding: 15px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;color: #5ecfba;}
.kc-modal .modal-body {box-sizing: border-box;padding: 15px 10px 30px;}
.kc-modal .modal-body>p {box-sizing: border-box;padding: 14px 0;background: #fff2d8;text-align: center; color: #6f6f6f;}
.kc-modal .sever_1 {border-bottom: 1px solid #ebebeb;font-size: 12px;}
.kc-modal .sever_1>p {text-align: center;margin-bottom: 10px;}
.kc-modal .sever_1, .kc-modal .sever_2 {background: #f5f5f5;color: #666666;box-sizing: border-box;padding: 20px;}
.kc-modal .sever_1 li {width: 50%;float: left;margin-bottom: 6px;padding:0;}
.kc-modal .sever_2 p {text-align: center;}
.kc-modal .sever_2 .kf_btn {display: inline-block;padding: 5px 20px;color: #ffffff;font-size: 16px;background: #5ecfba;margin-top: 10px;border-radius: 2px;} 
.course-lists li {float:left;width: 23.8%;background: #ffffff;position: relative;border: 1px solid #e8e8e8;margin-right: 1.33%;margin-bottom: 1.33%;}
.course-lists li:nth-child(4n) {margin-right: 0;}
.course-lists li a {position: relative;color: #010000;width: 100%;display: block;height: 250px;}
.course-lists .vip_user {width: 68px;height: 25px;left: 0;top: 0;position:absolute;background-position: 0 -876px;}
.course-lists .free_user {width: 68px;height: 25px;left: 0;top: 0;position:absolute;background-position: 0 -919px;}
.course-lists .status_end {width: 46px;height: 20px;right: 5px;top: 5px;position:absolute;background-position: 0 -796px;}
.course-lists li img {width: 100%;vertical-align: top;height: 174px;}
.course-lists li a>div {width: 100%;position: absolute;z-index: 99;height: 78px;box-sizing: border-box;}
.course-lists li div {padding: 16px 14px;line-height: 1.8;}
.course-lx{border-bottom: 2px solid #5ecfba;color: #5ecfba;padding: 10px 24px;background:#fff;font-size:16px;}
.kc-previous{padding:10px 20px;background:#fff;border:1px solid #e9e9e9;}
#kc-video{position:relative;}