﻿/*浙江智慧学习广场移动端推广活动首页*/
.clearfix{display:block;}/*重置头部的此样式*/
.bg_f5f5f5{background:#f5f5f5;}
.mgt8{margin-top:8px;}
.gs_banner{width:100%;height:400px;background:url(../images/mobile_active/banner.jpg) no-repeat center center;}

.gs_codelist{width:149px;text-align:center;background:#fff;padding-bottom:25px;}
.gs_codelist.fixed{ position:fixed;top:145px;margin-left:1050px;}
.gs_codelist p{font-size:14px;color:#555;}
.gs_codelist .gs_tip{font-size:14px;color:#309aeb;padding-top:16px;padding-bottom:20px;}

.gs_content{width:1200px;margin:0 auto;padding-top:45px;position:relative;}
.gs_list{width:1020px;}
.gs_lists{background:#fff;overflow:hidden;}
.gs_title{height:50px;padding-left:20px;border-bottom:1px solid #e0e0e0;}
.gs_title h2{display:inline-block;height:49px;line-height:49px;border-bottom:2px solid #309aeb;padding:0 5px;font-size:22px;font-weight:normal;}

.fun_list{width:1024px;overflow:hidden;padding-bottom:50px;}
.fun_list li{padding:40px 30px 40px 40px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;width:270px;float:left;position:relative;}
.fun_list li:hover .txt{display:block;}
.fun_list li .function_text{display:inline-block;margin-left:25px;vertical-align:top;}
.fun_list li .function_text h3{font-size:24px;color:#000;}
.fun_list li .function_text p{font-size:16px;color:#555;height:21px;overflow:hidden;width:160px;}
.fun_list li .txt{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.8 );top:0;left:0;color:#fff;display:none;cursor:pointer;}
.fun_list li .txt p{padding:26px 28px;text-indent:2em;font-size:14px;height:102px;}

.gs_moreBtn_wrap{height:50px;text-align:center;}
.gs_more_btn{display:inline-block;height:50px;padding-right:20px;background:url(../images/mobile_active/icon_arrow.png) no-repeat right center;line-height:50px;font-size:14px;color:#888;}
.gs_more_btn.on{background-image:url(../images/mobile_active/icon_arrow_on.png)}
/*培训微视频*/
.video_list{padding:40px 10px 0 40px;overflow:hidden;}
.video_list li{float:left;margin-right:20px;width:300px;height:300px;overflow:hidden;border:1px solid #e0e0e0;margin-bottom:20px;}
.video_list li .text{font-size:18px;color:#555;height:44px;line-height:44px;padding:0 10px;}
.video_list li .tig_box{padding:0 10px;}
.tig_box span{display:inline-block;height:20px;line-height:20px;padding:0 10px;border-radius:10px;font-size:14px;border:1px solid #fff;margin-right:5px;margin-bottom:10px;}
.tig_box span.color1{border-color:#e65744;color:#e65744}
.tig_box span.color2{border-color:#40aa50;color:#40aa50;}
.tig_box span.color3{border-color:#62a5e4;color:#62a5e4}
.tig_box span.color4{border-color:#778bec;color:#fff;background:#778bec;}

/*优质课例*/
.good_class{padding:39px 20px 0 39px;overflow:hidden;}
.good_class li{width:298px;height:282px;border:1px solid #e0e0e0;float:left;margin-right:20px;margin-bottom:20px;}
.good_class li .img_box{display:block;position:relative;}
.good_class li .img_box img{width:298px;height:180px;}
.good_class li .img_box span{position:absolute;height:40px;line-height:40px;width:100%;background:rgba(0,0,0,0.5);color:#fff;font-size:18px;bottom:0;left:0;text-align:center;}

.good_class li .textBox{padding:10px 20px 0 15px;}
.good_class li .textBox img{width:85px;height:79px;border-radius:50%;}
.good_class li .textBox .text{display:inline-block;vertical-align:top;margin-left:15px;width:155px;}
.good_class li .textBox .text p{font-size:14px;color:#555;}
.good_class li .textBox .text .name a{font-size:18px;color:#309aeb;}

/*推广资讯*/
.info_list{width:1020px;}
.gs_message{width:644px;background:#fff;}
.gs_message_box{padding:20px 25px 30px 40px;}
.gs_message_box .img_box{position:relative;width:180px;height:220px;display:block;}
.gs_message_box .img_box img{width:180px;height:220px;}
.gs_message_box .img_box span{position:absolute;padding:10px 0;width:100%;background:rgba(0,0,0,0.5);bottom:0;left:0;color:#fff;font-size:14px;}
.gs_message_box .img_box span em{display:block;text-align:center;}
.gs_message_box .message_txt{width:387px;margin-left:10px;}
.gs_message_box .message_txt h3{font-size:24px;color:#3d95d5;font-weight:normal;height:25px;line-height:25px;overflow:hidden;}
.gs_message_box .message_txt .text{font-size:12px;color:#a5a5a5;}
.gs_message_box .message_txt .text_list{margin-top:20px;}
.gs_message_box .message_txt .text_list li{margin-bottom:15px;}
.gs_message_box .message_txt .text_list li.no_mgb{margin-bottom:0;}
.gs_message_box .message_txt .text_list li:after{content:'';display:block;clear:both;}
.gs_message_box .message_txt .text_list li a{font-size:16px;color:#555;width:300px;height:21px;overflow:hidden;float:left;}
.gs_message_box .message_txt .text_list li a:hover{color:#1b8fd7;}
.gs_message_box .message_txt .text_list li span{float:right;color:#a5a5a5;font-size:14px;}

.gs_download_rank{width:356px;background:#fff;height:342px;}
.gs_download_rank table{padding:15px 25px;font-size:14px;color:#555;text-align:center;}
.gs_download_rank table th{font-weight:normal;height:30px;}
.gs_download_rank table th .gs_rankCate{display: inline-block;height: 21px;line-height: 21px;padding: 0 10px;border-radius: 10px;font-size: 14px;border: 1px solid #fff;color:#555;}
.gs_download_rank table th .gs_rankCate.on,.gs_download_rank table th .gs_rankCate:hover{border-color: #778bec;color: #fff;background: #778bec;}
.gs_download_rank table td{height:42px;}
.gs_download_rank table td span{color:#3d95d5;}
.gs_download_rank table .rank{display:inline-block;width:36px;text-align:center;height:23px;line-height:23px;font-size:14px;color:#fffefe;background:#c5efff;border-radius:0 12px 12px 0;margin-right:10px;}
.gs_download_rank table .rank.rank2{background:#ef9296;}
.gs_download_rank table .rank.rank3{background:#fbc248;}

.gs_scroll{width:180px;height:220px;overflow:hidden;}
.Tools_slide_wp{position: relative;}
.Tools_slide_itemWp,.Tools_slide_item{width: 100%;height: 100%;transform: translate3d(0,0,0);}
.Tools_slide_item{position: absolute;}
.Tools_slide_leftBtn,.Tools_slide_rightBtn{position: absolute;height:30px;top: 50%;margin-top: -24px;width:30px;z-index: 5;cursor: pointer;}
.Tools_slide_leftBtn{left: 5px;background: url("../../../common/images/banner_btnl1.png");background-size:contain;}
.Tools_slide_rightBtn{right: 5px;background: url("../../../common/images/banner_btnr.png");background-size:contain;}


/*wql  应用培训 S*/

[name=wql_tabconts] .wql_tabcont{display: none;}
[name=wql_tabconts] .wql_tabcont.active{display: block;}
[name=wql_bannercont]{overflow: hidden;}
.cbc1a1a{color: #bc1a1a;} /* 红色*/
.cffb80c{color: #ffb80c;} /* 黄色*/
.c449b29{color: #449b29;} /* 绿色*/
.c0084ff{color: #0084ff;} /* 蓝色*/
.wql_bg_fff{background: #fff;}
.wql_b_r10{border-radius: 10px;}

.mgt60{margin-top: 60px;}
.mgtb60{margin-top: 60px;margin-bottom: 60px;}

.wql_banner{width:100%;height:400px;background:url(../images/index1706/banner/banner_index.png) no-repeat center center;}
.wql_banner.zxf_banner{width:100%;height:400px;background:url(../images/index1706/banner/banner_inner.jpg) no-repeat center center;}


.wql_content{background: #f2fbff;overflow: hidden;}
.wql_wql_mainBox{position: relative;margin: 0 auto;}
.wql_newsbox{background: #def5ff;overflow: hidden;}
.wql_appbox{margin-top: 45px;}

/*.wql_teacherbox .wql_box_l{width: 810px;height: 555px; padding: 30px 20px 30px 0;}*/
.wql_teacherbox .wql_box_l{padding: 30px 20px 30px 0;}
.wql_teacherbox .wql_box_r{width: 330px;height: 555px; padding: 30px 20px 30px 0;}

.wql_videobox{padding: 30px 30px 30px 0;}
.wql_recordbox{overflow: hidden;}

.wql_BigTit{text-align: center;font-size: 28px;color: #222;line-height: 30px;font-weight: normal;}

.wql_g_banner .wql_bannerbox{position: relative;/*overflow: hidden;*/}
.wql_g_banner .wql_bannercont{position: relative;overflow: hidden;}
.wql_g_banner .wql_bannerbox .wql_btn{position: absolute;display:none;width:44px;height: 44px;top: 50%;margin-top: -22px;cursor: pointer;}
.wql_g_banner .wql_bannerbox .wql_btn.wql_btnprev{background: url(../images/index1706/apptrain/wql_prevbtn.png) no-repeat;left: 0;}
.wql_g_banner .wql_bannerbox .wql_btn.wql_btnnext{background: url(../images/index1706/apptrain/wql_nextbtn.png) no-repeat;right:0;}
.wql_g_banner .wql_bannerbox .wql_btn.wql_btnprev.disable{background: url(../images/index1706/apptrain/wql_prevbtn_disable.png) no-repeat;}
.wql_g_banner .wql_bannerbox .wql_btn.wql_btnnext.disable{background: url(../images/index1706/apptrain/wql_nextbtn_disable.png) no-repeat;}
/*list01*/
.wql_g_list .wql_list01 .wql_ul{margin-left: -20px;height: 261px;}
.wql_g_list .wql_list01 .wql_li{float: left;width: 224px;height: 261px;margin-left: 20px;border-radius: 6px;overflow: hidden;}
.wql_g_list .wql_list01 .wql_li{float: left;width: 224px;height: 261px;}
.wql_g_list .wql_list01 .wql_li .wql_li_head{height: 54px;line-height: 54px;font-size: 18px;color: #fff; background: #bfe4f4;}
.wql_g_list .wql_list01 .wql_li.active .wql_li_head{background: #0fb8ff;}
.wql_g_list .wql_list01 .wql_li .wql_li_head .wql_icon{display: inline-block;float: left;margin-left: 20px; /*vertical-align: middle; */width: 20px;height:54px;background: url(../images/index1706/apptrain/wql_timeicon.png) no-repeat center center;}
.wql_g_list .wql_list01 .wql_li .wql_li_cont{height: 207px;position: relative;background-color:#fff; }
.wql_g_list .wql_list01 .wql_li .wql_li_cont.wql_cont01{background: url(../images/index1706/apptrain/wql_bg02.png) no-repeat center bottom #fff;}
.wql_g_list .wql_list01 .wql_li_cont .wql_tag{position: absolute;width: 56px;height: 20px;line-height: 20px;color: #fff;text-align: center;top: -10px;right: 10px;}
.wql_g_list .wql_list01 .wql_li_cont .wql_tag.wql_tag01{background: url(../images/index1706/apptrain/wql_tagbg01.png) no-repeat;}
.wql_g_list .wql_list01 .wql_li_cont .wql_tag.wql_tag02{background: url(../images/index1706/apptrain/wql_tagbg02.png) no-repeat;}
.wql_g_list .wql_list01 .wql_li_cont .wql_tag.wql_tag03{background: url(../images/index1706/apptrain/wql_tagbg03.png) no-repeat;}
.wql_g_list .wql_list01 .wql_li_cont .wql_tit{line-height: 28px;font-size: 20px;color: #222;width: 140px;display: inline-block;position: relative;margin-top: 23px;height: 56px;}
.wql_g_list .wql_list01 .wql_li_cont .wql_tit span{display: block;position: absolute;top: 50%;}
.wql_g_list .wql_list01 .wql_li_cont .wql_name{font-size: 16px;line-height: 32px;color:#888; }
.wql_g_list .wql_list01 .wql_li_cont .wql_name span{color: #222;}

.wql_g_list .wql_list01 .wql_li_cont .wql_Btn{display: block;width: 114px;height: 40px;background: url(../images/index1706/apptrain/wql_btn_bg01.png) no-repeat;line-height: 40px;color: #fff;font-size: 18px;margin: 12px auto;}
.wql_g_list .wql_list01 .wql_li_cont .wql_Btn.wql_btn01{background: url(../images/index1706/apptrain/wql_btn_bg01.png) no-repeat;}
.wql_g_list .wql_list01 .wql_li_cont .wql_Btn.wql_btn02{background: url(../images/index1706/apptrain/wql_btn_bg02.png) no-repeat;}

/*list02 */

.wql_g_list .wql_list02 .wql_ul{margin-top:25px;font-size:16px;}
.wql_g_list .wql_list02 .wql_ul li{margin-bottom:20px;line-height: 20px;}
.wql_g_list .wql_list02 .wql_ul li.no_mgb{margin-bottom:0;}
.wql_g_list .wql_list02 .wql_ul li:after{content:'';display:block;clear:both;}
.wql_g_list .wql_list02 .wql_ul li a{font-size:16px;color:#555;width:300px;overflow:hidden;float:left;}
.wql_g_list .wql_list02 .wql_ul li a:hover{color:#1b8fd7;}
.wql_g_list .wql_list02 .wql_ul li span{float:right;color:#a5a5a5;}

/*list03 */
.wql_g_list .wql_list03{}
.wql_g_list .wql_list03 .wql_ul{margin-top: 45px;margin-right: 10px;}
.wql_g_list .wql_list03 .wql_li{width: 106px;height: 92px;text-align: center;line-height: 92px;font-size: 18px;margin-top: 10px;}
.wql_g_list .wql_list03 .wql_li.on,
.wql_g_list .wql_list03 .wql_li:hover{background: #0fb8ff;border-radius: 6px;}
.wql_g_list .wql_list03 .wql_li a{color: #222;}
.wql_g_list .wql_list03 .wql_li.on a,
.wql_g_list .wql_list03 .wql_li:hover a{color: #fff;}

/*list04 */
.wql_g_list .wql_list04 .wql_ul{margin-left: -18px;}
.wql_g_list .wql_list04 .wql_li{float: left;width: 185px;margin-left: 18px;text-align: center;}
.wql_g_list .wql_list04 .wql_li_head{height: 51px;font-size: 14px;color: #fff;padding: 23px 35px 0;line-height: 21px;position: relative;background: #ff937e;border-radius:  6px 6px 0 0;}
.wql_g_list .wql_list04 .wql_li_head .wql_icon{position: absolute;top: -30px;left: 50%;margin-left: -24px; display: block;width:48px;height: 48px;box-shadow: 0 0 30px rgba(255,141,119,.35);border-radius: 48px; }
.wql_g_list .wql_list04 .wql_li_head .wql_icon01{background: url(../images/index1706/apptrain/list01.png) no-repeat;}
.wql_g_list .wql_list04 .wql_li_head .wql_icon02{background: url(../images/index1706/apptrain/list02.png) no-repeat;}
.wql_g_list .wql_list04 .wql_li_head .wql_icon03{background: url(../images/index1706/apptrain/list03.png) no-repeat;}
.wql_g_list .wql_list04 .wql_li_head .wql_icon04{background: url(../images/index1706/apptrain/list04.png) no-repeat;}
.wql_g_list .wql_list04 .wql_li_head .wql_icon05{background: url(../images/index1706/apptrain/list05.png) no-repeat;}
.wql_g_list .wql_list04 .wql_li_head .wql_icon06{background: url(../images/index1706/apptrain/list06.png) no-repeat;}
.wql_g_list .wql_list04 .wql_li_cont{padding-top: 25px;height: 242px;background: #fff;border-radius: 0 0 6px 6px;}
.wql_g_list .wql_list04 .wql_li_cont a{line-height: 20px;margin-bottom: 20px;color: #555;font-size: 16px;display: block;cursor: pointer;}
.wql_g_list .wql_list04 .wql_li_cont a.on,
.wql_g_list .wql_list04 .wql_li_cont a:hover{color: #ff937e;}

/*list05 */
.wql_g_list .wql_list05 .wql_li{/*width: 182px;*/width:174px;height: 250px;margin-bottom: 20px; margin-left: 22px;border-radius: 6px;float: left;}
.wql_g_list .wql_list05 .wql_li:hover, .wql_g_list .wql_list05 .wql_li.active{box-shadow: 0 0 30px #c2f3ff;}
.wql_g_list .wql_list05 .wql_li a{display: block;color:#555;}
.wql_g_list .wql_list05 .wql_li .wql_imgbox{position: relative;width:100%;height:168px;}
.wql_g_list .wql_list05 .wql_li .wql_tag{position: absolute;bottom:9px;height: 20px;min-width: 38px;padding: 0 10px; font-size: 12px;color: #fff;line-height: 20px;border-radius:0 20px 20px 0;background:url(../images/index1706/apptrain/tagBg.png) repeat;}
.wql_g_list .wql_list05 .wql_li img{border-radius: 6px 6px 0 0;width:100%;height:100%;}
.wql_g_list .wql_list05 .wql_li .wql_name{margin-top: 10px;line-height: 22px;font-size: 16px;color: #222;}
.wql_g_list .wql_list05 .wql_li .wql_ranking{font-size: 14px;color: #222;margin: 12px 0 10px;height: 15px;}
.wql_g_list .wql_list05 .wql_li .wql_ranking span{color: #888;padding-left: 20px;background: url(../images/index1706/apptrain/icon_heart_gray.png)left center no-repeat;margin-right:10px;background-size:85%;cursor:pointer;}
.wql_g_list .wql_list05 .wql_li .wql_ranking span.on{background: url(../images/index1706/apptrain/icon_heart.png)left center no-repeat;background-size:85%;}
.wql_g_list .wql_list05 .wql_li .wql_indo{font-size: 14px;color: #555;line-height: 20px;}
.wql_g_list .wql_list05 .wql_li .wql_info{cursor: pointer}

.wql_g_list .wql_list05 .wql_li.zxf_li{width:242px;height:90px;border-radius: 8px;padding: 40px 15px 0;box-shadow: 0 0 10px #dcdcdc;}
.wql_g_list .wql_list05 .wql_li.zxf_li:hover{box-shadow: 0 0 30px #c2f3ff;}
.wql_g_list .wql_list05 .wql_li.zxf_li img {float: left; width: 50px; height: 50px;}
.wql_g_list .wql_list05 .wql_li.zxf_li .zxf_txt {padding-left: 65px; color: #4A648A; font-size: 14px; line-height: 25px; height: 50px; }

/*list06 */
.wql_g_list .wql_list06 .wql_ul{margin-left: -20px;}
.wql_g_list .wql_list06 .wql_li{float: left;margin-left: 20px;width: 270px;}
.wql_g_list .wql_list06 .wql_li .wql_videobtn{display: block;height: 176px;background: url(../images/index1706/apptrain/video02.jpg) no-repeat;}
.wql_g_list .wql_list06 .wql_li img{height: 176px;width: 270px;}
.wql_g_list .wql_list06 .wql_li .wql_tit{font-size: 18px;margin: 10px 0 0;line-height: 20px;color: #222;}
.wql_g_list .wql_list06 .wql_li .wql_info{font-size: 14px;margin-top: 8px;line-height: 20px;color: #888;}

/*list07 */
.wql_g_list .wql_list07 .wql_li{float: left;width: 300px;height: 60px;line-height: 60px;text-align: center;margin-bottom: 15px;}


/*菜单导航*/
.wql_g_subnav .wql_ul{}
.wql_g_subnav .wql_li{float: left;margin-left: 15px;}
.wql_g_subnav .wql_li a{display: block;font-size: 14px;line-height: 28px;width: 80px;border-radius: 28px;text-align: center;color: #555;}
.wql_g_subnav .wql_li.on a,
.wql_g_subnav .wql_li:hover a{color: #fff;background: #0fb8ff;}

/*box01*/
.wql_g_box .wql_box01{width: 1015px;padding: 30px;background: #fff;}
.wql_g_box .wql_box01 .wql_box_l{width: 389px;height: 325px;border-radius: 6px;overflow: hidden;}
.wql_g_box .wql_box01 .wql_box_l .wql_info{height: 60px;line-height: 60px;background: #aaa;color: #fff;font-size: 20px;}
.wql_g_box .wql_box01 .wql_box_l .wql_btn{display: inline-block;vertical-align: middle;width:7px;height: 8px;cursor: pointer;}
.wql_g_box .wql_box01 .wql_box_l .wql_btn.wql_perv{background: url(../images/index1706/apptrain/wql_pervbtn02.png) no-repeat;margin-right: 5px;}
.wql_g_box .wql_box01 .wql_box_l .wql_btn.wql_next{background: url(../images/index1706/apptrain/wql_nextbtn02.png) no-repeat;margin-left: 5px;}
.wql_g_box .wql_box01 .wql_box_l .wql_btnbox{font-size: 14px;}
.wql_g_box .wql_box01 .wql_box_r{width: 580px;}

/*标题 */

.wql_g_tit .wql_tit01 h3{font-size: 28px;line-height: 28px;color: #222;padding-left: 15px;border-left:4px solid #0fb8ff;font-weight: normal;}
.wql_g_tit .wql_tit02{line-height: 24px;}
.wql_g_tit .wql_tit02 h3{font-size: 20px;color: #222;padding-left: 15px;border-left:3px solid #0fb8ff;font-weight: normal;}
.wql_g_tit .wql_tit02 a{color: #0fb8ff;font-size: 14px;display: inline-block;vertical-align: middle;}

/*更多 */

.wql_g_more .wql_more01 .wql_btn{width: 28px;height:28px;background:url(../images/index1706/apptrain/more.png) no-repeat center center; display: block;}


/*按钮 */
.wql_g_btn .wql_btn01 a{line-height: 28px;color: #555;font-size: 14px;margin-right: 15px;}
.wql_g_btn .wql_btn01 a.on{color: #0084ff;}

/*表格*/
/*.wql_g_table .wql_table01{margin-left: 20px;margin-top: 20px;}*/
.wql_g_table .wql_table01 table{width: 100%; font-size: 16px;color: #555;}
.wql_g_table .wql_table01 table th{font-size: 14px;height: 40px;}
.wql_g_table .wql_table01 table td{font-size: 16px;height: 42px;}
.wql_g_table .wql_table01 table td .wql_ranking{display: inline-block;width: 30px;height: 30px;background: url(../images/index1706/apptrain/ranking04.png) no-repeat;line-height: 30px;font-size: 14px;color: #0084ff;}
.wql_g_table .wql_table01 table td .wql_ranking.wql_ranking01{background: url(../images/index1706/apptrain/ranking01.png) no-repeat;color: #bc1a1a;}
.wql_g_table .wql_table01 table td .wql_ranking.wql_ranking02{background: url(../images/index1706/apptrain/ranking02.png) no-repeat;color: #ffb80c;}
.wql_g_table .wql_table01 table td .wql_ranking.wql_ranking03{background: url(../images/index1706/apptrain/ranking03.png) no-repeat;color: #449b29;}
/*wql  应用培训 E*/

/*zxf 讲师团 S*/
.zxf_teacher{padding-top:70px;}
.zxf_teacher .zxf_side{width:210px;}
.zxf_side ul{border-left: 1px solid #e3e3e3;}
.zxf_side ul li{padding-left:22px;position: relative;margin-bottom: 13px;}
.zxf_side ul li a{color:#555555;font-size: 14px;}
.zxf_side ul li i.icon_img{width:8px;height:8px;border: 2px solid #e3e3e3;border-radius: 50%;position: absolute;left:-6px;top:50%;margin-top: -6px;z-index:2;background: #ffffff;overflow: hidden;}
.zxf_side ul li:first-child i.icon_img{top:0;margin-top: 0;}
.zxf_side ul li:last-child i.icon_img{bottom:0;margin-top: 0;}
.zxf_side ul li:hover a{color:#3091f7;}
.zxf_side ul li.on{padding:12px 0 12px 46px;}
.zxf_side ul li.on a{color:#3091f7;font-size: 24px;}
.zxf_side ul li.on i.icon_img{width:54px;height:54px;border:3px solid #87e5ff;background:#fff url(../images/index1706/apptrain/icon_img1.png) center no-repeat;left:-30px;top:50%;margin-top: -30px;}
/*右侧内容*/
.zxf_teacher .zxf_rightCon{width:990px;}
.zxf_rightCon .zxf_imgBox{height:643px;width:435px;border-radius: 3px;overflow: hidden;position: relative;}
.zxf_imgBox img{display: block;width: 100%;height: 100%}
.zxf_imgBox .zxf_desBox{position: absolute;top:30px;left:0;width:100%;}
.zxf_desBox p{margin-bottom: 5px;text-align: center;}
.zxf_desBox p.name{color:#3091f7;font-size: 30px;margin-bottom: 15px;}
.zxf_desBox p.des{color:#252525;font-size: 16px}
.zxf_desBox p.school{color:#828282;font-size: 14px}
.zxf_rightCon .zxf_teacherCon{padding-left:435px}
.zxf_teacherCon h3{padding:0 85px;background:url(../images/index1706/apptrain/bg_yinhao.png) center no-repeat;text-align: center;color:#3091f7;font-size: 32px;line-height: 110%;height:95px;margin-bottom: 36px;}
.zxf_teacherCon h3 span{display: inline-block;vertical-align: middle;}
.zxf_teacherCon h3:after{content:"";height:100%;display: inline-block;vertical-align: middle;}
.zxf_introWp{padding:42px 0 50px 36px;background: #f2f2f2;position: relative;min-height: 395px;}
.zxf_heart{position: absolute;right:25px;top:27px;color:#888888;font-size: 16px;cursor: pointer;}
.zxf_heart .icon_heart{display: inline-block;vertical-align: middle;margin-top: -3px;width:24px;height:20px;background: url(../images/index1706/apptrain/icon_heart_gray.png);margin-right: 7px;}
.zxf_heart.on{position: absolute;right:25px;top:27px;color:#ff3636;font-size: 16px;}
.zxf_heart.on .icon_heart{background: url(../images/index1706/apptrain/icon_heart.png);}
.zxf_introWp ul li{margin-bottom: 42px;}
/*.zxf_introWp ul li.zxf_personIntro .zxf_txt{padding-right:95px;}*/
.zxf_introWp ul li .zxf_txt{padding-right:25px;}
.zxf_introWp ul li h4{color:#3091f7;font-size: 22px;margin-bottom: 12px;}
.zxf_iconTag{width:21px;height: 21px;display: inline-block;vertical-align: middle;background: url(../images/index1706/apptrain/icon_tag.png) center no-repeat;margin-right: 10px;margin-top: -3px;}
.zxf_introWp ul li .zxf_txt{color:#3e3e3e;}
.zxf_txt p{font-size: 14px;line-height: 24px;}
.zxf_bgGreen,.zxf_bgBlue,.zxf_bgGray{position: absolute;width:240px;height:55px;text-align: center;line-height: 55px;color:#fff;font-size: 20px;box-shadow: 0 5px 10px #e7e7e7;bottom: -27px;border-radius: 27px;overflow: hidden;}
.zxf_bgGreen{background: url(../images/index1706/apptrain/bg_green.png) left top no-repeat;}
.zxf_bgBlue{background: url(../images/index1706/apptrain/bg_blue.png) left top no-repeat;right:25px;}
.zxf_bgGray{background: url(../images/index1706/apptrain/bg_gray.png) left top no-repeat;right:25px;}
.zxf_bgGreen i{display: inline-block;vertical-align: middle;width:26px;height:27px;background:url(../images/index1706/apptrain/icon_space.png) center no-repeat;line-height: 55px;margin-right: 10px;margin-top: -5px;}
.zxf_bgBlue i,.zxf_bgGray i{display: inline-block;vertical-align: middle;width:32px;height:20px;background:url(../images/index1706/apptrain/icon_video.png) center no-repeat;line-height: 55px;margin-right: 10px;margin-top: -5px;}
.zxf_trainCon{margin-top: 70px;}
.zxf_trainCon ul{margin-left: -15px;}
.zxf_trainCon li{font-size: 16px;color: #555555;position: relative;margin-left: 15px;margin-top: 15px;float: left;width: 298px;background-color: #ffffff;padding: 15px 10px 10px 10px;box-shadow: 0px 6px 18px 1px rgba(185, 189, 217, 0.24);border-radius: 4px;border: solid 1px rgba(196, 203, 252, 0.26);}
.zxf_trainCon .zxf_trainTxt{display: inline-block;vertical-align: middle;width: 263px;color: #555;height: 42px;overflow: hidden;}
.zxf_trainCon .zxf_trainTxt:hover{color: #0fb8ff;}
.zxf_trainCon p{height: 24px;line-height: 24px;margin-top: 20px;display: block}
.zxf_trainCon p .bg_blueSmall{box-shadow: 2px 3px 5px 0px
rgba(97, 118, 247, 0.34);display: inline-block;vertical-align: middle;width: 74px;height: 24px;background:url(../images/index1706/apptrain/bg_blueSmall.png) 0 0 no-repeat;font-size: 12px;color: #fff;text-align: center;line-height:24px;}
.zxf_trainCon p span{font-size: 12px;color: #b3b3b3;display: inline-block;vertical-align: middle}
.zxf_trainCon .icon_x{cursor: pointer;position: absolute;top:10px;right: 10px;display: inline-block;vertical-align: middle;width: 10px;height: 10px;
    background:url(../images/index1706/apptrain/icon_x.png) 0 0 no-repeat;}
.zxf_trainCon .zxf_train_last{line-height: 86px;text-align: center;}
.zxf_trainCon .zxf_train_last .icon_add{margin-right: 27px;display: inline-block;vertical-align: middle;width: 28px;height: 28px;
    background:url(../images/index1706/apptrain/icon_add.png) 0 0 no-repeat;}
.zxf_trainCon .zxf_train_last .addTxt{display: inline-block;vertical-align: middle;font-size: 16px;color: #628cfa;}

/*zxf 讲师团 E*/
.zxf_actLeftWp{width: 880px;}
.zxf_actLeftWp h2,.zxf_actRightWp h2{font-size:28px;font-weight: normal;color:#222222;padding-bottom: 25px;}
.zxf_actCon .zxf_act_videoWP{width:100%:height：495px;} 
.zxf_actRightWp{width:290px;}
.zxf_zxf_act_conWp{height: 440px;overflow: hidden;}
.zxf_zxf_act_conWp ul li{padding:12px 15px 8px;background: #fff;border-radius: 5px;margin-bottom: 10px;}
.zxf_zxf_act_conWp ul li a{display: block;}
.zxf_zxf_act_conWp ul li p{line-height: 20px;font-size: 14px;color:#222222;min-height: 40px;}
.zxf_zxf_act_conWp ul li:hover p{color:#ff937e;}

/*<!--20180712 新添讲师培训模块 star-->*/
.yp_teacherTrain{margin-top: 60px;}
.yp_teacherTrain .conLeft,.yp_teacherTrain .conRight{height: 165px;width: 555px;background-color: #ffffff;border-radius: 10px 20px 10px 10px;padding:15px 25px 20px 10px;}
.yp_teacherTrain ul{margin: 25px 0px 0px 20px}
.yp_teacherTrain ul li a{display: block;line-height: 28px;overflow: hidden;}
.yp_teacherTrain ul li a i{display: inline-block;vertical-align: middle;width: 4px;height: 4px;background-color: #0fb8ff;border-radius: 50%;float: left;margin-top: 12px;}
.yp_teacherTrain ul li a span{margin-left: 10px;display: inline-block;vertical-align: middle;font-size: 16px;color: #222;width: 520px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left}
.yp_teacherTrain ul li a span:hover{color: #0fb8ff;}
.TrainNone{display: inline-block;vertical-align: middle;width: 123px;height: 80px;
    background:url(../images/index1706/apptrain/TrainNone.png) 0 0 no-repeat;}
.yp_teacherTrain .con .none{text-align: center;margin-top: 24px;}
.yp_teacherTrain .con .none p{font-size: 16px;color: #888;margin-top: 10px;}

/*<!--20180712 新添讲师培训模块 end-->*/
/*<!--20180712 新添培训微视频 star-->*/
.yp_TrainVid{margin-top: 50px;margin-bottom: 60px;}
.yp_TrainVid p{font-size: 28px;color: #222222;font-weight: normal;text-align: center;letter-spacing: 0px;line-height: 28px;}
.yp_TrainVid .con{margin-top: 20px;border-radius: 10px 20px 10px 10px;padding: 15px 25px 0px 10px;background: #fff;width: 345px;height: 355px;}
.yp_TrainVid .con ul{margin: 20px 0 0 20px;}
.yp_TrainVid .con ul li a{display: block;clear: both;overflow: hidden;}
.yp_TrainVid .con ul li.on a span{color: #a9a9a9;}
.yp_TrainVid .con ul li.on a span:hover{color: #a9a9a9}
.yp_TrainVid .con ul li.active a span{line-height:22px;}
.yp_TrainVid .con ul li.active a i{margin-top: 9px}
.yp_TrainVid .con ul li a i{margin-top: 12px;float: left;display: inline-block;width: 4px;height: 4px;line-height: 28px;background-color: #0fb8ff;border-radius: 50%}
.yp_TrainVid .con ul li a span{line-height: 28px;float: left;margin-left: 10px;display: inline-block;font-size: 16px;color: #222;width: 310px;}
.yp_TrainVid .con ul li a span:hover{color: #0fb8ff;}
/*<!--20180712 新添培训微视频 end-->*/
/*添加培训内容弹窗 star*/
.add_trainCon{padding:0 50px;}
.add_trainCon .add_train_title{line-height: 32px;display: inline-block;vertical-align: middle;width:60px;text-align: right;margin-right: 10px;}
.add_trainCon li{margin: 25px 0;}
.add_trainCon .add_train_name{padding-left: 5px;width: 443px;height: 28px;border: 1px solid #d5d5d5;border-radius: 3px;box-shadow: 0 0 10px #eee inset;}
.add_trainCon .add_train_name:focus{border: 1px solid #3d95d5}
.add_trainCon .add_train_link{width: 438px;height: 60px;border: 1px solid #d5d5d5;border-radius: 3px;box-shadow: 0 0 10px #eee inset;}
.add_trainCon .add_train_link:focus{border: 1px solid #3d95d5}
/*添加培训内容弹窗 end*/
/*zxf 讲师团 E*/













