@charset "UTF-8";

body{background: #fff;}
.c555{color: #555;}
.c222{color: #222;}
.mgt8{margin-top: 8px;}
.mgt20{margin-top: 20px;}
.mgt35{margin-top: 35px;}
.mgt60{margin-top: 60px;}
.mgl45{margin-left: 45px;}
.mgl50{margin-left: 50px;}
.mgt45{margin-top: 45px;}
.pdb40{padding-bottom: 40px;}
.mgtb40{margin-top: 40px;margin-bottom: 40px;}

.mgl40{margin-left: 40px;}
.mgr50{margin-right: 50px;}
.mgr100{margin-right: 100px;}
.w1200{width: 1200px;margin: 0 auto;}
.bgfafafa{background: #fafafa;}
.bgfff{background: #fff;}
/* .v_t{vertical-align: top;} */

/* input pub and focus placeholder */
input,select,textarea{color:#222; font-size:12px;line-height:140%;resize:none;outline:none;font-family:"microsoft yahei";}
textarea{padding: 10px;border: 1px solid #e1e1e1;box-shadow: inset 0 0 8px rgba(0,0,0,0.07);border-radius: 4px;}
.inp {padding: 5px;border: 1px solid #e1e1e1;color:#555; outline:none;vertical-align: middle;height: 28px;border-radius: 4px;box-shadow:inset 0 0 8px rgba(0,0,0,0.07);}
input[type="text"].inp:focus, input[type="password"].inp:focus, textarea:focus{ border: 1px solid #38a4ff;}
::-webkit-input-placeholder { /* WebKit browsers */color:#888;font-family:"microsoft yahei";}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#888;font-family:"microsoft yahei";}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#888;font-family:"microsoft yahei";}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#888;font-family:"microsoft yahei";}

/* 面包屑的样式 S */
.crumb{padding: 18px 0;}
.crumb a, .crumb span{display: inline-block;font-size: 16px;vertical-align: middle;color:#474747;}
.crumb a:hover{color: #288add;}
.crumb em{display: inline-block;padding-left:20px;margin:0 10px;height:16px;vertical-align: middle;background: url(../images/shopping_mall_v3/bread_arrow.png) no-repeat center center;}
.crumb .homePage{display: inline-block;text-indent: -999px;display: inline-block;width: 16px;height: 16px;background: url(../images/shopping_mall_v3/home.png) no-repeat;vertical-align: middle;}
/* 面包屑的样式 E */

/* navbar的样式 */
.second-nav-wrap{ background:#309aeb; height: 56px; line-height: 56px; font-size: 16px; clear:both;position: relative;z-index: 10;}
.second-nav-wrap .w1200{position: relative;}
.second-nav-wrap .l_nav .i-ico{margin-right: 10px; position: relative; top: -2px;}
.second-nav-wrap .l_nav a{ float:left; padding: 0 28px; height: 56px; color: #fff;}
.second-nav-wrap .l_nav a:hover{text-decoration: none; background:#3baaff;}
.second-nav-wrap .l_nav a.active{text-decoration: none; background:#248dde;}
.second-nav-wrap .r_search{height: 32px; background: #fff; float: left; margin: 12px 3px 0px 0; border-radius: 16px; position: relative;}
.second-nav-wrap .r_search:hover{box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.second-nav-wrap .r_search .topSch-inp{border: 0; height: 30px; line-height: 30px; background: none; float: left; padding-left:70px; width: 170px; color: #222;}
.second-nav-wrap .r_search .topSch-btn{border: 0; float: right; width: 32px; height: 32px; background: url(../images/EduMall/search_btn.png) no-repeat center center; cursor: pointer; margin-right:5px;}
.second-nav-wrap .r_search .selectBox{position: absolute;left: 0;top: 0;width: 70px;line-height: 32px;font-size: 14px;white-space: nowrap;}
.second-nav-wrap .r_search .selectBox .selectHead{display: block;width: 100%;position: relative;z-index: 5;}
.second-nav-wrap .r_search .selectBox .selectHead span{display: block;padding: 0 25px 0 12px;line-height: 32px;color: #555;background: url(../images/EduMall/bg_select.png) no-repeat right center;}
.second-nav-wrap .r_search .selectBox .selectBody{position: absolute;left: 0;right: 0;top: 100%;z-index: 10;padding-top: 4px;display: none;}
.second-nav-wrap .r_search .selectBox .selectBody ul{background: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.07);padding: 5px 0;border-radius: 4px;}
.second-nav-wrap .r_search .selectBox .selectBody a{display: block;line-height: 30px;padding-left: 12px;color: #555;}
.second-nav-wrap .r_search .selectBox .selectBody a:hover{text-decoration: none;background: #eaeaea;}
.second-nav-wrap .r_search .selectBox.drop .selectBody{display: block;}

.second-nav-wrap .btnWrap a{display: inline-block;padding: 0 8px;height: 30px;line-height: 30px;color: #fff;border-radius: 4px;margin-left: 20px;margin-right:20px;margin-top:13px;}
.second-nav-wrap .btnWrap a:hover{background: #40a8f7;text-decoration: none;}
.second-nav-wrap .btnWrap .addClass{padding-left:28px;}
.second-nav-wrap .btnWrap .addClass:hover{background:#40a8f7 url(../images/shopping_mall_v3/add.png) no-repeat 12px center;}

.btn-more{display: inline-block;width: 20px;height: 20px;background: url(../images/EduMall/more.png) no-repeat;}
.btn-more:hover{background-position: 0 -20px;}

/*banner区域*/
.m-bannerRect{ /* background:url(../images/EduMall/banner.jpg) no-repeat center top; */ height:400px; position:relative; min-width:1200px;}
.m-bannerRect .showArea{position: relative;height: 100%;background: #f1f1f1;overflow: hidden;z-index: 0;}
.m-bannerRect .banner-index{position: absolute;z-index: 1;}
.m-bannerRect .banner-index li{border: 2px solid #fff;opacity: .8;filter: alpha(opacity=80);}
.m-bannerRect .banner-index li.on{background: #fff;}
.m-bannerRect .bannerList{height: 100%;width: 100%;overflow: hidden;}
.m-bannerRect .bannerList li{text-align: center;overflow: hidden;width: 100%;float: left;height: 100%;}
.m-bannerRect .bannerList li a{display: block;width: 100%;height: 100%;}
.m-bannerRect .bannerList li img{height: 100%;}
.m-bannerRect .bannerBot{ height:100%; bottom:0px; left:0px; position:absolute; width:100%; min-width:1200px; z-index:1;}
.m-bannerRect .bannerBot .w1200{height: 100%;}

.second-nav-wrap .item-homeNav{position: absolute;top: 100%;left: 0;}
.item-homeNav{ width:230px; background:#5c7d94; height:400px; position:relative;}
.item-homeNav .nav-ico{ background:url(../images/EduMall/icon_subject2.png) no-repeat 0px 0px; display:inline-block; vertical-align:middle; width: 37px;height: 27px;}
.item-homeNav h3{ border-bottom:#6b899d solid 1px; height:59px; padding:0px 18px; color:#fff; font-size:16px; font-weight:normal; line-height:59px; margin-bottom:-1px;}
.item-homeNav dt{ padding:16px 18px 20px 18px;height: 31px; border-top:#6b899d solid 1px;}
.item-homeNav dt:hover,.item-homeNav dt.on{ background:#4f738c; cursor:pointer;}
.item-homeNav dt a.name{ font-size:18px; line-height:28px; display:block; background:url(../images/EduMall/nav_bg.png) no-repeat right center; text-decoration:none; color:#fff;}
.item-homeNav dt .rec{ margin-top:20px; font-size:14px; line-height:16px;}
.item-homeNav dt .rec a{ color:#fff; margin:0px 6px;}
.item-homeNav dd{ position:absolute; left:230px; bottom:0; width:650px; height:340px; min-height:302px; background:url(../images/EduMall/homeNav_bg.png); display:none;overflow: hidden;overflow-y: auto;}
.item-homeNav dl:hover dd{ display:block;}
.item-homeNav dd ul{ margin-right:-25px; padding-top: 16px;}
.item-homeNav dd li{ float:left; width:171px; padding-left:29px; overflow:hidden; zoom:1; margin-right:15px; height:48px;}
.item-homeNav dd .nav a{ font-size:16px; font-weight:normal; color:#daf0ff; line-height:30px;display: inline-block;border-radius: 4px;padding: 0 12px;}
.item-homeNav dd .nav a:hover{background: #3b4444;}
.item-homeNav dd .link {margin-top:4px;}
.item-homeNav dd .link a{ color:#ebf6fd; font-size:14px; line-height:16px; margin-right:5px; height:18px;}
.item-homeNav .nav1 i.nav-ico{ background-position:0px 0;margin-right:14px;margin-top:-3px;}
.item-homeNav .nav2 i.nav-ico{ background-position:0px -70px;margin-right:14px;margin-top:-3px;}
.item-homeNav .nav3 i.nav-ico{ background-position:0px -140px;margin-right:14px;}
.item-homeNav .nav4 i.nav-ico{ background-position:0px -215px;margin-right:14px; height: 18px;}
.item-homeNav .nav5 i.nav-ico{ background-position:0px -280px;margin-right:14px;}


/* lp  S */

/* 左侧个人模块 */
.lp_main{margin-top: 20px;}
.lp_bs{box-shadow: 0 5px 20px rgba(0,0,0,0.03);-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.03);-moz-box-shadow: 0 5px 20px rgba(0,0,0,0.03);}
.lp_left{width: 270px;}
.lp_headPortrait_box{width: 270px;height: 270px;background: url(../images/shopping_mall_v3/stu_bg.png) no-repeat;}
.lp_headPortrait_box img{margin-top: 35px;width: 80px;height: 80px;border: 3px solid #fff;border-radius: 50%;margin-left: 20px;}
.lp_headPortrait_box .top_box .name{padding-top: 35px;padding-left: 25px;}
.lp_headPortrait_box .top_box .name p{font-size: 20px;color: #888;margin-top: 3px;}
.lp_headPortrait_box .top_box .name a{font-size: 15px;color: #fff;background: #01cdb1;border: 1px solid #01cdb1;text-align: center;padding: 2px 14px;border-radius: 4px;margin-top: 29px;display: block;}
.lp_headPortrait_box .mid_box{padding-left:10px;padding-right: 10px;box-sizing: border-box;}
.lp_headPortrait_box .mid_box .lesson{border-bottom: 1px solid #e2e2e2;padding-top: 23px;padding-bottom: 20px;font-size: 16px;color: #9b9b9b;box-sizing: border-box;}
.lp_headPortrait_box .mid_box .lesson .letter{margin-left: 6px;}
.lp_headPortrait_box .mid_box .lesson span{display: inline-block;font-size: 12px;color: #282828;text-align: center;padding: 2px 15px;border-radius: 25px;background: #f6f6f6;border: 1px solid #ebebeb;}
.lp_headPortrait_box .mid_box .info{font-size: 16px;color: #a9a9a9;line-height: 24px;margin-top: 15px;width: 250px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lp_headPortrait_box .mid_box .info span{color: #222;}

.person_info li{height: 65px;border-top: 1px solid #f3f3f3;line-height: 65px;}
.person_info li a.on{background: #ecf7ff;color: #5ba9ee;}
.person_info li a{display: block;height: 100%;color: #9b9b9b;font-size: 16px;padding-left: 10px;}
.person_info li a .lesson_icon{display: inline-block;width: 19px;height: 22px;background: url(../images/shopping_mall_v3/read_icon.png) no-repeat center center;vertical-align: middle;margin-right: 10px;}
.person_info li a.on .lesson_icon{background: url(../images/shopping_mall_v3/lesson_icon.png);}
.person_info li a .question_icon{display: inline-block;width: 21px;height: 21px;background: url(../images/shopping_mall_v3/question_icon.png) no-repeat center center;vertical-align: middle;margin-right: 10px;}
.person_info li a.on .question_icon{background: url(../images/shopping_mall_v3/answerB_icon.png);}
.help_box{padding: 20px 14px;}
.help_box a{display: block;width: 242px;height: 140px;}
.help_box a img{width: 100%;height: 100%;}

/* 右侧创建课程模块 */
.lesson_container{padding: 0 30px;background: #fff;width: 845px;padding-bottom: 40px;}
.lesson_title{padding: 10px 0;}
.lesson_title ul li{float: left;}
.lesson_title li a.on, .lesson_title li a:hover{border-bottom-color: #38a4ff;color: #38a4ff;}
.lesson_title li a{display: block;color: #555;font-size: 18px;margin: 0 25px 0 0;line-height: 58px;border-bottom: 2px solid #fff;}
.lesson_title .creat_Btn a{display: inline-block;padding: 9px 15px;color: #309aeb;border: 1px solid #309aeb;border-radius: 5px;margin-top: 10px;font-size: 14px;}
.lesson_title .creat_Btn a.on, .lesson_title .creat_Btn a:hover{color: #fff;background: #0989eb;border: 1px solid #0989eb;}
.lesson_title .lp_box{position: relative;margin-top: 14px;}
.lesson_title .lp_box .lp_inp{padding: 1px 35px 1px 10px;width: 263px;}
.lesson_title .lp_box .search_icon{display: inline-block;width: 32px;height: 32px;background: url(../images/shopping_mall_v3/P_search.png) no-repeat center center;position: absolute;top: 0;right: 0;cursor: pointer;}
/* 下拉样式 */
.search_box{padding: 16px 20px 16px 30px;background: #f7f7f7;margin-top: 25px;}
.search_box .lesson_name{font-size: 18px;color: #555;display: inline-block;height: 32px;line-height: 32px;vertical-align: middle;}
.search_box .lp_inp{padding: 2px 5px 2px 10px;width: 144px;}
.search_box .lp_box{display: inline-block;}
.search_box .inputWrap{margin-right: 73px;}
.search_box .search_btn{font-size: 14px;color: #fff;background: #309aeb;border: 1px solid #309aeb;border-radius: 4px;padding: 5px 37px;vertical-align: middle;}
.search_box .search_btn:hover{border-color: #0989eb;background: #0989eb;}
.selectsWrap {display: inline-block;vertical-align: middle;position: relative;}
.selectsWrap .titName {display: block;width: 100px;border: 1px solid #d5d5d5;height: 32px;line-height: 32px;background: #fff;border-radius: 4px;position: relative;    box-shadow: inset 0 0 8px rgba(0,0,0,0.07);}
.selectsWrap .titName span {display: block;padding: 0 24px 0 10px;cursor: pointer;color: #a1a1a1;}
.selectsWrap .titName .tri {display: inline-block;width:17px;height:16px;background:url(../images/EduMall/selec_arrow.png) no-repeat center center;position: absolute;right: 5px;top: 10px;margin-top: -3px;}
.selectsWrap .dropCon {position: absolute;left: 0px;top: 100%;background: #fff;z-index: 110;width: 100px;border-radius: 4px;display: none;border: 1px solid #d5d5d5;}
.selectsWrap .dropCon .itemGroup {height: auto;max-height: 122px;overflow: hidden;overflow-y: auto;}
.selectsWrap .dropCon a {padding: 5px 10px;display: block;color: #33424f;line-height: 20px;height: 20px;}
.selectsWrap .dropCon a:hover{background: #e2e9f2;text-decoration: none;}
.selectsWrap.show .dropCon {display: block;}
.f14{font-size:14px;}

.teacher_list li{padding: 23px 21px;background: #f7f7f7;margin-top: 20px;position: relative;}
.teacher_list li .status_icon{display: inline-block;width: 84px;height: 83px;position: absolute;top: 0;right: 0;}
.teacher_list li .status_icon.feature_icon{background: url(../images/shopping_mall_v3/will_icon.png) no-repeat center center;}
.teacher_list li .status_icon.have_icon{background: url(../images/shopping_mall_v3/have_icon.png) no-repeat center center;}
.teacher_list li .status_icon.xia_icon{background: url(../images/shopping_mall_v3/done_icon.png) no-repeat center center;}

.teacher_list li .teacher_img{width: 169px;height: 148px;}
.teacher_info h2{font-size: 22px;color: #222;font-style: normal;font-weight: normal;margin-bottom: 8px;}
.teacher_info p{font-size: 14px;color: #888;line-height: 24px;}
.teacher_info .teacher_btn{margin-top: 14px;}
.teacher_info .teacher_btn a{font-size: 14px;color: #309aeb;display: inline-block;width: 95px;height: 30px;line-height: 30px;border: 1px solid #309aeb;background: #ecf7ff;text-align: center;border-radius: 5px;}


/* 同步创建课程 */
.lp_creat_box{background: #fff;padding-top: 30px;padding-bottom: 50px;border: 1px solid #f0f0f0;}
.lesson_type_list .search_box{padding: 30px 0 10px 10px;}
.lesson_type_list li .lesson_name.font16{font-size: 16px;color: #444;margin-right: 20px;width: 160px;text-align: right;height: 32px;line-height: 32px;vertical-align: middle; display: inline-block;}
.lesson_type_list li .lesson_name.font16.v_t{vertical-align: top;}
.lp_inp{padding: 2px 5px 2px 10px;}
.lesson_type_list li .lp_inp{width: 560px;padding: 2px 5px 2px 10px;}                                                                                      
.lesson_type_list li .up_img{display: inline-block;width: 215px;height: 142px;padding: 8px;box-shadow: 0px 3px 12px rgba(0,0,0,0.4);box-sizing: border-box;}
.lesson_type_list li .up_img img{display: inline-block;width: 100%;height: 100%;}
.lesson_type_list li .up_box a{font-size: 16px;color: #38a4ff;vertical-align: middle;}
.lesson_type_list li .up_box a .up_icon{display: inline-block;width: 21px;height: 21px;background: url(../images/shopping_mall_v3/uplode.png) no-repeat center center;vertical-align: middle;margin-right: 6px;}
.lesson_type_list li .uplode{display: inline-block;text-align: center;}
.lesson_type_list li .set_num{display: inline-block;margin-top: 4px;}
.warm_title{font-size: 12px;color: #555;}
.warm_title .warm{display: inline-block;width: 18px;height: 18px;background: url(../images/shopping_mall_v3/warm_icon.png) no-repeat center center;vertical-align: middle;margin-right: 5px;}
.hRadio{padding-left:24px; display: inline-block;background: transparent url(../../../common/images/ico/radio01.png) no-repeat left top;/* height: 21px; */ line-height:21px;cursor:pointer;vertical-align:middle;_height:21px;min-height: 21px;}
.hRadio_Checked { background: transparent url(../../../common/images/ico/radio02.png) no-repeat left top;}

.Lp_container .gkbkCr_btns{display: inline-block;width: 136px;height: 40px;line-height: 40px;text-align: center;border-radius: 3px;font-size: 16px;vertical-align: middle;}
.Lp_container .blue_Btn{color: #fff;background: #309aeb;border: 1px solid #309aeb;}
.Lp_container .blue_Btn:hover{background: #0989eb;border: 1px solid #0989eb;}
.Lp_container .gray_Btn{color: #555;background: #FFF;border: 1px solid #ccc;margin-left: 115px;}
.Lp_container .gray_Btn:hover{border-color: #cfcfcf;background: #cfcfcf;color: #fff;}
.Lp_container .footer_box{padding-left: 190px;}

/* 课程介绍 */
.lp_exp{padding: 20px;background: #fff;border: 1px solid #f0f0f0;box-sizing: border-box;}
.lp_exp .exp_img{width: 250px;height: 170px;}
.lp_exp .exp_img img{width: 100%;height: 100%;}
.exp_info{margin-left: 30px;}
.exp_info h2{font-size: 24px;color: #222;font-style: normal;font-weight: normal;margin-top: 8px;}
.exp_info .exp_class{margin-top: 28px;}
.exp_info .exp_class .class_Info{width: 58px;height: 51px;border-radius: 4px;background: #ffc400;display: inline-block;text-align: center}
.exp_info .exp_class .class_Info .class_icon{display: inline-block;width: 32px;height: 26px;background: url(../images/shopping_mall_v3/Class.png) no-repeat center center;margin-top: 4px;}
.exp_info .exp_class .class_Info .class_type{height: 18px;width: 54px;background: #fff;margin-top: 2px;margin-left: 2px;line-height: 18px;color: #ffc400;}
/* .exp_info .exp_class .class_icon{display: inline-block;width: 58px;height: 51px;background:url(../images/shopping_mall_v3/class_icon.png) no-repeat center center; } */
.exp_info .exp_class .class_title{font-size: 16px;color: #555;}
.exp_info .exp_class .type{margin-top: 8px;}
.exp_info .exp_class .type span{font-size: 16px;color: #888;}
.exp_info .exp_class .type em{font-size: 16px;color: #555;}
.exp_info .term{font-size: 14px;color: #888;margin-top: 35px;}

.manage_l{width: 268px;border: 1px solid #f0f0f0;background: #fff;}
.manage_l .manage_title{height: 40px;line-height: 40px;padding-left: 15px;font-size: 16px;color: #4f4f4f;border-bottom: 1px solid #f0f0f0;}
.manage_l .manage_list li{height: 50px;line-height: 50px;}
.manage_l .manage_list li a{display: block;height: 100%;color: #454545;font-size: 16px;padding-left: 27px;border-left: 4px solid transparent;}
.manage_l .manage_list li a.on, .manage_l .manage_list li a:hover{color: #309aeb;background: #edf7ff;border-left: 4px solid #309aeb;}
.manage_l .manage_list li.last{position: relative;}
.manage_l .manage_list li.last::before{position: absolute;display: block;content: "";width: 252px;height: 1px;background: #f0f0f0;top: 0;left: 7px;}

.manage_r{width: 908px;border: 1px solid #f0f0f0;background: #fff;padding: 30px 20px 30px 30px;box-sizing: border-box;}
.manage_r h2{font-style: normal;font-weight: normal;font-size: 20px;color: #333;margin-bottom: 8px;}
.introduce_list li .lesson_name{font-size: 16px;color: #444;width: 115px;text-align: left;height: 32px;line-height: 32px;display: inline-block;vertical-align: top;}
.introduce_list li .w420{width: 420px;}
.uplode_Box .warm_title{margin-left: 13px;margin-top: 16px;}
.uplode_Box{padding-left: 120px;}
a.lp_Btn{width: 134px;height: 38px;line-height: 38px;font-size: 14px;color: #309aeb;border: 1px solid #309aeb;background:#ecf7ff;text-align: center;border-radius: 4px;display: inline-block;}
a.lp_Btn.c0989eb:hover{background: #ddf7ff;}
a.lp_Btn.bg309aeb{color: #fff;background: #309aeb;border: 1px solid #309aeb;}
a.lp_Btn.bg309aeb:hover{background: #0989eb;border: 1px solid #0989eb;}
.img_list{margin-left: -23px;padding-left: 120px;margin-top: 10px;margin-bottom: 55px;}
.img_list li{float: left;margin-top: 13px;width: 128px;height: 87px;margin-left: 23px;position: relative;}
.img_list li .dele_icon{display: inline-block;width: 20px;height: 20px;background: url(../images/shopping_mall_v3/lp_dele.png) no-repeat center center;position: absolute;top: -5px;right: -5px;cursor: pointer;}
.img_list li .img_box{display: block;width: 100%;height: 100%;}
.preview span{font-size: 14px;color: #555;vertical-align: middle;margin-top: 6px;margin-right: 5px;}
.preview .eye_icon{display: inline-block;width: 27px;height: 16px;background: url(../images/shopping_mall_v3/eye_icon.png) no-repeat center center ;vertical-align:text-bottom;margin-right: 10px;}
.search_box .lp_box .w280{width: 264px;}
.search_box.sea{padding: 17px 20px;}

/* 我的提问 */
.question_list li{padding: 25px 30px 25px 20px;background: #f7f7f7;margin-top: 20px;box-sizing: border-box;}
.question_list.remind li{padding: 20px 30px 22px 20px;box-sizing: border-box;}
.question_list.myanswer li{padding: 20px 50px 22px 20px;}
.question_list li h2{font-style: normal;font-weight:normal;font-size: 20px;color: #222;}
.reply .reply_title{font-size: 16px;color: #888;}
.reply .reply_title a{color: #888;font-size: 14px;}
.reply .reply_title .answer_icon{display: inline-block;width: 17px;height: 15px;background: url(../images/shopping_mall_v3/answer_icon.png) no-repeat center center;vertical-align: middle;margin-right: 8px;margin-top: -2px;}
a.js_btn{width: 94px;height: 30px;line-height: 30px;font-size: 14px;border: 1px solid #309aeb;text-align: center;border-radius: 4px;display: inline-block;color: #309aeb;}
a.js_btn.on, a.js_btn:hover {background: #ecf7ff;}
.btn_Box .editBtn{display: inline-block;width: 46px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #38a4ff;background: #fff;border-radius: 3px;color: #5ba9ee;margin-right: 5px;}
.btn_Box .editBtn:hover{color: #fff;background: #64b8ff;}
.btn_Box .delBtn{display: inline-block;width: 46px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #38a4ff;background: #64b8ff;border-radius: 3px;color: #fff;}
.btn_Box .delBtn:hover{color: #5ba9ee;background: #fff;}

/* 回复我的 */
.question_list .t_Box img{width: 30px;height: 30px;border-radius: 50%;border: 2px solid #fff;}
.question_list .t_Box .answer_art{padding-left: 45px;}
.question_list .t_Box .answer_art .font20{font-size: 20px;color: #222;line-height: 34px;}
.question_list .t_Box .answer_art .r_Time{font-size: 14px;color: #a9a9a9;}
.question_list .remindme{font-size: 16px;color: #a9a9a9;}
.question_list .remindme span{color: #767676;}
.question_list .come{font-size: 14px;color: #a9a9a9;margin-left: 35px;}

/* 我回复的 */
.answer_art .myanswer_box{padding: 15px;box-sizing: border-box;border: 1px solid #f0f0f0;background: #fafafa;margin-top: 5px;}
.answer_art .myanswer_box p{font-size: 14px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.question_list .come_list{font-size: 14px;color: #a9a9a9;}
/* .question_box .myanswer_list{height: 350px;overflow-y: auto;}
.question_box .myanswer_list li{margin-right: 15px;} */

/* 学生管理 */
.manage_Box{margin-top: 20px;}
.tab_list{border-bottom: 1px solid #f0f0f0;}
.tab_list li{float: left;width: 50%;text-align: center;}
.tab_list li a{display: block;font-size: 18px;color: #444;line-height: 55px;border-bottom: 2px solid transparent;width: 140px;margin: 0 auto;}
.tab_list li a.on, .tab_list li a:hover{color: #38a4ff;border-bottom-color: #38a4ff;}
.stu_num{font-size: 14px;color: #888;vertical-align: middle;margin-top: 30px;margin-left: 16px;}
.stu_num .light_icon{display: inline-block;width: 18px;height: 18px;background: url(../images/shopping_mall_v3/prompt_icon.png) no-repeat center center;vertical-align:text-bottom;margin-right: 12px;}
.Title{font-size: 16px;color: #444;height: 32px;line-height: 32px;vertical-align: middle;display: inline-block;}
.lp_inp.w250{width: 233px;}
a.js_btn.bg309aeb{background: #309aeb;color: #fff;border: 1px solid #309aeb;vertical-align: middle;}
a.js_btn.bg309aeb:hover{border-color: #64b8ff;background: #64b8ff;}
/* 学员信息 */
.stu_info{padding-left: 5px;}
.stu_info li{float: left;margin-top: 30px;margin-left: 25px;width: 256px;height: 192px;border: 1px solid #f0f0f0;background: #f7f7f7;}
.info_Box img{width: 67px;height: 67px;margin-top: 18px;border: 3px solid #fff;border-radius: 50%;margin-left: 20px;}
.info_Box .name_box{padding-top: 20px;padding-left: 20px;}
.info_Box .name{font-size: 16px;color: #309aeb;margin-top: 3px;}
.info_Box .school{font-size: 14px;color: #888;margin-top: 21px;}
.time_box{background: #edf7ff;padding:5px 0 5px 20px;font-size: 14px;color: #888;}
.Title.font14{font-size: 14px;}

/* 观摩用户 */
.uesr_list li{float: left;width: 166px;height: 208px;background: #f0f0f0;border: 1px solid #f0f0f0;border-radius: 5px;margin-left: 27px;margin-top: 28px;text-align: center;cursor: pointer;}
.uesr_list li.on, .uesr_list li:hover{background: #e9f4ff;border: 1px solid #58bef1;}
.uesr_list li img{width: 100px;height: 100px;border-radius: 5px;margin-top: 15px;}
.uesr_list li .user_name{font-size: 15px;color: #333;margin-top: 5px;}
.uesr_list li .lesson{font-size: 12px;color: #999;margin-top: 3px;}
.uesr_list li .school{font-size: 14px;color: #6b8398;}

/* 学分管理 */
.surplus_mark{width: 194px;height: 71px;background: #0989eb;border-radius: 4px;margin-right: 10px;line-height: 71px;font-size: 14px;color: #fff;text-align: center;vertical-align: middle;}
.surplus_mark span{vertical-align: middle;display: inline-block;}
.surplus_mark em{font-size: 25px;color: #fff;vertical-align: middle;display: inline-block;}
.lp_main.mark_Box{padding-left: 11px;padding-bottom: 25px;box-sizing: border-box;}
/* .mark_list{margin-left: -20px;} */
.mark_list li{float: left;width: 557px;height: 165px;border: 1px solid #f0f0f0;margin-left: 20px;margin-top: 20px;}
.Top_box img{width: 67px;height: 67px;margin-top: 24px;margin-left: 18px;border-radius: 50%;}
.Info .name{font-size: 16px;color: #309aeb;}
.Info .lesson{font-size: 14px;color: #888;margin-top: 11px;}
.Info .school{font-size: 14px;color: #888;margin-top: 12px;}
.Info{margin-top: 13px;margin-left: 19px;}
.schedule{padding-left: 22px;border-left: 3px solid #f0f0f0;height: 94px;}
.schedule .stu_schedule{font-size: 14px;color: #888;margin-top: 2px;}
.schedule .outpro{display: inline-block;width: 282px;height: 16px;background: #ecf7ff;overflow: hidden;margin-top: 8px;}
.schedule .outpro .innerpro{display: block;height: 16px;background: #7fc5fb;}
.schedule .time{font-size: 14px;color: #d62222;margin-top: 18px;}
.buttom_box{background: #f7f7f7;height: 51px;line-height: 51px;width: 100%;padding-left: 25px;padding-right: 20px;box-sizing: border-box;vertical-align: middle;}
.buttom_box a{display: inline-block;width: 66px;height: 30px;border: 1px solid #64b8ff;background: #64b8ff;color: #fff;line-height: 30px;text-align: center;border-radius: 4px;font-size: 14px;vertical-align: middle;margin-top: 10px;}
.buttom_box a:hover{border-color: #309aeb;background: #309aeb;}
.buttom_box .result{font-size: 14px;color: #888;}
.buttom_box .mark{display: inline-block;width: 64px;height: 30px;line-height: 30px;color: #555;font-size: 14px;text-align: center;border-radius: 4px;border: 1px solid #ccc;}
.buttom_box .mark.on, .buttom_box .mark:hover{color: #309aeb;border: 1px solid #309aeb;}

/* 课程安排 */
/* .teacher_manage{width: 908px;min-height: 784px;border: 1px solid #f0f0f0;} */
/* .teacher_manage_box{padding-left: 28px;padding-right: 28px;} */
.teacher_manage.manage_r{min-height: 468px;padding: 30px;}
/* .artical_list{padding-right: 10px;} */
.artical_list li{background: #f9f9f9;margin-top: 13px;width: 100%;padding:9px 23px;box-sizing: border-box;position: relative;}
.artical_list li .num{font-size: 18px;color: #38a4ff;display: inline-block;line-height: 30px;}
.artical_list .lp_inp.w317{width: 300px;}
.lp_keep.keep{width: 46px;height: 20px;line-height: 20px;text-align: center;color: #309aeb;font-size: 14px;border: 1px solid transparent;border-radius: 4px;background: #f9f9f9;}
.lp_keep.keep.bg64b8ff{color: #fff;background: #64b8ff;border: 1px solid #64b8ff;vertical-align: middle;margin-top: 9px;margin-right: 34px;}
.teacher_manage .add_Btn{display: block;font-size: 16px;color: #38a4ff;width: 832px;height: 46px;border: 1px solid #f0f0f0;line-height: 46px;vertical-align: middle;text-align: center;margin-left: 4px;background: #fbfbfb;}
.teacher_manage .add_icon{display: inline-block;width: 14px;height: 14px;background: url(../images/shopping_mall_v3/add_icon.png) no-repeat center center;vertical-align: middle;margin-top: -2px;margin-right: 7px;}
.teacher_manage .preview{margin-top: 35px;margin-left: -10px;}

.artical_list .Lesson_title{display: inline-block;font-size: 14px;color: #000;line-height: 30px;width: 540px;}
.edit{padding-right: 10px;box-sizing: border-box;}
.edit .add_lesson{font-size: 16px;color: #3ed1a9;display: inline-block;line-height: 30px;}
.edit .add_lesson .add_lesson_icon{display: inline-block;width: 16px;height: 16px;background: url(../images/shopping_mall_v3/add_lesson.png) no-repeat center center;vertical-align: middle;margin-top: -2px;margin-right: 6px;}
.icon_box{position: absolute;right: 33px;top: 9px;}
.icon_box .border_icon{display: inline-block;width: 3px;height: 31px;background: url(../images/shopping_mall_v3/border_icon.png) no-repeat center center;}
.icon_box .sort{display: inline-block;cursor: pointer;width: 16px;height: 16px;margin-top: 7px;vertical-align: top;margin-left: 9px;margin-right: 9px;}
.icon_box .sort.sort_up{background: url(../images/shopping_mall_v3/sort_up.png) no-repeat center center;}
.icon_box .sort.sort_down{background: url(../images/shopping_mall_v3/sort_down.png) no-repeat center center;}
.icon_box .more{display: inline-block;cursor: pointer;width: 5px;height: 20px;background: url(../images/shopping_mall_v3/icon_more.png) no-repeat;vertical-align: top;margin-top: 5px;margin-left: 10px;}

.lesson_resoce{display: block;}
.course_time{display: inline-block;width: 60px;height: 18px;border: 1px solid #ffc400;color: #ffc400;font-size: 14px;line-height: 20px;border-radius: 4px;overflow: hidden;text-align: center;vertical-align: middle;}
.course_time i{width: 22px;height: 100%;color: #fff;background: #ffc400;float: right}
.lp_inp.w300{padding: 5px 5px 5px 10px;width: 300px;}
.time_Box{padding-left: 48px;margin-top: 10px;}
.time_Box .Wdate{background: url(../images/shopping_mall_v3/data.png) no-repeat 180px 11px #fff;width: 200px;font-size: 16px;color: #555;}
.time_Box .warm_title{display: inline-block;}
.time_icon{display: inline-block;width: 17px;height: 17px;background: url(../images/shopping_mall_v3/time_icon.png) no-repeat center center;vertical-align: middle;margin-right: 7px;}

.lesson_time_list li{padding: 17px 23px;position: relative;}
.lesson_time_list li.on{background:#f6fbff;}
.lesson_time_list .lesson_type{font-size: 16px;color: #000;}
.lesson_time_list em{font-size: 16px;color: #555;}
.lesson_time_list .icon_box{top: 15px;}
.lesson_time_list .course_time{margin-top: -4px;}
.lesson_time_list .time_icon{margin-top: -7px;}

.gs_tips_success {display: inline-block;background: url(../images/shopping_mall_v3/icon_tips_success.png) no-repeat;width: 40px;height: 40px;}
.pub-tips-box .tips-box-txt .gs_tips_success {position: absolute;left: 0;top: 2px;}
/* 课程详情页 */
.exp_info.w878{width: 878px;}
.term.bodt{position: relative;}
.term.bodt::before{position: absolute;display: block;content: "";width: 869px;height: 1px;background: #f0f0f0;top: -15px;left: 7px;}
/* .term.bodt{border-top: 1px solid #f0f0f0;width: 869px;} */
.join .join_btn{display: inline-block;width: 134px;height: 38px;line-height: 38px;text-align: center;background: #309aeb;border: 1px solid #309aeb;color: #fff;border-radius: 3px;margin-top: -15px;}
.join .join_btn:hover{border-color: #0989eb;background: #0989eb;}
.join .study_num{font-size: 14px;color: #555;margin-top: 5px;}
.person_num .less_num{font-size: 14px;color: #ff6c72;margin-top: 35px;margin-right: 34px;}

.left_Box{width: 800px;}
.left_Box .sortBox{line-height: 48px;background: #fff;padding: 10px 20px 20px 30px;}
.left_Box .sortBox .itemList a.on, .left_Box .sortBox .itemList a:hover{border-bottom: 3px solid #38a4ff;margin-bottom: -3px;line-height: 44px;color: #38a4ff;}
.left_Box .sortBox .itemList a{display: inline-block;color: #555;padding: 0 8px;margin-right: 10px;font-size: 18px;}
.lp_Container{margin-top: 22px;}
.type_Tit{font-size: 18px;color: #3e3e3e;padding-left: 30px;padding-top: 15px;padding-bottom: 15px;}

/* 右边部分 */
.right_box{width: 380px;}
.lp_f_classDetail dt{padding-left: 30px;border-top: 1px solid #f0f0f0;background: #fff;height: 58px;}
.lp_f_classDetail dt .Type_title{font-size: 14px;color: #222;margin-left: 20px;height: 58px;line-height: 58px;display: inline-block;}
.lp_f_classDetail dt .Type_title em{color: #888;}
.lp_f_classDetail dt .manage_btn{display: inline-block;width: 102px;height: 30px;line-height: 30px;text-align: center;color: #309aeb;border: 1px solid #309aeb;border-radius: 4px;vertical-align: middle;margin-top: 13px;}
.lp_f_classDetail dt .see{color: #f8982a;font-size: 14px;margin-top: 17px;}
.lp_f_classDetail dt .icon_type{margin-right: 20px;}
.lp_f_classDetail dt .see{display: inline-block;width: 22px;height: 22px;vertical-align: middle;margin-left: 6px;}
.lp_f_classDetail dt .see.play_icon{background: url(../images/shopping_mall_v3/video.svg) no-repeat center center;}
.lp_f_classDetail dt .see.word_icon{background: url(../images/shopping_mall_v3/doc.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.default_icon{background: url(../images/shopping_mall_v3/default.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.doc_icon{background: url(../images/shopping_mall_v3/doc.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.html_icon{background: url(../images/shopping_mall_v3/html.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.image_icon{background: url(../images/shopping_mall_v3/image.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.img_icon{background: url(../images/shopping_mall_v3/image.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.jpg_icon{background: url(../images/shopping_mall_v3/jpg.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.mp3_icon{background: url(../images/shopping_mall_v3/mp3.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.music_icon{background: url(../images/shopping_mall_v3/music.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.pdf_icon{background: url(../images/shopping_mall_v3/pdf.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.txt_icon{background: url(../images/shopping_mall_v3/txt.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.unknown_icon{background: url(../images/shopping_mall_v3/unknown.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.video_icon{background: url(../images/shopping_mall_v3/video.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.ppt_icon{background: url(../images/shopping_mall_v3/ppt.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.xls_icon{background: url(../images/shopping_mall_v3/xls.svg) no-repeat center center;background-size: 100% 100%;}
.lp_f_classDetail dt .see.zip_icon{background: url(../images/shopping_mall_v3/zip.svg) no-repeat center center;background-size: 100% 100%;}













.left_Box .lp_f_classDetail dt:nth-child(2n){background: #fcfcfc;}

.lp_f_classDetail dd{background:#f8f8f8;padding:25px 20px 30px;display:none}
.lp_f_classDetail dd .gs_tit{font-size:16px;color:#222;font-weight:normal;}
.gs_f_upBtn1{display:inline-block;vertical-align:middle;padding:0 25px 0 61px;border:2px solid #26bc8c;border-radius:5px;height:38px;line-height:38px;font-size:16px;color:#26bc8c;background:#fff url(../images/shopping_mall_v3/icons_up1.png) no-repeat 23px center;}
.gs_f_upBtn2{display:inline-block;vertical-align:middle;padding:0 25px 0 61px;border:2px solid #309aeb;border-radius:5px;height:38px;line-height:38px;font-size:16px;color:#309aeb;background:#fff url(../images/shopping_mall_v3/icons_up2.png) no-repeat 23px center;}
.gs_f_resBox{border:1px solid #e5e5e5;border-bottom:none;background:#fff;}
.gs_f_resBox li{border-bottom:1px solid #e5e5e5;height:49px;line-height:49px;font-size:14px;color:#999;position:relative}
.gs_f_resBox li.gs_cateLi{color:#444;}
.gs_f_resBox li .name{padding:0 20px;display:inline-block;vertical-align:middle;width:180px;overflow:hidden;}
.gs_f_resBox li .size{padding:0 20px;display:inline-block;vertical-align:middle;width:60px;overflow:hidden;}
.gs_f_resBox li .time{padding:0 20px;display:inline-block;vertical-align:middle;width:85px;overflow:hidden;}
.gs_f_resBox li .from{padding:0 20px;display:inline-block;vertical-align:middle;width:100px;overflow:hidden;}
.gs_f_resBox li .progress{padding:0 20px;display:inline-block;vertical-align:middle;width:60px;overflow:hidden;}
/*.gs_f_resBox li .operate{padding:0 20px;display:inline-block;vertical-align:middle;}*/
.gs_f_resBox li .gs_f_progress{display:block;height:100%;top:0;left:0;background:#eef8ff;}
.gs_f_resBox li .gs_f_resTxt{position:absolute;}
.common_btn{display: inline-block;width: 100px;height: 35px;line-height: 35px;border-radius: 4px;text-align: center;color: #fff;font-size: 14px;background: #309aeb;}
.common_btn:hover{background: #0989eb;text-decoration: none;}
.common_btn.disabled{background: #dfdfdf;}
.common_btn.disabled:hover{background: #dfdfdf;}
.common_btn.white{background: #fff;border: 1px solid #309aeb;width: 98px;height: 33px;line-height: 33px;color: #309aeb;}
.common_btn.white:hover{background: #d3ebfd;}
.gs_w_btn1{display:inline-block;vertical-align:middle;width:125px;height:40px;line-height:40px;border-radius:20px;text-align:center;background:#0989eb;font-size:18px;color:#fff;}
.gs_w_btn2{display:inline-block;vertical-align:middle;width:125px;height:40px;line-height:40px;border-radius:20px;text-align:center;background:#cecece;font-size:18px;color:#fff;}
.w_gs_resList{max-height:400px;overflow-y:auto;padding-right:20px;}
.w_gs_resList ul li{border:1px solid #ddd;border-radius:4px;position:relative;height:38px;line-height:38px;padding-left:10px;margin-bottom:10px;padding-right:50px;width:450px;overflow:hidden;cursor:pointer;}
.w_gs_resList ul li .icon_select{position:absolute;width:14px;height:14px;background:url(../images/EduMall/gs_right.png) no-repeat center center;right:30px;top:13px;display:none;}
.w_gs_resList ul li.select{border-color:#0989eb;background:#e6f3fd;}
.w_gs_resList ul li.select .icon_select{display:block;}

.w_gs_checkres .treeBox .ztree2{width:180px;margin-top:0;height:378px;}
.d-mask{background: #000;filter: alpha(opacity=50);opacity: 0.7;}

.right_box{width: 380px;}
.update_box .left_time{display:inline-block;width: 19px;height: 20px;background:url(../images/shopping_mall_v3/left_time.png) no-repeat center center;vertical-align: middle;margin-top: 3px;margin-right: 10px; }
.update_box p{font-size: 16px;color: #9b9b9b;display: inline-block;vertical-align: middle;}
.update_box p span{color: #222;}
.update_box .update_box_top{padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #f0f0f0;}
.update_box_bot{padding-top: 15px;padding-bottom: 22px;padding-left: 55px;}
/* .person_info{width: 380px;height: 382px;background: url(../images/shopping_mall_v3/bg2.png) no-repeat;box-sizing: border-box;} */
.lp_person_info{box-shadow: 0 5px 14px rgba(0,0,0,0.06);width: 380px;height: 382px;}
.lp_person_info .picwrap{float: left;width: 380px;height: 100%;/* background: url(../images/EduMall/pic_video.jpg); */text-align: center;color: #fff;position: relative;overflow: hidden;}
.lp_person_info .picwrap .banner-showArea{height: 100%;border-radius: 4px 0 0 4px;}
.lp_person_info .picwrap .banner-btn.ready{opacity: 0.8;filter: alpha(opacity=80);}
.lp_person_info .picwrap .banner-btn.ready:hover{opacity: 1;filter: alpha(opacity=100);}
.lp_person_info .picwrap .banner-btn{position: absolute;width: 9px;height: 16px;display: inline-block;}
.lp_person_info .picwrap .banner-btn.prev{background: url(../images/shopping_mall_v3/arr_left.png) no-repeat center center;top: 30px;left: 20px;}
.lp_person_info .picwrap .banner-btn.next{background: url(../images/shopping_mall_v3/arr_right.png) no-repeat center center;top: 30px;right: 20px;}
.lp_person_info .picwrap .banner-index li{border: 1px solid #fff;}
.lp_person_info .picwrap .moveBox{position: absolute;height: 100%;white-space: nowrap;font-size: 0;}
.lp_person_info .picwrap .moveBox li{display: inline-block;height: 100%;background: url(../images/shopping_mall_v3/bg2.png) no-repeat;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
.lp_person_info .picwrap .moveBox li p{position: relative;}
.lp_person_info .picwrap .moveBox .filter-mask{position: absolute;left: 0;top: 0;right: 0;bottom: 0;filter: alpha(opacity=30);}
.header_img img{margin-top: 20px;width: 80px;height: 80px;border: 3px solid #fff;border-radius: 50%;}
.header_img .header_name{font-size: 20px;color: #222;margin-top: 8px;}
.header_img .header_school{display: inline-block;width: 142px;height: 24px;line-height: 24px;text-align: center;font-size: 15px;color: #282828;border: 1px solid #f0f0f0;border-radius: 25px;background: #f6f6f6;margin-top: 10px;}
.header_tradocus{margin-top: 15px;border-top: 1px solid #f0f0f0;padding-top: 13px;}
.header_tradocus p{font-size: 16px;color: #a9a9aa;text-align: left;line-height: 25px;white-space: normal;height: 150px;width:340px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}


.study_Box .study_title span{font-size: 18px;color: #222;}
.study_Box .study_title .right_icon{display: inline-block;width: 8px;height: 14px;background: url(../images/shopping_mall_v3/right_icon.png) no-repeat center center;vertical-align: middle;margin-right: 12px;margin-top: 3px;}
.study_title{padding-top: 11px;padding-bottom: 11px;border-bottom: 1px solid #f0f0f0;}
.person_list{margin-left: -22px;padding-left: 21px;padding-right: 21px;}
.person_list li{float: left;text-align: center;margin-top: 20px;margin-left: 19px;}
.person_list li img{display: inline-block;width: 50px;height: 50px;border-radius: 7px;}
.person_list li p{font-size: 16px;color: #222;margin-top: 12px;}
.study_Box .study_title .more_Icon{display: inline-block;width: 25px;height: 5px;background: url(../images/shopping_mall_v3/more_Icon.png) no-repeat center center;vertical-align: middle;margin-right: 20px;margin-top: 8px;cursor: pointer;}
.pj_list{padding-left: 20px;padding-right: 24px;}
.pj_list .pj_list_li{margin-top: 20px;}
.pj_list .pj_list_li .person_img{display: inline-block;width: 50px;height: 50px;border-radius: 7px;}
.pj_list .pj_list_li .assess_box{margin-left: 50px;padding-left: 13px;}
.pj_list .pj_list_li .assess_box .assess_name{font-size: 12px;color: #555;}
.pj_list .pj_list_li .assess_box .date{font-size: 12px;color: #555;}
.pj_list .pj_list_li .assess_box .date .date_icon{display: inline-block;width: 17px;height: 17px;background: url(../images/shopping_mall_v3/shijian.png) no-repeat center center;vertical-align: middle;margin-right: 5px;}
.assess_top{height: 25px;}
.star_wrap .star_list{margin-left: -9px;}
.star_wrap .star_list li{float: left;width: 19px;height: 20px;margin-left: 9px;}
.star_wrap .star_list li .star_icon{display: inline-block;width: 19px;height: 20px;background: url(../images/shopping_mall_v3/star1.png) no-repeat center center;vertical-align: middle;}
.groom_Box{margin-top: 20px;}
.groom_Box .groom_title{padding: 12px 20px;font-size: 18px;color: #222;border-bottom: 1px solid #f0f0f0;box-sizing: border-box;}
.groom_Box .tj_list{padding: 31px 19px 39px 19px;box-sizing: border-box;margin-left: -26px;}
.groom_Box .tj_list li:hover{box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}
.groom_Box .tj_list li{float: left;width: 271px;height: 207px;margin-left: 26px;}
.groom_Box .tj_list li .tj_top{width: 271px;height: 134px;position: relative;border-radius: 5px 5px 0 0;}
.groom_Box .tj_list li .tj_top .visited{display: inline-block;position: absolute;left: 0;bottom: 0px;height: 28px;line-height: 28px;width: 100%;color: white;background: rgba(136, 136, 137,0.7);font-size: 14px}
.groom_Box .tj_list li .tj_top .visited .visited_num{color: #ffc400;margin-right: 3px;}
.groom_Box .tj_list li .tj_top img{width: 271px;height: 134px;border-radius: 5px 5px 0 0;}
.groom_Box .tj_list li .zhuanti{font-size: 18px;color: #000;padding-left: 10px;padding-right: 20px;line-height: 25px;margin-top: ;}


/* 课程介绍 */
.left_Box .person_rescose{font-size: 14px;color: #555;padding-left: 30px;padding-top: 18px;padding-bottom: 18px;}
.left_Box .bort{border-top: 1px solid #f0f0f0;}
.left_Box .summary_rescose{font-size: 14px;color: #555;padding: 18px 20px 20px 30px;box-sizing: border-box;}
.left_Box .study_rescose{padding: 0 20px 30px 30px;box-sizing: border-box;}
.left_Box .study_rescose .study_rescose_list{margin-top: 19px;}
.left_Box .study_rescose .study_rescose_list li{font-size: 12px;color: #888;line-height: 20px;}
.left_Box .study_rescose .study_rescose_list li.c3e3e3e{color: #3e3e3e;}

/* 课程作业 */
.left_Box .home_work_list{padding: 0 20px 20px 20px;box-sizing: border-box;}
.left_Box .home_work_list li{padding: 20px 20px 20px 15px;box-sizing: border-box;}
.left_Box .home_work_list li:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.1);cursor: pointer; }
.left_Box .home_work_list li .home_img_box{width: 150px;height: 99px;border-radius: 5px;position: relative;}
.left_Box .home_work_list li img{width: 150px;height: 99px;border-radius: 5px;}
.left_Box .home_work_list li .home_work_rescose{margin-left: 150px;height:99px;padding-left: 18px;}
.home_work_rescose .home_top{height: 64px;}
.home_work_rescose .home_top p{font-size: 18px;color: #222;width: 457px;height: 64px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.home_work_rescose .home_butm{padding-top: 14px;box-sizing: border-box;}
.home_work_rescose .home_butm .home_rescose{font-size: 14px;color: #555;}
.home_work_rescose .home_butm .home_time{font-size: 14px;color: #888;margin-left: 120px;}
.home_work_rescose .home_butm .home_time i{color: #555;}
.home_work_list li .home_img_box p{font-size: 14px;color: #222;width: 130px;height: 24px;line-height: 24px;text-align: center;background:rgba(255,255,255,0.8);border-radius: 4px;position: absolute;bottom: 10px;left: 50%;margin-left: -65px;}
.home_work_list li .course_time i{float: left;}
.lp_exp .code_box span{font-size: 14px;color: #555;margin-right: 15px;vertical-align: middle;}
.lp_exp .code_box .code_img{margin-top: -5px;}

/* 教辅 */
.teacher_List li{height: 48px;line-height: 48px;border-top: 1px solid #f0f0f0;}
.teacher_List li .book_box{font-size: 12px;color:#5b8ed1;margin-left: 16px; }
.teacher_List li .img_icon{width: 16px;height: 16px;vertical-align: middle;display: inline-block;margin-right: 10px;margin-top: -4px;}
.teacher_List li .img_icon.word_icon{background:url(../images/shopping_mall_v3/word_icon.png) no-repeat center center; }
.teacher_List li .img_icon.ppt_icon{background:url(../images/shopping_mall_v3/ppt_icon.png) no-repeat center center;}

.teacher_List li .down_box{font-size: 12px;color: #555;margin-right: 30px;position: relative;}
.teacher_List li .down_box .down_icon{display: inline-block;width: 32px;height: 32px;vertical-align: middle;background:url(../images/shopping_mall_v3/down_icon.png) no-repeat center center;margin-left: 40px;margin-top: -4px;cursor: pointer;}
.teacher_List li .down_box .down_icon:hover{display: inline-block;width: 32px;height: 32px;background: url(../images/shopping_mall_v3/bg_down.png) no-repeat center center}
/* .teacher_List li .down_box .bg_dowm_icon{display: inline-block;width: 32px;height: 32px;background: url(../images/shopping_mall_v3/bg_down.png) no-repeat center center;position: absolute;top: 8px;right: -6px;} */

/* 讨论区 */
.lp_exp .see_box{border: 1px solid #f0f0f0;border-radius: 4px;width: 134px;height: 33px;line-height: 33px;position: relative;cursor: pointer;}
.lp_exp .see_box .bg_img{width: 200px;height: 200px;position: absolute;top: 35px;left: 50%;margin-left: -100px;z-index: 99;display: none;}
.lp_exp .see_box:hover{}
.lp_exp .see_box span{font-size: 14px;color: #555;vertical-align: top;margin-top: -4px;margin-left: 8px;margin-right: 12px;}
.lp_exp .see_box .small_img{display: inline-block;width: 22px;height: 21px;background: url(../images/shopping_mall_v3/small_img.png) no-repeat center center;vertical-align: middle;margin-top: -4px;}
.lp_exp .see_box .down_lode{display: inline-block;width: 12px;height: 7px;background: url(../images/shopping_mall_v3/down_lode.png) no-repeat center center;vertical-align: middle;margin-top: -4px;margin-left: 10px;}
.left_Box .discuss{font-size: 14px;color: #888;padding-left: 22px;padding-top: 10px;padding-bottom: 10px;box-sizing: border-box;}
.left_Box .select_box{padding-left: 22px;padding-top: 15px;padding-bottom: 10px;box-sizing: border-box;}
.left_Box .select_box .lesson_name{font-size: 16px;color: #444;margin-right: 10px;}
.left_Box .select_box .discuss_btn{display: inline-block;width: 82px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #309aeb;border: 1px solid #309aeb;border-radius: 4px;vertical-align: middle;margin-left: 10px;}
.left_Box .select_box .discuss_btn:hover{background: #ecf7f7;}

.lp_exp .see_box:hover .down_lode {background: url(../images/shopping_mall_v3/up_lode.png) no-repeat center;}
/* 评论区 */
.comment_box .comment_list .showUp{font-size: 14px;color: #888;vertical-align: middle;margin-right: 20px;margin-top: 1px;}
.comment_box .comment_list{padding-left: 22px;padding-right: 22px;box-sizing: border-box;}
.comment_box .comment_list li{padding-bottom: 30px;padding-top: 25px;}
.comment_list .discuss_img{width: 73px;height: 73px;float: left;border-radius: 50%;}
.discuss_r{padding-left: 96px;}
.discuss_r p .author_name{color: #38a4ff;font-size: 20px;}
.discuss_r p .time{font-size: 14px;color: #888;}
.discuss_r .discuss_rescose{padding: 15px 20px 20px 15px;border: 1px solid #f0f0f0;background: #fcfcfc;margin-top: 10px;margin-bottom: 20px;font-size: 14px;color: #888;}
/* 评论回复 */
.answer_icon .kcsq_i1_huifu{display: inline-block;width: 17px;height: 15px;background:url(../images/shopping_mall_v3/answer_icon.png) no-repeat center center;vertical-align: middle;margin-right: 8px; margin-top: 2px;}
.answer_icon .huifu{font-size: 14px;color: #888;vertical-align: middle;margin-right: 18px;}
.answer_icon .kcsq_i1_rm{display: inline-block;width: 20px;height: 13px;background: url(../images/shopping_mall_v3/look_icon.png) no-repeat center center;vertical-align: middle;margin-right: 6px;}
.answer_icon .delet{font-size: 14px;color: #979797;vertical-align: middle;}
.answer_icon .course_time i{float: left;}
/* .left_Box{box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);} */

/* 修改评论区 */
/* .unfold_box .edidiv{display: table-cell;} */
.unfold_box{padding-left: 40px;}
.unfold_box dd{padding-bottom: 10px;border-bottom: 1px solid #f0f0f0;margin-top: 15px;}
.unfold_box .edi_top{font-size: 14px;color: #888;}
.unfold_box .edi_top .edi_name{color: #23398d;}
.edi_bot p{font-size: 14px;color:#888; }
.edi_bot div a{font-size: 14px;color: #888;}
.face_box .lp_hqtext.Smohan_text{width: 598px;height: 30px!important;}
.face_box .tjiao a{font-size: 14px;color: #888;} 
/* 发起讨论 */
.left_Box .Show{font-size: 14px;color: #888;padding-left: 22px;padding-top: 20px;padding-bottom: 25px;}
.left_Box .Show a{font-size: 14px;color: #888;}
.left_Box .Show a:hover{color: #288add;}
.edit_Box span, .delete_Box span{font-size: 14px;color: #888;vertical-align: middle;}
.delete_Box .delete_icon{display: inline-block;width: 20px;height: 20px;background: url(../images/shopping_mall_v3/delete_icon.png) no-repeat center center;vertical-align: middle;margin-right: 10px;}
/* .answer_box{border-top: 1px solid #f0f0f0;padding-top: 20px;} */
.answer_box{padding-top: 20px;}
.answer_box .answer_num{font-size: 14px;color: #222;}
.edit_Box .edit_icon{display: inline-block;width: 20px;height: 20px;background: url(../images/shopping_mall_v3/edit_icon.png) no-repeat center center;vertical-align: middle;margin-right: 10px;}
.plun_box a i{display: inline-block;width: 17px;height: 15px;background: url(../images/shopping_mall_v3/answer_icon.png) no-repeat center center;vertical-align: middle;}
.plun_box a span{font-size: 14px;color: #888;vertical-align: middle;margin-left: 5px;}
.lp_hqtext.Smohan_text{border-radius: 0;box-shadow: none;width: 638px;border: 1px solid #f0f0f0;background: #fcfcfc;height: 57px;margin-top: 10px;}
.answer_btn{display: inline-block;width: 60px;height: 26px;line-height: 26px;text-align: center;border: 1px solid transparent;border-radius: 3px;background: #38a4ff;color: #fff;}
.answer_btn.blue_Btn:hover{background: #0989eb;border: 1px solid #0989eb;}
.answer_btn.guy_Btn{color:#fefefe;font-size: 14px;border-color: #cfcfcf;background: #cfcfcf; }
.answer_btn.guy_Btn:hover{border: 1px solid #bfbfbf;background: #bfbfbf;}
.bodbt{border-bottom: 1px solid #f0f0f0;}
.lp_huifu{padding-left: 22px;padding-right: 22px;box-sizing: border-box;}
.lp_huifu p{font-size: 14px;color: #222;padding-top: 20px;padding-bottom: 8px;}
.lp_huifu .lp_hqtext.Smohan_text{width: 735px;}
.left_Box .fabu{padding-left: 22px;padding-right: 22px;}
.join .study_num.mgt30{margin-top: 30px;}

/* 规则 */
.lp_right_box.right_box{padding: 26px 20px 20px 18px;box-sizing: border-box;min-height: 952px;}
.lp_right_box .rule_title{font-size: 22px;color: #38a4ff;font-weight: normal;font-style:normal;padding-left: 9px;border-left: 3px solid #38a4ff;line-height: 22px;}
.lp_rule{margin-top: 30px;border-top: 1px solid #f0f0f0;font-size: 14px;color: #555;}
.lp_rule h3{font-size: 14px;color: #222;font-weight: normal;font-style: normal;margin-top: 20px;margin-bottom: 15px;}

/* 发起讨论页 */
.left_Box .Show a.c222{color: #222;}
.left_Box .c309aeb{font-size: 14px;}
.lp_texarea{padding-left: 22px;padding-right: 22px;box-sizing: border-box;}
.lp_texarea .them_title{font-size: 16px;color: #3e3e3e;}
.left_Box .dis_Btn{padding-left: 22px;padding-top: 22px;box-sizing: border-box;}
.left_Box.pdb310{padding-bottom: 310px;}

/* 首页改造 */
.lp_item{position: relative;}
.lp_item .item-homeNav{position: absolute;z-index: 99;left: 0;top: 0;}

/* 课程列表页 */
.qjf_searlist{ display:block;zoom:1; overflow:hidden;border-radius: 4px;font-size: 14px;margin-top: 30px;}
.qjf_searlist ul{ float: left; width:100%;}
.qjf_searlist li{ border-bottom:1px solid #f0f0f0; padding:13px 0px; position:relative; float:left; width:100%;line-height: normal;padding-left: 10px;box-sizing: border-box;}
.qjf_searlist li.last { border-bottom: 0;}
.qjf_searlist li.last p{margin: 0px 15px 0px 55px;}
.qjf_searlist li.last p .lesson_num{font-size: 12px;color: #555;margin-top: 8px;}
.qjf_searlist li label{ float:left; width:55px; display:block; margin-top:4px; text-align:left; color:#222;position: relative;zoom: 1;}
.qjf_searlist li p{ margin:0px 60px 0px 55px; overflow:hidden;position: relative;zoom: 1;height: auto;}
.qjf_searlist li p.hide{ height:27px;}
.qjf_searlist li p a{display:inline-block; height:28px; line-height:28px; padding:0px 8px; overflow:hidden; color:#555; margin:0 10px 5px 10px;border-radius: 4px;border: 0;}
.qjf_searlist li p a.on, .qjf_searlist li p a:hover{ background:#38a4ff; text-decoration:none; overflow:hidden;color: #fff;border: 0;}
.qjf_searlist li em{  display:none;cursor:pointer; position: absolute; top: 5px; right: 10px; height: 22px;line-height: 22px; padding: 0px 18px 0 7px; overflow: hidden; color:#888; margin: 12px 5px 1px; background: url(../images/EduMall/icon_updown2.png) no-repeat right 10px; }
.qjf_searlist li em.up{background: url(../images/EduMall/icon_updown2.png) no-repeat right -12px;}
.qjf_searlist li.hide em{display: inline-block; }
.lp_common_list.zq_common_list{margin-left: -24px;margin-top: -23px;}
.lp_common_list.zq_common_list .zq_common_item{height: 217px;margin-top: 23px;box-shadow: none;}
.lp_common_list.zq_common_list .text_ellipsis{-webkit-line-clamp: 1;}
.lp_common_list.zq_common_list .zq_common_item:first-child{margin-left: 24px;}
/* .lp_common_list.zq_common_list .zq_common_item:hover{margin-top: -10px;} */
/* zq start */
/* 同步课堂 */
.lp_course.zq_course .sync_schedule{margin-top: 85px;}
/* .lp_schedule {width: 1200px;height: 217px;overflow: hidden;position: relative;}
.lp_schedule .icon_btn{position: absolute;top: 50%;z-index: 99;display: inline-block;width: 16px;height: 32px;background-size: 4px auto;margin-top: -16px;}
.lp_schedule .icon_btn:hover{background-color: #4083ff!important;}
.lp_schedule .icon_btn.icon_left{border-radius: 0 16px 16px 0;background: rgba(0, 0, 0, 0.5) url(../images/shopping_mall_v3/icon_right.png) center no-repeat;left: 1px;}
.lp_schedule .icon_btn.icon_right{right: 1px;border-radius: 16px 0 0 16px;background: rgba(0, 0, 0, 0.5) url(../images/shopping_mall_v3/icon_left.png) center no-repeat;}
.lp_schedule .wraper{position: absolute;left: 0;right: 0;width: 1200px;height: 217px;overflow: hidden;}
.lp_schedule .wraper .lp_list{position: absolute;left: 0;right: 0;} */
.zq_course {
  width: 100%;
  /* height: 902px; */
  /* _height: 902px; */
  background: #fff url('../images/shopping_mall_v3/sync_coursebg.png') left 10% no-repeat;
  background-size: 100% auto;
}
.zq_course .sync_class {
  padding-top: 75px;
  /* height: 440px; */
}
.zq_course .sync_class .con_top {
  position: relative;
  height: 191px;
}
.zq_course .sync_class .con_top .left {
  padding-left: 9px;
  width: 297px;
  overflow-x: hidden;
}
.zq_course .sync_class .con_top .left .title {
  font-size: 42px;
  font-weight: normal;
  color: #555;
  line-height: 1em;
}
.zq_course .sync_class .con_top .left .join_num {
  margin: 25px 0 22px 0;
  display: block;
  width: 192px;
  height: 26px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 26px;
  border-radius: 13px;
  background-image: linear-gradient(90deg, #4083ff 0%, #43a6ff 61%, #45c8ff 100%);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.11);
}
.zq_course .sync_class .con_top .left .txt {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  color: #888888;
}
.zq_course .sync_class .con_top .right {
  position: relative;
  width: 894px;
  height: 160px;
  overflow: hidden;
}
.zq_course .sync_class .con_top .right .icon_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  display: inline-block;
  width: 16px;
  height: 32px;
  background-size: 4px auto;
}
.zq_course .sync_class .con_top .right .icon_btn:hover {
  background-color: #4083ff;
}
.zq_course .sync_class .con_top .right .icon_left {
  left: 0;
  border-radius: 0 16px 16px 0;
  background: rgba(0, 0, 0, 0.5) url(../images/shopping_mall_v3/icon_right.png) center no-repeat;
}
.zq_course .sync_class .con_top .right .icon_right {
  right: 0;
  border-radius: 16px 0 0 16px;
  background: rgba(0, 0, 0, 0.5) url(../images/shopping_mall_v3/icon_left.png) center no-repeat;
}
.zq_course .sync_class .con_top .right .wraper {
  position: absolute;
  left: 0;
  right: 0;
  width: 894px;
  height: 160px;
  overflow: hidden;
}
.zq_course .sync_class .con_top .right .sync_class_list {
  position: absolute;
  left: 0;
  top: 5px;
}
.zq_course .sync_class .con_top .right .sync_class_list .item {
  margin-left: 21px;
}
.zq_course .sync_class .con_top .right .sync_class_list .item:first-child {
  margin-left: 0;
}
.zq_course .sync_class .con_top .right .sync_class_list .item_link {
  position: relative;
  display: block;
  padding: 0 15px;
  width: 252px;
  height: 153px;
  border-radius: 4px;
  border: solid 1px #f0f0f0;
  background-color: #fff;
}
.zq_course .sync_class .con_top .right .sync_class_list .item_link .tea_photo {
  position: absolute;
  left: 15px;
  top: -5px;
  z-index: 1;
  width: 40px;
  height: auto;
  border: 0 none;
  border-radius: 20px;
  object-fit: fill;
}
.zq_course .sync_class .con_top .right .sync_class_list .item_link .from {
  padding: 13px 0 21px 51px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  line-height: 1em;
}
.zq_course .sync_class .con_top .right .sync_class_list .item_link .from span {
  color: #bbb;
}
.zq_course .sync_class .con_top .right .sync_class_list .item_link .done {
  position: absolute;
  right: 15px;
  bottom: 16px;
  z-index: 5;
  display: inline-block;
  width: 65px;
  height: 24px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.14);
}
.zq_course .sync_class .con_top .right .item_center .ad {
  width: 107px;
  height: auto;
  object-fit: fill;
}
.zq_course .sync_class .con_top .right .item_center .desc {
  margin-left: 13px;
  width: 130px;
  height: 53px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  color: #555555;
}
.zq_course .sync_class .con_top .right .item_btm {
  padding-top: 13px;
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  color: #888;
}
.zq_course .sync_class .con_bottom {
  width: 100%;
  height: 162px;
  font-size: 0;
}
.zq_course .sync_class .con_bottom .course_link {
  float: left;
  margin-left: 24px;
}
.zq_course .sync_class .con_bottom .course_link:first-child {
  margin-left: 0;
}
.zq_course .sync_class .con_bottom .course_link .link {
  display: block;
  width: 100%;
  height: 100%;
}
.zq_course .sync_class .con_bottom .course_link .link img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.zq_course .sync_schedule .schedule_title {
  font-size: 24px;
  font-weight: normal;
  line-height: 1em;
  color: #555555;
}
.zq_course .sync_schedule .date_list_box {
  margin: 15px 0;
  padding: 4px 0;
  width: 100%;
  overflow: hidden;
  background-color: #fafafa;
  border-radius: 18px;
  border: solid 1px #f1f1f1;
}
.zq_course .sync_schedule .date_list_box .date_list {
  width: 9999px;
  overflow: hidden;
  white-space: nowrap;
}
.zq_course .sync_schedule .date_list_box .date_list .date_item {
  display: inline-block;
  margin-left: 12px;
  padding: 0 12px;
  height: 28px;
  background-color: transparent;
  border-radius: 14px;
  font-size: 14px;
  line-height: 28px;
}
.zq_course .sync_schedule .date_list_box .date_list .date_item .date {
  color: #555;
}
.zq_course .sync_schedule .date_list_box .date_list .date_item .num {
  color: #bbb;
}
.zq_course .sync_schedule .date_list_box .date_list .date_item.active {
  background-color: #45b2ff;
}
.zq_course .sync_schedule .date_list_box .date_list .date_item.active .date {
  color: #fff;
}
.zq_course .sync_schedule .date_list_box .date_list .date_item.active .num {
  color: #fff;
}
.zq_course .sync_schedule .schedule_list {
  width: 100%;
}
.zq_course .sync_schedule .schedule_list .schedule_item {
  height: 215px;
}
.zq_course .sync_schedule .schedule_list .schedule_item .desc {
  padding: 15px 16px 0;
  line-height: 16px;
}
.teacher_course {
  width: 100%;
  height: 623px;
  background-color: #f5f7fa;
}
.teacher_course .tea_con {
  padding-top: 43px;
}
.teacher_course .tea_con .tea_top {
  position: relative;
  padding-right: 10%;
  overflow: hidden;
}
.teacher_course .tea_con .tea_top .title {
  width: 200px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  color: #555;
}
.teacher_course .tea_con .tea_center {
  margin-top: 20px;
}
.teacher_course .co_tea {
  margin-top: 70px;
}
.teacher_course .co_tea .title {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
  color: #555;
}
.teacher_course .co_tea .tea_list .tea_item {
  float: left;
  margin-left: 13px;
}
.teacher_course .co_tea .tea_list .tea_item:first-child {
  margin-left: 0;
}
.teacher_course .co_tea .tea_list .tea_item .tea_link {
  position: relative;
  display: block;
  padding: 15px 16px 0;
  width: 255px;
  height: 99px;
  background-color: #fff;
  box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  border: solid 1px #f0f0f0;
}
.teacher_course .co_tea .tea_list .tea_item .tea_link:hover {
  border-color: #4083ff;
}
.teacher_course .co_tea .tea_list .tea_item .tea_link .label {
  position: absolute;
  right: 18px;
  top: 0;
  transform: translateY(-50%);
  display: inline-block;
  padding: 0 10px;
  height: 26px;
  background-image: linear-gradient(90deg, #4083ff 0%, #43a6ff 61%, #45c8ff 100%), linear-gradient(#ffffff, #ffffff);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.11);
  border-radius: 13px;
  font-size: 14px;
  font-weight: normal;
  line-height: 26px;
  color: #fff;
}
.teacher_course .co_tea .tea_list .tea_item .tea_link .tea_photo {
  width: 84px;
  height: 84px;
  border: 0 none;
  object-fit: fill;
  overflow: hidden;
}
.teacher_course .co_tea .tea_list .tea_item .tea_link .tea_detail {
  margin-left: 16px;
  padding-top: 21px;
}
.teacher_course .co_tea .tea_list .tea_item .tea_link .tea_detail .workshop {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: #444;
}
.teacher_course .co_tea .tea_list .tea_item .tea_link .tea_detail .subject {
  padding-top: 9px;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  color: #888;
}
.school_course {
  width: 100%;
  height: 696px;
  background-color: #fff;
}
.school_course .sch_course_con {
  padding-top: 43px;
}
.school_course .sch_top {
  position: relative;
  padding-right: 10%;
  overflow: hidden;
}
.school_course .sch_top .title {
  width: 200px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  color: #555;
}
.school_course .sch_center {
  margin-top: 20px;
}
.school_course .sch_center .zq_common_item .top_link .bar {
  background: url('../images/shopping_mall_v3/bar_bg2.png') left top no-repeat;
}
.school_course .co_sch {
  margin-top: 70px;
}
.school_course .co_sch .title {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 25px;
  color: #222;
}
.school_course .co_sch .title:before {
  content: ' ';
  position: absolute;
  left: 35%;
  top: 50%;
  width: 100px;
  height: 2px;
  color: #e5e5e5;
  border-top: 2px solid #e5e5e5;
  transform-origin: top center;
  transform: scaleY(0.5);
}
.school_course .co_sch .title:after {
  content: ' ';
  position: absolute;
  right: 35%;
  top: 50%;
  width: 100px;
  height: 2px;
  color: #e5e5e5;
  border-top: 2px solid #e5e5e5;
  transform-origin: top center;
  transform: scaleY(0.5);
}
.school_course .co_sch .sch_badge_list {
  margin-top: 28px;
}
.school_course .co_sch .sch_badge_list .badge_item {
  float: left;
  margin-left: 55px;
  width: 114px;
  height: 200px;
  overflow: hidden;
}
.school_course .co_sch .sch_badge_list .badge_item:first-child {
  margin-left: 32px;
}
.school_course .co_sch .sch_badge_list .badge_item .badge_img {
  display: block;
  width: 114px;
  height: 114px;
  border-radius: 57px;
  object-fit: fill;
  overflow: hidden;
  border: 0 none;
}
.school_course .co_sch .sch_badge_list .badge_item .sch_name {
  margin-top: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 21px;
  color: #444;
}
.live_course {
  width: 100%;
  height: 810px;
  background-color: #f5f7fa;
}
.live_course .live_con {
  padding-top: 60px;
}
.live_course .live_con .live_top {
  position: relative;
  padding-right: 10%;
  overflow: hidden;
}
.live_course .live_con .live_top .title {
  width: 200px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  color: #555;
}
.live_course .live_con .live_center {
  margin-top: 20px;
}
.live_course .live_con .live_center .top_link .bar {
  width: 125px;
  background: url('../images/shopping_mall_v3/bar_bg3.png') left top no-repeat;
}
.live_course .live_con .live_center .top_link .type .status {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: inline-block;
  padding: 0 11px;
  height: 24px;
  background-color: #ff1a1a;
  font-size: 14px;
  font-weight: normal;
  color: #fafafa;
  opacity: 0.74;
}
.live_course .assign_con {
  padding-top: 60px;
}
.live_course .assign_con .assign_top {
  position: relative;
  padding-right: 10%;
  overflow: hidden;
}
.live_course .assign_con .assign_top .title {
  width: 200px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  color: #555;
}
.live_course .assign_con .assign_center {
  margin-top: 20px;
}
.zq_common_list .zq_common_item {
  position: relative;
  top: 0;
  float: left;
  margin-left: 24px;
  width: 280px;
  height: 234px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #f0f0f0;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.11);
  animation: all 1s ease;
}
/* .zq_common_list .zq_common_item:hover {
  top: -10px;
} */
.zq_common_list .zq_common_item:first-child {
  margin-left: 0;
}
.zq_common_list .zq_common_item .top_link {
  position: relative;
  display: block;
  width: 100%;
  height: 138px;
  overflow: hidden;
}
.zq_common_list .zq_common_item .top_link .link_img {
  border: 0 none;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.zq_common_list .zq_common_item .top_link .bar {
  position: absolute;
  left: 0;
  top: 9px;
  z-index: 1;
  padding-left: 10px;
  display: block;
  width: 108px;
  height: 30px;
  line-height: 30px;
  background: url('../images/shopping_mall_v3/bar_bg1.png') left top no-repeat;
  background-size: 108px auto;
  font-size: 14px;
  color: #fff;
}
.zq_common_list .zq_common_item .top_link .time {
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 1;
  width: 162px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  text-align: center;
  line-height: 26px;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
}
.zq_common_list .zq_common_item .top_link .type {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding-left: 17px;
  width: 263px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.35);
  line-height: 24px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}
.zq_common_list .zq_common_item .desc {
  padding: 15px 16px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #333;
}
.zq_common_list .zq_common_item .desc_active {
  padding: 0 21px 0 10px;
  line-height: 41px;
  font-size: 14px;
  color: #222;
}
.zq_common_list .zq_common_item .btm {
  margin-top: 10px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: normal;
  line-height: 17px;
  color: #999;
}
.zq_common_list .zq_common_item .btm_link {
  position: relative;
  padding-top: 11px;
  width: 100%;
  height: 47px;
  background-color: #fafafa;
  overflow: hidden;
}
.zq_common_list .zq_common_item .btm_link .more_icon {
  position: absolute;
  top: 24px;
  right: 13px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #ccc;
  transform: rotateZ(45deg);
}
.zq_common_list .zq_common_item .btm_link .left {
  margin: 0 14px 0 9px;
}
.zq_common_list .zq_common_item .btm_link .left .tea_photo {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  object-fit: fill;
  overflow: hidden;
}
.zq_common_list .zq_common_item .btm_link .right .top {
  font-weight: normal;
  font-size: 14px;
  line-height: 1em;
  color: #666;
}
.zq_common_list .zq_common_item .btm_link .right .btm {
  padding: 0;
  margin-top: 7px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1em;
  color: #999;
}
.common_more {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 4px;
  overflow: hidden;
  background: url('../images/shopping_mall_v3/more.png') left center no-repeat;
  background-size: 18px 4px;
}
.grade_list .grade_item {
  float: left;
  margin-left: 10px;
  padding: 0 14px;
  height: 28px;
  background-color: transparent;
  border-radius: 14px;
  font-size: 14px;
  color: #444;
  font-weight: normal;
  text-align: center;
  line-height: 28px;
}
.grade_list .grade_item:first-child {
  margin-left: 0;
}
.grade_list .grade_item.active {
  background-color: #45b2ff;
  color: #fff;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text_ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
/* zq end */


/* gs start */
/* 授课内容 start */
.term.bor_0::before {display: none;}
.gs_moduleWrap {border: 1px solid #f0f0f0;background: #fff;}
.gs_moduleWrap_01 {border: 1px solid #f5f5f5;background: #fff;}
.gs_moduleWrap_02 {background: #fbfbfb;border: 1px solid #f0f0f0;}
.gs_moduleWrap_03 {background: #f3f3f3;border: 1px solid #f0f0f0;}
.bor_be8e8e8 {border-bottom: 1px solid #e8e8e8;}
.bor_bd9d9d9 {border-bottom: 1px solid #d9d9d9;}
.bor_befefef {border-bottom: 1px solid #efefef;}
.bor_bf5f5f5 {border-bottom: 1px solid #f5f5f5;}
.bor_bf0f0f0 {border-bottom: 1px solid #f0f0f0;}
.c454545 {color: #454545;}
.bgf9f9f9 {background: #f9f9f9;}
.c309aeb {color: #309aeb;}
.c444 {color: #444;}
.c454545 {color: #454545;}
.c38a4ff {color: #38a4ff;}
.pdlr27 {padding-left: 27px;padding-right: 27px;}
.mgb40 {margin-bottom: 40px;}
.gs_courseIco {display: inline-block;height: 18px;line-height: 18px;vertical-align: middle;font-size: 14px;border: 1px solid #ffc400;border-radius: 5px;}
.gs_courseIco .gs_courseTit {display: inline-block;width: 40px;height: 18px;text-align: center;vertical-align: top;color: #ffc400;}
.gs_courseIco .gs_courseNum {color: #fff;padding: 0 8px;text-align: center;vertical-align: top;background: #ffc400;display: inline-block;} 
.icon_upload {display: inline-block;width: 16px;height: 16px;margin-top: -3px;background: url(../images/shopping_mall_v3/icon_upload_01.jpg) no-repeat;vertical-align: middle;}
.icon_upload_01 {display: inline-block;width: 16px;height: 16px;margin-top: -3px;background: url(../images/shopping_mall_v3/icon_upload_02.png) no-repeat;vertical-align: middle;}
.gs_line_sm {display: inline-block;width: 1px;height: 15px;background: #e5e5e5;vertical-align: middle;}
.icon_add {display: inline-block;width: 14px;height: 14px;background: url(../images/shopping_mall_v3/icon_add.png) no-repeat;}
.gs_inp {height: 30px;border: 1px solid #d5d5d5;padding: 0 5px;border-radius: 3px;}
.icon_warn {display: inline-block;width: 18px;height: 18px;background: url(../images/shopping_mall_v3/icon_warn.png) no-repeat;vertical-align: middle;}
.gs_blueBtn {display: inline-block;width: 48px;height: 22px;text-align: center;line-height: 20px;background: #64b8ff;color: #fff;font-size: 14px;border: 1px solid #38a4ff;box-sizing: border-box;border-radius: 3px;}
.gs_blueBtn:hover{background: #309aeb;border-color: #309aeb;}
.mgb35 {margin-bottom: 35px;}
.icon_delete {display: inline-block;width: 14px;height: 14px;background: url(../images/shopping_mall_v3/icon_delete.png) no-repeat;}
.gs_btnblue {display: inline-block;width: 136px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #309aeb;border-radius: 5px;}
.gs_btnblue_01 {display: inline-block;width: 136px;height: 40px;box-sizing: border-box;border-radius: 5px;line-height: 38px;border: 1px solid #309aeb;color: #309aeb;text-align: center;background: #ecf7ff;font-size: 14px;}
.icon_see {display: inline-block;width: 27px;height: 16px;vertical-align: top;background: url(../images/shopping_mall_v3/icon_see.png) no-repeat;}
.pos_relative {position: relative;}
.icon_arr_u {display: inline-block;width: 13px;height: 7px;cursor: pointer;background: url(../images/shopping_mall_v3/icon_list_u.png) no-repeat;}
.icon_arr_d {display: inline-block;width: 13px;height: 7px;cursor: pointer;background: url(../images/shopping_mall_v3/icon_list_d.png) no-repeat;}
.mgb50 {margin-bottom: 50px;}
.w908 {width: 908px;}
.pdtb12 {padding-top: 12px;padding-bottom: 12px;}
/* .gs_courseUploadName {height: 40px;line-height: 40px;} */

.gs_navLeft {width: 270px;}
.gs_mainRight {width: 910px;box-sizing: border-box;}
.gs_navLeft .gs_navFirst {height: 40px;line-height: 40px;font-size: 16px;color: #454545;}
.gs_navLeft .gs_navLast {height: 47px;line-height: 47px;font-size: 16px;color: #454545;position: relative;}
.gs_navLeft .gs_navLast::before {content: '';position: absolute;top: 0;left: 5%;width: 90%;height: 1px;background: #efefef;}
.gs_navLeftList li {height: 50px;border-left: 4px solid transparent;cursor: pointer;padding-left: 25px;color: #454545;font-size: 16px;line-height: 50px;}
.gs_navLeftList li a {color: #454545;}
.gs_navLeftList li:hover,.gs_navLeftList li.active {background: #edf7ff;border-color: #309aeb;}
.gs_navLeftList li:hover a,.gs_navLeftList li.active a {color: #309aeb;}
.gs_mainTit {font-size: 20px;color: #333;line-height: 20px;}
.gs_coursePlans {width: 310px;}
.gs_coursePlans .gs_coursePlansTit {font-size: 16px;color: #454545;line-height: 48px;height: 48px;}
.gs_coursePlanList {font-size: 14px;color: #707070;}
.gs_coursePlanList dt {padding-left: 25px;line-height: 40px;cursor: pointer;height: 40px;overflow: hidden;}
.gs_coursePlanList dd li {border-left: 4px solid transparent;line-height: 40px;cursor: pointer;padding-left: 38px;}
.gs_coursePlanList dd li a {color: #454545;}
.gs_coursePlanList dd li.on,.gs_coursePlanList dd li:hover {border-color: #309aeb;background: #edf7ff;color: #309aeb;}
.gs_coursePlanList dd li.on em,.gs_coursePlanList dd li:hover em {color: #309aeb;}
.gs_coursePlanList dt.gs_arrow_flod {padding-right: 32px;background: url(../images/shopping_mall_v3/list_arrow_right.png) no-repeat right center;}
.gs_coursePlanList dt.gs_arrow_flod.on {background: url(../images/shopping_mall_v3/icon_list_arrowD.png) no-repeat right center;}
.gs_coursePlanList dt + dd {display: none;}
.gs_coursePlanList dt.on + dd {display: block;}
.gs_courseDesignWrap h5 {padding-left: 20px;line-height: 48px;font-size: 18px;color: #3e3e3e;}
.gs_courseDesignWrap {width: 520px;}
.gs_courseDesignWrap .gs_courseUploadTop {font-size: 16px;color: #555555;}
.gs_courseUploadTop .gs_courseLab {font-size: 14px;color: #888;}
.gs_courseDesignWrap .gs_fileUploadBtn {display: block;height: 46px;border: 1px solid #f0f0f0;line-height: 46px;text-align: center;font-size: 16px;color: #38a4ff;background: #fbfbfb;}
.gs_uploadTimeWrap {height: 32px;line-height: 32px;}
.gs_uploadTimeWrap .gs_inp {width: 80px;}
.gs_uploadList li {height: 24px;line-height: 24px;font-size: 14px;color: #888;}
.gs_uploadList li a {color: #38a4ff;display: inline-block;width:150px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: -4px;vertical-align: middle;}
.gs_courseOperation {line-height: 40px;}
.gs_courseOperation .icon_see {margin: 12px 8px 0 0;}
.gs_videoSeleList li {margin-bottom: 10px;font-size: 14px;color: #888;}
.gs_courseTabCon .gs_videoListWrap {position: relative;max-height: 249px;overflow: hidden;position: relative;}
.gs_videoListWrap .gs_videoPage {position: absolute;right: 30px;bottom: 10px;width: 60px;overflow: hidden;}
.gs_courseUploadTop .gs_uploadBtn.on {color: #309aeb;}
.gs_courseUploadTop .gs_uploadBtn {color: #555;}
.teacher_manage .preview.mgt0 {margin-top: 0;}
/* 授课内容 end */

/* 作业管理 start */
.gs_workAdminList .gs_stepPoster {display: inline-block;width: 157px;height: 343px;}
.gs_workAdminList .gs_stepPoster img {max-width: 100%; max-height: 100%;}
.gs_workAdminList li {float: left;margin-right: 15px;text-align: center;width: 157px;}
.gs_workAdminList ul {margin-right: -15px;}
.manage_r h2.mgb40 {margin-bottom: 40px;}
.gs_workAdminList .gs_stepName {padding: 0 10px;line-height: 20px;white-space: normal;}
/* 作业管理 end */

/* 教师管理 start */
.icon_person {display: inline-block;width: 40px;height: 40px;}
.icon_person img {border-radius: 50%;width: 100%;height: 100%;}
.multi_ellipsis4 {text-overflow: ellipsis;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.gs_btnBlue_sm {display: inline-block;width: 48px;height: 22px;line-height: 20px;border: 1px solid #38a4ff;border-radius: 3px;text-align: center;color: #309aeb;}
.gs_btnBlue_sm:hover{background: #ecf7f7;}
.gs_btnBlue_01_sm {display: inline-block;width: 48px;height: 22px;text-align: center;line-height: 20px;border: 1px solid #38a4ff;background: #64b8ff;color: #fff;border-radius: 3px;}
.gs_btnBlue_01_sm:hover{border-color: #309aeb;background: #309aeb;}
.teacher_manage.gs_boxWrap {padding: 15px 25px 5px 25px;}
.gs_moduleTit {height: 40px;line-height: 40px;font-size: 20px;color: #333;}
.gs_blueBtn_02 {display: inline-block;height: 40px;line-height: 40px;padding: 0 10px;font-size: 14px;color: #fff;border-radius: 3px;background: #0989eb;vertical-align: top;}
.gs_blueBtn_03 {display: inline-block;height: 40px;line-height: 38px;padding: 0 10px;font-size: 14px;color: #fff;box-sizing: border-box;border: 1px solid #0989eb;color: #0989eb;border-radius: 3px;vertical-align: top;}
.gs_teacherAdminList li {height: 166px;}
.gs_teacherAdminList .gs_teacherInfo {width: 150px;padding: 25px 0 0 30px;box-sizing: border-box;}
.gs_teacherAdminList .gs_teacherSelection {width: 200px;padding: 20px 20px 0 0;box-sizing: border-box;}
.gs_teacherAdminList .gs_teacherDetail {padding: 0 250px 0 152px;}
.gs_teacherInfo .gs_name {font-size: 16px;color: #309aeb;height: 16px;line-height: 16px;overflow: hidden;}
.gs_teacherInfo .gs_subject,.gs_teacherInfo .gs_school {height: 21px;overflow: hidden;}
.gs_teacherSelection .selectsWrap {width: 100px;font-size: 12px;color: #000;}
.gs_teacherSelection .selectsWrap .titName span {color: #000;}
.gs_teacherSelection .gs_status {margin-bottom: 70px;font-size: 16px;color: #888;line-height: 32px;}
.gs_teacherAdminList .gs_teacherDetail {font-size: 14px;color: #000;line-height: 24px;padding-top: 30px;}
.gs_teacherAdminList .gs_teacherDetailTxt {height: 96px;overflow: hidden;} 
.gs_teacherAdminList li {border-top: 1px solid #f0f0f0;}
.teacher_manage .preview.mg0 {margin: 0;}

/* 新建教师信息 弹框 */
.gs_inp {padding: 5px;border: 1px solid #d5d5d5;color:#888; outline:none;vertical-align: middle;height: 20px;}
.gs_textarea {padding: 5px;border: 1px solid #d5d5d5;color:#888; outline:none;vertical-align: middle;}
.icon_search {display: inline-block;width: 12px;height: 12px;}
.icon_edit {display: inline-block;width: 16px;height: 16px;background: url(../images/shopping_mall_v3/icon_edit.png) no-repeat;vertical-align: middle;margin-top: -2px;}
.icon_detele {display: inline-block;width: 16px;height: 16px;background: url(../images/shopping_mall_v3/icon_delete_01.png) no-repeat;vertical-align: middle;margin-top: -4px;}

/* .gs_choseFriendDialog {position: fixed;width: 534px;top: 0;left: 0;background: #fff;z-index: 2;} */
.gs_formList .gs_name {display: block;width: 84px;font-size: 16px;color: #444;line-height: 32px;}
.gs_formList .gs_inpWrap {padding-left: 84px;}
.gs_formList > li {margin-bottom: 20px;}
.gs_formList .gs_inp {width: 100%;box-sizing: border-box;height: 32px;}
.gs_formList .gs_textarea {height: 160px;width: 100%;box-sizing: border-box;color: #555;}
.gs_formList .gs_uploadShowList li {width: 100px;height: 85px;margin: 0 10px 10px 0;float: left;}
.gs_formList .gs_uploadShowList li img {width: 100%;height: 100%;}

/* 从好友中选择 start */
.gs_searchInp {position: relative;margin-left: 84px;}
.gs_searchInp .icon_search {position: absolute;top: 8px;right: 10px;background: url(../images/shopping_mall_v3/icon_search.png) no-repeat;}
.gs_searchInp input {width: 100%;vertical-align: top;outline: none;border: 0;border-radius: 20px;box-sizing: border-box;height: 30px;color: #555;}
.gs_searchWrap .gs_name {font-size: 16px;color: #444;line-height: 32px;width: 84px;}
.gs_searchWrap .gs_searchInp {border: 1px solid #3399ff;border-radius: 20px;padding: 0 22px 0 8px;}
.gs_friendList ul {margin: 0 -18px -18px 0;}
.gs_friendList li {width: 238px;height: 145px;margin: 0 18px 18px 0;float: left;box-sizing: border-box;border: 1px solid #d5d5d5;background: #f7f7f7;}
.gs_friendList .gs_friendInfo {height: 114px;box-sizing: border-box;padding-top: 18px;border-bottom: 1px solid #d5d5d5;}
.gs_friendList .gs_addBtn {display: block;height: 28px;line-height: 28px;text-align: center;font-size: 14px;color: #888;}
.gs_friendInfo .icon_pic {display: inline-block;width: 66px;margin-left: 24px;height: 66px;border: 2px solid #fff;border-radius: 50%;}
.gs_friendInfo .icon_pic img {border-radius: 50%;width: 100%;height: 100%;}
.gs_friendInfo .gs_name {font-size: 16px;color: #309aeb;margin-bottom: 15px;height: 16px;line-height: 16px;overflow: hidden;}
.gs_friendInfo .gs_subject,.gs_friendInfo .gs_school {font-size: 14px;color: #888;height: 14px;line-height: 14px;overflow: hidden;}
.gs_friendList .gs_personInfo {padding-left: 110px;padding-right: 10px;}

.icon_box .gs_moreBtn {display: inline-block;position: relative;cursor: pointer;width: 15px;height: 20px;padding-bottom: 10px;background: url(../images/shopping_mall_v3/icon_more.png) no-repeat right top;vertical-align: top;margin-top: 5px;}
.gs_moreBtn .gs_moreHandleWrap {display: none;z-index: 2;}
.gs_moreBtn:hover .gs_moreHandleWrap {display: block;}
.gs_moreBtn .gs_moreHandleWrap {position: absolute;top: 30px;right: -45px;width: 160px;border: 1px solid #309aeb;}
.gs_moreBtn .gs_moreHandleWrap::before {content: '';width: 13px;height: 5px;background: url(../images/shopping_mall_v3/icon_tip_arrow.jpg) no-repeat;position: absolute;top: -5px;right: 40px;}
.gs_moreHandleWrap li {height: 30px;background: #fff;line-height: 30px;font-size: 16px;padding: 0;text-align: center;margin: 0;border-top: 1px solid #e5e5e5;}
.gs_moreHandleWrap li:first-child {border: 0;}
.gs_moreHandleWrap li a {color: #555;}
.gs_moreHandleWrap li a:hover {color: #309aeb;}
/* 从好友中选择 end */

/* 课程详情页 右侧浮窗 start */
.icon_work {display: inline-block;border-radius: 50%;width: 35px;height: 35px;background-image: url(../images/shopping_mall_v3/icon_work.png);background-repeat: no-repeat;background-position: center;background-color: #e7f7ff;}
.icon_discuss {display: inline-block;border-radius: 50%;width: 35px;height: 35px;background-image: url(../images/shopping_mall_v3/icon_discuss.png);background-repeat: no-repeat;background-position: center;background-color: #e7f7ff;}
.icon_phone {display: inline-block;border-radius: 50%;width: 35px;height: 35px;background-image: url(../images/shopping_mall_v3/icon_phone.png);background-repeat: no-repeat;background-position: center;background-color: #e7f7ff;}

.gs_rightSideDialog {position: fixed;right: 0;bottom: 200px;width: 46px;background: #fff;z-index: 2;box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);}
.gs_rightSideDialog li {height: 70px;padding-top: 10px;text-align: center;font-size: 16px;border-top: 1px solid #e9e9e9;}
.gs_rightSideDialog li:first-child {border: 0;}
.gs_rightSideDialog li a {display: block;color: #222;height: 100%;}
.gs_rightSideDialog li:hover a {color: #fff;}
.gs_rightSideDialog li:hover {background: #23b8ff;}
.gs_rightSideDialog li:hover .icon_side {background-color: #fff;}
/* 课程详情页 右侧浮窗 end */
/* 教师管理 end */
/* gs end */

/*zxf 课程播放 S*/
.w_30 {width: 30%;}
.w_50 {width: 50%;}
.w_70 {width: 70%;}
.w_80 {width: 80%;}
.w_100 {width: 100%;}
.w246 {width: 246px;}
.w320 {width: 320px;}

.ca4a4a4 {color: #a4a4a4;}
.c545454 {color: #545454;}

.bg090402 {background-color: #090402;}
.bgStyle {background-color: rgba(16,13,10,0.75);opacity: 0.75;}
.bgStyle2 {background-color: rgba(0,0,0,.95);opacity: .95;}
.bgStyle3 {background-color: rgba(111, 111, 111, 0.5); border-radius: 4px;}

.mgt13 {margin-top: 13px;}
.mgr40 {margin-right: 40px;}
.mgr400 {margin-right: 400px;}

.pdl50 {padding-left: 50px;}
.pdr30 {padding-right: 30px;}
.pdr56 {padding-right: 56px;}
.pdr75 {padding-right: 75px;}
.pd8 {padding: 8px;}
.pdt35 {padding-top: 35px;}
.pdt61 {padding-top: 61px;}
.pdl28 {padding-left: 28px;}
.pdlr8 {padding-left: 8px;padding-right: 8px;}
.pdlr18 {padding-left: 18px;padding-right: 18px;}
.pdlr24 {padding-left: 24px;padding-right: 24px;}
.pdtb8 {padding-top: 8px;padding-bottom: 8px;}
.pdtb12 {padding-top: 12px;padding-bottom: 12px;}
.pdtb23 {padding-top: 23px;padding-bottom: 23px;}

.lh16 {line-height: 16px;}
.lh36 {line-height: 36px;}
.lh38 {line-height: 38px;}
.lh64 {line-height: 64px;}

h2, h3, h4 {font-weight: normal;}
.por {position: relative;}
.dpb {display: block;}
.dp_va {display: inline-block;vertical-align: middle;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.bdra4 {border-radius: 4px;}
.bdra18 {border-radius: 18px;}

.bor_t626262 {border-top: 1px solid #626262;}
.bor_b595651 {border-bottom: 1px solid #595651;}

/*页面结构*/
.zxf_lessonVideoWp {position: fixed;left: 0;top: 0;bottom: 0;right: 0;}
.zxf_videoProcessWp {position: absolute;left: 0;top: 0;right: 0;}
.zxf_videoConWp {position: absolute;left: 0;top: 84px;right: 0;bottom: 45px;}
.zxf_videoCountWp {position: absolute;left: 0;right: 0;bottom: 0;}

.zxf_bgBlue_btn {display: inline-block;vertical-align: middle;background-color: #309aeb;}
.zxf_bgBlue_btn:hover {background-color: #1a93f0;}

.zxf_videoProcessWp .lessonNum {display:inline-block;vertical-align: middle;border-radius: 18px;border: solid 1px #309aeb;height: 36px;line-height: 36px;}
.zxf_videoProcessWp .lessonNum  em {position: absolute;right: -7px;top: 4px;z-index: 10;display: inline-block;vertical-align: middle;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;background-color: #309aeb;}
.zxf_videoProcessWp .lessonNum  em:after {content: '';position: absolute;width: 38px;height: 38px;border-radius: 50%;background-color:  rgba(48, 154, 235, 0.5);left: -4px;top: -4px;}
.zxf_videoProcessWp .resourceBtn {position: relative;z-index: 10;}
.zxf_videoProcessWp:hover .icon_resource {background-image: url(../images/shopping_mall_v3/icon/icon_resourceH.png);}
.zxf_moreResource:hover .zxf_dropWp {display: block;}
.zxf_dropWp {position: absolute;top: 0px;left: -100%;margin-left: 16%;z-index: 5}
.zxf_dropWp .zxf_dropUl > li:first-child {border-top: none;}
.zxf_dropUl > li img {display: block;white-space: 16px;height: 16px;}
.zxf_dropUl > li:hover p {color: #309aeb;}


.zxf_playVideoAreaWp {position: absolute;top: 0;bottom: 0;right: 320px;left: 0;}

.zxf_videoIntroWp {position: absolute;right: 0;top: 0;bottom: 0;}
.zxf_tabWp, .zxf_tabConWp, .zxf_tabCon {height: 100%;}
#zxf_video {width:100% !important;height: 100% !important;}
.zxf_tabTitWp ul > li {border-bottom: 2px solid transparent;}
.zxf_tabTitWp ul > li:first-child:after {content: "";width: 1px;height: 35%;background-color: #817d7a;position: absolute;right: 0;top: 35%;}
.zxf_tabTitWp ul > li.on {border-color: #309aeb;}
.zxf_tabTitWp ul > li.on a {color: #309aeb;}
.zxf_tabTitWp ul > li.on .icon_direct {width: 28px;height: 21px;background-image: url(../images/shopping_mall_v3/icon/icon_directOn.png);}
.zxf_tabTitWp ul > li.on .icon_talk {background-image: url(../images/shopping_mall_v3/icon/icon_talkOn.png);}

.zxf_lessonItem .zxf_lessonUl > li .timeTag {display: inline-block;vertical-align: middle;border-radius: 4px; border: solid 1px #75726f;height: 16px;line-height: 16px;overflow: hidden;}
.zxf_lessonItem .zxf_lessonUl > li .timeTag .icon_videoTag {position: absolute;left: 0;top: 0;}
.zxf_lessonItem .zxf_lessonUl > li:before {content: "";width: 12px;height: 12px;border-radius: 50%;border: 1px solid #fff;background-color: #000;position: absolute;top: 6px;left: 0;}
.zxf_lessonItem .zxf_lessonUl > li:after {content: "";width: 1px;height: 80%;background-color: #7a7775;position: absolute;top: 20px;left: 7px;}
.zxf_lessonItem .zxf_lessonUl > li:last-child:after {width: 0;}
.zxf_lessonItem .zxf_lessonUl > li .lessonTag {display: inline-block;vertical-align: middle;border-radius: 4px;border: 1px solid #0989eb;color: #309aeb;}
.zxf_lessonItem .zxf_lessonUl > li.on h4, .zxf_lessonItem .zxf_lessonUl > li.on p {color: #309aeb;}
.zxf_lessonItem .zxf_lessonUl > li.on:before {background-color: #309aeb;}
.zxf_lessonItem .zxf_lessonUl > li.on .lessonTag {background-color: #309aeb;color: #fff;}

.zxf_tipsWp {position: absolute;left: 50%;top:0;margin-left: -225px;z-index: 20;}
.zxf_tipsWp img {display: block;white-space: 26px;height: 26px;}


/*图标*/
.mgt_1 {margin-top: -1px;}
.mgt_2 {margin-top: -2px;}
.mgt_3 {margin-top: -3px;}
.mgt_4 {margin-top: -4px;}
.mgt_5 {margin-top: -5px;}
.icon {display: inline-block;vertical-align: middle;background-position: center;background-repeat: no-repeat;}
.icon_resource {width: 22px;height: 18px;background-image: url(../images/shopping_mall_v3/icon/icon_resource.png);}
.icon_direct {width: 28px;height: 21px;background-image: url(../images/shopping_mall_v3/icon/icon_direct.png);}
.icon_talk {width: 25px;height: 24px;background-image: url(../images/shopping_mall_v3/icon/icon_talk.png);}
.icon_look {width: 22px;height: 17px;background-image: url(../images/shopping_mall_v3/icon/icon_look.png);}
.icon_pink {width: 19px;height: 19px;background-image: url(../images/shopping_mall_v3/icon/icon_pink.png);}
.icon_collect {width: 18px;height: 17px;background-image: url(../images/shopping_mall_v3/icon/icon_collect.png);}
.icon_share {width: 19px;height: 15px;background-image: url(../images/shopping_mall_v3/icon/icon_share.png);}
.icon_clip {width: 18px;height: 18px;background-image: url(../images/shopping_mall_v3/icon/icon_clip.png);}
.icon_videoTag {width: 20px;height: 16px;background-image: url(../images/shopping_mall_v3/icon/icon_videoTag.png);}
.icon_addTag {width: 11px;height: 11px;background-image: url(../images/shopping_mall_v3/icon/icon_addTag.png);}
.icon_closeTag {width: 15px;height: 14px;background-image: url(../images/shopping_mall_v3/icon/icon_closeTag.png);}

/*zxf 课程播放 E*/

/* 首页模块更换 */
/* .lp_lesson_list{margin-top: 20px;} */
.lp_lesson_list.now{margin-top: 20px;}
.lp_lesson_list li:first-child{margin-left: 0;}
.lp_lesson_list li{float: left;width: 222px;height: 220px;margin-left: 20px;border: solid 1px #f0f0f0;border-radius: 4px;background-color: #fff;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.11);overflow: hidden;position: relative;}
.lp_lesson_list li .top_link{position: relative;display: block;width: 100%;height: 150px;overflow: hidden;}
.lp_lesson_list li .linkImg{width: 100%;height: 100%;border: 0 none;object-fit: fill;}
.lp_lesson_list li .top_link .bar_icon{display: block;width: 110px;height: 28px;line-height: 28px;padding-left: 10px;background: url(../images/shopping_mall_v3/bgy_03.png) left top no-repeat;font-size: 12px;color: #fff;position: absolute;left: 0;top: 0;}
.lp_lesson_list li .top_link .bot_box{position: absolute;left: 0;background-color: rgba(0, 0, 0, 0.35);bottom: 0;z-index: 1;width: 222px;height: 22px;line-height: 22px;font-size: 12px;color: #fff;font-weight: normal;}
.lp_lesson_list li .top_link .bot_box .time{width: 168px;padding-left: 10px;box-sizing: border-box;}
.lp_lesson_list li .top_link .bot_box .status{width: 54px;text-align: center;color: #fafafa;background-color:#ff5555;}
.lp_lesson_list li .lession_title{padding: 5px 15px 0 12px;font-size: 12px;color: #333;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;line-height: 17px;}
.lp_lesson_list li .btm{margin-top: 5px;padding: 0 12px;font-size: 12px;color: #999;font-weight: normal;}


/* 课程列表轮播 */
.lp_course .more_box{position: relative;}
.lp_schedule {width: 1200px;height: 224px;overflow: hidden;position: relative;}
.lp_schedule .icon_btn{position: absolute;top: 50%;z-index: 99;display: inline-block;width: 16px;height: 32px;background-size: 4px auto;margin-top: -16px;}
.lp_schedule .icon_btn:hover{background-color: #4083ff!important;}
.lp_schedule .icon_btn.icon_left{border-radius: 0 16px 16px 0;background: rgba(0, 0, 0, 0.5) url(../images/shopping_mall_v3/icon_right.png) center no-repeat;left: 1px;}
.lp_schedule .icon_btn.icon_right{right: 1px;border-radius: 16px 0 0 16px;background: rgba(0, 0, 0, 0.5) url(../images/shopping_mall_v3/icon_left.png) center no-repeat;}
.lp_schedule .wraper{position: absolute;left: 0;right: 0;width: 1200px;height: 222px;overflow: hidden;}
.lp_schedule .wraper .lp_lesson_list{position: absolute;left: 0;right: 0;margin: 0;}

.lp_lesson_list.now .lesson_time{position: absolute;left: 14px;bottom: 5px;height: 24px;line-height: 24px;font-size: 14px;color: #fff;border-radius: 4px;background-color: rgba(0, 0, 0, 0.35);text-align: center;z-index: 1;padding: 0 6px;}


/* yql 03-20  评价区 start*/
.mgt1{margin-top: 1px;}
.min_h1328{min-height: 1328px;}
.pdl22{padding-left: 22px;}
.mgr18{margin-right: 18px;}
.mgl22{margin-left: 22px;}
.mgr22{margin-right: 22px;}
.ce3e3e3{color: #e3e3e3;}
.lh14{height: 14px;line-height: 14px;}
.lh22{height: 22px;line-height: 22px;}
.yql_evaluateBox .lp_hqtext.Smohan_text{width: 734px;height: 55px;margin-top: 15px;border-radius: 3px;border: 1px solid #f2f2f2;background-color: #fafafa;font-size: 16px;;}
.lp_exp .see_box:hover .bg_img.on{display: block;}
.yql_releaseBtn{display: inline-block;padding:0 20px; height: 32px; background-color: #ecf7ff; border: 1px solid #309aeb;line-height: 32px; border-radius: 4px; font-size: 14px;color: #309aeb;}

.yql_msComment{position: relative; width: 756px;height: 283px;background-color: #fffef5;box-shadow: 0px 2px 13px 2px 		rgba(0, 0, 0, 0.05);}
.icon_tj{position: absolute;width: 73px; height:73px; right:0;top: 0; background: url(../images/shopping_mall_v3/tj_icon.png) no-repeat center center; }
.yql_msComment .yql_msTit{height: 18px; line-height: 18px; font-size: 18px; color: #3e3e3e;padding-top: 16px;margin-left: 19px;;}
.yql_msComment .picwrap2{position: relative; width: 100%;}
.yql_msComment .banner-showArea{width: 692px;height: 200px; position: relative;overflow: hidden;margin: 0 auto;}
.yql_msComment .moveBox{ position: absolute; height: 100%;white-space: nowrap; font-size: 0;}
.yql_msComment .moveBox .yql_moveLi{display: inline-block;height: 200px;background-color: #fffae8;border-radius: 2px;}
.yql_msComment .moveBox .yql_msb_top .yql_msb_img{display: inline-block;width: 69px;height: 69px;border-radius: 50%;overflow: hidden; margin-top: 22px;margin-left: 19px;}
.yql_msb_top .yql_msb_img img{display: inline-block;width: 100%;height: 100%;}
.yql_msb_top .yql_msb_txt{width: 300px;margin-top: 40px;}
.yql_msb_top .yql_msb_name{display: inline-block; height: 22px; font-size: 22px;line-height: 22px; color: #38a4ff; margin-right: 20px;;}
.yql_msb_top .yql_msb_gzs{display: inline-block; height: 14px; font-size: 14px; line-height: 14px;color: #888; vertical-align: text-bottom}
.yql_msb_top .yql_msb_time{font-size: 14px; color: #888}
.yql_msb_top .yql_smb_px{width: 150px;height: 22px;margin-top: 41px}
.yql_moveLi .yql_pjTxt{width: 651px;height: 70px;	font-size: 16px;	line-height: 24px;	letter-spacing: 0px;	color: #555555; margin: 16px auto 0;white-space: normal}

.yql_msComment .picwrap2 .banner-btn.ready{opacity: 0.8;filter: alpha(opacity=80);}
.yql_msComment .picwrap2 .banner-btn.ready:hover{opacity: 1;filter: alpha(opacity=100);}
.yql_msComment .picwrap2 .banner-btn{position: absolute;width: 9px;height: 16px;display: inline-block;}
.yql_msComment .picwrap2 .banner-btn.prev{background: url(../images/shopping_mall_v3/arr_left.png) no-repeat center center;bottom: 65px;left: 11px;}
.yql_msComment .picwrap2 .banner-btn.next{background: url(../images/shopping_mall_v3/arr_right.png) no-repeat center center;bottom: 65px;right: 11px;}

/* 用户评论区 */
.yql_stuEvaUl .yql_stuEvaLi{width: 720px;min-height: 105px;padding: 11px 0 22px 18px;border-bottom: 1px solid #f2f2f2;margin-top: 10px;margin-left: 15px;;}
.yql_stuEvaUl .yql_stuEvaImg{width: 43px;height: 43px;border-radius: 50%; overflow: hidden; }
.yql_stuEvaUl .yql_stuEvaImg img{width: 100%;height: 100%}
.yql_stuEvaUl .yql_stuName{display: inline-block;width: 95px; font-size: 20px;height: 20px; color: #38a4ff;line-height: 20px; margin-left: 10px;margin-top: 17px;}
.yql_stuEvaUl .yql_stuTxtCont{margin-top: 18px;font-size: 16px;color: #3e3e3e;}
.yql_stuEvaUl .yql_stuEvaJL{display: inline-block;height: 16px; line-height: 16px; font-size: 16px;color: #888;margin-right: 30px;}
.yql_stuEvaUl .yql_stuEvaTime{display: inline-block;height: 16px; line-height: 16px; font-size: 14px;color: #888;}

/* end */
/* 评论模块修改2019-4-9 */
.clearfix:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;  }   
.clearfix {*zoom: 1;}   
.myf_h3{color: #585858;font-size: 16px;}
.myf_plbox{padding-left:23px;padding-right: 23px;height: 100%;}
.myf_plbox textarea{margin-top: 10px;height: 105px;width: 100%;box-sizing: border-box;color: #b8b8b8;}
.myf_dp_box{margin-top: 10px;}
.myf_dp{font-size: 14px;color: #989898;display: inline-block;float: left;line-height: 40px;}
.myf_plbox .manage_btn{display: inline-block;width: 134px;font-size: 14px;height: 38px;line-height: 38px;text-align: center;color: #309aeb;border: 1px solid #309aeb;border-radius: 4px;vertical-align: middle;float: right;}
.myf_wzdbtn{display: block;width: 134px;font-size: 14px;height: 38px;line-height: 38px;text-align: center;color: #fff;border: 1px solid #309aeb;background: #309aeb;border-radius: 4px;vertical-align: middle;}
.myf_plbox .manage_btn:hover{background: #ecf7ff;}
.tcbox{display: none;height: 360px;width: 431px;position: fixed;top: 30%;left: 30%;padding: 0 10px;background: #fff;border: 1px solid #9198a6;box-shadow: 0 0 5px 0 #cfcfcf;z-index: 1;}
.tcimgbox{margin-top: 10px;width: 414px;height: 264px;background: url(../images/shopping_mall_v3/images/tcbg.png)no-repeat 12px 1px;}
.tcbox_top .myf_gbbtn{position: absolute;top:20px;right: 20px;}
.tcbot a{margin: 20px auto;}
.myf_plcontentbox{margin-top: 28px;margin-bottom: 500px;}
.myf_plcontentleft{position: relative;width: 86px;float: left;}
.myf_plcontentleft span{display: block;text-align: center;}
.myf_namespan{font-size: 16px;}
.myf_ch{margin-top: 10px;font-size: 15px;color: #38a4ff;}
.myf_vip,.myf_pic{display: block;}
.myf_pic{margin-top: 16px;width: 100%;border-radius: 50%;width:86px;height: 86px;}
.myf_plcontentright{float: left;margin-left: 8px;width: 660px;}
.myf_kcpj{font-size: 20px;color: #000;line-height: 22px;}
.myf_plcontentright_top img{vertical-align: text-bottom ;}
.myf_sj{color: #a8a8a8;font-size: 14px;line-height: 30px;}
.myf_textbox{font-size: 16px;background: #fafafa;color: #979797;padding: 15px;border: 1px solid #f2f2f2;position: relative;}
.myf_hf{font-size: 14px;color: #cfcfcf;display: inline-block;padding-left: 25px;background: url(../images/shopping_mall_v3/images/pl.png)no-repeat 0px 5px;}
.myf_ck{margin-left: 18px;font-size: 14px;color: #cfcfcf;display: inline-block;padding-left: 25px;background: url(../images/shopping_mall_v3/images/yj.png)no-repeat 0px 5px;}
.myf_textboxbot{margin-top: 10px;}
.myf_libox li p{margin-top: 10px;}
.myf_libox  .person_list li {position: relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.myf_ico{display: none;position: absolute;content: ""; width: 17px;height: 17px;border-radius: 50%;background: url(../images/shopping_mall_v3/images/bi.png)no-repeat 0px 0px;right:0px;bottom: 51px;}
.myf_wl .myf_ico{display: block;}
.myf_hlwbox{display: none;z-index: 1;position: absolute;right:-74px;bottom: 0;width: 76px;height: 20px;background: url(../images/shopping_mall_v3/images/hlwbg.png)no-repeat;background-size: 100%;}
.myf_libox li span{font-size: 12px;color: #b0b0b0;} 
.myf_hlwbox span{ -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.myf_liinfobox.on{display: block;}
.myf_liinfobox{display: none;position: absolute;top: 50px;left: -212px;background: #fff;width: 265px;z-index: 1;border: 1px solid #e2e2e2;border-radius: 2%;}
.myf_liinfobox_top{padding-top: 10px;padding-left: 10px;background: #ebf8ff;padding-bottom: 10px;position: relative;}
.myf_liinfobox_top::before{position: absolute;content: "";background: #e2e2e2;width: 100%;height: 1px;bottom: 0;left: 0;}
.myf_litop_left{margin-right: 20px;}
.myf_libox .myf_litop_left img{width:70px ;height: 70px;border-radius: 50%;}
.myf_litop_right p{text-align: left;font-size: 18px;margin-bottom: 6px;}
 .myf_libox .myf_litop_right img{display: inline-block;width: 25px;height: 25px;border-radius: 50%;vertical-align: bottom;}
.myf_libox .myf_litop_right span{font-size: 14px;color: #555555;}
.myf_btnbox1{width: 75px;height: 30px;border: 1px solid #95caf2;margin-left: 10px;margin-right: 6px;}
.myf_btnbox2{width: 75px;height: 30px;border: 1px solid #eda5de;margin-right: 6px;}
.myf_btnbox3{width: 75px;height: 30px;border: 1px solid #e3e3e3;}
.myf_gzbtn{background: #faebf7;}
.myf_gzbtn:hover{background: #f7daf1;}
.myf_sxbtn{background: #f8f8f8;}
.myf_sxbtn:hover{background: #e4e4e4;}
.myf_btn{display: inline-block;width: 73px;height: 28px;margin-top: 1px;font-size: 14px;line-height: 30px;color: #555555;}
.myf_kjbtn:hover{background: #d4e9f9;}
.myf_kjbtn{background: #e8f3fb;}
.myf_liinfobox_bot{padding-top: 15px;padding-bottom: 17px;}
.myf_libox ul li{ min-width: 66.96px;max-width:  66.96px;}
/*评分-保留一位小数点*/
.grade_wrap, .grade_show {  height:12px; font-size:12px; line-height:12px; }
.grade_outer, .grade_outer2 { width:70px; height:12px; font-size:0; line-height:0; background:url(../images/star_2.png); position:relative;  cursor:pointer; }
.grade_inner { height:12px; font-size:0; line-height:0; background:url(../images/star_1.png); position:absolute; left:0; top:0; cursor:pointer; }
.grade_wrap span { font-size:12px; line-height:12px; }
.grade_wrap .score { font-size:12px; line-height:23px; }
.grade_outer2 { cursor:default;}
.grade_inner2 { cursor:default; }
.grade_wrap .starbig {cursor:pointer;background: url(../images/ico/starbig_2.png) left center repeat-x;width:140px;height:23px;}
.grade_wrap .starbig em {background:url(../images/ico/starbig_1.png) left center repeat-x;width:140px;height:23px;display:block; cursor:pointer;}


/* yql 03-20  评价区 end*/
/* 商城新增无内容提示  start */
.Lp_content .noData_tips{
  width: 100%;
  min-height: 300px;
  position: relative;
}
.Lp_content .noData_tips.hide{
  display: none
}
.Lp_content .noData_tips .noData_content{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 30px;
  padding-top: 220px;
  font-size: 25px;
  color: #707070;
  text-align: center;
  transform: translate(-50%,-50%);
  background: url('../images/noData_tips.png') top center no-repeat;
}
/* 商城无内容提示 end */
/* 用户推荐 */
.myf_recommend{margin-top: 71px;}
.myf_libox2{padding: 0 15px;background: #fafafa;border: 1px solid #e7e7e7;border-radius: 3px;}
.myf_libox2 h3{height: 32px;line-height: 32px;font-size: 16px;text-align: center;width: 215px;border-bottom: 1px solid #e7e7e7;}
.myf_libox2 h4{height: 32px;line-height: 32px;font-size: 14px;text-align: center;color: #222;}
.myf_tab{background: #f0f0fa;text-align: center;display: none;padding-bottom: 10px;font-size: 14px;}
.myf_tab.on{display: block;}
.myf_tab ul {background: #e2e2f5;border-radius: 3px;width: 215px;padding-top: 8px;}
.myf_tab ul li a img{width: 40px;height: 40px;border-radius: 50%;}
.myf_tab ul li{width: 33.33%;text-align: center;margin-bottom: 6px;}
.myf_tab .myf_aimg{display: block;text-align: center;margin-top: 5px; width: 215px;height: 75px; box-sizing: border-box;padding: 0 5px}
.myf_tab .myf_aimg img{width: 75px;height: 75px;border-radius: 50%;}
.myf_libox2 .myf_tabbox h3{border: none;}
.myf_tabul{margin: 10px auto;padding-left: 96px;}
.myf_tabul li {background: #c5c5c5;width: 5px;height: 5px;border-radius: 50%;margin-right: 5px;}
.myf_tabul .on,.myf_tabul li:hover{background: #1e8cf5;}
.myf_boxleft .myf_libox2{margin-right: 18px; padding-bottom: 23px;}
.myf_abtn{font-size: 16px;display: block;color: #fff;background: url(../images/shopping_mall_v3/btnbg.png)no-repeat  0px 0px ;background-size: 100%;padding-top: 6px;padding-bottom: 5px;}
.myf_rightli img{width: 50px;height: 50px;border-radius: 5px;margin-bottom: 10px;margin-right: 15px;}
.myf_txt{width: 130px;height: 75px;text-align: left;padding-left: 5px;box-sizing: border-box}
.myf_txt span{margin-top: 16px;display: block;font-size: 16px}
.myf_litop{width: 340px;padding-right: 12px;box-sizing: border-box;}
.myf_litop .myf_name{font-size: 16px;color: #7a7a7a;margin-right: 10px;}
.myf_litop .myf_work{font-size: 12px;color: #b8cadc;}
.myf_litop .myf_timespan{font-size: 12px;color: #a8a8a8;}
.myf_rightli p{font-size: 12px;color: #606060;margin-top: 5px;margin-bottom: 10px;}
.myf_rightli p span{font-size: 12px;color: #9bc8ef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;width: 250px;vertical-align: bottom;}
.myf_libot{border-bottom: 1px solid #e7e7e7;}
.myf_boxright ul li{margin-bottom: 25px;}

.myf_boxright{
  position: relative;
  height: 340px;
  width: 405px;
  overflow-y: hidden;
}
.myf_ulwp {
    transform: translateY(0px);
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 3px;
}

/* 学分管理样式修改 20190521 wubing start */
.wb_mark_list .Top_box img {width: 53px; height: 53px; margin-left: 10px; margin-top: 30px;}
.wb_mark_list .Top_box .Info {margin-left: 10px; margin-top: 20px;}
.wb_mark_list .Top_box .Info a.name, .wb_mark_list .Top_box .Info p {font-size: 12px; line-height: 14px;}
.wb_mark_list .Top_box .Info p {margin-top: 15px;}
.wb_mark_list .Top_box .schedule .time {margin-top: 0px;}
.wb_mark_list .Top_box .schedule .wb_progress {width: 355px;}
.wb_mark_list .Top_box .schedule .wb_outpro {width: 355px; margin-top: 15px;}
.wb_mark_list .Top_box .schedule .wb_discuss {font-size: 0px; }
.wb_mark_list .Top_box .schedule .wb_discuss span {font-size: 14px; color: #d62222;}
.wb_mark_list .wb_buttom_box {height: 52px; line-height: 52px; background: #f7f7f7;width: 100%; padding: 0px 10px; box-sizing: border-box;vertical-align: middle; font-size: 0px;}
.wb_mark_list .wb_buttom_box span {font-size: 14px; vertical-align: middle; color: #555;}
.wb_mark_list .wb_buttom_box span.qjf_seleautodiv {width: 138px; height: 30px; border: 1px solid #f5f5f5; margin-top: 10px;}
.wb_mark_list .wb_buttom_box span.qjf_seleautodiv .qjf_seleautocur p::after {background: url(../images/adm_movement/bg_sidebar_tri.png) no-repeat 0 0; position: absolute; width: 10px; height: 6px; background-size: 100%;right: 9px; top: 12px; z-index: 100;content: " ";}
.wb_mark_list .wb_buttom_box span.qjf_seleautodiv .qjf_seleautodrop {width: 138px;}
.wb_mark_list .wb_buttom_box .assign_points > a, .wb_mark_list .wb_buttom_box .decorated > a {display: inline-block;width: 46px;height: 30px;border: 1px solid #64b8ff;background: #64b8ff;color: #fff;line-height: 30px;text-align: center;border-radius: 4px;font-size: 14px;vertical-align: middle;margin-left: 10px; margin-top: 10px;}
.wb_mark_list .wb_buttom_box .mark{height: 52px;line-height: 52px;color: #555;}
.wb_mark_list .wb_buttom_box .assign_points .points_gray, .wb_mark_list .wb_buttom_box .decorated .points_gray {color: #888;}
.wb_mark_list .wb_buttom_box .decorated .decorated_icon i {background-size: 100% 100%; display: inline-block; margin-right: 10px; vertical-align: middle;}
.wb_mark_list .wb_buttom_box .decorated .decorated_icon i.learen_star {background: url(../images/credit_management_v4/learning_star.png) no-repeat 0 0;  width: 26px;height: 32px;}
.wb_mark_list .wb_buttom_box .decorated .decorated_icon i.discuss_star {background-image: url(../images/credit_management_v4/discuss_star.png); width: 31px; height: 28px;}
.wb_mark_list .wb_buttom_box .decorated .decorated_icon i.pratice_star {background-image: url(../images/credit_management_v4/practice_star.png); width: 24px; height: 32px;}
.wb_mark_list .wb_buttom_box .decorated .decorated_icon i.progress_star {background-image: url(../images/credit_management_v4/progress_star.png); width: 24px; height: 36px;}
.wb_mark_list .wb_buttom_box .decorated .decorated_icon i.other_star {background-image: url(../images/credit_management_v4/other_star.png); width: 24px; height: 32px;}
/* 学分管理样式修改 20190521 wubing end */
/* 课程详情_wubing 样式 200190522 start */
.left_Box .itemBox {padding: 0px 20px; height: 70px; line-height: 70px;}
.left_Box .itemBox .itemList {border-bottom: 1px solid #ececec; height: 69px;}
.left_Box .itemBox .itemList a.on, .left_Box .itemBox .itemList a:hover {line-height: 61px;}
.left_Box .pratice {width: 760px; background-color: #fff; padding: 0px 20px 40px;}
.left_Box .pratice .pratice_title {height: 62px; line-height: 62px;}
.left_Box .pratice .pratice_title a {font-size: 16px; color: #474747; width: 82px; position: relative; display: inline-block;}
.left_Box .pratice .pratice_title a.on i {background: url(../images/credit_management_v4/arrow_right.png) no-repeat 0px 0px; width: 7px; height: 12px; background-size: 100%; display: inline-block; position: absolute; top: 27px; right: 15px;}
.left_Box .pratice .pratice_container > li {background-color: #fafafa; padding: 15px 20px 27px 27px; position: relative; margin-top: 20px;}
.left_Box .pratice .pratice_container > li:first-child {margin-top: 0px;}
.left_Box .pratice .pratice_container > li .pratice_userImag {width: 52px; padding-right: 25px; position: relative;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_imgbox {display: block; width: 52px; height: 52px; background-color: #bfbfbf; border-radius: 50%; overflow: hidden; margin-top: 12px;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_imgbox img {width: 100%; height: 100%;}
.left_Box .pratice .pratice_container > li .pratice_userImag:hover .pratice_person_intro {display: block;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro { position: absolute; top: 65px; left: 0px; width: 264px; height: 161px; background-color: #fafafa; border: 1px solid #e2e2e2; border-radius: 4px; z-index: 1000; overflow: hidden;  font-family: "Microsoft YaHei";}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_top {height: 91px; background-color: #ebf8ef; border-bottom: 1px solid #e2e2e2; overflow: hidden;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro p {margin-top: 8px; font-size: 14px; color: #555; line-height: 14px;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_top .person_imgIcon {width: 70px; height: 70px; margin: 10px;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_top .person_intro {margin-left: 10px;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_top .person_intro .person_username {margin-top: 25px; line-height: 27px;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_top .person_intro .person_username h4 {font-size: 18px; color: #222; font-weight: 500; margin-right: 10px;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_top .person_intro .person_username i {display: inline-block; width: 25px; height: 25px; border-radius: 50%; overflow: hidden; background: url(../images/credit_management_v4/user.png) no-repeat 0 0; background-size: 100%;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_with li {float: left; width: 74px; height: 26px; text-align: center; line-height: 26px; margin-top: 17px; margin-left: 10px;}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_with li.person_space { border: 1px solid rgba(48, 154, 235, .5); background-color: rgba(48, 154, 235, .1);}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_with li.focus_on {border: 1px solid rgba(224, 80, 195, .5); background-color: rgba(224, 80, 195, .1);}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_with li.person_messages {border: 1px solid rgba(204, 204, 204, .5); background-color: rgba(204, 204, 204, .1);}
.left_Box .pratice .pratice_container > li .pratice_userImag .pratice_person_intro .person_with li a {color: #555; font-size: 14px;}

.left_Box .pratice .pratice_container > li .pratice_releaseTime {position: absolute; right: 20px; top: 15px; height: 46px; line-height: 46px; color: #888888; font-size: 14px;}
.left_Box .pratice .pratice_container > li .pratice_releaseTime i {position: absolute; right: 30px; top: 0; width: 47px; height: 46px; background: url(../images/credit_management_v4/pratice_good.png) no-repeat 0 0;}
.left_Box .pratice .pratice_container > li .pratice_content {width: 636px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_userIntro h4 {margin-top: 16px; font-weight: 500; color: #38a4ff; font-size: 18px; line-height: 18px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_userIntro p {margin-top: 12px; color: #888; font-size: 14px; line-height: 14px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio {margin-top: 24px; }
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg {background-color: #fff; border: 1px solid #f0f0f0; border-radius: 4px; width: 630px; line-height: 54px; color: #888;}
/* .left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_audiobg_img {width: 36px; height: 36px; border-radius: 50%; margin: 9px 20px 9px 13px; overflow: hidden;} 
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_audiobg_img img {width: 100%; height: 100%;} 
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_audiobg_progress .audio_progress {width: 244px; height: 1px; background-color: #d9d9d9; margin: 0 6px; margin-top: 28px; position: relative;} 
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_audiobg_progress .audio_progress em {background-color: #92d66c; width: 84px; display: inline-block; height: 100%;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_audiobg_progress .audio_progress i {width: 8px; height: 8px; position: absolute; top: -3px; left: 84px; background: url(../images/credit_management_v4/pratice_audio_btn.png) no-repeat 0 0; background-size: 100%;}
*/
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_download {width: 145px; height: 36px; background-color: #ececec; margin: 9px 0px 9px 10px; line-height: 36px; font-size: 0px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_download span {font-size: 14px; color: #888;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_download .tag {width: 22px; height: 22px; margin: 7px 10px 7px 10px; background: url(../images/credit_management_v4/label.png) no-repeat 0 0; background-size: 100%; display: inline-block;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_download .center_line {width: 1px; height: 16px; margin-top: 10px; display: inline-block; background-color: #d2d2d2;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_download .tag_text i {display: inline-block; width: 22px; height: 20px; margin: 4px 4px 8px 10px; background: url(../images/credit_management_v4/download.png) no-repeat 0 0; background-size: 100%; vertical-align: middle;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_video {float: left; width: 300px; margin: 9px 0px 9px 10px; height: 36px; background-color: #ececec; line-height: 36px; font-size: 0px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_video span {font-size: 14px; color: #888;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_video .tag {width: 27px; height: 20px; margin: 8px 0px 8px 16px; display: inline-block; background: url(../images/credit_management_v4/video.png) no-repeat 0 0; background-size: 100%;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_video .tag_text {margin-right: 13px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .pratice_video .tag_text i {display: inline-block; width: 22px; height: 20px; margin: 4px 4px 8px 15px; background: url(../images/credit_management_v4/download.png) no-repeat 0 0; background-size: 100%; vertical-align: middle;} 
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .audio-wrapper {height: 54px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .audio-left {float: left; width: 36px; height: 36px; border-radius: 50%; margin: 9px 20px 9px 13px; overflow: hidden; cursor: pointer;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .audio-left img {width: 100%; height: 100%;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .audio-right {float: left;width: 50%;height: 100%;position: relative;margin-left: 60px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .progress-bar-bg {background-color: #d9d9d9;position: relative;height: 1px;cursor: pointer;top: 50%;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .progress-bar {background-color: #92D66C;width: 0;height: 1px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .progress-bar-bg span {content: " ";width: 8px;height: 8px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background-color: #92D66C;position: absolute;left: 0;top: 50%;margin-top: -4px;margin-left: -4px;cursor: pointer;background: url(../images/credit_management_v4/pratice_audio_btn.png) no-repeat 0 0;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .audio-time {overflow: hidden;margin-top: -2px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .audio-length-total {position: absolute;right: -50px;top: 50%;transform: translateY(-50%);font-size: 14px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg .audio-length-current {left: -50px; top: 50%;transform: translateY(-50%);position: absolute;font-size: 14px;}

.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio p {font-size: 12px; color: #888; line-height: 30px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio p span {color: #000;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_evaluation {margin-top: 20px; margin-left: 15px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_evaluation .pratice_evaluation_left {width: 31px; padding-right: 15px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_evaluation .pratice_evaluation_left .pratice_evaluation_img {width: 31px; height: 32px; background-color: #dcdcdc; border-radius: 50%; overflow: hidden;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_evaluation .pratice_evaluation_left .pratice_evaluation_img img {width: 100%; height: 100%;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_evaluation .pratice_evaluation_box .pratice_evaluation_title {color: #888; font-size: 12px; line-height: 32px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_evaluation .pratice_evaluation_box .pratice_evaluation_content {margin-top: 7px; width: 539px; height: 77px; background-color: #fff; padding: 15px; font-size: 14px; color: #555; line-height: 20px;}
/* 课程详情_wubing 样式 200190522 end */
/* 课程详情页练习2_wubing  样式 20190522 start */
.left_Box .pratice .load_more {margin-top: 20px;}
.left_Box .pratice .load_more a {width: 74px; height: 23px; border: 1px solid #bfbfbf; background-color: #fff; border-radius: 2px;line-height: 23px; color: #888; display: block; text-align: center; margin: 0 auto; font-size: 14px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg_box {overflow: hidden;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg_box > li {float: left; width: 122px; height: 152px; overflow: hidden; margin-right: 20px; margin-top: 10px;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg_box > li a {display: block;}
.left_Box .pratice .pratice_container > li .pratice_content .pratice_audio .pratice_audiobg_box > li a img {width: 100%; height: 100%;}
.left_Box .pratice_second {width: 760px; background-color: #fff; padding: 0px 20px 90px;}
.left_Box .pratice_second .pratice_title_second {height: 62px; line-height: 62px;}
.left_Box .pratice_second .pratice_title_second h4 {font-size: 16px; color: #474747; position: relative;}
.left_Box .pratice_second .pratice_title_second .pratice_second_list li {float: left;}
.left_Box .pratice_second .pratice_title_second .pratice_second_list li a {font-size: 14px; line-height: 64px; color: #888; margin-left: 30px; display: block;}
.left_Box .pratice_second .pratice_title_second .pratice_second_list li a.on {color: #38a4ff;}
.left_Box .pratice_second .class_learners li {width: 755px; height: 83px; background-color: #fafafa; margin-top: 20px;}
.left_Box .pratice_second .class_learners li:first-child {margin-top: 10px;}
.left_Box .pratice_second .class_learners li a {display: block;}
.left_Box .pratice_second .class_learners li a .learners_img {width: 42px; height: 42px; overflow: hidden; margin: 20px;}
.left_Box .pratice_second .class_learners li a .learners_img img {width: 100%; height: 100%;}
.left_Box .pratice_second .class_learners li a .learners_box {font-size: 16px; color: #888; line-height: 28px; margin-top: 13px;}
.left_Box .pratice_second .class_learners li a .learners_box .learners_title {color: #3e3e3e;}
.left_Box .bounced .bounced_box {padding-top: 60px; padding-left: 66px}
.left_Box .bounced .bounced_box li {width: 430px; height: 209px; background-color: #fff; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5),0px 5px 12.75px 2.25px rgba(0, 0, 0, 0.02); overflow: hidden; margin-top: 20px;}
.left_Box .bounced .bounced_box li .bounced_title {text-align: center; font-size: 18px; color: #222; line-height: 20px; margin-top: 54px;}
.left_Box .bounced .bounced_box li .bounced_btns {width: 282px; height: 40px; margin: 0 auto; margin-top: 58px;}
.left_Box .bounced .bounced_box li .bounced_btns a {display: block; font-size: 14px; color: #fff; line-height: 40px; width: 136px; border-radius: 3px; text-align: center;}
.left_Box .bounced .bounced_box li .bounced_btns a.bounced_apply {background-color: #309aeb; margin-right: 10px;}
.left_Box .bounced .bounced_box li .bounced_btns a.bounced_cancle {background-color: #fff; border: 1px solid #ccc; border-radius: 4px; width: 134px; height: 38px; color: #222;}
.pratice_work {margin-top: 30px; padding-bottom: 38px;}
.pratice_work .pratice_homework {width: 1146px; height: 302px; background-color: #fff; margin-left: 54px; overflow: hidden;}
.pratice_work .pratice_homework .no_homework {width: 799px; height: 196px; margin: 53px auto; overflow: hidden;}
.pratice_work .pratice_homework .no_homework img {width: 100%; height: 100%;}
/* 课程详情页练习2_wubing  样式 20190522 end */
/* 无数据展示 wubing 样式 20190523 start */
.nodata {width: 100%; padding: 50px 0px;}
.nodata .nodata_img {width: 360px; height: 196px; overflow: hidden; margin: 0 auto;}
.nodata .nodata_img img {width: 100%; height: 100%;}
/* 无数据展示 wubing 样式 20190523 end */

/* 结果证书 S */
.certificate_content {
  padding: 0 20px 26px 30px;
  background: #fff;
}
.certificate_content .certificate_box {
  box-sizing: border-box;
  height: 100%;
  background: url(../images/shopping_mall_v3/certificate_bg_03.png) no-repeat center;
  background-size: 100% 100%;
  padding: 65px 80px 56px;
}
.certificate_content .certificate_box h2 {
  text-align: center;
  font-size: 24px;
  color: #555555;
  margin-bottom: 30px;
  font-weight: bold;
}
.certificate_content .certificate_box h3 {
  font-size: 17px;
  color: #555555;
  margin-bottom: 20px;
  font-weight: bold;
}
.certificate_content .certificate_box p {
  font-size: 14px;
  color: #999997;
  margin-bottom: 12px;
}
.certificate_content .certificate_box p em {
  font-style: italic;
  font-size: 18px;
  color: #309aeb;
  font-weight: 600;
}
.certificate_content .certificate_box p b {
  padding: 4px 14px;
  margin-left: 6px;
}
.certificate_content .certificate_box p .icon_video {
  background: url(../images/shopping_mall_v3/icon_video_zrk_03.png) no-repeat;
}
.certificate_content .certificate_box p .icon_course {
  background: url(../images/shopping_mall_v3/icon_course_zrk_03.png) no-repeat;
}
.certificate_content .certificate_box p .icon_student {
  background: url(../images/shopping_mall_v3/icon_student_zrk_03.png) no-repeat;
}
.certificate_content .certificate_box .p_weight {
  color: #606060;
  margin-bottom: 10px;
  font-weight: bold;
}
.certificate_content .certificate_box .p_18 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #555555;
}
.certificate_content .certificate_box .p_18_last{
  margin-bottom: 20px;
}
.certificate_content .certificate_box .p_12 {
  color: #6c6c6b;
  margin-bottom: 0;
}
.certificate_content .certificate_box .best_list {
  margin-bottom: 12px;
}
.certificate_content .certificate_box .best_list li {
  float: left;
  padding-top: 25px;
  height: 38px;
  width: 43px;
  background: url(../images/shopping_mall_v3/icon_best_zrk_03.png) no-repeat center top;
  position: relative;
  margin-right: 28px;
}
.certificate_content .certificate_box .best_list li img {
  border-radius: 50%;
  position: absolute;
  bottom: 0;
}
.certificate_content .certificate_box .oprate_list {
  margin-bottom: 16px;
}
.certificate_content .certificate_box .oprate_list li {
  float: left;
  padding: 6px 10px 10px;
  background: #fffce5;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  margin-right: 38px;
}
.certificate_content .certificate_box .oprate_list li h4 {
  font-size: 14px;
  text-align: center;
  color: #e0ce33;
  line-height: 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e0ce33;
  margin-bottom: 10px;
}
.certificate_content .certificate_box .oprate_list li h4 em {
  margin-right: 4px;
}
.certificate_content .certificate_box .oprate_list li h5 {
  font-size: 14px;
  text-align: center;
  color: #31312f;
  line-height: 14px;
  margin-bottom: 10px;
}
.certificate_content .certificate_box .oprate_list li img {
  border-radius: 4px;
}
.certificate_content .certificate_box .great_list {
  margin-bottom: 17px;
}
.certificate_content .certificate_box .great_list li {
  float: left;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  margin-right: 36px;
  -moz-box-shadow: 2px 2px 5px #f1f1f0;
  -webkit-box-shadow: 2px 2px 5px #f1f1f0;
  box-shadow: 4px 4px 10px #f1f1f0;
}
.certificate_content .certificate_box .great_list li:nth-child(4n+4){
  margin-right: 0;
}
.certificate_content .certificate_box .great_list li div {
  width: 76px;
  padding: 5px 12px 6px;
  height: 70px;
  background: #e1f2ff;
  background-size: 100% 100%;
  text-align: center;
  position: relative;
}
.certificate_content .certificate_box .great_list li div .icon_medal1{
  display: block;
  width: 23px;
  height: 28px;
  position: absolute;
  right: 3px;
  top: 0;
  background: url(../images/shopping_mall_v3/icon_medalbg1_03.png) no-repeat center;
  background-size: 100% 100%;
}
.certificate_content .certificate_box .great_list li div .icon_medal2{
  display: block;
  width: 28px;
  height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/shopping_mall_v3/icon_medalbg2_03.png) no-repeat center;
  background-size: 100% 100%;
}
.certificate_content .certificate_box .great_list li div .icon_medal3{
  display: block;
  width: 20px;
  height: 28px;
  position: absolute;
  right: 3px;
  top: 0;
  background: url(../images/shopping_mall_v3/icon_medalbg3_03.png) no-repeat center;
  background-size: 100% 100%;
}
.certificate_content .certificate_box .great_list li div .icon_medal4{
  display: block;
  width: 20px;
  height: 30px;
  position: absolute;
  right: 3px;
  top: 0;
  background: url(../images/shopping_mall_v3/icon_medalbg4_03.png) no-repeat center;
  background-size: 100% 100%;
}
.certificate_content .certificate_box .great_list li div .icon_medal5{
  display: block;
  width: 20px;
  height: 26px;
  position: absolute;
  right: 3px;
  top: 0;
  background: url(../images/shopping_mall_v3/icon_medalbg5.png) no-repeat center;
  background-size: 100% 100%;
}
.certificate_content .certificate_box .great_list li div img {
  border-radius: 50%;
  width: 46px;
  height: 46px;
}
.certificate_content .certificate_box .great_list li div h5 {
  left: 0;
  right: 0;
  bottom: 8px;
  position: absolute;
  padding: 2px 20px;
  background: url(../images/shopping_mall_v3/icon_nane_bg_03.png) no-repeat center;
}
.certificate_content .certificate_box .great_list li div h5 a {
  font-size: 12px;
  color: #fff;
}
.certificate_content .certificate_box h6 {
  color: #a7a6a6;
  margin-bottom: 10px;
  font-size: 14px;
}
.certificate_content .certificate_box .download_btn {
  margin-top: 10px;
  text-align: center;
}
.certificate_content .certificate_box .download_btn button {
  height: 28px;
  width: 192px;
  text-align: center;
  line-height: 28px;
  background: none;
  border: none;
  padding: 0;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
  background: url(../images/shopping_mall_v3/button_bg_03.png) no-repeat center;
  background-size: 100% 100%;
  color: #fff;
}
.certificate_content .certificate_box .download_btn button:focus {
  outline: none;
}

/* 结果证书 E */

/* 在线课程 S */
.icon_write_zrk{
  padding: 0 12px;
  background: url(../images/shopping_mall_v3/icon_write_zrk_03.png) no-repeat center;
  margin-left: 10px;
  margin-right: 5px;
  cursor: pointer;
}
.icon_cancle_zrk{
  padding: 0 12px;
  background: url(../images/shopping_mall_v3/icon_cancle_zrk_03.png) no-repeat center;
  cursor: pointer;
}
#d-title-apply{
  border: none;
}
#d-content-apply h3{
  text-align: center;
  font-size: 16px;
  color: #3f3f3f;
  margin-bottom: 32px;
}
#d-content-apply p{
  font-size: 16px;
  color: #3f3f3f;
  line-height: 28px;
  margin-bottom: 26px;
}
#d-content-apply .oprate_btn{
  text-align: center;
}
#d-content-apply div button{
  height: 38px;
  width: 102px;
  text-align: center;
  line-height: 14px;
  background: none;
  border: none;
  padding: 0;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}
#d-content-apply div button:first-child{
  background: #ecf7ff;
  border: 1px solid #0989eb;
  color: #1890ec;
  margin-right: 68px;
}
#d-content-apply div button:last-child{
  background: #0989eb;
  border: 1px solid #0989eb;
  color: #fff;
  margin-left: 68px;
}
#d-content-apply div button:focus {
  outline: none;
}
.disnone{
  display: none;
}
/* 在线课程 E */

/* 往期课程 S */
.teacher_list_zrk li{
  border: 1px solid #d5d5d5;
  padding: 0;
  background: none;
}
.has_course{
  background: url(../images/shopping_mall_v3/icon_hascourse_zrk_03.png) no-repeat center;
}
.no_course{
  background: url(../images/shopping_mall_v3/icon_nocourse_zrk_03.png) no-repeat center;
}
.teacher_list_zrk li .teacher_box{
  padding: 23px 21px;
  background: #f7f7f7;
  border-bottom: 1px solid #d5d5d5;
}
.teacher_list_zrk li .teacher_box .teacher_info h2{
  margin-bottom: 20px;
}
.teacher_list_zrk li .teacher_box .teacher_info p{
  margin-bottom: 12px;
}
.teacher_list_zrk li .oprate_box{
  padding: 13px 10px;
  text-align: right;
}
.teacher_list_zrk li .oprate_box button{
  height: 24px;
  width: 88px;
  text-align: center;
  line-height: 24px;
  background: none;
  border: none;
  padding: 0;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #ecf7ff;
  border: 1px solid #0989eb;
  color: #1890ec;
  margin-left: 10px;
}
.teacher_list_zrk li .oprate_box button:focus {
  outline: none;
}
.teacher_list_zrk li .oprate_box .active_btn:hover{
  border-color: #0989eb;
  background: #0989eb;
}
.teacher_list_zrk li .oprate_box .active_btn{
  background: #309aeb;
  color: #fff;
}
/* 往期课程 E */

/* yl浮框b */
.yl_points{
  position: relative;
}
.yl_points:hover em{
  display: block;
}
.yl_points em{
  width: 300px;
  height: auto;
  padding: 15px;
  background-color: white;
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 16px;
  line-height: 35px;
  border-radius: 5px;
  box-shadow: 0 0 10px #ccc;
}
/* yl浮框e */


/* 结果证书新 S */
.certificate_content_zrk{
  padding: 0 20px 26px 20px;
  background: #fff;
}
.certificate_content_zrk .certificate_box{
  box-sizing: border-box;
  width: 728px;
  /* height: 1024px; */
  background: url(../images/shopping_mall_v3/certificate_bg_new.png) no-repeat center;
  background-size: 100% 100%;
  padding: 184px 96px 164px;
}
.certificate_content_zrk .certificate_box .certificate_title0{
  font-size: 22px;
  color: #2f5685;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  margin-bottom: 20px;
}
.certificate_content_zrk .certificate_box .certificate_title1{
  font-size: 32px;
  color: #002149;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
  margin-bottom: 17px;
}
.certificate_content_zrk .certificate_box .certificate_title2{
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  margin-bottom: 14px;
}
.certificate_content_zrk .certificate_box .certificate_name{
  text-align: center;
  margin-bottom: 10px;
}
.certificate_content_zrk .certificate_box .certificate_name span:first-child{
  font-size: 26px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  line-height: 26px;
  margin-right: 10px;
}
.certificate_content_zrk .certificate_box .certificate_name span:last-child{
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}
.certificate_content_zrk .certificate_box .certificate_school{
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  line-height: 12px;
  margin-bottom: 15px;
}
.certificate_content_zrk .certificate_box .certificate_time{
  width: 400px;
  margin: 0 auto;
  border-bottom: 1px solid #85b7ee;
  text-align: center;
  padding-bottom: 11px;
}
.certificate_content_zrk .certificate_box .certificate_time span{
  font-size: 12px;
  color: #555555;
  font-weight: bold;
  text-align: center;
  line-height: 12px;
  margin: 0 7px;
}
.certificate_content_zrk .certificate_box .certificate_time span em{
  margin-left: 10px;
}
.certificate_content_zrk .certificate_box .certificate_info{
  text-align: center;
  padding-top: 11px;
  margin-bottom: 20px;
}
.certificate_content_zrk .certificate_box .certificate_info span {
  font-size: 12px;
  color: #555555;
  font-weight: bold;
  text-align: center;
  line-height: 12px;
}
.certificate_content_zrk .certificate_box .certificate_info span em{
  margin: 0 6px;
}
.certificate_content_zrk .certificate_box .certificate_info_box{
  margin-bottom: 10px;
}
.certificate_content_zrk .certificate_box .certificate_info_box div p{
  font-size: 14px;
  color: #555555;
  font-weight: bold;
  margin-bottom: 5px;
}
.certificate_content_zrk .certificate_box .certificate_info_box div p em{
  font-size: 18px;
  color: #0059c5;
  margin: 0 5px;
}
.certificate_content_zrk .certificate_box .certificate_info_box div ul li{
  font-size: 12px;
  color: #555555;
  margin-bottom: 5px;
  padding-left: 10px;
  position: relative;
  font-weight: bold;
}
.certificate_content_zrk .certificate_box .certificate_info_box div ul li b{
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background: #555555;
  border-radius:50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
}
.certificate_content_zrk .certificate_box .certificate_info_box div ul li span{
  margin: 0 5px;
}
.certificate_content_zrk .certificate_box .certificate_info_box .info_box_left{
  margin-left: 15px;
}
.certificate_content_zrk .certificate_box .certificate_info_box .info_box_right ul li{
  padding-top: 5px;
  padding-bottom: 5px;
}
.certificate_tearcher_box{
  margin-bottom: 20px;
}
.certificate_tearcher_box  .tearcher_box_left{
  width: 155px;
}
.certificate_tearcher_box  .tearcher_box_right{
  width: 155px;
}
.certificate_tearcher_box  .tearcher_box_center{
  margin-left: 180px;
  margin-right: 180px;
}
.certificate_tearcher_box  div p{
  display: block;
  height: 56px;
  font-size: 14px;
  color: #222222;
  font-weight: bold;
}
.certificate_tearcher_box  div p em{
  color: #0059c5;
}
.certificate_tearcher_box  div p:last-child{
  margin-bottom: 0;
}
.certificate_tearcher_box  div ul li{
  font-size: 12px;
  color: #222222;
  font-weight: bold;
  margin-bottom: 5px;
  padding-left: 10px;
  position: relative;
}
.certificate_tearcher_box  div ul li b{
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background: #555555;
  border-radius:50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
}
.certificate_metal_box .certificate_metal_img{
  padding-top: 12px;
}
.certificate_metal_box .certificate_metal_img img {
  height: 115px;
  width: 115px;
}
.certificate_metal_box .metal_box_left p{
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 18px;
}
.certificate_metal_box .metal_box_left ul li{
  margin: 0 13px;
  text-align: center;
}
.certificate_metal_box .metal_box_left ul li div{
  margin-bottom: 8px;
  position: relative;
}
.certificate_metal_box .metal_box_left ul li div img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.certificate_metal_box .metal_box_left ul li div b{
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.certificate_metal_box .metal_box_left ul li div .medal_01{
  background: url(../images/shopping_mall_v3/medal_bg_03.png) no-repeat center;
  background-size: 100% 100%;
  width: 12px;
  height: 14px;
}
.certificate_metal_box .metal_box_left ul li div .medal_02{
  background: url(../images/shopping_mall_v3/medal_bg1_03.png) no-repeat center;
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
}
.certificate_metal_box .metal_box_left ul li div .medal_03{
  background: url(../images/shopping_mall_v3/medal_bg2_03.png) no-repeat center;
  background-size: 100% 100%;
  width: 12px;
  height: 14px;
}
.certificate_metal_box .metal_box_left ul li div .medal_04{
  background: url(../images/shopping_mall_v3/medal_bg3_03.png) no-repeat center;
  background-size: 100% 100%;
  width: 10px;
  height: 14px;
}
.certificate_metal_box .metal_box_left ul li div .medal_05{
  background: url(../images/shopping_mall_v3/medal_bg4_03.png) no-repeat center;
  background-size: 100% 100%;
  width: 12px;
  height: 14px;
}
.certificate_metal_box .metal_box_left ul li h4{
  font-size: 12px;
  color: #4c91e4;
  font-weight: bold;
}
.certificate_metal_box .metal_box_left ul li h5{
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}
/* 结果证书新 E */

/* 学年弹框样式 刘邓 20190916 S */
.ld_g_jbtn{position: relative;}
.ld_g_jbtn .join_btn{margin-top: 5px;background: #949494;border-color: #949494;}
.ld_g_jbtn .ld_g_pbx{position: absolute;display: none; top: 100%;left: 0; width: 100%; box-sizing: border-box; border: 1px solid #ccc;padding: 10px 0;text-align: center;}
.ld_g_jbtn .ld_g_pbx a{display: block;line-height: 30px; font-size: 14px;color: #555;}
.ld_g_jbtn .ld_g_pbx a:hover{color: #309aeb;}
.ld_g_jbtn:hover .ld_g_pbx{display: block;}
.ld_g_jbtn .join_btn:hover{background: #949494;border-color: #949494;}
.ld_g_end{position: relative;}
.ld_g_end:after{content: '';position: absolute; width: 67px;height: 67px;right: 0;top: 0;background: url('../images/shopping_mall_v3/endico.png') no-repeat center center;}
/* 学年弹框样式 刘邓 20190916 E */


/* 新增按钮 刘邓 20190920 S */
.left_Box .sortBox .itemList a.ld_g_btn{display: inline-block;line-height: 40px;background: #309aeb;color: #fff;border-radius: 6px;font-size: 14px;padding-left: 12px;padding-right: 12px;}
.left_Box .sortBox .itemList a.ld_g_btn:hover{border: 0;background: #0989eb;}
/* 新增按钮 刘邓 20190920 E */

/* yl首页新增链接模块b */
.zq_course .sync_class .con_bottom .course_link{
  margin-left: 22px;
}
/* yl首页新增链接模块e */

/* yl统计页面b */
.yl_tj_outer{
  margin: 30px 0;
  height: 637px;
  background: #fff;
  box-shadow: 4px 7px 40px 9px rgba(199, 206, 208, 0.25);
}
.y_ni_map{
  width: 600px;
  height: 100%;
  position: relative;
}
.y_ni_map .y_ni_back{
  position: absolute;
  cursor: pointer;
  left: 35px;
  top: 28px;
  display: inline-block;
  width: 48px;
  height: 23px;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  color: #309aeb;
  z-index: 9;
}
.y_ni_map .y_x_city{
  font-size: 26px;
  color: #222222;
  position: absolute;
  top: 28px;
  right: 38px;
  z-index: 9;
}
.y_tj_sj {
  width: 600px;
  height: 100%;
  position: relative;
  padding-top: 45px;
}
.y_tj_sj .y_tj_tit{
  font-size: 20px;
  color: #202020;
  position: absolute;
  top: 31px;
  left: 52px;
}
.y_tj_sj .y_tj_time{
  font-size: 14px;
  color: #888888;
  position: absolute;
  top: 33px;
  right: 43px;
  padding-right: 15px;
  background: url('../images/shopping_mall_v3/down_lode.png') no-repeat right center;
  cursor: pointer;
}
.y_tj_listOut{
  height: 539px;
  padding: 98px 0 0 40px;
  box-sizing: border-box;
  border-left: 1px solid #dcdcdc;
}
.y_tj_item{
  width: 300px;
  margin-bottom: 65px;
  cursor: pointer;
  position: relative;
}
.y_tj_item:nth-child(even){
  margin-left: 38px;
  width: 220px;
}
.y_tj_item p{
  width: 60px;
  height: 60px;
}
.y_tj_item p img{
  height: 100%;
  width: 100%;
}
.y_tj_item dl{
  margin-left: 15px;
}
.y_tj_item dl dt{
  font-size: 18px;
  color: #888;
  line-height: 18px;
  margin-bottom: 16px;
}
.y_tj_item dl dd{
  font-size: 28px;
  line-height: 28px;
  color: #333;
}
.y_tj_item:hover .y_tj_xf{
  display: block;
}
.y_tj_xf{
  position: absolute;
  width: 154px;
  height: 102px;
  border-radius: 4px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 18px 0 0 26px;
  box-sizing: border-box;
  top: 27px;
  left: 30px;
  z-index: 9;
  display: none;
}
.y_tj_xf .y_kit{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0059c5;
  position: absolute;
  left: 10px;
  top: 10px;
}
.y_pm_list li{
  line-height: 14px;
  margin-bottom: 13px;
}
.y_pm_list li i{
  color: #f1f82c;
}
.ni_g_echar {
  width: 100%;
  height: 100%;
}
/* yl统计页面e */


/*结果证书 0513 begin*/
.item_certificate{ background: #fff; padding:20px 0;}
.item_certificate .topbg{ background: url(../images/shopping_mall_v3/top_bg_01.jpg) no-repeat center top;  width: 760px; margin: 0 auto;}
.item_certificate .contbg{ background: url(../images/shopping_mall_v3/bg_bot_02.jpg) no-repeat center bottom; height:1200px; position: relative;}
.item_certificate .tit{ text-align: center;}
.item_certificate .tit h4{ font-size: 24px; font-weight: normal; line-height: 26px; padding-top:28px; color: #4f5256;}
.item_certificate .tit h3{ font-size: 36px; line-height: 40px; padding:13px 0 10px 0; color: #222; }
.item_certificate .tit .num{ font-size: 14px; color: #3a3c3e;}
.item_certificate .subject { margin-top:40px;}
.item_certificate .subject h2{ font-size: 26px; color: #003678; line-height: 28px; text-align: center; }
.item_certificate .subject .form{ font-size: 20px; color: #0059c5; text-align: center; line-height: 18px; padding: 10px 0;}
.item_certificate .subject .time{ font-size: 14px; color: #8ca0b8; padding: 10px 0; text-align: center; position: relative;}
.item_certificate .subject .time:after{content: ''; width: 500px; height: 1px; background: #ccd8eb; position: absolute; bottom: 0; left: 130px;}
.item_certificate .subject .class_hour{ font-size: 14px; text-align: center; margin-top: 10px; color: #8ca0b8;}
.item_certificate .subject .class_hour em{ color: #1d6ccc; margin: 0 10px;}
.item_certificate .detail{ margin-top: 100px; overflow: hidden; height: 385px;}
.item_certificate .detail .left{ float: left; width: 215px; padding-left: 115px;}
.item_certificate .detail .section{ line-height: 24px; font-size: 14px; color: #555; margin-bottom: 38px;}
.item_certificate .detail .section em{ font-size: 24px; color: #0059c5; margin: 0 5px;}
.item_certificate .detail .rig{ float: right; width: 280px; padding-right:75px}
.item_certificate .detail .rig p{ line-height: 24px; font-size: 14px; color: #555; margin-bottom: 44px;}
.item_certificate .detail .rig em{ font-size: 24px; color: #0059c5; margin: 0 5px;}
.item_certificate .stu_list ul{ width: 540px; overflow: hidden; margin: 0 auto; margin-top: 20px;}
.item_certificate .stu_list li{ float: left; width: 20%; text-align: center;}
.item_certificate .stu_list .photo{ width: 50px; height: 50px; border-radius: 25px; margin: 0 auto; position: relative;}
.item_certificate .stu_list .photo .tag{ position: absolute;}
.item_certificate .stu_list .tagtxt{ font-size: 12px; padding-top:5px; color: #5696e3;}
.item_certificate .stu_list .name{ font-size: 14px; color: #000;}
.item_certificate .stu_list .user_photo{ display: block; width: 50px; height: 50px; border-radius: 25px;}
.item_certificate .stu_list .tag{ position: absolute; bottom:2px; right: 0;}
.item_certificate .cachet{ position: absolute; right: 0; bottom: 66px; width: 282px; background: url(../images/shopping_mall_v3/cachet.png) no-repeat center center; height: 115px;}
/*结果证书 0513 end*/