@charset "utf-8";
/* CSS Document */
.html {font-size:.625rem;/*10 ÷ 16 × 100% = 62.5%*/}
body{color:#333;font-family:"微软雅黑",tahoma;background:#f1f1f1;-webkit-overflow-scrolling:touch;height:100%; min-width:320px;font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif; line-height: 1.6;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
address,cite,dfn,em,var{font-style:normal;}
fieldset,img{border:0; padding:0px; margin:0px;line-height:0;font-size:0;}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none}
.f_l {float:left;}
.f_r {float:right;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0}
ul,ol{list-style:none;}
img{border:none;max-width:100%;}
a{ text-decoration:none; color:#666;}
/* 圆角效果 */
	.radius5{
	-moz-border-radius: 5px;      /* Gecko browsers */
	-webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius:5px;
	}
	.radius10{
	-moz-border-radius: 10px;      /* Gecko browsers */
	-webkit-border-radius: 10px;   /* Webkit browsers */
	border-radius:10px;
	}
	.radius15{
	-moz-border-radius: 15px;      /* Gecko browsers */
	-webkit-border-radius: 15px;   /* Webkit browsers */
	border-radius:15px;
	}
.flex{
	  padding: 0;
	  margin: 0;
	  list-style: none;
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-flex-flow: row wrap;/*自动换行*/
	  /*-webkit-flex-flow: row; 不换行*/
	  justify-content: space-around;
	}
.flex_in{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;}
.flex-f-row{ -webkit-flex-flow: row;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*+html .clearfix{height:1%;}
*,*:before,*:after{box-sizing:border-box;}
.fix:before,.fix:after{ content:""; display:table;}
.fix:after{ clear:both;}
.white_bg {background-color:#fff;margin-top:8px;}
/*鏆傛棤鍐呭*/
.no_content {background: #fff;text-align:center;}
/*top*/

#top{ height:3rem; background:url(../images/topbg.png) no-repeat; background-size: 100% 100%; position: relative; line-height: 3rem; text-align: center; color: #fff; font-size: 1.125rem;position: fixed;width:100%;z-index:1000;}
.top_w {height:3rem;}
#top h1 {font-weight:bold;max-width:76%;margin:0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
#top .header_l i{ margin-left: 8pt; color: #fff; position: absolute; left: 0;top: 0;}
#top .new_header_r{ margin-right:8pt; position: absolute; right: 0; top: 0;z-index:999;}
#top .new_header_l{margin-left:8px;position: absolute;left:0;top:0;z-index:999;}
#top .new_header_r a, #top .new_header_l a{ color: #fff;font-size:1.25rem;}
#top .new_header_l .new_ico_09 {font-size:1.5rem;}
#new_search_box{padding:0;position:absolute;background-color:#72abff; top:3.1rem; width: 100%;display: none;z-index: 999}
#keywordBox {width:95%;margin:0.75rem auto;font-size:1rem;padding:0.625rem 2%;border:none;}
#new_search_box .iconfont {border:none;color:#3285ff;background:none;font-size:1.25rem;position: absolute;top:30%;right:4%;}
.menu {width:100%;position: absolute;top:3.1rem;display: none;background:#70c5eb;text-align:left;z-index: 999}
.menu li {line-height:250%;font-size:1rem;border-bottom:1px #9ed7f1 solid;padding-left:3%;font-weight:bold;}
.menu a {color:#fff;display: block;}

/*banner*/
#banner {height:auto;overflow:hidden;position: relative;width:100%;}
#banner .swiper-slide img{width:100%;}

/************tabbar*************/
#tabbar{display: flex; position: fixed; bottom: 0; width: 100%;background: #6899e6;-moz-box-shadow:0px -1px 5px #ccc; -webkit-box-shadow:0px -1px 5px #ccc; box-shadow:0px -1px 5px #ccc;z-index: 500;height:3.1rem;}
#tabbar a{flex:1;text-align: center;  font-size:0.75rem;color: #fff;font-weight: normal;margin:0.5rem 0;}
#tabbar a i{ font-size:1.5rem;display: block; padding-bottom: 0; margin-bottom: 0;    line-height: 100%;}
#tabbar .tabbar_on { color:#f8ff39;}
.footer {height:3rem;}

/*首页课程分类*/
.i_nav {background: #fff;-moz-box-shadow:0px 0px 8px #ccc; -webkit-box-shadow:0px 0px 8px #ccc; box-shadow:0px 0px 8px #ccc;margin-top:-10px;padding:20px 0 10px 0;}
.i_nav .bd li {text-align:center;float:left;width:25%;margin:5px 0;}
.i_nav .iconfont {display: block;width:2.5rem;height:2.5rem;border-radius:100%;color:#fff;line-height: 2.5rem;margin:5px auto;font-size:1.375rem;}
.i_nav .bd ul {float:left;}
.i_nav span {font-size:0.75rem;display: block;overflow:hidden;width:90%;text-overflow: ellipsis;white-space: nowrap;margin:0 auto;}
.i_nav li:nth-child(1) .iconfont {background: #54acc2;}
.i_nav li:nth-child(2) .iconfont {background: #b18aff;}
.i_nav li:nth-child(3) .iconfont {background: #e9c040;}
.i_nav li:nth-child(4) .iconfont {background: #d16375;}
.i_nav li:nth-child(5) .iconfont {background: #75b80c;}
.i_nav li:nth-child(6) .iconfont {background: #769ba6;}
.i_nav li:nth-child(7) .iconfont {background: #be7f73;}
.i_nav li:nth-child(8) .iconfont {background: #ff8560;}
.i_nav .hd {text-align:center;}
.i_nav .hd li {width:10px;height:3px;overflow:hidden;line-height: 100px;background: #d9d9d9;margin:0 2px;display: inline-block;}
.i_nav .hd li.on {background: #6899e6}
/*课程列表*/
.class_course {background: #fff;margin-top:15px;-moz-box-shadow:0px 0px 8px #ccc; -webkit-box-shadow:0px 0px 8px #ccc; box-shadow:0px 0px 8px #ccc;}
.class_course h3.i_title {position: relative;font-size:1.125rem;font-weight: bold;text-align: center;border-bottom:4px solid #355993;width:50%;margin:1.25rem auto;margin-top:2rem;}
.class_course h3.i_title span {background: #fff;z-index: 10;display: block;position: absolute;top:-0.75rem;left:24%;padding:0 10px;color:#333;}
.class_course li {float:left;width:50%;min-height:163px;margin:10px 0;}
.class_course li a {display: block;height:100%;position: relative;width:90%;margin:0 auto;overflow: hidden;}
.class_course li a img {width:100%;border-radius: 10px;}
.class_course li h4.title {overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;font-size:0.875rem;line-height:130%;font-weight: bold;margin-top:3px;}
.class_course li .time {height:20px;font-size:0.75rem;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.class_course li .price {color:#a40000;font-size:1rem;text-align:left;display: block;font-weight: bold;}
.more {background-image: linear-gradient(to right, #6486fe , #3e63fb);display: block;width:90%;margin:30px auto;border-radius:30px;color:#fff;text-align: center;line-height: 40px;}
.face_face {background:url(../images/face_face.png) no-repeat left top;display: block;width: 55px;height:60px;position: absolute;z-index: 30;left:0px;top:-2px;background-size:100%;}
.network_class {background:url(../images/network_class.png) no-repeat left top;display: block;width: 60px;height:70px;position: absolute;z-index: 30;left:0px;top:-1px;background-size:100%;}
.face_network_class {background:url(../images/face_face_network.png) no-repeat left top;display: block;width: 50px;height:50px;position: absolute;z-index: 30;left:0;top:0;}
 /* Skeletons效果 */
.skeletons {position: relative;display: block;overflow: hidden;height: 100%;min-height: 20px; background-color: #ededed;}
.skeletons:empty::after {display: block;content: ''; position: absolute; width: 100%;height: 100%;-webkit-transform: translateX(-100%);transform: translateX(-100%);background: linear-gradient(90deg, transparent, rgba(216, 216, 216, 0.753), transparent);-webkit-animation: loading 1.5s infinite;animation: loading 1.5s infinite;}
@-webkit-keyframes loading {
    100% {-webkit-transform: translateX(100%);transform: translateX(100%);}
}
@keyframes loading {
    100% {-webkit-transform: translateX(100%); transform: translateX(100%); }
}

/*列表页分类*/
.retrie { position: relative; z-index: 50; height: 50px; background-color: #fff; border-bottom: 1px solid #e8e8e8; }
.retrie dt { display:flex;}
.retrie dt a { position: relative;flex: 1; height: 49px; line-height: 50px; color: #333; font-size: 0.875rem;text-align: center; }
.retrie dt a:after { position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: 2.5rem; width: 8px; height: 8px; border: #666 solid; border-width: 1px 1px 0 0; content: ' '; -webkit-transform: rotate(135deg); }
.retrie dt .up { color: #007ccf; border-bottom: 2px solid #007ccf; }
.retrie dt .up:after { margin-top: 0; border: #007ccf solid; border-width: 1px 1px 0 0; -webkit-transform: rotate(-45deg); }
.retrie dt a:last-child:before { position: absolute; top: 10px; left: 0; display: block; width: 1px; height: 30px; background-color: #ebebeb; content: ' '; }
.retrie dd { position: relative; }
.slide { position: absolute; top: 0px; left: 0; z-index: 104; display: none; width: 100%; overflow-y: auto; background-color: #fff; }
.slide li { display: block; height: 50px; border-bottom: 1px solid #eee; }
.slide li a { display: block; padding: 0 30px; height: 50px; background-color: transparent; line-height: 50px; }
.slide li a:hover, .slide li a.selected { background-color: #f6f6f6; }
.slide li a.select { background-color: #fff; }
.course_list {margin-top:0;padding-bottom:30px;}
.new_slide_list li {float:left;width:49.9%;text-align:center;}
.new_slide_list li:nth-child(odd) {border-right:1px solid #eee;}

/*新闻列表页*/
.news_list li {border-bottom:1px solid #eee;padding:15px;}
.news_list li .left {width:100px;display: block;float:left;height:75px;}
.news_list li .right {float:left;width:-moz-calc(100% - 115px);width: -webkit-calc(100% - 115px);width: calc(100% - 115px);margin-left:15px;}
.news_list li .right2 {width:100%;margin-left:0;}
.news_list li h4.title {font-size:1rem;font-weight: bold;color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list li span.content {font-size:0.875rem;color:#666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:10px;line-height: 150%;}

/*新闻内页*/
.news_title {font-size:1.125rem;font-weight:bold;color:#333;padding:15px 4%;}
.news_time {font-size:0.75rem;color:#666;border-bottom:1px solid #eee;width:92%;margin:0 auto;padding-bottom:10px;margin-bottom:10px;}
.news_page .content {width:92%;margin:0 auto;font-size:0.875rem;line-height: 180%;padding-bottom:1rem;}
.news_page .content img {display: block;margin:5px auto;max-width:95%;}
.news_page .content p {margin-top:10px;}
.return_div {position: fixed;bottom:0;left:0;width:100%;background: #fff;}
.page_return {background:#5c94bd;color:#fff;font-size:0.875rem;display: block;margin:0 auto;text-align:center;line-height: 3rem;}

/*登录页*/
.login_top { background-image: linear-gradient(120deg, #42b1c4 , #536ced);height:120px;}
.login_top .title {color:#fff;text-align:center;font-size:1.25rem;font-weight: bold;background: url(../images/login_top_bg.png) no-repeat center center;background-size:cover;height:120px;line-height: 120px;}
.login {margin-top:25px;}
.login label {display: block;width:90%;margin:0 auto;line-height: 50px;border-bottom:1px solid #ece5ff;margin-bottom:5px;}
.login label input{height:36px;width:-moz-calc(100% - 80px);width: -webkit-calc(100% - 80px);width: calc(100% - 80px);font-size:0.875rem;border:0;}
.login label .iconfont {font-size:1.5rem;color:#43b2c5;margin:0 15px;line-height: 40px;vertical-align: middle;}
.login .code input {width:-moz-calc(100% - 160px);width: -webkit-calc(100% - 160px);width: calc(100% - 160px);}
.login .code img {height:34px;vertical-align: middle;}
.login .code {margin-bottom:2rem;}
.login p {width:90%;margin:15px auto;font-size:0.875rem;margin-bottom:30px;}
.login p .f_l {color:#a40000;}
.linear_btn, .logout {background-image: linear-gradient(to left , #536ced, #42b1c4);border:none;width:90%;margin:15px auto;display: block;color:#fff;font-size:1rem;line-height: 40px;border-radius:30px;text-align:center;}
.linear_return {border: #536ced 1px solid;width:90%;margin:15px auto;display: block;color:#536ced;font-size:1rem;line-height: 40px;border-radius:30px;background: none;text-align:center;background: #fff;}

/*注册页面*/
.register .hd {height:80px;color:#fff;background: url(../images/register_hd_bg.jpg);background-size:cover;margin-bottom:0.625rem;}
.register .hd li {float:left;width:50%;text-align: center;color:#fff;height:80px;line-height: 100px;font-size:1.125rem;}
.register .hd .on {background:url(../images/register_hd_on.png) no-repeat bottom center;background-size:20px;font-weight: bold;}
#reg_cell .bd{ margin:0;font-size:0.875rem;}
#reg_cell .bd ul{ background: #fff; padding: 0.7rem 0;}
#reg_cell .bd li{padding: 0.75rem 0.625rem;border-bottom: 1px solid #e5e5e5;width:98%; margin: 0 auto;}
.reg_cell_hd{width:90px; float: left;text-align:right;border-right:1px solid #eee;margin-right:10px;padding-right:10px;}
.reg_box, .reg_sel {text-align:left;width:-moz-calc(100% - 125px);width: -webkit-calc(100% - 125px);width: calc(100% - 125px);height: 1.5rem; border: 0;}
#reg_cell .logout{ margin-top:1.5rem;}
#reg_cell .bd p{margin-left: 105px;}
#reg_cell .bd p input{ vertical-align:inherit;}
.red {color:#a40000;}

/*个人后台*/
.member_name {height:120px;color:#fff;background: url(../images/register_hd_bg.jpg);background-size:cover;margin-bottom:0.625rem;}
.member_name ul {display: flex;justify-content:flex-start;align-items:center;width:90%;margin:0 auto;height:120px;}
.member_name li:first-child{ width:60px; height:60px; overflow: hidden; margin-right: 1rem;border-radius: 50%;background: #fff;flex-shrink:0;}
.member_name li:first-child img{ width:85%; display: block; margin:5px auto;}
.member_name li:last-child {font-size:0.875rem;flex-grow:2;line-height: 150%;}
.member_name p{ font-size: 1.125rem; margin-bottom: 0.5rem;}
.member_name .red {color:#fff;margin-right:0.5rem;}
.members_list li a{ height: 3rem;  line-height: 3rem; padding: 0 1rem;    display: -webkit-box;display: -webkit-flex;display: flex;position: relative;background: #fff;margin-bottom:1px;font-size:0.875rem;}
.members_list_bd,.members_list_ft{flex:1;    -webkit-box-flex: 1;-webkit-flex: 1;}
.members_list li .iconfont{color: #ff6600;padding-right: 8px;font-size:1.25rem;vertical-align: middle;}
.members_list .list1 .iconfont {color:#4e8df4;}
.members_list .list2 .iconfont {color:#ffb75a;}
.members_list .list3 .iconfont {color:#55c51e;}
.members_list .list4 .iconfont {color:#55c1cb;}
.interval {margin:10px 0;}
.members_list_ft{text-align: right;}
.members_list_ft span{    display: inline-block;padding: 0.25rem 0.4rem;min-width: 8px;border-radius: 1rem; background-color: #f00;color: #FFFFFF;line-height: 1;text-align: center;font-size: 0.75rem;vertical-align: middle; margin-left: 0.5rem; margin-top: -0.25rem;}
.members_list_ft{ padding-right: 1rem;position: relative;}
.members_list_ft:after{content: " ";display: inline-block;height: 6px; width: 6px; border-width: 2px 2px 0 0;border-color: #C8C8CD;border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg);position: absolute;top: 50%;margin-top: -4px;right: 2px;}
.members_list_dt:after{content: " ";display: inline-block;height: 6px; width: 6px; border-width: 2px 2px 0 0;border-color: #C8C8CD;border-style: solid; -webkit-transform: rotate(135deg); transform: rotate(135deg);position: absolute;top: 50%;margin-top: -4px;right: 2px;}
.members_list .logout, .members_list .linear_return {width:45%;margin:1rem 2.5%;float: left;}

/****Q&A*****/
.ask{height:9rem; padding: 1rem; background: #fff;color: #888;font-size: 0.875rem; border-bottom: 1px solid #ebebeb; }
.weui-textarea{display: block;border: 0;resize: none;width: 100%;color: inherit;font-size: 1rem;line-height: inherit;outline: 0;height:5.5rem;}
.ask a{border-radius: 3px;  padding: 0.25rem 1rem; background: #3285ff; color: #fff;display: block;text-align:center;}
.qa_list{background: #fff;margin:1rem 0;}
.qa_list li h3{padding: 0.625rem 1rem; font-size: 1rem;border-bottom:1px solid #e1e1e1;color:#333;position: relative;padding-right:2rem;line-height: 150%;}
.qa_list li h3:after {display: block;content:'\e60b';position: absolute;top:30%;right:0.75rem;color:#999;font-size:0.75rem;font-family: 'iconfont'}
.qa_list li h4{ padding: 0.625rem 1.125rem; font-size: 0.875rem;color:#666;border-bottom:1px solid #e5e5e5;line-height: 180%;}
.qa_list .on {background: #d8eaf6;color:#022a81;}
.qa_list .on:after {display: block;content:'\e610';position: absolute;top:30%;right:0.75rem;color:#022a81;font-size:0.75rem;font-family: 'iconfont'}

/*课程内页*/
.hiddened {display: none;transition: width 2s;-moz-transition: width 2s;-webkit-transition: width 2s;-o-transition: width 2s;}
.class_page_top {padding:1rem 3%;border-bottom:0.4rem solid #f1f1f1;}
.class_page_top img {width:150px;float:left;}
.class_page_top .right {width:-moz-calc(100% - 170px);width: -webkit-calc(100% - 170px);width: calc(100% - 170px);margin-left:20px;float:left;}
.class_page_top .right h3.title {color:#333;font-size:1rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;font-weight:bold;}
.class_page_top p {color:#a40000;font-weight: bold;font-size:1rem;}
.find_nav {width: 100%; height: 3rem;background-color: #fff;border-bottom: 1px solid #ddd;display: -moz-box;display: -webkit-box;display: box;border-top:0.5rem solid #f1f1f1;}
.find_nav_left {height: 3rem;position: relative;overflow: hidden;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
.find_nav_list {position: absolute;left: 0;}
.find_nav_list ul {position: relative;white-space: nowrap;font-size: 0;}
.find_nav_list ul li {display: inline-block;padding: 0;margin:0 10px;}
.find_nav_list ul li a {display: block; width: 100%;height: 100%; line-height: 50px;font-size:0.875rem;text-align: center;color: #333;font-weight:bold;}
.find_nav_cur a {color: #48a5f4 !important;}
.find_nav_list a.active{ color:#C00;border-bottom:2px solid #C00;}
.find_nav_list ul .sideline {display: block;position: absolute;border: 0;height: 5px;background-color: #48a5f4;left: 0;top: 2.3rem;pointer-events: none;width:20px !important;margin-left:5.6%;z-index:10;}
.li_list{ font-size:0.875rem; background-color:#fff; color:#333;}
.li_list .courseware-p {display: flex;align-items: center;padding-left: 1.625rem;}
.li_list .courseware-title {display: block;flex-grow: 1;width: -moz-calc(100% - 80px);width: -webkit-calc(100% - 80px);width: calc(100% - 80px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 10px;}
.li_list .free-see-btn {flex-shrink: 0;background: #5db7f3;border: 0px;color: #fff;width: 50px;padding: 5px 0;border-radius: 5px;}
.class_introduce ul {background:#f0eff5;padding:1rem 4%;width:90%;margin:0 auto;margin-bottom:1rem;}
.class_introduce li {border-bottom:1px solid #d9d9d9;}
.class_introduce li:last-child {border:none;}
.class_introduce .left {display: block;width:115px;font-size:0.875rem;font-weight: bold;float:left;padding:0.5rem 2%;margin-bottom:1px;}
.class_introduce .right {width:-moz-calc(100% - 120px);width: -webkit-calc(100% - 120px);width: calc(100% - 120px);display: block;float:left;padding:0.5rem 2%;border-bottom:1px solid #f0eff5;font-size:0.875rem;}
.class_introduce .address .right {border-bottom:0;line-height: 150%}
.class_introduce .address .left {line-height: 2.5rem;}
.class_introduce h3.title {margin:0.875rem 0 0.75rem 5%;font-weight: bold;}
.fail {display: block;margin:0 auto;margin-top:2rem;}
.li_list > div {min-height: 15rem;margin-top:0.875rem;}
.fixed { position: fixed; top: 2.4rem; left: 0; z-index:999;}
.class_ml .proli, .class_evaluate li {background:#f0eff5;padding:0.5rem 2%;width:90%;margin:0.1rem auto;;}
.class_ml .iconfont {display: block;font-size:0.75rem;color:#b9b9b9;float:left;width:20px;position: relative;top: 2px;}
.class_ml .right {display: block;font-size:0.75rem;color:#333;float:left;width:-moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}
.class_evaluate .iconfont {font-size:0.875rem;color:#FFD700;margin-left:4px;}
.class_evaluate li {margin-bottom:4px;}
.class_evaluate span.title {margin-right:5px;}
.class_evaluate p {margin-top:5px;border-top:1px solid #d9d9d9;padding-top:5px;}
.page_list {text-align:center;margin:1.5rem 0 1rem 0}
.page_list a {padding:0.3rem 0.75rem;line-height: 100%;border:1px solid #e5e5e5;margin:0 2px;}
.page_list .on {background:#6899e6;color:#fff;border:1px solid #6899e6;}

/* 课程详情 */
.li_list .wei-course-list-box {margin-top:0px;}
.wei-course-list-box .curriculum-list .curriculum-list-title {font-size:1.375rem;color:#333;padding:5px 0.75rem;font-weight:bold;margin:10px auto;}
.wei-course-list-box .course-list-li {position: relative;margin-bottom:20px;}
.wei-course-list-box .curriculum-list > ul {width:96%;margin:10px auto;}
.wei-course-list-box .course-list-li .course-name  {font-size:0.875rem;color:#1e82b4;padding-bottom:6px;margin-bottom:6px;line-height:150%;font-weight: bold;padding-left:26px;position: relative;}
.wei-course-list-box .course-list-li .course-name:before {content:'';display: block;position: absolute;width:16px;height:16px;background:#1e82b4;border-radius:50px;left:0px;top:4px;}
.wei-course-list-box .course-list-li .course-name:after {content:'';display: block;position: absolute;height:74%;width:1px;background:#d9d9d9;left:7px;top:23px;}
.wei-course-list-box .courseware-list:before {content:'';display: block;position: absolute;top:3px;left:-20px;width:12px;height:12px;border:1px solid #d9d9d9;border-radius:10px;background:#fff;z-index: 11;}
.wei-course-list-box .courseware-list:after {content:'';display: block;position: absolute;height:94%;width:1px;background:#d9d9d9;left:-14px;top:20px;}

.wei-course-list-box .courseware-list  {box-shadow: 0px 5px 14px rgba(11,27,40,0.1);width:92%;margin-left:22px;position: relative;}
.wei-course-list-box .courseware-list li {font-size:0.75rem;padding:8px 12px;color:#666;}



/*.hiddened {display: none;transition: width 2s;-moz-transition: width 2s;-webkit-transition: width 2s;-o-transition: width 2s;}
.class_page_top {margin-top:-1px;padding:1rem 3%;}
.class_page_top img {width:150px;float:left;}
.class_page_top .right {width:-moz-calc(100% - 170px);width: -webkit-calc(100% - 170px);width: calc(100% - 170px);margin-left:20px;float:left;}
.class_page_top .right h3.title {color:#333;font-size:1rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;font-weight:bold;}
.class_page2_content > div {padding:0.75rem 4%;font-size:0.875rem;line-height: 180%;}
.class_introduce ul {background:#f0eff5;padding:1rem 4%;}
.class_introduce li {border-bottom:1px solid #d9d9d9;}
.class_introduce li:last-child {border:none;}
.class_introduce .left {display: block;width:115px;font-size:0.875rem;font-weight: bold;float:left;padding:0.5rem 2%;margin-bottom:1px;}
.class_introduce .right {width:-moz-calc(100% - 120px);width: -webkit-calc(100% - 120px);width: calc(100% - 120px);display: block;float:left;padding:0.5rem 2%;border-bottom:1px solid #f0eff5;font-size:0.875rem;}
.class_introduce .address .right {border-bottom:0;line-height: 150%}
.class_introduce .address .left {line-height: 2.5rem;}
.class_introduce h3.title {margin-bottom:0.75rem;}
.class_page2_content h3.title {font-weight: bold;font-size:0.875rem;text-align:center;font-size:1rem;}
.class_page2_content div.info {margin-top:0.75rem;}
.class_ml li, .class_evaluate li {background:#f0eff5;margin-bottom:2px;padding:0.5rem 4%;}
.class_ml .iconfont {display: block;font-size:0.875rem;color:#b9b9b9;float:left;width:30px;}
.class_ml .right {display: block;font-size:0.875rem;color:#333;float:left;width:-moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}
.class_evaluate .iconfont {font-size:0.875rem;color:#FFD700;margin-left:4px;}
.class_evaluate li {margin-bottom:4px;}
.class_evaluate span.title {margin-right:5px;}
.class_evaluate p {margin-top:5px;border-top:1px solid #d9d9d9;padding-top:5px;}
.page_list {text-align:center;margin:1.5rem 0 1rem 0}
.page_list a {padding:0.3rem 0.75rem;line-height: 100%;border:1px solid #e5e5e5;margin:0 2px;}
.page_list .on {background:#6899e6;color:#fff;border:1px solid #6899e6;}*/


/*pay*/
.list_div h3.title {font-size:1rem;color:#fff;font-weight:bold;line-height: 40px;margin:0 3%;}
.list_div h3.title span {background:#4084d5;padding:10px 10px 9px 10px;}
.list_div li {border-bottom:1px solid #e5e5e5;padding:0.75rem 3%;font-size:0.875rem;}
.list_div li:last-child {border-bottom:0;}
.list_div li span {display: block;font-size:0.875rem;}
.list_div .left {width:120px;float: left;font-weight: bold}
.list_div .right {width:-moz-calc(100% - 120px);width: -webkit-calc(100% - 120px);width: calc(100% - 120px);float: right;text-align: left;}
.list_div select  { direction: rtl;-webkit-appearance: none;border:0;  -webkit-tap-highlight-color: #fff;  outline: 0;background: #fff;}
.list_div input {border:none;text-align: right;}
.list_div select option {font-size: 0.875rem;}
.cose_img {width:75px;height:30px;vertical-align: middle;}
.cose_input {width:-moz-calc(100% - 200px);width: -webkit-calc(100% - 200px);width: calc(100% - 200px);text-align: right;vertical-align: middle;padding-right:3%;}
.bottom_input {width:100%;position: fixed;height:50px;bottom:0;left:0;}
.bottom_div {height:70px;}
.bottom_input .btn_01 {width:100%;line-height: 50px;background: #a40000;color:#fff;text-align:center;border:none;font-size:1.125rem;border-radius: 0px;}
.totalPrice {font-size:1.25rem;color:#a40000;font-weight: bold;}
.pay_bottom {display: inline;}

.pay_list {box-shadow: 0px 0px 5px rgba(000,000,000,0.1);margin:12px 0;padding-bottom:0.75rem;font-size:0.875rem;}
.pay_list h3.title,.class_info h3.title {background:#ebf7ff;color:#468ec9;padding:0.5rem 3%;}
.pay_list h3.title:after{ content: '\e60b';color:#999;display: block;float: right;font-family: 'iconfont'}
.pay_list h3.title2:after{ content: '\e610';}
.pay_list li {padding:3px 0;margin:0.3rem 0;border-bottom:1px dashed #e9e9e9;}
.pay_list li input[type='checkbox'],.pay_list li input[type='radio'] {display: none;}
.pay_list input:checked+label {border:1px solid #a2cbed;background:#ecf7ff;border-radius:5px;}
.pay_list input:checked+label:after {content: "\e932";font-family: 'iconfont';font-size:1.75rem;color:#a2cbed;position: absolute;bottom:-3px;right:-2px;line-height: 100%}
.pay_list li input[disabled='disabled']+label.left {background:#f9f9f9;border:1px solid #d9d9d9;}
.pay_list li input[disabled='disabled']:checked+label.left:after,.pay_list li input[disabled='disabled']:checked+label.left {color:#999;}
.pay_list li input.right2[disabled='disabled']+label.left {background:#f9f9f9;border:1px solid #d9d9d9;}
.pay_list li input.right2[disabled='disabled']:checked+label.left:after {display: none;}
.pay_list li span {display: inline;margin-right:3%;font-weight: normal}
.pay_list li label.left {vertical-align: middle;width:98%;padding:8px 3%;margin:0 auto;display: block;position: relative;}
.pay_bottom {height:50px;background-color: #fff;width:100%;position: fixed;bottom:0;left:0;border-top:1px solid #e5e5e5;}
.pay_bottom p {width:-moz-calc(100% - 80px);width: -webkit-calc(100% - 80px);width: calc(100% - 80px);float: left;font-size:0.875rem;}
.pay_bottom span.red {font-size:1rem;font-weight: bold;margin-right:10px;}
.btn_02 {width:80px;background:#a40000;color:#fff;text-align: center;float:right;line-height: 50px;z-index:30;border:none;font-size:1rem;border-radius: 0px;}
.class_info ul {padding-bottom:12px;}
.class_info .info {margin-top:0.3rem;}
.class_info .info li {display: flex;font-size:0.75rem;justify-content: flex-start;align-items: center;padding:0.5rem 4%;border-bottom:1px dashed #e9e9e9;}
.class_info .info li:last-child {border-bottom:0;}
.class_info .info li .left {display: block;}
.class_info .title:after{ content: '\e60b';color:#999;display: block;float: right;font-family: 'iconfont'}
.class_info .title2:after{ content: '\e610';}
.address label.left p {display: flex;justify-content: flex-start;align-items: top;}
.address .iconfont {color:#468ec9;font-size:0.875rem;margin-right:5px;flex-shrink:0;}
.address label.left span {flex-grow:1}
.address .add_address {display: block;margin:15px auto 0 auto;width:60%;border:1px solid #468ec9;padding:0.4rem 0;background: #ebf7ff;color:#468ec9;border-radius: 5px;}

/*消息提醒*/
.remind_list li a {display: block;padding:1rem 3%;border-bottom:1px solid #eee;}
.remind_list li:last-child a {border-bottom:0;}
.remind_list li .iconfont {color:#f67280;font-size:1rem;display: block;width:20px;float:left;}
.remind_list li .right {color:#333;font-size:0.875rem;display: block;width:-moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px);float:right;}
.remind_list li .right .title {overflow:hidden; text-overflow:ellipsis;font-weight: bold;white-space: nowrap;}
.remind_list li .right p {font-size:0.75rem;margin-top:5px;color:#999;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}

/*个人信息*/
.personal > div {background: #fff;margin-bottom:0.5rem;}
.personal h3.title {padding:0.75rem 3%;font-size:0.875rem;background-color:#eff8ff;color:#036eb8;border-bottom:1px solid #70c5ff;font-weight:bold;position: relative;}
.personal li {font-size:0.875rem;position: relative;border-top:1px solid #f0eff5;}
.personal li .left {width:100px;display: block;float:left;padding:0.75rem 3%;}
.personal li .right {width:-moz-calc(100% - 100px);width: -webkit-calc(100% - 100px);width: calc(100% - 100px);display: block;float:right;border:0;padding:0.75rem 3%;line-height: 180%;background: none;}
.personal .upload {border:none;font-size:0.75rem;color:#999;padding:0.5rem 4%;}
.personal .upload p {margin-bottom:0.5rem;}
.personal .upload .tuli {float: left; width: 142px; height: 90px;}
.personal .img01 .tuli {width:72px;height:100px;margin-left:9.5%;}
.personal .upload .weui-uploader__input-box {font-weight:normal;float: left;  position: relative; margin-right: 20px; margin-bottom: 9px; width:-moz-calc(100% - 180px);width: -webkit-calc(100% - 180px);width: calc(100% - 180px); height: 90px; border: 1px solid #d9d9d9;font-size:2.5rem;line-height: 80px;text-align:center;}
.personal .img01 .weui-uploader__input-box {height:100px;line-height: 100px;}
.personal .upload .weui-uploader__input {position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.personal .upload .img { width: 100%; height: 80px;  position: absolute;z-index:99;top:3px;left:0;}
.personal .img01 .img {height: 92px;}
.personal input[type='radio']{vertical-align: middle;margin-left:3%;}
.personal .title:after {display: block;position: absolute;content:'\e60b';font-family: 'iconfont';right:4%;top:30%;}
.personal .title2:after {display: block;position: absolute;content:'\e610';font-family: 'iconfont';right:4%;top:30%;}

/*证书管理*/
.certificate > ul > li {background: #fff;width:95%;margin:1rem auto;font-size:0.875rem;box-shadow: 0px 0px 10px #d9d9d9;}
.certificate > ul > li .left {display: block;float:left;width:80px;vertical-align: middle;margin-left:4%;margin-bottom:0.75rem;}
.certificate > ul > li .right {display: block;float:left;width:-moz-calc(90% - 80px);width: -webkit-calc(90% - 80px);width: calc(90% - 80px);vertical-align: middle;margin-right:4%;color:#666;margin-bottom:0.75rem;}
.certificate .title {display: block;font-weight: bold;border-bottom:1px solid #e5e5e5;padding:0.75rem 4%;font-size:1rem;margin:0.5rem 0;}
.certificate .title .iconfont {color:#4d80e4;margin-right:3%;vertical-align: top;font-size:1.125rem;}
.certificate .title span {display: inline-block;width:-moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}
.see_certificate {display: block;background:#e3f6f5;color:#6ba8a9;font-size:0.875rem;text-align:center;line-height: 2.5rem;}

/*缴费查询*/
.pay_sele .top {border-bottom:1px solid #e5e5e5;padding:0.75rem 0;margin-bottom:0.75rem;}
.pay_sele .top .right,.pay_sele .top .left {font-size:1.125rem;margin-bottom:0;}

/*公司班级管理*/
.com_class {background: #fff;padding-top:1rem;}
.com_class ul li {box-shadow: none;padding:0.35rem 4%;border-bottom:1px solid #e5e5e5;width:100%;margin:0;margin-bottom:0.5rem;}
.com_class ul li:last-child {border:0;}
.com_class .title {border-bottom:0;padding:0;margin-top:0;}
.com_class span {padding:0.2rem 0.5rem;margin-right:3%;font-size:0.75rem;display: inline-block;margin-bottom:0.5rem;}
.com_class .bg_red {color:#00918e;border:1px solid #00918e;}
.com_class .bg_blue {color:#be7575;border:1px solid #be7575;}
.com_class .bg_shree {color:#494ca2;border:1px solid #494ca2;}
.com_class .mianshou {color:#a0855b;border:1px solid #a0855b;}
.com_class p {margin-bottom:0.5rem;}

/** 鐧诲綍寮瑰眰**/
.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%; height: 100%;background-color: black; z-index:1001; -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=90);}
.white_content {display: none;position: fixed;top:0%;z-index:1002;background: #fff; padding:20px 30px;font-size:16px;}
.white_content .close{ position:absolute; right:30px; cursor: pointer;top:20px;}
.white_content .close i{ font-size:16px;font-weight: bold}
.white_content h3 {border-bottom:1px solid #d9d9d9;padding-bottom:6px;color:#d32929;font-size:20px;padding-left:10px;}
.white_content h3 span{border-bottom:3px solid #d32929;padding-bottom:4px;}
.white_content ul{width: 360px; margin: 0 auto; margin-top: 30px;}
.white_content li{ border:1px solid #ccc; margin-bottom: 15px;height:40px;}
.white_content li i{ color:#666; font-size: 24px;border-right: 1px solid #ccc;display: inline-block; vertical-align: middle;background:#f9f9f9;height:38px;line-height:38px;width:38px;text-align: center;margin-right:15px;}
.white_content .login_box1,.white_content .login_box2{ border:0; height: 30px; line-height: 25px; width:-moz-calc(100% - 55px);width: -webkit-calc(100% - 55px);width: calc(100% - 55px); font-size: 14px;outline: none;vertical-align: middle}
.white_content .login_box2{width:-moz-calc(100% - 140px);width: -webkit-calc(100% - 140px);width: calc(100% - 140px);}
.white_content img{ display:inline-block; vertical-align: middle;height:32px;width:80px;}
.white_content li a {color:#999;vertical-align: middle}
.white_content li .login_btn1{ display:inline-block;background: #d32929; color: #fff; font-size: 16px;display: block;text-align: center;line-height: 40px;}
.white_content li .login_btn1:hover {background:#a40000;color:#fff;}
.white_content li a:hover{ color: #a40000;}
.white_content .other_logins {text-align: center;border:none;height:auto;}
.white_content li p {margin-top:25px;}
.white_content li p .iconfont {font-size:50px;margin:0 15px;}
.message_heigth{ height: 624px; margin-top: -312px;}
.white_content .border_none {border:none;}
.border_none .f_l {color:#a40000;}

#paper{padding-bottom: 70px;}
.class_bottom {position: absolute;
    bottom: 0;
    width: 100%;
    background: #4d80e4;
    text-align: center;
    padding: 15px 0;}
.class_bottom .btn {color:#fff}

.ab_return {display: block;position: fixed;right:15px;bottom:4.5rem;font-size:0.75rem;background: rgba(000,000,000,0.6);color:#fff;text-align:center;border-radius:50%;width:50px;height:50px;line-height: 100%;}
.ab_return .iconfont {display: block;font-size:1.375rem;line-height: 100%;margin-top:5px;font-weight: normal;}


@media (min-width:400px){
	.class_course h3.i_title span {left:27%;}
}
/*@media (min-width:375px){
	.class_course li a img {height:92px;}
}*/

@media only screen and (width: 375px) and (min-height: 690px){
    body {
       height: 100vh;
		margin-bottom: 34px;
    }
    .footer {height:3.1rem;}
	.Bottom{ bottom:34px;}
	.bottom_note{ padding-bottom:4.25rem;}
	.page_return {padding-bottom:0.3rem;}
	.com_class, .remind_list {padding-bottom:1rem;}
	.edit_content{bottom: 6.5rem;}
	.footer_box{bottom: 4.5rem;}
}