*{padding: 0px; margin: 0px;}
body{font-size: 14px; font-family: "Times New Roman", 'Helvetica Neue', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; color: #333; background: #fff;}
a{color: #333; text-decoration: none;}
.red{color: #af251b!important;}
.gray {background: #f9f9f9;}
.bgwhite {background: #fff;}
.clearfix{clear: both;}
.fl{float: left;}
.fr{float: right;}
.main{width: 1200px; overflow: hidden; margin: auto;}
.pm30{margin: 30px auto; padding: 30px 0px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pdtm20{padding: 20px 0px;}
.pb20{padding-bottom: 20px;}
.mt90{margin-top: 91px!important;}
.mt100{margin-top: 108px!important;}
.mt20{margin-top: 20px!important;}
.mt15{margin-top: 15px!important;}
.mb20{margin-bottom: 20px;}
.mb15{margin-bottom: 15px;}
.mh{min-height:50vh;}
.dot {width: 6px; height: 6px; background: #c8c8c8; display: block; float: left; border-radius: 6px; margin:14px 8px 12px 0px;}
.mobileshow{display: none;}
.hidden{display: none;}
.textcenter{text-align:center;}

.header{width: 100%; height: 90px; background: #fff; border-bottom: 1px solid #ddd;	box-shadow:0 0 3px 0 rgba(0,0,0,.01), 0 3px 3px 0 rgba(0,0,0,.04); position: fixed; top: 0; left:0; z-index: 9997!important; line-height: 90px;}
.header .logo {float: left;}
.header .logo img{ height:56px; float: left; margin-top: 17px;}
.header .nav{float: left; margin-left: 80px;}
.header .nav ul{float: left;}
.header .nav ul li{float: left; margin:0 13px;}
.header .nav a{font-size: 18px; color: #333333;padding-bottom:12px;}
.header .nav a:hover{color: #af251b;}
.header .nav a.active{color: #af251b!important; border-bottom: 3px solid #af251b;}
.header .serarch{float: left;}
.header .sinput {height: 32px; width: 160px; line-height: 1.3; padding: 0px 14px; border: 1px solid #e5e5e5;  background-color: #fff; border-top-left-radius:18px; border-bottom-left-radius: 18px; color: #999; margin-left: 20px; margin-top: 27px;}
.header .sbtn {height: 34px; line-height: 1.3; padding: 0px 8px; border: 1px solid #e5e5e5; border-left: 0px; background-color: #f6f6f6; border-top-right-radius:19px; border-bottom-right-radius: 19px; margin-left: -5px;}
.header .uin{float: right; margin-left: 10px;}
.header .uin a{font-size: 14px; margin-left: 12px; padding: 0px;}
.header .nav .uin a{color:#af251b;}
.r2{font-size:12px!important; background:#af251b; padding:0px 6px!important; margin-top:-2px!important; height: 22px;line-height: 20px; color:#fff!important;}
.layui-bg-blue {max-width: 1100px; margin:0 auto; background-color:transparent!important;}
.layui-nav .layui-nav-item {line-height: 46px;}
.header .nva_user{float: right;}
.header .nva_user img {width: 22px; margin-right: 5px; border: 1px solid #eee; border-radius: 50%;}
.app-header{display: none; float: right!important; padding: 18px 15px 0px;}
.app-icon img, .app-menu-close img{width: 22px;}
.app-menu {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; color: #333; z-index: 9999; transform: translateX(100%); transition: opacity 0.3s ease, transform 0.3s ease;}
.app-menu.show {opacity: 1; transform: translateX(0);}
.app-menu-close {position: absolute; top: 12px; line-height: 30px; right: 18px; font-size: 30px; cursor: pointer;}
.app-menu-list h3{font-size: 14px; color: #666; height: 46px; line-height: 60px;}
.app-menu-list .menu{width: calc(100% - 52px); padding: 20px 26px 10px; line-height: 33px; float: left;}
.app-menu-list .dot {width: 7px;height: 7px;}
.app-menu-list .logo {height: 54px; width: 100%; border-bottom: 1px solid #ddd;}
.app-menu-list .menu li{width: 100%; float: left;}
.app-menu-list .app-usermenu{border-bottom: 1px dashed #ddd;}
.app-menu-list .app-usermenu-tit{font-weight: 700;}
.app-usermenu .layui-icon{margin-right: 6px;}
.app-menu-list .app-usermenu li{width: 49%!important;}
.app-usermenu .dot {margin-top: 12px;}
.app-menu .r2{margin-left: 10px;}

.app-header-menuicon{display: block; position: absolute; right: 0; top: 0; width: 60px; height: 60px; cursor: pointer; text-align: center;}
.app-header-menuicon i{font-size: 30px;}
.header-down-nav{display: none;}
.layui-nav-child {top:47px}
.layui-nav .layui-nav-child a {padding: 0px; color: #666; width: 100%; text-align: center;}

.layui-carousel>[carousel-item]>*{
  height: auto;
}
.layui-carousel-ind{
  margin-top: -20px;
  top: auto;
  bottom: 10px;
}
/* .index-menu{position: absolute; top: 0px; background-color: rgba(0,0,0,0.2); left: calc(50% - 600px); width: 200px; height: 100%; color: #fff;}
.index-menu ul li{padding: 12px 20px; border-bottom: 1px solid #212e4e;}
.index-menu ul li a{color: #fff;} */


.register{min-height: 100vh; background-color: #fff; background-image: url(/assets/imgs/regbg.png); background-position: 50% 0; background-size: 100% auto; background-repeat: no-repeat;}
.reg-header{padding:20px 40px; height:30px; line-height:30px;}
.reg-header img{height:38px; margin-right:15px;}
.reg-header .right{float:right;}
.login-box{min-height:358px; max-width: 960px; margin: 0 auto; padding: 60px 0;}
.login-box .left{width: 40%; float: left; padding: 60px 15px 0px; text-align: center; background-color: #fff; box-sizing: border-box; border-radius: 10px; box-shadow: 15px 15px 16px 0 rgba(6,85,194,.04); height: 550px;}
.login-box .right{width: 58%; float: right; padding: 60px; background-color: #fff; box-sizing: border-box; border-radius: 10px; box-shadow: 15px 15px 16px 0 rgba(6,85,194,.04); height: 550px;}
.login-box h1{font-size:24px; text-align:center; margin-bottom:50px;}
.login-box a{color:#1e9fff;}
.login-box .layui-form-label{padding:9px 5px;}
.login-box .layui-form-item .layui-input-inline {width: calc(100% - 100px);}
.login-box .vercode {width: 192px;}
.login-box .area .layui-input-inline {width: 24.1%;}
.login-box .hideshow {position: absolute; right: 10px; top: 9px; width: 20px;}
.login-box .bs {margin-left: 30px!important; width: 396px; background-color: #1e9fff; height: 40px; line-height: 40px; font-size: 16px;}
.reg-copy{margin-top:50px;}
.reg-copy h3{text-align:center; font-size:12px; color:#888;}
.reg-copy p{text-align:center; font-size:14px; line-height:46px;}
.reg-copy img{height: 16px;}


.index-classes{width: 862px; float:left; padding:5px;}
.index-notice{width: 308px; float:right; padding:5px 0px;}
.index-title {height: 36px; line-height: 36px; margin: 10px 0 18px;}
.index-title h3 {font-size: 22px; float: left;}
.index-title span{float: right; margin-right: 20px;}
.index-title ul{display: inline;}
.index-title ul li{float: left; height: 20px; line-height: 20px; padding: 3px 15px; background: #fff; border-radius: 18px; margin: 5px 0px 4px 15px;}
.newsCard {background: #fff;  border-radius: 4px; height: 426px; overflow: hidden;}
.newsCard .newsList {padding: 25px 20px; height: 100%; background: url(/assets/imgs/notice_bg.png) repeat-x bottom; }
.newsCard .newsItem {position: relative; padding: 0 0 12px 24px;}
.newsCard .newsItem h3 {margin-bottom:6px; font-size: 15px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newsCard .newsItem span{color: #95A1A6; font-size: 14px;}
.newsCard .newsItem::after {content: ""; position: absolute; width: 2px; left: 4px; top: 14px; background: rgba(215, 215, 215, 0.3); height: 100%; box-sizing: border-box;}
.newsCard .newsItem::before {content: ""; position: absolute; left: 0; top: 5px; background: #FFFFFF; border-radius: 50%; border: 3px solid #ddd; width: 11px; height: 11px; box-sizing: border-box;}
.newsCard .newsItem:hover {cursor: pointer;}
.classBox {width: calc(33.3% - 18px); border-radius: 6px; overflow: hidden; background: #fff; float: left; margin-right: 15px; padding: 1px; cursor: pointer;}
.classBox:last-child{width: 33.3%; margin-right: 0px;}
.classBox:hover {box-shadow: 0px 0px 5px 1px rgba(50, 51, 51, 0.24);}
.classBox .imgbox {height: 180px; overflow: hidden; position: relative;}
.imgbox img {height: 100%; width: 100%; vertical-align: middle; object-fit: cover; object-position: center;}
.boxInfo {padding: 18px;}
.boxInfo h3 {font-size: 18px; margin: 0 0 10px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.boxInfo span {margin: 10px 0 0; color: #999;}
.boxInfo .layui-icon-time{color: #999; font-size: 15px; margin-right:4px;}
.sInfo {padding: 20px 1em 8px; position: relative; margin-top: 10px; border-radius: 2px 6px 2px 2px; background: #fafafa;}
.sInfo i {position: absolute; left: 0; top: 0; padding:2px 6px; font-size: 12px; transform: scale(0.8);}
.bxTag {color: #FFFFFF; padding: 1px 6px; display: inline-block; border-radius: 6px 0px 5px 0px;}
.sInfo p {color: #7B7F83; line-height: 1.4; height: 40px; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; text-align: justify; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.course-title{height:46px; border-bottom: 1px solid #eee;}
.course-title h3{font-size: 22px; float: left; line-height:46px;}
.course-title ul{float: right; line-height:16px; padding-top:15px;}
.course-title ul li{float: left; color: #999; padding: 0px 12px; border-right: 1px solid #ddd;}
.course-title ul li:last-child{border-right: 0px;}
.course-line{height: 5px; background: url(/assets/imgs/course-tit.png) repeat-x; margin-top: 3px;}
.course-list ul{margin:20px 0px 0px -20px; }
.course-list ul li{float: left; width: 25%;}
.course-list .cl-wrap{margin: 0 0 25px 20px; border: 1px solid #eee;}
.course-list .cl-wrap:hover{box-shadow: 0 0 6px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.cl-wrap-img{width: 100%; height: 188px; overflow: hidden; border-bottom: 1px solid #eee;}
.cl-wrap-img img{height: 100%; width: 100%; vertical-align: middle; object-fit: cover; object-position: center; transition: all 0.8s ease 0s; overflow: hidden;}
.cl-wrap-img img:hover{transform: scale(1.1);}
.cl-wrap h3{height: 32px; line-height: 32px; padding: 8px 15px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cl-wrap .tags{padding: 0px 15px; font-size: 14px; color:#888;}
.cl-wrap .layui-icon-note{color: #999; font-size: 13px; margin-right:4px;}
.cl-wrap .info{padding:15px;}
.cl-wrap .info div{float: right;}
.cl-wrap .info img{height: 14px; margin-top: -4px; margin-right:4px;}

.course-detail-thumil img{width:99%;}
.course-detail-info{padding-left: 20px;}
.course-detail-info .tit{font-size: 22px; line-height: 32px; margin-bottom:12px;}

.class-d-img{width:500px; float:left; padding:15px;}
.class-d-img img{width:100%;}
.class-d-info{width:625px; float:left; padding:15px 10px; position: relative; min-height: 250px;}
.class-d-info .tit{font-size: 22px; margin-bottom: 15px;}
.class-d-info .deadline{color: #999; background: #fafafa; padding: 6px 15px; border-radius: 3px;}
.class-d-info .action{position: absolute; right:20px; bottom:0;}
.class-d-course{padding:5px 20px; min-height: 300px;}
.class-d-course li{width: calc(100% - 40px); float: left; position: relative; border-bottom: 1px solid #ededed; padding:15px 20px;}
.class-d-course li:first-child{padding-top:0px;}
.class-d-course .classimg {width: 140px;float: left; margin-right:20px;}
.class-d-course .classcon {width: calc(96% - 160px);float: right;}
.class-d-course .thumbil {width: 100%;}
.class-d-course h2 {height: 22px; line-height: 22px; font-size: 16px;}
.class-d-course h3 {height: 30px; line-height: 30px; font-size: 12px; color: #999;}



/*footer*/
.footer{background: #333; padding:40px;}
.footer .left{width: 200px; margin-left:200px; padding-top: 10px; float:left; border-right: 1px solid #aaa;}
.footer .left img{width:130px;}
.footer .left p{padding-left: 24px;}
.footer .right{float:left; margin-left: 60px;}
.footer .right img{height: 40px; margin-bottom: 15px; margin-top: 10px;}
.footer .right p img{height: 18px; margin-top: 10px; margin-right:15px;}
.footer p {color: #eee; line-height: 32px;}
.footer a {color: #eee;}
/*footer*/

.course-type, .course-year, .course-sort{padding: 10px 30px; width: 100%;}
.course-type ul li, .course-year ul li, .course-sort ul li{float: left; padding: 2px 15px;}
.course-year{border-top: 1px dashed #eee;}
.course-sort{margin-top: 10px;}
.courselist h3, .courselist .tags, .courselist .info{background: #fff;}


.user-menu{float: left; width:240px; background: #fff; border: 1px solid #eee; padding: 0px; min-height: calc(100vh - 288px);}
.user-content{float: right; width:940px; min-height: calc(100vh - 288px);}
.user-data, .user-need{width:100%%; background: #fff; border: 1px solid #f1f1f1;}
.user-need{min-height: calc(100vh - 288px);}
.user-menu .info{background: #474e5d;font-size: 16px;text-align: center;padding: 10px 20px;color: #fff;}
.user-menu .info img{width: 80px;}
.user-menu .info p{padding: 8px; border-bottom: 1px solid #f1f1f1;}
.user-menu h3{padding: 10px 15px 0px; clear: both;}
.user-menu .layui-icon{margin-right: 8px; font-size: 18px;}
.user-menu ul{padding: 4px 20px; clear: both;}
.user-menu ul li{width: calc(100% - 40px); float: left; position: relative; background: #f6f6f6; padding: 5px 8px; margin: 6px 0px 4px 12px; text-align: center;}
.user-menu .layui-badge-dot{position: absolute; left: 40; top: 11; background-color: #f6f6f6;}
.user-menu .dot{margin: 6px 0px; position: absolute; left: 41;}
.userexam{width:30%; padding:20px; line-height:32px; background:#fafafa; float:left; border:1px solid #eee;}

.footbar{height:48px; border-top:1px solid #ddd; background:#fafafa; padding-top:6px; position:fixed; bottom:0px; left:0px; width:100%; z-index:9999; overflow:hidden;}
.footbar img{height:20px;}
.footbar dd{width:25%; text-align:center; float:left;}
.footbar dd font{display:block; padding-top:4px; font-size:12px;}
.footbar dd a{color:#333;}
.footbar dd .active{color:#f97b0c;}

.concisetit{float: left; font-size: 20px; margin:6px 0px -6px 8px;}
.concisefoot{display:inline; font-size: 15px; margin-left:8px; color:#fff;}


.header_user{height: 168px; background: url(/assets/imgs/head_user.png) center no-repeat; background-size: 100% 100%; background-color: #b42f23; border-bottom: 1px solid #e8ebf2;	box-shadow:0 0 4px 0 rgba(0,0,0,.01), 0 4px 4px 0 rgba(0,0,0,.04)}
.header_user .headuser{padding-top: 25px; max-width: 1200px; margin: 0 auto; position: relative; height: 100%;}
.header_user .user_info{float: left;}
.header_user .user_info img{width: 100px; margin-top: 10px;}
.header_user .username h3{margin: 30px 20px 10px; font-size: 24px; color:#fff; font-weight: 500;}
.header_user .username p{color:#fff;margin-left: 20px;}
.header_user .user_info a{color:#fff; border-bottom: 1px solid #f3f3f3; padding: 2px 6px; border-radius: 2px;}
.header_user .user_data{float: right;}
.header_user .user_data ul li{float: left; padding: 30px 20px; color: #fff; text-align: center;font-size: 16px;}
.header_user .user_data ul li:last-child {padding-right: 0px;}
.header_user .user_data ul li h3{font-size: 14px; font-weight: 500; margin-bottom: 6px;}
.header_user .user_data ul li h3 span{font-size: 26px; margin-right: 6px;}

@media only screen and (max-width: 780px){
	.webshow{display: none;}
	.mobileshow{display: inherit;}
	.main{width: 100%;}
	.appmenu a{color: #fff; margin: 10px;}
	.header{height: 54px; line-height: 58px; border-bottom: 1px solid #eee;}
	.mt90{margin-top: 58px!important;}
  .header .nav, .header .reg {padding-right: 15px;}
	.header .logo img{height:28px; margin-left: 10px; margin-top: 14px;}
	.imgbox img{width:100%;}
	.pd15{padding: 0px 15px;}
  .app-header{display: block; float: right!important;}
	.layui-carousel-ind {bottom: 2px;}
	.layui-nav.down-nav{position: absolute;	right: 0; width: 60%; z-index: 9999; text-align: center; top: 60px; padding:20px; display: block;}
	.layui-nav.down-nav li{height: 50px; line-height: 50px; display: block;	border-bottom: 1px solid #363636;}
	.layui-nav.down-nav li a{height: 24px; line-height: 22px; margin-left: 6px; color: #fff; font-size: 16px;}
	.index-re{margin-top:0px; margin-bottom: 12px; height:auto; position:relative; padding:5px 0px; border-radius:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	.index-re div{height: auto; float:left; width:calc(50% - 16px); padding:10px 8px; border-right: 0px;}
	.index-re img{width:100%; height:auto; float:left; margin-right: 0px; border-radius: 2px;}
	.index-re h2{float: left; padding-top: 6px; -webkit-line-clamp: 1;}
	.content{width: 100%; margin: auto; padding: 2px 0px;}
	.infos div{width: 100%; padding: 18px 0px; border: none;}
	.product-left {display: none;}
	.product-right {padding-top: 0px;}
	.apply div{width:calc(50% - 20px); padding:10px;}
	.apply h2 {font-size:17px;}
	.price h2{line-height: 30px; font-size:16px; }
	.price table{width:90%; margin:15px auto;}
	.price table td{padding:10px; border: 1px solid #fff;}
	.footer .line{display: none;}
	.footer .s{width: 100%;}
	.footer p{line-height: 26px;}
	.footer .s a{float: left; margin-right: 20px;}
	.footer .imgs{margin-left: 20px;}
	.footer .imgs p{padding-left: 0px; font-size: 12px;}
	.reg-header {padding: 15px;}
	.reg-header img {height: 26px; margin-right: 5px;}
	.login-box{max-width: calc(100% - 30px); margin: 0 auto; padding: 20px 0;}
	.login-box .right{width: 100%; padding: 20px 10px; border-radius: 6px; height: auto;}
	.login-box h1 {font-size: 20px;}
	.login-box .layui-form-item .layui-input-inline {margin-left: 92px;}
	.login-box .bs {width: calc(100% - 50px);}
	.reg-copy{padding-bottom: 20px;}
	
	.pdtm20 {padding: 2px 0px;}
	.course-title, .index-title {margin: 10px 0 8px; padding-left:15px;}
	.course-title h3, .index-title h3 {font-size: 16px;}
	.index-title ul li {padding: 2px 10px; margin: 5px 0px 4px 10px;}
	.index-classes {width: 100%; padding: 5px 0px;}
	.index-notice {width: 100%;}
	.newsCard {height: auto;}
	.footer {padding: 20px 15px;}
	.footer .left {width: 100%;margin-left: 0px;padding-top: 0px;border-right: 0px; text-align: center;}
	.footer .right {margin-left: 0px; margin-top: 15px; font-size:12px; padding:0px;}
	.footer .right img{display: none;}
	.down-nav img{height: 20px; margin-right: 8px;}
	.login-box .left{display: none;}
	.user-menu {width: 100%;}
	.user-menu .info{display: none;}
	.user-menu {margin-top: -30px;}
	.mt20{margin-top: 0px!important;}
	.user-menu ul li {width: 28%; padding: 5px 0px;}
	.user-content {width: 100%;}
	.user-need{width: 100%; min-height: calc(100vh - 176px);}
	.userexam {width: calc(100% - 32px); padding: 15px;}
	
	.concisetit{float: left; font-size: 18px; margin-top:0px }
	
	.header_user{height:110px;}
	.header_user .headuser{width: 100%; max-width: 100%; padding-top: 15px;}
	.header_user .user_info img {width: 50px; margin-left: 15px; margin-top: 12px;}
	.header_user .username h3 {margin: 25px 10px 10px; font-size: 16px;}
	.header_user .user_data ul li {padding: 10px 6px; font-size: 12px;}
	.header_user .user_data ul li:last-child {padding-right: 10px;}
	
}