﻿.content-wap-kc{display:block;padding:10px 0px;}

/*title*/
.course-index-title{display:block;background: #e40000;color:#fff;padding: 1px 15px 27px;border-radius: 10px;}
.course-index-title em{float:left;font-size:1.5rem;color:#fff;position:relative;}
.course-index-title span{float:right;color:#fff;padding-top:5px;}
.course-index-title span:after,.icon-enter{display:inline-block;width:12px;height:12px;background:url(../images/kc_bg.png) -233px -145px no-repeat;background-size:375px;content: "";vertical-align: middle;margin-left:3px;position:relative;top:-1px;}
.course-index-title em:before{background: #fff; width:20px;height:3px;position:absolute;display:inline-block;bottom:-4px;content: "";border-radius:3px;left:50%;margin-left:-10px;}


/*鍝佺墝*/
.countdownt{display:block;background:#fff;border-radius:10px;margin:-30px 10px 0px;position:relative;z-index:2;padding:2px 10px 10px 10px;border-radius: 10px;overflow:hidden;height: 30px;}
.countdownt-brand-logo{width:137px;height:56px;background:url(../images/kc_bg.png) 0px -145px no-repeat;background-size:375px;float:left;font-size:0px;}
.countdownt-txt{float:left;margin-left:-137px;width:100%;}
.countdownt-txt-p{display:block;margin:8px 0px 0px 147px;padding:0px 0px 0px 15px;border-left:1px solid #efefef;font-size:1.4rem;color:#444;}
.countdownt-txt-p span{display:block;color:#666;}
.countdownt-txt-p .num1{font-size:1.8rem;font-weight:bold;color:#eb492c;padding:0px 1px;}


/*璇剧▼鍒楄〃*/
.content-wap-kctj{display:block;background:#fff;margin:10px 10px 0px;border-radius:10px;padding:0px 10px;}
.content-wap-coursebox{display:block;border-bottom:1px solid #efefef;padding:10px 0px;}
.content-wap-list{display:block;}
.content-wap-list:after{display:block;visibility:hidden;clear:both;height:0;content:'.'; :}
.content-wap-list{zoom:1;}
.content-wap-list .kc-img{width:70px;height:90px;float:left;position:relative;background:url(../images/default-img.png);background-size:100%;}
.content-wap-list .kc-img img{width:100%;height:90px;display:block;border-radius:4px;}
.video-icon2{width:25px;height:25px;position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,.6);display:inline-block;}
.video-icon2:before{background:url(../images/kc_bg.png) no-repeat -172px -144px;background-size:375px;display:inline-block;width:100%;height:100%;content: "";}
.video-icon2:before{animation:rotateone 2s linear infinite;}
@keyframes rotateone{
	0%{transform: rotate(0deg);}
	50%{transform: rotate(360deg);}
	75%{transform: rotate(360deg);}
	100%{transform: rotate(360deg);}
}
.content-wap-list .con-side{width:100%;float:left;margin-left:-112px;}
.content-wap-list .kc-txt{display:block;padding:0px 0px 0px 124px;overflow:hidden;color:#999;}
.content-wap-list .kc-h3{line-height:25px;display:block;height:45px;overflow:hidden;font-size: 1.6rem;}
.content-wap-list .kc-h3 span{font-size:1.6rem;color: #444;}
.content-wap-list .kc-num,.content-wap-list .kc-lesson{display:block;font-size:1.4rem;background:url(../images/kc_bg.png) -369px -142px no-repeat;background-size:375px;padding-left:12px;margin-top:12px;}
.content-wap-list .kc-num{margin-top:16px;}
.content-wap-list .kc-num i{color:#666;padding-right:0px;}
.content-wap-list .kc-lesson i{color:#e6422b;}
.content-wap-list .kc-teacher{color:#78797b;font-size:1.4rem;position:relative;margin-top:10px;padding-left:3px;}
.content-wap-list .kc-btn{display:block;}
.content-wap-list .st-btn{float:right;width:82px;height:28px;line-height:28px;border-radius:28px;box-shadow:0px 2px 4px rgba(241,85,47,.7);color:#fff;text-align:center;position:relative;margin-top:-32px;font-size:1.4rem;}


/*鍘嗗勾鐪熼璇剧▼*/
.course-zhenti{padding:0px 10px 10px;}
.course-zhenti .content-wap-list .kc-h3{height:auto;white-space:nowrap;}
.course-zhenti .content-wap-list .kc-lesson{margin-top:0px;}

.m-course-number{display:block;position:relative;margin-top:-1px;border-right:1px solid #efefef;}
.m-course-number .c-album-item{width:20%;height:52px;border:1px solid #efefef;border-right:none;box-sizing:border-box;float:left;line-height:52px;overflow:hidden;white-space:nowrap;color:#696a6c;text-align:center;position:relative;}
.m-course-number .c-album-item:active,.gallery-article .arb-st:active{background:linear-gradient(to right,#e23d29,#f66a1d);color:#fff;}
.m-course-number .c-album-item.c-album-mfst:before{position:absolute;background:#12ac48;font-size:1.1rem;color:#fff;line-height:1.1rem;padding:1px 2px;right:0px;top:0px;content: "鍏嶈垂";display:inline-block;}


/*鍒楄〃璇剧▼鎺ㄥ箍*/
.gallery-section{display:block;padding:15px 0px 0px;}
.gallery-title{display:block;padding:0px 10px 5px;font-size:1.6rem;font-family: PingFangSC-Medium, "Source Han Sans CN", sans-serif;position:relative;}
.gallery-title i{width:20px;height:20px;display:inline-block;background:url(../images/icon_bg.png) no-repeat -135px -519px;background-size:200px;position:absolute;right:10px;top:50%;margin-top:-10px;font-size:0px;}
.gallery-title i:active{}
.gallery-article{display:block;}
.gallery-article .gallery-ul{display:block;padding:10px 10px 0px 0px;}
.gallery-article .gallery-ul:after{display:block;visibility:hidden;clear:both;height:0;content:'.'; :}
.gallery-article .gallery-ul{zoom:1;}
.gallery-article .gallery-li{width:50%;float:left;}
.gallery-article .arb{display:block;margin-left:10px;background:#fff;padding:10px;border-radius:8px;}
.gallery-article .arb .arb-img{display:block;height:auto;overflow:hidden;position:relative;text-align:center;}
.gallery-article .arb .arb-img:before{display:inline-block;position:absolute;width:43px;height:43px;background:url(../images/kc_bg.png) no-repeat -222px -197px;background-size:375px;left:50%;margin-left:-22px;top:50%;margin-top:0px;content: "";}
.gallery-article .arb img{width:100%;display:block;border-radius:8px;}
.gallery-article .inner{display:block;padding:8px;font-size:1.4rem;line-height:18px;color:#666;}
.gallery-article .arb-st{display:block;margin:10px auto 0px;width:60%;color:#fff;text-align:center;height:28px;border-radius:28px;line-height:28px;font-size:1.4rem;}


/*姗欒壊鎸夐挳*/
.content-wap-list .st-btn,.gallery-article .arb-st{background:linear-gradient(to right,#f66a1d,#e23d29);}
.content-wap-list .st-btn:active,.gallery-article .arb-st:active{background:#e23d29;}

@media only screen and (max-device-width:340px){
.countdownt{padding:10px;}
.countdownt-brand-logo{width:100px;height:41px;background:url(../images/kc_bg.png) 0px -106px no-repeat;background-size:274px;margin-top:10px;}
.countdownt-txt{margin-left:-100px;}
.countdownt-txt-p{margin:8px 0px 0px 110px;}
}