@charset "utf-8";/*news and infos*/
body{background:#fff!important;}
.wp,#wp{width:100%!important;}
body{background:#f8f8f8 url(../nex_common/nex_bg_common.png) repeat!important;}

#pt{margin:20px auto;height:20px;line-height:20px;color:#999;font-size:14px;}
#pt em{padding:0 14px;}
#pt .nvhm{background:none;height:20px;line-height:20px;width:auto;}
#pt a{color:#999;font-size:14px;height:20px;line-height:20px;}
#pt a:hover{color:#3945F9;}

.nex_class_mains{ width:1240px; margin:20px auto;}

.nex_class_mains_left{ float:left; width:920px;}
.nex_class_fenlei_box{ margin-bottom:30px;}
.nex_class_fenlei_bg{ width:920px; height:200px; background:url(nex_bg_welcome.jpg) center no-repeat;}
.nex_class_sortbox{ background:#fff;}
.nex_class_sortbox ul{}
.nex_class_sortbox ul li{ float:left; width:112px; border-right:1px solid #f3f3f3; padding:20px;}
.nex_class_sortbox ul li:nth-child(6){ border-right:0; }
.nex_class_sortbox ul li h5{ height:20px; line-height:20px; overflow:hidden; font-size:16px; color:#333; font-weight:500; margin-bottom:10px;}
.nex_class_sort_list{}
.nex_class_sort_list dl{}
.nex_class_sort_list dl dd{ float:left; margin:0 10px 10px 0; height:20px; line-height:20px;}
.nex_class_sort_list dl dd a{ font-size:14px; color:#6c757d;}
.nex_class_sort_list dl dd a:hover{color:#3945F9;}

.nex_class_grids{ padding:20px; background:#fff; margin-bottom:20px;}
.nex_class_grids_top{text-align: center; margin: 15px 0 30px;}
.nex_class_grids_top h2{font-size: 22px; color: #242424; display: inline-block; font-weight:500; padding: 0 76px; position: relative;}
.nex_class_grids_top h2:before{ content:''; width:61px; height:10px; position:absolute; top:10px; left:0; background:url(nex_hdicon1.png) center no-repeat;}
.nex_class_grids_top h2:after{ content:''; width:61px; height:10px; position:absolute; top:10px; right:0; background:url(nex_hdicon2.png) center no-repeat;}
.nex_class_grids_tops{text-align: center; margin: 15px 0 30px;}
.nex_class_grids_tops h2{font-size: 22px; color: #242424; display: inline-block; font-weight:500; padding: 0 76px; position: relative;}
.nex_class_grids_tops h2:before{ content:''; width:61px; height:10px; position:absolute; top:10px; left:0; background:url(nex_hdicon3.png) center no-repeat;}
.nex_class_grids_tops h2:after{ content:''; width:61px; height:10px; position:absolute; top:10px; right:0; background:url(nex_hdicon4.png) center no-repeat;}
.nex_class_grids_topv{text-align: center; margin: 15px 0 30px;}
.nex_class_grids_topv h2{font-size: 22px; color: #242424; display: inline-block; font-weight:500; padding: 0 76px; position: relative;}
.nex_class_grids_topv h2:before{ content:''; width:61px; height:10px; position:absolute; top:10px; left:0; background:url(nex_hdicon5.png) center no-repeat;}
.nex_class_grids_topv h2:after{ content:''; width:61px; height:10px; position:absolute; top:10px; right:0; background:url(nex_hdicon6.png) center no-repeat;}

.nex_class_grid_box{}
.nex_class_grid_box ul{ width:910px;}
.nex_class_grid_box ul li.nex_index_sort_class{ float:left; margin:0 20px 20px 0; width:205px;}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip{}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_cover{width:205px; height:125px;}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_cover a{ display:block;width:205px; height:125px; overflow:hidden; position:relative; border-radius:4px;}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_cover a i{ display:block; width:205px; height:125px; position:absolute; left:0; top:0; transition:all 0.3s linear; opacity:0; background:rgba(0,0,0,0.4) url(nex_icon_play.png) center no-repeat; background-size:30px; transform:scale(2);}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_cover a:hover i{ opacity:1; transform:scale(1);}

.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_cent{ margin-top:10px;}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_cent h5{ height:40px; line-height:20px; overflow:hidden;}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_cent h5 a{ font-size:14px; color:#333; font-weight:500;}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_cent h5 a:hover{color:#3945F9;}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_cent p{ height:20px; line-height:20px; font-size:12px; color:#999; padding-left:25px; background:url(nex_icon_teacher.png) left center no-repeat; background-size:20px; overflow:hidden; margin:5px 0;}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_mid{}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_mid em{ display:block; float:left; height:20px; line-height:20px; font-size:12px; color:#333;}
.nex_class_grid_box ul li.nex_index_sort_class .nex_acadamy_vip_mid span{ display:block; float:right; height:16px; line-height:16px; background:#FF8F57; font-size:12px; color:#fff; border-radius:2px; margin-top:2px; padding:0 5px; text-align:center;}







.nex_class_mains_right{ float:right; width:300px;}
.nex_class_sd_box{width: 260px; margin-bottom: 20px; background: #fff; padding: 20px;}
.nex_index_sd_title{ height:20px; margin-bottom:20px; position:relative;}
.nex_index_sd_title span{ display:block; float:left; height:20px; line-height:20px; font-size:16px; color:#333; position:relative;}
.nex_index_sd_title span:after{ content:''; display:block; width:4px; height:15px; background:#3945F9; position:absolute;top:2px;left:-20px;}
.nex_index_sd_title a{ display:block; float:right; height:20px; line-height:20px; font-size:12px; color:#999;}
.nex_index_sd_title a:hover{ color:#3945F9;}

.nex_class_list_box{}
.nex_class_list_box ul{}
.nex_class_list_box ul li.nex_index_sort_class{ margin:0 0 18px 0;}
.nex_class_list_box ul li.nex_index_sort_class:last-child{ margin:0;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip{}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_cover{width:110px; height:75px; float:left;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_cover a{ display:block;width:110px; height:75px;overflow:hidden; position:relative; border-radius:4px;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_cover a i{ display:block; width:110px; height:75px; position:absolute; left:0; top:0; transition:all 0.3s linear; opacity:0; background:rgba(0,0,0,0.4) url(nex_icon_play.png) center no-repeat; background-size:30px; transform:scale(2);}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_cover a:hover i{ opacity:1; transform:scale(1);}

.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_cent{ padding-left:125px;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_cent h5{ height:40px; line-height:20px; overflow:hidden;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_cent h5 a{ font-size:14px; color:#333; font-weight:500;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_cent h5 a:hover{color:#3945F9;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_cent p{ height:20px; line-height:20px; font-size:12px; color:#999; padding-left:25px; background:url(nex_icon_teacher.png) left center no-repeat; background-size:20px; overflow:hidden; margin:10px 0 0 0;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_mid{ display:none;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_mid em{ display:block; float:left; height:20px; line-height:20px; font-size:12px; color:#333;}
.nex_class_list_box ul li.nex_index_sort_class .nex_acadamy_vip_mid span{ display:block; float:right; height:16px; line-height:16px; background:#FF8F57; font-size:12px; color:#fff; border-radius:2px; margin-top:2px; padding:0 5px; text-align:center;}

.nex_class_sd_ads{ width:300px; margin-bottom:20px;}
.nex_class_sd_ads img{ width:300px; border-radius:4px;}

.nex_class_free_box{}
.nex_class_free_box ul{ width:288px;}
.nex_class_free_box ul li{ float:left; width:120px; margin:0 20px 20px 0;}
.nex_class_free_box ul li:nth-child(5){margin:0 20px 0px 0;}
.nex_class_free_box ul li:nth-child(6){margin:0 20px 0px 0;}
.nex_class_free_tr{width:120px; height:80px; margin-bottom:10px; }
.nex_class_free_tr a{ display:block; width:120px; height:80px; border-radius:4px;}
.nex_class_free_td{}
.nex_class_free_td h5{ height:40px; line-height:20px; overflow:hidden; margin-bottom:5px;}
.nex_class_free_td h5 a{ font-size:14px; color:#333; font-weight:500;}
.nex_class_free_td h5 a:hover{ color:#3945F9;}
.nex_class_free_td p{ height:15px; line-height:15px; overflow:hidden; font-size:12px; color:#999;}

.nex_class_tech_art{}
.nex_class_tech_art ul li{ padding-left:15px; background:url(nex_icon_sq.png) left 8px no-repeat; margin-bottom:10px;}
.nex_class_tech_art ul li:last-child{margin-bottom:0px;}
.nex_class_tech_art ul li a{ font-size:14px; color:#333;}
.nex_class_tech_art ul li a:hover{color:#3945F9;}