@charset "utf-8";

/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*{ margin:0px; padding:0px;}
body { color:#000; font-family:"微软雅黑", Arial;  font-size:14px; line-height:24px; background:#fff;}
body,html{ width:100%; height:100%;}
.bodyhid{ overflow:hidden;}
.gray{ background:#f3f3f3;}
.white{ background:#fff;}
p,h1,h2,h3{margin:0; padding:0;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
a{text-decoration:none; color:#333; outline:none; star:expression_r(this.onFocus=this.blur());tap-highlight-color: rgba(0,0,0,0);
focus-ring-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-focus-ring-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0,0,0,0);
-moz-focus-ring-color: rgba(0, 0, 0, 0);}
img{ border:none;}
input[type="button"], input[type="submit"], input[type="reset"] ,.select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none; }
input:focus,input,select,textarea{outline:none;}
.clearfix:after{content:".";display:block;height:0; line-height:0;clear:both;visibility:hidden}
.clins{ clear:both; width:100%; margin:0; height:50px;}
.conten{ margin:auto;}
.pointer { cursor:pointer; }
.noBorder { border:0 none; }
.noPadding { padding:0; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.break { word-break:break-all; word-wrap:break-word; }
.nobreak { word-break:keep-all; word-wrap:normal; }
.fl{ float:left; }
.fr{ float:right; }
.unLine { text-decoration:underline; }
.disunLine { text-decoration:none; }
.absolute { position:absolute; }
.relative { position:relative; }
.wrapper { clear:both; overflow:hidden; }
.o-hidden { overflow:hidden; }
.invisible { visibility:hidden; }
.hidden { display:none; }
.block { display:block; }
.edit{width:100%; height:auto;padding:15px;}
.edit img{max-width:100%; height:auto;}

.rotate_jia,.rotate_div,.rotate_jian,.up-img,.down-img,.left-img,.right-img,.middle-img{ display:none; }
.mt10{margin-top:10px;}
.height60{ width:100%; height:60px; line-height:60px; clear:both; }
.height100{ width:100%; height:100px; line-height:100px; clear:both; }
.ad img{ display:block; width:100%; height:auto; }

.proctokcpro{ height:43px;}

.pro_header{ width:100%; height:44px; background:#fff; position:fixed; left:0;top:0; border-bottom:1px solid #eee; z-index:22;}
.return{ position:absolute; left:0; top:7px;display:block; width:30px; height:30px;
 background:url(../images/icon_return.png) no-repeat center center/9px 19px;text-indent:-9999px;}
.pro_tab{text-align:center;}
.pro_tab span{line-height:44px;font-size:17px;}
/* header */
.header{ width:100%; height:60px; padding:0 10px; background:#fff; display:flex;justify-content:space-between; align-items:center; position:fixed;
left:0; top:0; border-bottom:1px solid #f3f3f3; z-index:33;}
.header_l li{ display:inline-block;}
.firstli{ position:relative;margin-right:10px;}
.firstli::after{ content:""; width:0px; height:20px; background:#eee; position:absolute;right:-8px; top:50%;margin-top:-10px;}
.header_l span,.header_l i,.header_l b{ display:inline-block; vertical-align:middle; }
.header_l b{font-weight:normal;}
.header_l .mytx{ width:40px; height:40px;  border-radius:40px; overflow:hidden; }
.header_l .mytx img{ width:100%; min-height:100%; }
.header_l .myrz{border:1px solid #c7c7c7; padding:0 2px; height:18px;line-height:16px;color:#c7c7c7; font-size:12px; display:none}
.header_l .myrzcur{border:1px solid #f44941; padding:0 2px; height:18px;line-height:16px;color:#f44941; font-size:12px; display:none}
.myrz .icon_v{ width:12px; height:16px; background:url(../images/icon_v.png) no-repeat center center/12px 12px;margin-right:5px;}
.myrzcur .icon_v{background:url(../images/icon_vcur.png) no-repeat center center/12px 12px;}


.header_btn{width:auto; height:25px; line-height:25px; border-radius:20px; background:#f44941; color:#fff;font-size:12px;
 text-align:center; padding:0 10px;}

/* banner */
.banner{position:relative;}
.banner .swiper-container { width: 100%;position: relative;}
.banner .swiper-slide {text-align: center;font-size: 18px;background:#fff;}
.banner .swiper-slide img{width:100%; display:block;}
.banner .arrow{position: absolute;z-index: 9;top: 50%;font-size:32px;color:#999999;cursor:pointer;}
.banner .arrow-left{left: 0;}
.banner .arrow-right{right: 0;}


/*快速进入*/
.quick_enter{ width:100%; height:auto; padding:15px 0 10px; }
.quick_enter a{ display:block; width:25%; height:auto; float:left; text-align:center;color:#828282; font-size:12px;}
.listimg{ width:19vw; height:19vw; border-radius:12vw; margin:0 auto; padding:5px;}
.listimg img{ width:100%; height:100%;}
/*.color_1{background:#ea570d;}
.color_2{background:#63b732;}
.color_3{background:#00afc4;}
.color_4{background:#0059a9;}*/
.quick_enter p{ height:40px; line-height:40px; overflow:hidden; color:#333; font-size:14px;}

/* 课程推荐 */
.tit{ width:100%; height:45px; border-bottom:1px solid #eee; padding:0 15px 0 120px; position:relative;}
.tit p{ width:110px; height:45px; position:absolute;left:15px; top:0; }
.tit i,.tit span{ display:inline-block; vertical-align:top;}
.tit i{ width:18px; height:45px; margin-right:5px;}
.tit span{ height:45px; line-height:45px; font-weight:bold;}
.tit .icon_tj{ background:url(../images/icon_tj.png) no-repeat  center center/18px 18px;}
.tit .icon_jd{ background:url(../images/icon_jd.png) no-repeat  center center/18px 18px;}
.tit .icon_dt{ background:url(../images/icon_dt.png) no-repeat  center center/18px 18px;}
.icon_more{ display:block; width:45px; height:45px; background:url(../images/addric.png) no-repeat right center/12px 12px;
float:right;}

.course_tj li,.course_tj li a{ display:block; width:100%;height:auto; position:relative;}
.course_tj>li{ padding:15px; border-bottom:1px solid #eee;}
.course_tj li a{ padding:0 0 0 120px;min-height:80px;}
.coursepic{ display:block; width:110px; height:80px; overflow:hidden; position:absolute;left:0; top:0;border-radius:5px;}
.coursepic img{display:block; width:100%; height:100%;}
.coursetit_w{ width:100%; height:auto; padding:0 80px 0 0; position:relative;}
.coursetit{ width:100%; height:auto; line-height:20px;font-size:14px;color:#000; }
.fu-coursetit{padding-right:80px;}
.coursemoney{ max-width:80px;height:20px; line-height:19px; position:absolute;right:0; top:0;color:#f44941;
text-align:center; border:1px solid #f44941; border-radius:5px;padding:0 5px;font-size:12px;}
.dispor{border:none;}
.coursedes{ font-size:13px; color:#666; height:40px; line-height:20px;margin:5px 0 0; overflow:hidden;}

.star_ul{ display:block; float:left; background:url(../images/icon_star.png) no-repeat 0 -62px;  background-size:60px 75px;
 width:60px;position: relative; height:12px;margin-top:2px;}
.star_ul li{ display:block; float: left;  margin-right:1px; height: 12px;position:absolute;left:0; top:0;}
.star_ul li span{ display: block; height: 12px; position: absolute; left: 0; top: 0; text-indent: -999em;}
.star_ul li .active-star{background: url(../images/icon_star.png) no-repeat;}
.star_ul li .one-star{width:12px;background-position:0 -49px;background-size:auto 75px; z-index:5;}
.star_ul li .two-star{width:24px;background-position:0 -36px;background-size:auto 75px; z-index:4;}
.star_ul li .three-star{width:60px; background-position:0 -24px;background-size:auto 75px; z-index:3;}
.star_ul li .four-star{width:60px; background-position:0 -12px;background-size:auto 75px; z-index:2;}
.star_ul li .five-star{width:60px; margin-right: 0; background-position:0 0px;background-size:auto 75px; z-index:1;}

.disnum{font-size:12px; color:#666;float:left;line-height:15px;margin-left:10px;}

.coursecon{color:#333; font-size:13px;}
.coursebot b{color:#f44941;}
/*  foot  */
.footpro{ height:55px; }
.foot{ position:fixed; bottom:0; left:0; right:0; height:54px; background:#fff; border-top:1px solid #eee; z-index:6;}
.foot li{ width:33.33%; display:block;float:left; text-align:center; font-size:11px; line-height:54px;
border-right:1px solid #eee;}
.foot li:last-child{border:none;}
.foot li a{display:block; width:100%; color:#666;font-size:16px;}
.foot li.ckon a{color:#f44941;}
.foot li i{ display:inline-block; width:25px; height:54px; vertical-align:top;margin-right:10px;}
.foot li .icon_1{ background:url(../images/icon_1.png) no-repeat center center; background-size:25px 25px;}
.foot li .icon_2{ background:url(../images/icon_2.png) no-repeat center center; background-size:25px 25px;}
.foot li .icon_3{ background:url(../images/icon_3.png) no-repeat center center; background-size:25px 25px;}
.foot li .icon_4{ background:url(../images/icon_4.png) no-repeat center center; background-size:25px 25px;}
.foot li.ckon .icon_1{ background:url(../images/icon_1_on.png) no-repeat center center; background-size:25px 25px;}
.foot li.ckon .icon_2{ background:url(../images/icon_2_on.png) no-repeat center center; background-size:25px 25px;}
.foot li.ckon .icon_3{ background:url(../images/icon_3_on.png) no-repeat center center; background-size:25px 25px;}
.foot li.ckon .icon_4{ background:url(../images/icon_4_on.png) no-repeat center center; background-size:25px 25px;}


.future_ul li{ display:block; width:100%; padding:10px;border-bottom:1px solid #eee;}
.future_couse_tit{font-weight:bold;}
.future_couse_btn{ display:inline-block; width:60px; height:25px; line-height:25px;border-radius:5px; background:#f44941; color:#fff;font-size:12px; text-align:center;}
.future_couse_des{margin-top:5px;}
.future_couse_des span{font-size:12px; margin-left:10px; color:#999;}

.edit_tit{ width:100%; height:auto; padding:10px 0; border-bottom:1px solid #eee; text-align:center;font-weight:bold;}
.edit-text{color:#999;font-size:12px;font-weight:500;}

.indexvideo{ width:100%; height:auto;}
.indexvideo .coursecon{ width:100%; height:auto; padding:10px; border-bottom:1px solid #eee;}

/* 首页新闻 */
.indexnews li a{display:block; width:100%; height:20px; line-height:20px; overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;font-size:12px;}
.newstj{ display:inline-block; color:#f44941;font-size:12px; font-style:normal;border:1px solid #f44941;
height:18px; line-height:18px; padding:0 3px; border-radius:3px;margin-right:5px;}
.indexnewsnr li{ padding:10px 10px 10px 25px; position:relative;}
.newsdian{ display:block; width:5px; height:5px; border-radius:5px; background:#f44941; position:absolute;
left:10px; top:18px;}
.scrollNews{ width:100%; height:100px; line-height:100px; padding:10px;}
.scroll_con{width:100%; height:80px; line-height:80px; overflow:hidden;}
.scroll_con a{ font-size:13px; display:block; width:100%; height:100%;min-height:80px; overflow: hidden;padding:0 0 0 120px; position:relative;}
.scroll_con span{ display:block; line-height:25px; height:50px; overflow:hidden;margin-top:15px;}
.scroll_con .newstj{ display:block; width:110px; height:80px; position:absolute;left:0; top:0; padding:0; border:none;}
.scroll_con .newstj img{ width:110px; height:80px;}

/* 首页横屏展示 */
.list{ width:100%; height:auto;padding:15px; border-bottom:1px solid #eee;}
.listpic{display:block; width:170px; height:124px; border-radius:5px; overflow:hidden;}
.listpic img{ width:100%; height:100%;}
.listcon{ width:100%; height:auto; padding-top:10px;}
.listcon a{ display:block; width:100%; height:auto; position:relative;}
.listcon .list_tit{ width:100px; height:25px; line-height:25px; overflow:hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; font-size:15px;}
.listcon .list_tit span,.listwrap .list_tit span{ display:inline-block; max-width:80%; height:25px; line-height:25px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis;text-overflow: ellipsis; vertical-align:middle;}
.listcon .list_tit b{ display:block; font-weight:normal; background:#888888;color:#fff; font-size:12px;float:left;
border-radius:3px; height:18px; line-height:18px; padding:0 5px;margin:5px 5px 0 0;}
.listwrap .list_tit span{max-width:76%;}
.listcon .list_des{ font-size:13px; color:#666; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.listcon .list_des2{height:40px;white-space:normal;line-height:20px;margin-top:5px;}
.list_bot{ display:block; font-size:12px; color:#b2b2b2;}
.list_dis{color:#999;font-size:12px;}
.list_dis span{ color:#f44941; font-size:16px;}
.list_dis2 span{ font-size:14px;}
.list_dis b{ font-size:12px;}
.recom_con{ width:100%; overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling: touch;}
.listwrap{ display:block; align-items:center; width:202px; min-height:230px; border:1px solid #eeeeee; float:left;
 margin:20px 0 20px 20px;}
 //签到成功页
 .paywrap{
	 width:100%;
	 text-align:center;
	 height:auto;
	 position:relative;
 }
 .pay{
	 width:100%;
	 height:auto;
	 position:absolute;
	 top:50%;
	 transform:translateY(-50%);
 }
 .billingokt{
	 text-align:center;
	 font-size:16px;
	 height:50px;
	 line-height:50px;
 }
 .billingokx{
	 text-align:center;
	 margin-top:15px;
	 font-size:16px;
 }
.billingokimg{
	display:inline-block;
	height:50px;
	width:50px;
	vertical-align:top;
	margin-right:10px;
}

/* 在线报名 */
.sign_con{ width:100%; height:auto;}
.sign_top{ width:100%;height:45px; line-height:45px; background:#f44941;color:#fff;font-size:16px; padding:0 10px;}
.signpart_w{ width:100%; height:auto; background:#fff; padding:15px;border-bottom:1px solid #eee;}
.clause_con{ width:100%; height:auto; background:#efefef; padding:10px;}
.clause_tit{color:#f44941;font-size:14px;margin-bottom:5px;}
.clause_context{ width:100%; height:132.5px; color:#636363; line-height:25px; overflow:hidden;font-size:12px;}
.clause_contextcur{ height:auto; }
.clause_more{display:block; width:100%;}

.addretsz{line-height: 30px;text-align: left; padding-top:10px;}
.addretszict {background: #636363;border: 1px solid #636363;}
.addretszico{ width:16px; height:16px; line-height:16px; font-size:16px; background:#fff; color:#fff; text-align:center; border:1px solid #e5e5e5; display:inline-block; border-radius:50%; vertical-align: top; margin:6px 5px 0 0;}
.addretszico img{ display:inline-block; width:10px; height:10px; vertical-align: top; margin:0 auto; margin-top:3px;}
.addretszict{ background:#f44941; border:1px solid #f44941;}
.addretsradio{ display:none;}

.prompt_w{ width:100%; height:auto; background:#efefef;border-radius:5px; padding:10px 10px 10px 40px; position:relative;}
.icon_prompt{ width:20px; height:20px; background:url(../images/icon_speaker.png) no-repeat center center/20px 20px; position:absolute;left:10px; top:13px;}
.prompt_con{font-size:12px;}
.prompt_con span{color:#f44941;}

.singnpartpd{ padding:0;margin-bottom:10px;}
.self_list{ width:100%; height:auto;}
.self_list li{ display:block; width:100%; height:50px;border-bottom:1px solid #eee; padding:0 0 0 110px; position:relative;}
.self_list li:last-child{border-bottom:none;}
.self_list li i{ display:block; width:30px; height:50px; position:absolute;left:5px; top:0;}
.icon_my_tel{ background:url(../images/icon_auth_3.png) no-repeat center center/20px 20px;}
.icon_my_yzm{ background:url(../images/icon_auth_4.png) no-repeat center center/20px 20px;}
.icon_my_name{ background:url(../images/icon_auth_1.png) no-repeat center center/20px 20px;}
.icon_my_zjh{ background:url(../images/icon_auth_2.png) no-repeat center center/20px 20px;}
.myfield{ display:block; width:80px; height:50px; line-height:50px;position:absolute;left:35px; top:0;color:#666;}
.self_list .myselfinput{ width:100%; height:50px; display:inline-block;vertical-align:top;background:none;border:none;font-family:"微软雅黑";font-size:14px;color:#666;}
.clearinput{ display:block; width:40px; height:50px; background:url(../images/icon_delete.png) no-repeat center center/15px 15px; text-indent:-9999px; position:absolute;right:0;top:0;}
.myselfbtn{ display:block; width:90px; height:35px; line-height:35px; background:#f44941;color:#fff; text-align:center; border-radius:5px;font-size:12px;position:absolute;right:10px; top:7.5px;}
.self_increase{ position:relative; }
.delete_btn{ display:block; width:40px; height:50px;background:url(../images/icon_jian.png) no-repeat center center/25px 25px; text-indent:-9999px;position:absolute;right:0; top:0; z-index:2;}

.increasebot{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.increasetit{font-size:16px;color:#666;}
.icon_addall{ display:inline-block; width:40px; height:50px; background:url(../images/icon_add.png) no-repeat center center/25px 25px; vertical-align:top;}
.icon_addllbtn{ display:block; width:40px; height:50px; background:url(../images/icon_jia.png) no-repeat center center/25px 25px; text-indent:-9999px;}
.sign_tjbtn{ display:block; width:95%; height:40px;margin: 10px auto; line-height:40px; background:#f44941; color:#fff;text-align:center;border-radius:5px;font-size:16px;}
