﻿.bg_none{background: none!important;}
.index_bg .flash .pic{ height: 340px;}
.course_box{ margin:0 auto 20px; padding:0 0 30px;}
.course_box .kj_search{  margin:0 180px 20px 133px;}
.course_box.course_List{min-height: 600px;}
.course_left{ float:left; width:950px;}
.course_right{ float:right; width:235px;}
.course_left .course_cate{ position: relative; padding:0px 24px 4px; background: #fff; min-height: 40px;}
.course_left .course_cate .lf{ float: left; }
.course_left .course_cate .rg{ float: left;width: 1060px; }


.course_left .course_cate .tt{ font-size: 16px; color:#333; line-height: 30px;float: left;}
.course_left .course_cate a{ text-decoration: none; outline: none;}
.course_left .course_cate a:hover{ color:#2ba4ea;}
.course_left .course_cate span{float: left; font-size: 14px; display:inline-block;}
.course_left .course_cate span a{ height: 36px; line-height: 36px;}
.course_left .course_cate span a.cur{color:#2ba4ea;}
.course_left .course_cate .rg ul{ display: block; padding: 5px 0 15px 20px; min-width: 700px;}
.course_left .course_cate .rg ul{ display: block; padding: 15px 0 15px 20px; min-width: 700px; margin-right:-20px;}
.course_left .course_cate .category_level {/* padding-left: 60px; */ border-bottom: 1px dotted #ececec;}
.course_left .course_cate .category_level[data-level="1"]{ border-bottom: none; }
.course_left .course_cate .category_level[data-level="1"] li{ border-bottom: 1px dotted #ececec; }
.course_left .course_cate .category_level.level_last{ border-bottom:none; }
.course_left .course_cate .rg .category_level.level_last{ border-bottom: 1px dotted #ececec; }

.course_left .course_cate .lf ul li{ display: block; height: 53px; line-height: 53px; width: auto; padding: 0 10px;}
.course_left .course_cate .rg ul li{ padding:0px 20px 1px 0; height:22px; display:inline-block; line-height: 22px;}
.course_left .course_cate ul li.cate_name{ padding-right: 0; margin-left: -170px; min-width: 155px; font-size:14px; color:#555; text-align: right; font-weight: bold; position: absolute; z-index: 10;}
/*.course_left .course_cate ul li.cate_all { display: block; }*/
.course_left .course_cate ul li.cate_disinbl { display: inline-block; }
.course_left .course_cate ul.cateProperty{ border-bottom: none; }
/*.course_left .course_cate ul.cate2 { padding-top: 10px; border-bottom: none; }*/
.course_left .course_cate ul.cate3 { border-bottom: none; }
/*.course_left .course_cate ul.cate3 li.cateItem { display: block; }*/
.course_left .course_cate ul li a{ font-size:14px; color:#646464; text-decoration: none; outline: none; display: inline-block; padding: 0 6px; border-radius: 4px; line-height: 20px; height: 22px;}
/*.course_left .course_cate .category_level[data-level="2"] ul li a{ color: #333; }*/
/*.course_left .course_cate ul li a.cur, .course_left .course_cate ul li a:hover, */
.course_left .course_cate .rg ul li.cur a{ color:#fff; background: #4ab5e0; }
.course_left .course_cate .more, .course_left .course_cate .less{ position: absolute; z-index: 1; right: 20px; bottom: 20px; color: #939393; font-size: 12px; }
.course_left .course_cate .less { display: none; }

.course_left .resource_cate .tt{float: none;}
.course_left .resource_cate{padding:12px 24px 4px;}
.course_left .resource_cate ul{ display: block; padding: 6px 0 10px 70px; border-bottom: 1px dotted #ececec; }
.course_left .resource_cate ul li{ padding:6px 20px 1px 0; height:22px; display:inline-block; line-height: 22px;}
.course_left .resource_cate ul li.cate_name{ padding-right: 0; margin-left: -140px; min-width: 140px; font-size:14px; color:#555; text-align: right; font-weight: bold; position: absolute; z-index: 10;}
.course_left .resource_cate ul li.cate_all { display: block; }
.course_left .resource_cate ul li.cate_disinbl { display: inline-block; }
.course_left .resource_cate ul.cateProperty{ border-bottom: none; }
.course_left .resource_cate ul.cate2 { padding-top: 10px; border-bottom: none; }
.course_left .resource_cate ul li a.cur, .course_left .resource_cate ul li a:hover{ color:#fff; background: #4ab5e0; }

.category-tip{ position: absolute; top: 0px; left: 10px; width: 900px; line-height: 18px; background-color: #fff; color: #646464; box-shadow: -2px 0 10px #e6e6e6; z-index: 1000; border:1px solid #eaeaea; border-radius: 2px;}
.category-tip i{ position: absolute; top: -28px; width: 0px; height: 0px; border: 15px solid transparent;
    border-bottom: 15px solid #fff;}

.course_left .course_sort{ position: relative; margin-top: 20px; background: #fff;}
.course_left .course_sort .total{ display: none; position: absolute; z-index: 1; right: 20px; top: 10px; line-height: 20px; color: #939393; font-size: 14px; }
.course_left .course_sort ul li{ float: left; height:40px; line-height:40px; font-size:14px; margin-right:1px;}
.course_left .course_sort ul li.tt{ color:#fff; background:#4ab5e0; padding:0 24px;}
.course_left .course_sort ul li a{ display: inline-block; padding:0 24px; text-align: center; font-size:14px; color:#666; text-decoration: none; outline: none; line-height:40px;}
.course_left .course_sort ul li a i{ margin-top: 3px; }
.course_left .course_sort ul li a:hover, .course_left .course_sort ul li a.cur{ color:#4ab5e0; }


.topList_wrap .course_cell .tt{ color: #fff; }
.course_right{ margin-top:-10px;}
.course_right .tt{ height:16px; padding:20px 20px 0; font-size:16px; background-color:#fff;}
.course_right .tt .more{ float:right; color:#2ba4ea; font-size:14px; margin:2px 0 0;}
.course_right .special_editor_box .view_course_box,.course_right .special_editor_box .class_img,.course_right .special_editor_box .view_course{width: 95px;height: 54px;float: left;margin-right: 12px;}
.course_right .special_editor_box .view_course_box0{left: 0;width: 100%;height: 54px;}
.course_right .special_editor_box .view_course_box{display: none!important}
.course_right .special_editor_box .title{font-size: 14px;color: #333333;}
.course_right .special_editor_box .info {display: none;}
.course_right .special_editor_box .course_cell{width: 210px;}
.course_right .special_editor_box .course_cell:hover .title{color: #4ab5e0;}

.editor_box{ padding:0 15px 20px; background:#fff;}
.editor_box dl{ padding:20px 0 0 0;font-size:12px;}
.editor_box dt{float:left; width: 90px;}
.editor_box dt img{ width:90px; height:56px;}
.editor_box dd{ float: left; width: 104px; padding-left:10px;}
.editor_box h5{ line-height:18px; padding:0; overflow:hidden;font-size: 12px;}
.editor_box h5 a:hover{color:#4ab5e0; }
.editor_box p{  color:#4ab5e0; text-align: right;}

.special_editor_box{padding-left: 20px;background-color: #fff;padding-top: 1px;}
.special_editor_box .special_title{margin: 30px 0;}
.special_editor_box .special_icon{width: 55px;float: left;}
.special_editor_box .title a{font-size: 14px;line-height: 40px;}
.special_editor_box .title a:hover{color:#4ab5e0; }
/******* 专题页 **** star *****/
.bannerMod { height: 400px;overflow: hidden; }
.bannerMod .banner_size{width: 1920px; position: relative; left: 50%; margin-left: -960px; }
.bannerMod img{height: 400px;max-width: 1920px;width: 1920px;}
.special_wrap{ margin:20px auto 40px; background:#fff;}
.search_cell{ width:960px; height:172px; padding:20px 0; margin:0 20px; position:relative; border-bottom: 1px dashed #d3d3d3;}
.search_cell:last-child{border-bottom: none;}
.search_cell .view_course_box0,.search_cell .class_img,.search_cell .class_img img{ width:320px; height:172px;}
.search_cell .class_img{ position:absolute;}
.search_cell .tt{ font-size:20px; padding:15px 0 15px 360px; height:22px;}
.search_cell .content{font-size:14px;padding:0 0 20px 360px; height:18px; line-height:18px;}
.search_cell .content .split_line{ color:#d3d3d3; height:14px; width:1px; margin:3px 40px 0 50px;}
.search_cell .content .graded{ color:#79d2f9; margin:0 0 0 20px;}
.search_cell .pubdate{padding-left:360px;font-size:14px;}
.search_cell .star_icon{ margin-top:-2px;}
.search_cell .title {font-size: 20px;height: 22px;padding: 2px 0 35px 360px; color: #535353;font: 20px "Microsoft YaHei";overflow: hidden;}
.search_cell .class_hour{color: #ff5c39;margin-right: 50px;}
.search_cell .class_price{color: #4ab5e0;}
/******* 专题列表 **** start **/
.banner_wrap { height: 360px;overflow: hidden;}
.banner_wrap #flash { height: 360px; width: 1920px; position: relative; left: 50%; margin-left: -960px; }
.banner_wrap #flash img { position: absolute; z-index: 2; height: 360px; width: 1920px; max-width: 1920px; cursor:pointer;}
/*.index_banner_tab { height:4px; width: 100%; text-align: center; position: absolute; z-index:10; bottom: 20px; line-height:0; }
.index_banner_tab a { background:url(../images/cfa_spirits.png) no-repeat -22px 0; height:11px; width:14px; display: inline-block;margin: 0 5px; outline: none; }
.index_banner_tab a:hover, .index_banner_tab a.active {background-position:-0 0; }*/

.specialList_wrap .course_cell{ height:259px;}
.specialList_wrap .info{ padding: 0 9px; font-size:14px; color:#888;}
.specialList_wrap .num{ padding:0 3px 0 0;}
.specialList_wrap .info .mark{ background:url(../images/cfa_spirits.png) no-repeat -133px -644px; padding-left:25px; float:right;}
.specialList_wrap .mark cite{ font-style:normal; padding: 0 5px;}
/*课程页面 公共*/
#specialList { margin-right: -34px; }
#specialList .course_cell { width: 275px; height: 226px; margin-right: 33px; background: #fff; }
#specialList .course_cell .view_course_box0, #specialList .course_cell .view_course_box, #specialList .course_cell .class_img img{ width: 275px; height: 155px;}
#specialList .view_course {  width: auto; padding-top: 63px; background-position: center 63px; }
#specialList .course_cell .title { height: 38px; line-height: 38px; overflow: hidden; color: #535353; font-size: 16px; padding: 0 10px;}
#specialList .course_cell .info { height: 22px; line-height: 22px; overflow: hidden; color: #a8050e; font-size: 14px; padding: 0 10px;}
.zhuanti_empty {font-size: 20px; text-align: center;height: 200px;line-height: 200px;color:#888;}

/*课程中心*/
.banner_bx{ background:url(../images/center_banner_bk.jpg) repeat-x 0 0; }
.cc_banner .banner_wrap,.cc_banner .picvessel,.cc_banner .flash .pic{ height: 400px;}
.course-center .cc_banner .banner_wrap,.cc_banner .picvessel,.cc_banner .flash .pic{ height: 378px; }
.cc_banner .banner_wrap #flash{left: 0; margin-left: 0; height:100%; width:100%; position: relative; }
.certificate_wrap{ background:#fafafa; padding-bottom: 50px;}
.certificate_wrap .certificate_col{ padding:20px 0 20px;/* background:url(../images/certificate_bg.png) left center no-repeat; width: 975px; padding-left: 225px;*/}
.certificate_wrap .certificate_col .line { margin-top: 20px; }
.certificate_wrap .certificate_col_item{width: 34%;}
.certificate_wrap .certificate_col_item1{width:34%;}
.certificate_wrap .certificate_col_item2{ width:30%;}
.certificate_wrap .certificate_col_item .item_icon{ margin:27px 0 0 12px; width:18%;}
.certificate_wrap .certificate_col_item .item_intro{ padding-top: 15px; width: 71%;}
.certificate_wrap .certificate_col_item h3{ font-weight: normal; line-height: 24px;}
/*专业知识*/
.category_hd_wrap{ padding: 30px 0 20px; font-size: 22px; line-height: 24px; color: #333333;}
.category_hd_wrap .tip { color: #777; font-size: 14px; padding: 15px 0 0 14px; line-height: 16px; vertical-align: middle; display: inline-block; }
.category_hd_wrap h3{ padding: 0; font-size: 22px; float: left;}
.category_hd_wrap p{ padding-top: 10px; font-size: 14px;float: left; margin-left:64px; color: #646464;}
.category_hd_wrap .rg_btn{ float: right; margin-right: 75px;}
.category_hd_wrap .rg_btn a{ color: #646464; margin-right: 35px; margin-top: 18px; font-size: 14px; display: inline-block; line-height: 20px; }
.category_hd_wrap .rg_btn a.cur{  border-bottom: 2px solid #4ab5e0; color: #4ab5e0;}
.category_hd_wrap .more{ float: right; color: #646464; font-size: 12px; position: relative; top: 16px; }
.more:hover{ color: #4ab5e0; text-decoration: none;}
.lf_side{ position: relative; width: 220px; float: left; background: #fff;}
.lf_side .more { position: absolute; z-index: 1; bottom: 0; right: -20px; width: 20px; text-align: center; height: 26px; line-height: 13px; padding: 4px 0; background: #888; cursor: pointer; color: #fff; border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); display: none;}
.lf_side .more:hover { opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
.lf_side ul{ overflow:hidden;}
.lf_side ul.main_ul{ height:448px; background: #fff;}
.lf_side ul.main_ul li[gid]{ display: none;}
.lf_side li.top { position: relative; }
.lf_side li.top,.lf_side li.top:hover{ height: 44px; line-height: 44px;background:#4ab5e0; }
.lf_side li.top a,.lf_side li.top:hover a{color: #fff; height: 44px;}
.lf_side li.top .triangle { position: absolute; z-index: 1; bottom: 0; left: 50%; margin-left: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 6px solid #f9f9f9; }
.lf_side li{ text-align: center; height: 55px; line-height: 55px; font-size: 16px; padding: 0 20px;}
.lf_side li a{ text-decoration: none; margin-top: -1px; height:54px; display: block; color:#646464; margin-top: -1px; position: relative; /*border-bottom: 1px solid #e0e0e0;*/}
.lf_side li a i{ color: #e0e0e0; position: absolute; right: -15px; font-size: 20px;top: 22px;}
.lf_side li a:hover, .lf_side li a.cur{ color:#fff; border-bottom: none;}
.lf_side li:hover,.lf_side li.cur{ background-color: #4ab5e0; }
.j_nav_p{ z-index: 10; overflow: hidden; position: absolute; left: 220px; top:0; height:362px; width: 960px; visibility: hidden; background: #f9f9f9; }
.j_nav_p .mini_closer { right: 8px; top: 8px; }
.j_nav_p li{ float: left; padding: 0;}
.j_nav_p li a { display: block; padding: 0 20px; }

.ct_side{ float: left; width: 730px; margin-top: -22px;}
.courseType1{ float: left; margin:22px 0 0 12px; position: relative;width: 228px; background-color: #fff; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.courseType1:hover,.jxjy .lf_thumb:hover,.newestClass_wrap .lf_side:hover{  box-shadow: 0 0 10px #ccc; }
.courseType1 .class_img, .courseType1 .class_img img{ width: 228px; height: 128px; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -o-transition:all 1s ease 0s;  }
.courseType1 .class_img { position: relative; overflow: hidden; }
.courseType1:hover .class_img img{ -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); }
.courseType1 .course_hour{ font-size: 14px; line-height: 25px; color: #fff; position: absolute; right: 0; top:101px; background:url("../images/view-class-box.png") repeat 0 0; width: 66px; height: 25px; text-align:center;}
.courseType1 .title{ font-size: 14px; line-height:18px; height: 53px; overflow: hidden; padding-top: 5px; color: #333; padding: 10px 10px; box-sizing:border-box;}
.courseType1 .title a:hover{ text-decoration: none; color: #333;}.courseType1 .btn_buy{ font-size: 14px; color: #4ab5e0; display: block; float: left;}
.courseType1 .btn_buy:hover { color: #4ab5e0; text-decoration: none;}
.courseType1 .btn_buy .price_tag { display: inline-block; padding: 0 2px 0 0; font-size: 12px; }
.courseType1 .btn_buy i{ font-size: 18px; height: 18px; line-height: 18px; margin: 0 4px 0 0;}
.courseType1 .course_ft{ height: 20px; overflow: hidden; box-sizing: border-box;padding: 0 10px; margin-bottom: 10px;}
.courseType1 .course_ft .num { display: none;}
.courseType1 .disabled{color: #999;}
.courseType1 .partr{ /*width: 168px;*/float: right; }
.resource_cell .partr{ width: 80px; }
.courseType1 .added{color: #fda32e;}
.courseType1 .c_ext{font-size: 14px;color:#939393;}
.courseType1 .num{ padding-left: 20px; font-size: 12px; float: right; color: #989898;background:url("../images/bank_bg.png") -103px -866px  no-repeat;}
.courseType1 .class_property{ display: inline-block; float: right; color: #7f7f7f; font-size: 14px;}
.courseType1 .class_property.blue{ color: #56b9e0; }
.course_lists .courseType1 .course_hour{ top: 107px; }
.course_lists .courseType1{ float: left; margin:20px 0 0 15px; position: relative;width: 225px;}
.course_lists .courseType1 .class_img, .course_lists .courseType1 .class_img img, .course_lists .view_course_box, .course_lists .view_class-box, .course_lists .view_course_box0, .course_lists .view_class_box0 { width: 225px; height:132px; }
.course_lists .view_course{ width: 225px; }
.course_lists .courseType1 .title{ top:95px; }
.courseType1 .original_price,.search_cell .original_price{text-decoration: line-through; color: #999; margin-left: 15px;font-size: 13px;}
.courseType1 .original_price{float: right;}


#extrude_list .courseType1, #extrude_list .view_course_box0, #extrude_list .view_class_box0, #extrude_list .view_course_box, #extrude_list .view_class-box, #extrude_list .courseType1 .class_img,#extrude_list .courseType1 .class_img img{ width: 228px;}
.newestClass_wrap #class_list .courseType1, .newestClass_wrap #class_list .view_course_box0, .newestClass_wrap #class_list .view_class_box0, .newestClass_wrap #class_list .view_course_box, .newestClass_wrap #class_list .view_class-box, .newestClass_wrap #class_list .courseType1 .class_img, .newestClass_wrap #class_list .courseType1 .class_img img { width: 228px;}


.rg_side{ float: right; width: 248px;}
.rg_side .courseType1{ width:248px; margin: 0; float: none;}
.rg_side ul{ background: #2ecca5; padding: 20px;}
.rg_side ul li{ float: none; margin:0; width: auto; font-size: 14px; line-height: 29px; height: 29px; overflow: hidden; color: #fff;}
.rg_side ul li a{ color: #fff;}
.rg_side .class_img, .rg_side .class_img img { width: 248px; /*height: 258px;*/height: 218px;}
/*继续教育课程*/
.jxjy .jxjy-hd{ height: 40px; line-height: 40px; font-size: 16px; color: #333; border-bottom: 1px solid #dcdcdc;}
.jxjy .jxjy-hd .hd-name { position: relative; top: -2px; padding-right: 2px; display: inline-block; border-bottom: 3px solid #4ab5e0; }
.jxjy .jxjy-hd .hd-name-pink { border-bottom: 3px solid #4ab5e0;}
.jxjy .jxjy-hd .more{ float: right; color: #646464; font-size: 12px; }
.jxjy .jxjy-hd .more:hover { color: #4ab5e0; }
.jxjy .lf_side { width: 228px; margin: 22px 0px 0 0; }
.jxjy .ct_side {  margin: 0px -16px 0  0; width:960px;}
.jxjy .lf_thumb{ width: 228px; height: 440px;float: left; overflow: hidden;}
.jxjy .lf_thumb img{ width: 100%; }
.jxjy #extrude_list{ width: 972px; float: left;}

.newestClass_wrap .courseType1 .class_img,.newestClass_wrap .courseType1 .class_img img{ height: 126px;}
.newestClass_wrap .courseType1 .course_hour{top:66px; }
.newestClass_wrap .lf_side{ width:449px; height: 300px; background: none;}
/* .newestClass_wrap .lf_side .courseType1{width:449px; margin: 0;} */
.newestClass_wrap .lf_side .courseType1 { margin:0 0 0 17px;}
.newestClass_wrap .recom_lf_top{width: 470px; height: 175px;}
.newestClass_wrap .recom_lf_top .class_img{width: 100%; height: 100%;}
.newestClass_wrap .courseType1.recom_lf_top .class_img img{width: 100%; height: 100%;}
.newestClass_wrap .lf_side .class_img,.newestClass_wrap .lf_side .class_img img{width:449px; height: 252px;}
.newestClass_wrap .lf_side .course_hour{top:227px;}
.newestClass_wrap .ct_side{ float: left; width: 960px; /* margin-left: 20px; */}

.newestClass_wrap .courseType1 .course_hour{top:101px; }
.hotClass_wrap .lf_side,.newestClass_wrap .lf_side,.hotClass_wrap .lf_side .courseType1,.newestClass_wrap .lf_side .courseType1{ width: 228px; height:440px;}
.hotClass_wrap .lf_side .class_img,.hotClass_wrap .lf_side .class_img img,.newestClass_wrap .lf_side .class_img,.newestClass_wrap .lf_side .class_img img{ width: 228px; height:440px; }
.hotClass_wrap .rg_side{ height: 376px; background: none;}
.hotClass_wrap .rg_side .class_img, .hotClass_wrap .rg_side .class_img img{height:250px;}
.hotClass_wrap .rg_side ul{ background: #6eace9; }
.category_hd_wrap .more.zs-more { display: none; }

/*课程中心*/
@media screen and (max-width: 1200px){
	.category_hd_wrap .more.zs-more { display: block; }
	.course-center .wrap1200{ width:960px; overflow: hidden;}
    .cover_col_item { width: 297px; }
	.course-center .ct_side,.course-center .newestClass_wrap .ct_side{ width:490px; height: 400px; overflow: hidden; }
	.course-center .jxjy .ct_side{ /* width:492px; */ width:720px;}
	.course-center .certificate_wrap .certificate_col{ width:960px;/*padding:20px 0; background:none;*/}
	/*.course-center .certificate_wrap .certificate_col_item{ width:36%;}
	.course-center .certificate_wrap .certificate_col_item2{ width:30%;}
	.course-center .certificate_wrap .certificate_col_item:first-child{width:32.5%;}
    .course-center .certificate_wrap .certificate_col_item:first-child .item_icon{ margin:27px 0 0;}*/
	.course-center #extrude_list{height:195px; width: 732px; overflow: hidden;}
	.course-center .newestClass_wrap{ height:392px; overflow: hidden;}
	.course-center .certificate{height:165px; overflow: hidden;}
    .course-center .cover_col_center .cover_col_item{width:24.5%; margin-right:3%;}
}

/*课程分类*/
.resource_lists{background: #fff;margin-top:10px;}
.course_lists .resource_cell{width:1140px;margin:0 30px;border-bottom:1px dashed #d3d3d3;} 
.course_lists .resource_cell .title{padding:0;height: 50px; line-height: 50px; }
.course_lists .resource_cell .title:before{content: '';width: 4px;height: 4px;display: inline-block;background-color: #a3a3a3;border-radius: 50%;vertical-align: middle;margin-right:15px;}
.course_lists .resource_cell .course_ft{position: absolute; right: 0;top: 15px;padding:0;}
.course_lists .resource_cell .c_ext{margin-right:50px;}
.course_lists .resource_cell .course_tag{top:-2px;left:-30px;}
