@charset "utf-8";
.kc-ico{ background: url("../img/ico.png") no-repeat 0 0; }
.back-fff{ background: #fff; }
.screen-kc{ padding: 25px 0;}
.screen-kc ul li:after, .kc-list-con:after, .kc-video:after,
.kc-video .kc-video-top:after, .kc-intro .vremark .labels-list:after,
.kc-intro .vremark .vbottom:after, .video-show-content:after,
.vshow-right .instructor ul:after, .vshow-right .courses:after,
.vshow-right .courses ul:after,.vshow-right .dynamics:after,
.vshow-right .dynamics ul:after,.vcomment .score:after{ display: block;content: "";clear: both; }

.kc-list-con ul li{
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
}
.kc-list-con ul li:hover{
    box-shadow: 0 0 30px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
}
.screen-kc{ position: relative; }
.screen-kc ul li{ color: #888;margin-bottom:10px; }
.screen-kc ul li label{ display:block;width:75px;float:left;line-height:30px; }
.screen-kc ul li .right-a{ width:1100px;float:right; }
.screen-kc ul li .right-a a{ display:block;float:left;padding:5px 18px;color:#888;border-radius:65px;margin:0 3px 5px 0; }
.screen-kc ul li .right-a a:hover,
.screen-kc ul li .right-a a.on{ background:#fe3a2c;color:#fff; }
.screen-kc .admission { position:absolute;bottom:35px;right:0;cursor:pointer;padding:7px 22px;background:#0057ff;color:#fff;border-radius:65px; }
/** Admission **/
.kecheng-admiss .admis-banner{ width:100%; }
.kecheng-admiss .admis-banner img{ border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden; }
.kecheng-admiss .admiss-con:after,.kecheng-admiss .admiss-con ul li:after{ display:block;content:"";clear:both; }
.kecheng-admiss .admiss-con{ padding:40px 75px 55px; }
.kecheng-admiss .admiss-con ul li{ width:490px;height:78px;float:left;margin-bottom: 25px; }
.kecheng-admiss .admiss-con ul li.all-w{ width: 100%;height: auto; }
.kecheng-admiss .admiss-con ul li.all-w .bottom-int{ border: 0;height: auto; }
.kecheng-admiss .admiss-con ul li label{ display: block;padding-bottom: 10px;font-size: 16px;color:#333; }
.kecheng-admiss .admiss-con ul li label em{ color: red;padding-right: 4px; }
.kecheng-admiss .admiss-con ul li label span{ color: #999;padding-left: 10px;font-size: 14px; }
.kecheng-admiss .admiss-con ul li:nth-of-type(2n){ float:right; }
.kecheng-admiss .admiss-con ul li .bottom-int{ width: 100%; height: 44px;border: 1px solid #ededed;border-radius: 5px;overflow: hidden; }
.kecheng-admiss .admiss-con ul li input[type=text]{ width: calc(100% - 20px);padding: 0 10px; line-height: 44px; border: 0; }
.kecheng-admiss .admiss-con ul li select{ width: 100%;height: 44px;border: 0;padding: 0 10px; }
.kecheng-admiss .admiss-con ul li.sex .bottom-int{ border: 0; }
.kecheng-admiss .admiss-con ul li.sex .check-xua{ margin-top: 13px; }
.kecheng-admiss .admiss-con ul li .check-xua{ float: left;margin-right:30px;cursor:pointer;line-height:18px; }
.kecheng-admiss .admiss-con ul li .check-xua .sex-val{ display:none; }
.kecheng-admiss .admiss-con ul li .check-xua .col-class{ position:relative;display:block;float:left;width:16px;height:16px;border:1px solid #ededed;border-radius:65px;
    margin-right: 8px; overflow: hidden;
}
.kecheng-admiss .admiss-con ul li .check-xua .col-class em{ position:absolute;top:50%;left:50%;display:block;width:10px;height:10px;background:transparent;border-radius:65px;margin:-5px 0 0 -5px;}
.kecheng-admiss .admiss-con ul li .check-xua.on .col-class{ border-color:#0057ff; }
.kecheng-admiss .admiss-con ul li .check-xua.on .col-class em{ background:#0057ff; }
.kecheng-admiss .admiss-con ul li .check-xua.check-click{ margin-top:5px; }
.kecheng-admiss .admiss-con ul li .check-xua.outer-click{ width:100%;margin-top:15px; }
.kecheng-admiss .admiss-con ul li .check-xua.outer-click .col-class{ margin:6px 8px 0 0; }
.kecheng-admiss .admiss-con ul li input[type=text].outer-field{ width:120px;height:28px;line-height:28px;border:1px solid #ededed;border-radius:5px;margin-left:10px; }
.kecheng-admiss .admiss-con ul li textarea{ width: calc(100% - 22px);height: 130px;padding: 10px; border: 1px solid #ededed;border-radius: 5px;resize: none; }
.kecheng-admiss .admiss-con ul li .admiss-sub{ display: block;width: 230px;height: 60px;background: #0057ff;color: #fff;margin: 35px auto 0;border: 0;border-radius: 10px;font-size: 20px;cursor: pointer; }

/** List **/
.kecheng-index .kc-curr{ padding: 25px 0; }
.kecheng-index .kc-curr a{ color: #333;padding-right: 30px; }
.kecheng-index .kc-curr a:hover,
.kecheng-index .kc-curr a.on{ color: #0057ff;font-weight: bold; }

.kc-list-con ul li{ width: 280px;height: 330px;float: left;margin:0 20px 20px 0; border-radius: 5px;background: #fff; overflow: hidden; }
.kc-list-con ul li:nth-of-type(4n){ margin-right: 0; }
.kc-list-con ul li .bor-img{ position: relative; display: block;width: 280px;height: 210px;border-top-left-radius: 5px;border-top-right-radius: 5px; overflow: hidden; }
.kc-list-con ul li .bor-img img{ max-width: 100%; }
.kc-list-con ul li .bor-img .ico-type{ position: absolute;top: 0;left: 0; display: block;width: 44px;height: 47px;background-position: -88px 0; z-index: 55; }
.kc-list-con ul li .remark{ padding: 15px;border-bottom: 1px solid #eee; }
.kc-list-con ul li .remark h5{ font-size: 16px;color: #333;padding-bottom: 3px; }
.kc-list-con ul li .remark p{ font-size: 12px;color:#999; }
.kc-list-con ul li .remark p .type{ color: #ff3b2c; }
.kc-list-con ul li .user-intro:after{ display: block;content: "";clear: both; }
.kc-list-con ul li .user-intro{ padding:0 15px; height: 43px;line-height: 43px; }
.kc-list-con ul li .user-intro .user-left img{ width: 25px;height: 25px;border-radius: 65px;margin: 9px 5px 0 0;overflow: hidden; }
.kc-list-con ul li .user-intro .members{ font-size: 12px;color: #999; }
/** Show **/
.kecheng-show{ background: #f7f8fa; }
.kc-video{ background: #222;padding: 40px 0; }
.kc-video .kc-video-top{ background: #2d2d2d; }
.kecheng-show #uz-video{ width: 740px;height: 460px; }
.kecheng-show .video-jq{ width: 740px; }
.kecheng-show .kc-intro{ width: 395px;margin-right: 20px; }
.kc-intro .vremark h1{ font-size: 22px;color: #fff;border-bottom: 1px solid #383838;padding: 30px 0 20px; }
.kc-intro .vremark ul li{ height: 67px; line-height: 67px;border-bottom: 1px solid #383838;color: rgba(255,255,255,.5); }
.kc-intro .vremark ul li strong{ font-weight: normal; }
.kc-intro .vremark ul li .price-num{ font-size: 20px;color: #fe3a2c;vertical-align: bottom; }
.kc-intro .vremark .labels-list h6{ padding: 25px 0 20px;font-size: 14px;color: rgba(255,255,255,.5); }
.kc-intro .vremark .labels-list .lables-check .label-txt{ width: 33.3333333%;margin-bottom: 15px; display: block;float: left;color: rgba(255,255,255,.5); }
.kc-intro .vremark .labels-list .lables-check .label-txt em{ display: block;float: left; width:12px;height: 12px;background-position: -49px 0;
    margin: 4px 6px 0 0;
}
.kc-intro .vremark .vbottom{ padding-top: 40px; }
.kc-intro .vremark .vbottom .start{ display: block;width: 140px;height: 46px;line-height: 46px;text-align: center;background: #fe3a2c;color: #fff;font-size: 18px;border-radius: 5px;border: 0;
    cursor: pointer; float: left;
}
.kc-intro .vremark .vbottom .r-shar{ color: rgba(255,255,255,.5);margin-top: 15px; }
.kc-intro .vremark .vbottom .r-shar span{ display: block;float: right;cursor: pointer; }
.kc-intro .vremark .vbottom .r-shar .co-tion em{ display: block;float: left; width: 15px;height: 14px;background-position: 0 -1px;margin: 2px 5px 0 0; }
.kc-intro .vremark .vbottom .r-shar .co-tion.on{ color: #ffd500; }
.kc-intro .vremark .vbottom .r-shar .co-tion.on em{ background-position: -66px 0; }
.kc-intro .vremark .vbottom .r-shar .co-share{ margin-left: 25px; }
.kc-intro .vremark .vbottom .r-shar .co-share em{ display: block;float: left; width: 13px;height: 13px;background-position: -26px 0;margin: 3px 5px 0 0; }
/** 暂无课程 **/
.kc-list-con .empty-img{ padding: 20px 0; text-align: center; }
/** 详情 **/
.video-show-content .vshow-left{ width: 818px;padding: 0 20px 20px;border-radius: 5px; }
.video-show-content .vshow-right{ width: 300px; }

.vshow-left .head{ height: 62px;line-height: 62px;border-bottom: 1px solid #f0f0f0; }
.vshow-left .head ul li{ float: left;font-size: 18px;color: #333;margin-right: 40px;cursor: pointer; }
.vshow-left .head ul li span{ border-bottom: 2px solid transparent;padding-bottom: 18px; }
.vshow-left .head ul li.on span{ border-bottom-color: #0057ff;color: #0057ff; }
.video-show-content .table-conent .vdetail{ display: none;width: 100%; padding-top: 20px; }
.video-show-content .table-conent .vdetail:first-child{ display: block; }
.video-show-content .table-conent .vdetail img{ max-width: 100%; }
.table-conent .vdetail.catalog h6{ font-weight: bold;color: #333;padding: 20px 0 20px; }
.table-conent .vdetail.catalog ul li:first-child h6{ padding-top: 0; }
.table-conent .vdetail.catalog h6 em{ display: block;float: left;width: 14px;height: 14px;background-position: 0 -36px;margin: 3px 6px 0 0; }
.table-conent .vdetail.catalog .kc-title{ padding: 0 20px; position: relative; height: 50px;line-height: 50px;border-top: 1px dashed #ededed; }
.table-conent .vdetail.catalog .kc-title:nth-last-of-type(1){ border-bottom: 1px dashed #ededed; }
.table-conent .vdetail.catalog .kc-title .time{ float: right; }
.table-conent .vdetail.catalog .kc-title .time em{ display: block;float: left;width: 14px;height: 14px;background-position: -22px -36px;margin: 18px 6px 0 0; }
.table-conent .vdetail.catalog .kc-title .cata-type{ position: absolute;top: 10px;right: 20px;padding: 7px 16px;background: #fe3a2c;border-radius: 5px;color: #fff;
    border: 0;font-size: 12px;opacity: 0;z-index: -1;cursor: pointer;
}
.table-conent .vdetail.catalog .kc-title.onn,
.table-conent .vdetail.catalog .kc-title:hover{ background: #f8f8f8; }
.table-conent .vdetail.catalog .kc-title:hover .cata-type{ opacity: 1;z-index: 66; }
.table-conent .vdetail.catalog .kc-title.onn .cata-type{ background: #9d9d9d;opacity: 1;z-index: 66; }
/** 讲师介绍 **/
.vshow-right .r-comm-remark{ width:260px;margin:0 auto; }
.vshow-right .r-comm-title{ height:60px;line-height:60px;border-bottom:1px solid #f0f0f0;font-size:18px;color:#333; }
.vshow-right .instructor,.vshow-right .courses,.vshow-right .dynamics{ border-radius:5px; }
.vshow-right .instructor .about-inst{ text-align:center;padding:30px 0; }
.vshow-right .instructor .about-inst img{ width:100px;height:100px;border-radius:65px;overflow:hidden; }
.vshow-right .instructor .about-inst h3{ padding:15px 0 2px; }
.vshow-right .instructor .about-inst h3 a{ font-size:16px;color:#333; }
.vshow-right .instructor .about-inst .rem-txt{ font-size:13px; }
.vshow-right .instructor ul{ margin-top:25px; }
.vshow-right .instructor ul li{ width:33.3333333%;float:left;min-height:36px; }
.vshow-right .instructor ul li:nth-of-type(2){ width:32%;border:1px solid #f0f0f0;border-width:0 1px; }
.vshow-right .instructor ul li span{ display:block; }
.vshow-right .instructor ul li .coun-num{ font-size:18px;font-family:Arial; }
.vshow-right .instructor ul li .tips{ color:#888;padding-top:3px; }
/** 相关课程 **/
.vshow-right .courses ul{ padding: 20px 0 5px; }
.vshow-right .courses ul li{ width: 120px;float: left;margin-bottom: 15px; }
.vshow-right .courses ul li:nth-of-type(even){ float: right; }
.vshow-right .courses ul li img{ width: 120px;height: 90px;border-radius: 5px;overflow: hidden; }
.vshow-right .courses ul li p{ font-size: 12px;padding-top: 5px; }
.vshow-right .courses ul li:hover p{ color: #0057ff; }
/** 动态 **/
.vshow-right .dynamics ul{ padding-bottom: 30px; }
.vshow-right .dynamics ul li{ height: 44px;padding: 20px 0 0; }
.vshow-right .dynamics ul li img{ display: block;float: left;width: 44px;height: 44px;margin-right: 15px; border-radius: 65px;overflow: hidden; }
.vshow-right .dynamics ul li .text h6{ color: #333;padding-top: 1px; }
.vshow-right .dynamics ul li .text .col-is{ color: #666;padding-left: 5px; }
.vshow-right .dynamics ul li .text .time{ font-size: 12px;color: #666; }
.vshow-right .dynamics ul li .text p{ color: #333; }
/*+--------------------------
*  学员点评
+---------------------------*/
.vcomment .score{ line-height:31px;padding-bottom:20px; }
.vcomment .txt-ips{ display:block;float:left;margin-right:10px;color:#333; }
.vcomment .head-xing,.vcomment .head-xing .xing,
.vcomment .xing-con,.vcomment .comm-labels{ float:left; }
.vcomment .head-xing .xing{ display:block;width:19px;height:19px;background-position:-133px -31px;margin:6px 8px 0 0;cursor:pointer; }
.vcomment .head-xing .xing.on{ background-position: -133px -52px; }
.vcomment .xing-con{ margin-left:15px;color:#333; }
.vcomment .xing-con img{ padding-right:10px;width:31px;height:31px; }
.vcomment .comm-labels{ margin-left:16px; }
.vcomment .comm-labels .tipss{ font-size:12px;color:#888;margin-right:10px;border:1px solid #dbdbdb;padding: 3px 10px;border-radius:5px;cursor:pointer; }
.vcomment .comm-labels .tipss.on{ border-color: #0057ff;color: #0057ff; }
.vcomment .comment-form{ padding-bottom: 30px;border-bottom: 1px dashed #f0f0f0; }
.vcomment .textarea{ width: calc(100% - 40px);height: 100px;padding: 20px; border-radius: 5px;border: 0;resize: none;background: #f5f5f5; }
.vcomment .tips-c{ display: block;float: left;margin: 15px 0 0 0; }
.vcomment .sub-button{ display: block;float: right;width: 120px;height: 40px;line-height: 40px; background: #0057ff;color: #fff;font-size: 16px;text-align: center;border-radius: 5px;border: 0;
    margin-top: 20px;cursor: pointer;
}
/** 点评 **/
.comment-form:after,
.comment-kc-bottom:after,
.comment-kc-bottom .comment-content li:after,
.reply-kc-form:after,
.reply-kc-comment:after,
.reply-kc-comment .level-2:after{ display:block;content:"";clear: both; }
.comment-kc-bottom{ padding: 30px 20px 0; }
.comment-kc-bottom h5{ font-size:16px;font-weight:bold;color:#333; }
.comment-kc-bottom .level-1 .txt{ display: block;float: left; }
.comment-kc-bottom .comm-xing{ display: block;float: left;width: 94px;height: 13px;margin: 3px 0 0 13px; }
.comment-kc-bottom .comm-xing.xing-1{ background-position: -156px 0; }
.comment-kc-bottom .comm-xing.xing-2{ background-position: -156px -15px; }
.comment-kc-bottom .comm-xing.xing-3{ background-position: -156px -32px; }
.comment-kc-bottom .comm-xing.xing-4{ background-position: -156px -49px; }
.comment-kc-bottom .comm-xing.xing-5{ background-position: -156px -66px; }
.comment-kc-bottom .time{ font-size: 12px;font-weight: normal; color: #999;}
.comment-kc-bottom .comment-content li{ padding: 25px 0;border-bottom: 1px solid #eee; }
.comment-kc-bottom .comment-content li:last-child{border-bottom: none;}
.comment-kc-bottom .comment-content li .user-pic{ display:block;width:50px;height:50px;border-radius:35px;overflow:hidden;margin-right:15px; }
.comment-kc-bottom .comment-content li .user-pic img{ width:50px;height:50px; }
.comment-kc-bottom .comment-content li .user-comment-right{ width:710px; }
.comment-kc-bottom .comment-content li .user-comment-right .a-invita{ color: #0057ff; }
.comment-kc-bottom .comment-content li .user-comment-right .level-1{ font-weight:bold;color:#333; padding:10px 0 5px; }
.comment-kc-bottom .comment-content li .user-comment-right .level-1 .time{ color:#999;font-weight:normal;padding-left:15px;font-size: 12px; }
.comment-kc-bottom .comment-content li .user-comment-right .rema-txt{ color: #333; }
.comment-kc-bottom .comment-content li .clabels{ margin: 10px 0 15px; }
.comment-kc-bottom .comment-content li .clabels .tipss{ font-size:12px;margin-right:10px;border:1px solid #6c8dd5;padding: 2px 15px;border-radius:5px;
    cursor:pointer;background: #6c8dd5;color: #fff;  }
.comment-kc-bottom .user-comment-oper{width: 100%;height: 20px;}
.comment-kc-bottom .user-comment-oper a{ display: block;float: left;color:#999;margin-left: 35px; cursor: pointer; }
.comment-kc-bottom .user-comment-oper a.c-report i{ width: 15px;height: 15px;float: left;vertical-align: middle;margin: 3px 5px 0 0;background-position: -134px -34px; }
.comment-kc-bottom .user-comment-oper a.c-reply i{ width: 15px;height: 15px; background-position: -110px -33px; margin-top:3px; }
.comment-kc-bottom .user-comment-oper a.c-zan i{ float: left; width: 13px;height: 13px; background-position: -28px -11px; margin:3px 5px 0 0; }
/* 回复 */
.reply-kc-comment { position:relative;width:663px;padding:20px;background:#f4f4f4;border-radius:5px;margin:5px 0 0 75px; }
.comment-kc-bottom .reply-kc-comment .rep-left .user-pic{ width: 40px;height: 40px; }
.comment-kc-bottom .reply-kc-comment .rep-left .user-pic img{ width: 40px;height: 40px; }
.comment-kc-bottom .reply-kc-comment .rep-right{ width: 608px; }
.reply-kc-comment .level-2{ font-weight:bold;color:#333; }
.reply-kc-comment .level-2 .xy-name{ display: block;float: left; }
.reply-kc-comment .level-2 span{font-size: 12px;font-weight: normal;color: #999}
.reply-kc-comment .top-ico,
.reply-kc-form .top-ico{ position:absolute;top:-7px;left:30px;display:block;width:13px;height:13px;background:#f4f4f4;transform: rotate(45deg);-webkit-transform: rotate(45deg); }
.reply-kc-form{ position: relative;width: 703px; margin: 15px 0 25px 75px; }
.reply-kc-form .reply-content{ width: 663px;padding: 20px;border: 0;background: #f4f4f4;border-radius: 5px; resize: none; }
.reply-kc-form .comm-submit{ display:block;width:100px;height:35px;border-radius:5px;border:0;cursor:pointer;margin-top:12px;
    float:right;background:#0057ff;color:#fff; }
.more-comment{ padding: 25px 0; text-align: center;border-top: 1px solid #eee; }
.more-comment a{color:#0057ff;}
.more-comment .load-more-comment.load{text-indent: -9999px;display: inline-block; width: 39px; height: 39px; background: url("../../common/img/login-1.gif"); }
/*+--------------------------
*  上传课程
+---------------------------*/
.works:after,.kecheng-update:after,.kecheng-update ul li:after{ display: block;content: "";clear: both; }
.works-head{ position:relative;padding:0 20px;height:70px;line-height:70px;text-align:center;border-bottom:1px solid #eee;margin-bottom: 50px; }
.works-head.cool a{margin: 0;}
.works-head a{ font-size: 18px;color: #333;margin-right: 45px; }
.works-head a:nth-of-type(2){margin-right: 0;}
.works-head a.on{color: #0057ff; border-bottom: 2px solid #0057ff;padding-bottom: 22px;}
.works-head span{ position:absolute;right:20px;top:0;font-size:12px;color:#999; }
.kecheng-update{ width:840px; margin:0 auto; }
.kecheng-update ul li{ height:50px;line-height:50px;margin-bottom:25px;}
.kecheng-update ul li .Validform_checktip{ display: none; }
.kecheng-update ul li.textarea{ height: 120px; }
.kecheng-update ul li.cover-lis{min-height: 83px;height: auto}
.kecheng-update ul li.cover-li{ height: 240px; }
.kecheng-update ul li.cover-li img{ cursor: pointer; }
.kecheng-update ul li.labels{ min-height: 83px;height: auto ;}
.kecheng-update ul li label{ display:block;float:left;width:10%; }
.kecheng-update ul li .works-input{ width:90%; }
.kecheng-update ul li input[type=text],
.kecheng-update ul li select{ height:48px;line-height:48px;border:1px solid #eee;border-radius:5px;padding:0 5px;background: #f4f4f4; }
.kecheng-update ul li input[type=text]{ width: calc(100% - 10px); }
.kecheng-update ul li.share-file input[type=text]{ width: 85%; }
.kecheng-update ul li.share-file input[type=text].name-wpwd{ width: 10%;float: right;margin-right: -11px; }
/** 附件 **/
.kecheng-update ul li.kc-file input[type=text].yun_file{ width: 65%; }
.kecheng-update ul li.kc-file input[type=text].yun_pw{ width: 15%;margin-left: 15px; }

.kecheng-update ul li select{ width: 178px;color:#666; }
.kecheng-update ul li textarea{ padding:5px;width:100%;height:108px;border:1px solid #eee;border-radius:5px;resize:none;background: #f4f4f4; }
.kecheng-update ul li input[type=text]:focus,
.kecheng-update ul li textarea:focus{ background: transparent; }
/** Common **/
.kecheng-update ul li.cover-li .works-input { position: relative; }
.kecheng-update ul li.cover-li p{ font-size: 12px;color: #999;padding: 15px 0; }
.kecheng-update ul li.cover-li .cover-up,
.kecheng-update ul li.cover-lis .cover-ups{ width: 148px;height: 38px;line-height: 38px; border: 1px solid #0057ff;
    text-align: center;color: #0057ff;border-radius: 5px;
}
.kecheng-update ul li.cover-li .cover-up{ position: absolute;top: 225px;right: 445px;width: 60px;border: 0px;height: 22px;
    line-height: 22px;font-size: 12px;overflow: hidden; }
.kecheng-update ul li.cover-li .cover-up #cover-pic{ position: absolute;width: 100%;height: 40px;top: 0;left: 0;opacity: 0;cursor: pointer; }
.kecheng-update ul li.cover-lis .cover-ups{ float:left;background:#0057ff;color:#fff;margin-top:5px; }
.kecheng-update ul li.cover-lis span{font-size:12px;}
.submit-input{ padding: 35px 0 50px;border-top: 1px solid #eee; }
.submit-input input[type=submit]{ width:280px;height:50px;background:#fe3a2c;border:0px;border-radius: 5px;font-size: 16px;color: #fff;
    cursor: pointer; margin-left: 254px; }
.kecheng-update ul li .remark-cs{ height:38px !important;top: 80px !important; }
/* 标签 */
.kecheng-update ul li.labels #textarea{ position:relative;width:765px;min-height:48px;border:1px solid #eee;border-radius:5px; }
.kecheng-update ul li.labels #textarea input[type=text]{width: 98%; border:0;float: left}
#textarea .textkey{ width: 100%; background: #fff; }
#textarea .textkey:after{ display:block;clear:both;content:"";z-index:999; }
#textarea span{ float:left;display:block;padding:0 10px;height:30px;line-height:30px;background:#f6f6f6;
    color:#666;text-align:center;margin:9px 0 6px 15px;border-radius:5px; }
#textarea span.error{ background:#d50041;color:#fff; }
#textarea span i{ display: inline-block;width: 15px; cursor:pointer;padding-left:5px;font-style:normal; }
.f12-99{ font-size: 12px;color: #999; }
.kecheng-update ul li.labels-n{ height: 100%  ; }
.kecheng-update ul li.labels-n input[type=text]{ width: 40%; }
.kecheng-update ul li.labels-n:after,
.kecheng-update ul li .labels-list:after{ display: block;content: "";clear: both; }
.kecheng-update ul li .labels-list span{ float: left;display: block;padding: 0 10px;height: 30px;line-height: 30px;
    background: #f6f6f6;color: #666;text-align: center;margin: 9px 10px 0 0;border-radius: 5px;}
.kecheng-update ul li .labels-list span em { display: inline-block;width: 15px;cursor: pointer;padding-left: 5px;font-style: normal; }
.tips-span{ display: block;line-height: 20px;padding-top: 15px; }
.kecheng-update ul li .labels-list span.tag-warning { background-color: #ffb752; color: #fff; }
.caty-list-fenlei{ margin-left: 25px; }
.caty-list-fenlei .lab{ padding-right: 15px; }

.kecheng-update ul li .works-is-type p{ display:inline-block;cursor:pointer;margin-right:20px; }
.kecheng-update ul li .works-is-type p:nth-of-type(2){ margin-right:0; }
.kecheng-update ul li .works-is-type .on{ color:#0057ff; }
.kecheng-update ul li .works-is-type .on span { background:#0057ff; }
.kecheng-update ul li .works-is-type span { position:relative;display:block;float:left;width:15px;height:15px;
    border:1px solid #eee;border-radius:35px;margin:3px 6px 0 0; }
.kecheng-update ul li .works-is-type span em { position:absolute;top:8px;left:49%;display:block;width:8px;height:8px;
    transform:translate(-43%,-55%);-webkit-transform:translate(-43%,-55%);background:#fff;border-radius:35px; }
/* 价格 */
.kecheng-update ul li.is-price .works-input input[type=text]{ width:115px; }
/** 编辑器 **/
.kecheng-update ul li.article-content{height: auto;}
.kecheng-update ul li.article-content li,
.kecheng-update ul li.article-content .works-input{ line-height: normal;height: auto;margin-bottom: 0px; }
.kecheng-update ul li.article-content .works-input .edui-container .edui-toolbar{ box-shadow: none; }
.kecheng-update ul li.article-content .works-input .edui-container{ box-shadow:none;border:1px solid #eee;border-radius:5px; }
.kecheng-update ul li.article-content li label{ width:70%; }
.kecheng-update ul li.article-content .edui-link-table label{ display:inline-block;width: 100%; }
.kecheng-update ul li.article-content .edui-link-table input[type=text]{
    width: 300px;
    height: 21px;
    line-height: 21px;
    border: 1px solid #d7d7d7;
}
.kecheng-update ul li.article-content .edui-link-table #edui-link-Jtarget{position: absolute; left: 125px; top: 80px;}
.kecheng-update ul li .name-parentid{ float: left; margin-right: 20px; }
.kecheng-update ul li .create-directory{ width: 78px;height: 30px; display: block;float: left; border: 0;background: #0057ff;color: #fff;border-radius: 5px;
    cursor: pointer;margin: 10px 0 0 0;
}
/** 创建章节 **/
.directory-opac{ position: fixed; width: 386px;height: 176px; background: #fff;top: 50%;left: 50%;border-radius: 5px;
   margin: -88px 0 0 -193px; z-index: 1006;}
.directory-opac h5{ height: 45px;line-height: 45px;border-bottom: 1px solid #f0f0f0;padding:0 20px; }
.directory-opac .remark{ padding: 20px; }
.directory-opac ul li label{ display: block;float:left;width: 60px;line-height: 32px; padding-right: 10px; }
.directory-opac ul li input[type=text]{ width: 254px;height: 30px;line-height: 30px;padding: 0 10px;border:1px solid #ededed; }
.directory-opac .sub-name{ display: block; width: 100px;height: 35px;background: #0057ff;color: #fff;border: 0;border-radius: 5px;margin: 20px auto 0;cursor: pointer; }
.directory-opac .colse-dir { position: absolute;top: 15px;right: 20px;display: block;width: 13px;height: 13px;
    background: url(../../common/img/colse-1.png) no-repeat;cursor: pointer;transition: all .4s ease-out;-webkit-transition: all .4s ease-out; }
.directory-opac .colse-dir:hover{ transform: rotate(90deg);-webkit-transform: rotate(90deg); }
.kecheng-update ul li.catalog-li{ height:auto; }
.kecheng-update ul li.catalog-li .catalog{ width:755px;float:right; }
/** 课件上传 **/
.upadte-directory{ width: 90px;height: 40px;background: #0057ff;border: 0;color: #fff;border-radius: 5px;cursor: pointer; }
.kecheng-log{ width: 710px; }
.kecheng-log-edit{ width: 666px; }
.kecheng-log,
.kecheng-log-edit{ position: fixed;top: 50%;left: 50%;background:#fff;border-radius: 5px;
    transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1006; }
.kecheng-log h5,
.kecheng-log-edit h5{ height: 50px;line-height: 50px;border-bottom: 1px solid #f0f0f0;padding: 0 20px;color: #333;font-size: 16px; }
.kecheng-log h5 .curr-log,
.kecheng-log-edit h5 .curr-log{ font-size: 14px;color: #666;padding-left: 10px; }
.kecheng-log .colse-vid,
.kecheng-log-edit .colse-vid{ position: absolute;top: 20px;right: 20px;display: block;width: 13px;height: 13px;
    background: url(../../common/img/colse-1.png) no-repeat;cursor: pointer;transition: all .4s ease-out;-webkit-transition: all .4s ease-out; }
.kecheng-log .colse-vid:hover,
.kecheng-log-edit .colse-vid:hover{ transform: rotate(90deg);-webkit-transform: rotate(90deg); }
.kecheng-log .catalog-class,
.kecheng-log-edit .catalog-class{ padding:20px;border-bottom: 1px solid #e6e6e6; }
.kecheng-log .catalog-lists:after,
.kecheng-log-edit .catalog-lists:after{ display:block;content:"";clear:both; }
.kecheng-log .catalog-lists,
.kecheng-log-edit .catalog-lists{ margin-bottom:15px; }
.kecheng-log .catalog-lists input[type=text],
.kecheng-log-edit .catalog-lists input[type=text]{ width:350px;height: 35px; float:left;border: 1px solid #eee;border-radius: 5px;padding: 0 5px;background: #f4f4f4; }
.kecheng-log .catalog-lists .text-name,
.kecheng-log-edit .catalog-lists .text-name{ display:none; }
.kecheng-log .catalog-lists .upload-ke,
.kecheng-log-edit .catalog-lists .upload-ke{ position:relative;display:block;float:left;background:#0057ff;color:#fff;width:75px;height:36px;line-height: 36px; text-align:center;
    border-radius:5px;margin-left:20px;cursor:pointer;font-size:12px;border:0;overflow:hidden;
}
.kecheng-log .catalog-lists .upload-ke:disabled,
.kecheng-log-edit .catalog-lists .upload-ke:disabled{ background: #b5b5b5; }
.kecheng-log .catalog-lists .upload-ke input[type=file],
.kecheng-log-edit .catalog-lists .upload-ke input[type=file]{ position: absolute;top: 0;left: 0;opacity: 0;font-size: 30px; z-index: 5; }
.kecheng-log .catalog-lists .add-catelog-but,
.kecheng-log-edit .catalog-lists .add-catelog-but{ display:block;float: right; width:28px;height: 28px;background: url("../../common/img/add-type-sprites.png") no-repeat 0 0;
    margin: 4px 0 0 0;cursor: pointer;
}
.kecheng-log .catalog-lists .add-catelog-but.news-ajax-remove,
.kecheng-log-edit .catalog-lists .add-catelog-but.news-ajax-remove{ background: url("../../common/img/colse-f.png");background-size: 28px; }
.kecheng-log #upload-all-btn,
.kecheng-log-edit #upload-all-btn{ display: block; width: 100px;height: 35px;border: 0;background: #0057ff;color: #fff;border-radius: 5px;cursor: pointer;
    margin:0 0 20px 20px;
}
.upload-progress { display:block;float:left;position:relative;width:50px;border:1px solid #f0f0f0;padding:1px;border-radius:3px;margin: 12px 0 0 20px; }
.upload-progress .bar { display:block;background-color:#b4f5b4;width:0%;height:10px;border-radius:3px; }
.upload-progress .percent { position:absolute;display:inline-block;top:-3px;left:20%;font-size:12px; }
.kecheng-log .complete-log-v:disabled,.kecheng-log-edit .complete-log-vv:disabled{ background: #e6e6e6; }
.kecheng-log .complete-log-v,
.kecheng-log-edit .complete-log-vv{ display: block; width: 150px;height: 40px;line-height: 40px;background: #ff3b2b;color: #fff;border-radius: 5px;
    margin: 20px auto;border: 0;cursor: pointer;
}
/** 追加课程 **/
.add-video-lists{ margin-top:10px; }
.add-video-lists .catalog-lists{ position:relative;height:40px;line-height:40px;border-bottom:1px dashed #f0f0f0; }
.add-video-lists .catalog-lists h6{ float:left; }
.add-video-lists .catalog-lists .time{ float:right; }
.add-video-lists .catalog-lists .time em {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background-position: -22px -36px;
    margin: 12px 6px 0 0;
}
.add-video-lists .text-name-chage,
.add-video-lists .upload-ke,
.add-video-lists .upload-progress,
.add-video-lists .add-catelog-but{ display:none; }
/** 编辑 **/
.add-video-lists.add .kc-v-name,
.add-video-lists.edit .kc-v-name{ color: #333; }
.add-video-lists.add .catalog-lists .text-name,
.add-video-lists.edit .catalog-lists .text-name{ padding-left:20px; }

.add-video-lists .catalog-lists:hover{ background: #e6e6e6; }
.add-video-lists .catalog-lists:hover .operation{ display: block; }
.add-video-lists .catalog-lists .operation{ display: none; position: absolute;top: 8px;right: 20px;z-index: 6; }
.add-video-lists .catalog-lists .operation .oper-span{ display: block;float: left; width: 60px;height: 25px;background: #898989;color: #fff;
    text-align: center;line-height: 25px;border-radius: 5px;cursor: pointer;
}
.add-video-lists .catalog-lists .operation .oper-span:hover{ background: #0057ff; }
.add-video-lists .catalog-lists .operation .oper-span.remove-del{ margin-left: 15px; }

/** 图片上传 **/
.upload-img{ position:fixed;top:50%;left:50%;width:670px;min-height:465px;background:#fff;z-index:10003;margin:-250px 0 0 -322px;border-radius:5px; }
.upload-img .tit-h5{ position:relative;height:50px;line-height:50px;padding:0 25px;color:#282828;border-bottom:1px solid #eaeaea; }
.upload-img .tit-h5 .colse-cover{
    position: absolute;right: 25px;top:19px; width: 11px;height: 11px;background-position: -159px 0;cursor: pointer;
    transition: all .4s ease-out;-webkit-transition: all .4s ease-out;
}
.upload-img .cropper-container{ position: absolute;top: 25px;left: 25px;z-index: 50 }
.upload-img .tit-h5 .colse-cover:hover{ transform: rotate(90deg);-webkit-transform: rotate(90deg); }
.upload-lists-cover{ position: relative; padding: 25px; }
.docs-preview{ width: 205px;overflow: hidden; }
.upload-img .img-container{ width:420px;height:310px;background:#f2f2f2; }
.img-preview { background-color:#f7f7f7;overflow:hidden;width:100%;text-align:center; }
.docs-preview { margin-right:-15px;margin-bottom:10px;  }
.img-preview { float:left;margin-right:10px;margin-bottom:10px; }
.img-preview > img { max-width:100%; }
.preview-lg { width:263px;height:148px;  }
.preview-md { width:139px;height:78px; }
.preview-sm { width:69px;height:39px; }
.upload-img .file-upload{ position: absolute;top: 25px;left: 25px; width: 420px;height: 310px;background: #f2f2f2;cursor: pointer;overflow: hidden; }
.upload-img .file-upload #inputImage{ position: absolute;top: 0;left: 0;  width: 100%;height: 100%;opacity: 0; z-index: 25}
.upload-img .cover-title{ position: absolute;top: 100px;left: 80px; width: 235px;height: 108px;line-height: normal;color: #999; text-align: center; z-index: 15;}
.upload-img .cover-title i{ width: 32px;height: 32px;background-position: -168px -17px;margin: 0 auto; }
.upload-img .cover-title span{ display: block;padding: 10px 0 0; }
.upload-img .cover-title p{ padding: 0 !important;color: #999;font-size:12px;line-height:inherit; }
.upload-img .js-covers-covers{ display: none; padding: 0 25px;height: 50px;line-height: 50px; }
.upload-img #dataWidth,.upload-img #dataHeight{ display: inline-block;background: transparent;padding: 0;text-align: center;color: #666; }
.upload-img #dataWidth,
.upload-img #dataHeight{ min-width: 35px;max-width: 35px; border: 0; }
.upload-img .cover-type{ display: none; width: 420px;height: 40px; float: left; }
.upload-img .cover-type-but .btn{ float: left; width: 20px;height: 20px;background-position: -180px -55px;
    border: 0;margin-left: 25px;cursor: pointer; }
.upload-img .cover-type-but{ margin-top: 10px; }
.upload-img .cover-type-but .btn.rotate-j,.upload-img .cover-type-but .btn.rotate-y{ width: 21px; }
.upload-img .cover-type-but .btn.zoom-y{ background-position: -180px -81px; }
.upload-img .cover-type-but .btn.rotate-j{ background-position: -179px -109px; }
.upload-img .cover-type-but .btn.rotate-y{ background-position: -179px -134px; }
.upload-img .cover-type-but .btn.zoom-j:hover{ background-position: -157px -55px; }
.upload-img .cover-type-but .btn.zoom-y:hover{ background-position: -157px -81px; }
.upload-img .cover-type-but .btn.rotate-j:hover{ background-position: -154px -109px; }
.upload-img .cover-type-but .btn.rotate-y:hover{ background-position: -155px -134px; }
.upload-img .res-title{ display: none;line-height: 30px;color: #fff;font-size: 12px;text-align: center }
.upload-img .sub-bor{ border-top: 1px solid #eee;padding: 25px 0;text-align: center; }
.upload-img .sub{ width: 120px;height: 34px;border: 1px solid #eee;background: #fff;cursor: pointer;border-radius: 5px; }
.upload-img .sub.submit-cover{ background: #0057ff;color: #fff; }
.upload-img .sub.reset-cover{ margin: 0 0 0 15px; }
.upload-img.open .upload-lists-cover{ margin-top: -25px; }
.upload-img.open .js-covers-covers{ display: block; }
.upload-img.open .file-upload{ top: 345px; width: 80px;height: 30px;background: #0057ff;border-radius: 5px; }
.upload-img.open .cover-title{ display: none; }
.upload-img.open .res-title{ display: block; }
.upload-img.open .cover-type{ display: block; }
/** 地区 **/
._citys { width:450px;display:inline-block;border: 2px solid #eee; padding: 5px; position: relative; background:#fff;}
._citys span { color:#56b4f8;height:15px;width:15px;line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #56b4f8; cursor: pointer; }
._citys0 { width:100%;height:34px;display:inline-block;border-bottom: 2px solid #56b4f8; padding: 0; margin: 0; }
._citys0 li { display:inline-block; line-height:34px;font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
.citySel { background-color: #56b4f8; color:#fff !important; }
._citys1 { width: 100%; display: inline-block;padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display:inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color:#56b4f8; }
.AreaS { background-color: #56b4f8 !important;color:#fff !important; }
/** 分页  **/
.pages{ width:100%;clear:both;text-align:center;padding-top: 25px;border-top: 1px dashed #eee; }
.pages a.curr{ background:#0057ff;border:0;color:#fff; }
.pages a.first,
.pages a.last{ width:auto;padding:0 5px; }
.pages a{ display:inline-block;width:38px;height:38px;line-height:40px;text-align:center;border:1px solid #eee;
    border-radius:5px;background:#fff;margin-right:5px;cursor:pointer; }

/**  分页 **/
.pagination { text-align: center; }
.pagination li{ display: inline-block;width: 38px;height: 38px;line-height: 40px;text-align: center; border: 1px solid #eee;margin-right: 5px;
    background: #fff;border-radius: 5px;
}
.pagination li a{ display: block; font-family: "Arial"; }
.pagination li span,.pagination li a{ color: #999; }
.pagination li.active{ background: #0057ff; }
.pagination li.disabled.prev,
.pagination li.disabled.next{ display: none; }
.pagination li.active span,.pagination li.active a{color: #fff}