*{padding: 0px; margin: 0px;}
body{font-size: 14px; font-family: 'Helvetica Neue', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; color: #333; background: #f9f9f9;}
.bgwhite {background: #FFFFFF;}
.clearfix{clear: both;}
.fl{float: left;}
.fr{float: right;}
.pd20{padding: 20px;}
.mt20{margin-top: 20px!important;}
.dot {width: 6px; height: 6px; background: #c8c8c8; display: block; float: left; border-radius: 6px; margin:14px 8px 12px 0px;}
.main{width: 1200px; margin: auto;}
.mobileshow{display: none;}
.hidden{display: none;}
.tc{text-align:center;}
.nodata{text-align:center; padding:20px;}
.nodata img{max-width: 180px; margin:16px auto;}
.mt90 {margin-top: 77px;}
.mb15 {margin-bottom: 15px;}
.red{color: red;}

.header{width: 100%; height: 76px; 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: 76px;}
.header .logo{float: left;}
.header .logo img{ height:50px;}
.header .nav {float: left; margin-left: 30px;}
.header .nav a{padding: 0 15px; color: #202020; font-size: 16px;}
.header .nav a:hover{color: #064684;}
.header .nav a.active {color: #064684 !important;}
.header .reg{float: right;}
.header .reg h3{color:#064684; float: left; margin-right: 20px;}
.header .reg img {width: 28px; margin-right: 6px;}
.header .reg a{padding: 5px 20px; border: 1px solid #19b7b9; margin-left: 6px; border-radius: 30px;}
.header .reg .r1 {background: #19b7b9; color:#fff;}
.header .reg .r2 {color:#19b7b9;}
.header .uin{float: right; margin-left: 0px; margin-right: 0px;}
.header .uin a{font-size: 14px; margin-right: 12px; padding: 0px; color:#19b7b9;}
.header .uin .r2 {padding: 2px 8px 4px; font-size: 12px; background: #19b7b9; color:#fff;}

.app-header{display: none; float: right; padding: 0px 20px;}
.app-icon img, .app-menu-close img{width: 26px;}
.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{padding: 10px 26px; line-height: 33px; float: left;}
.app-menu-list .dot {width: 7px;height: 7px;}
.app-menu-list .logo {width: 100%;}
.app-menu-list .menu li{width: 100%; clear:both;}
.app-menu-list .menu li div{width: 33%; float: left;}
.app-menu-list .btn{padding: 4px 20px 6px; font-size: 12px; border: 1px solid #19b7b9; margin-right: 18px; border-radius: 30px; color: #19b7b9;}

.top-menu {display: flex; justify-content: center;}
.menu-list a{padding: 0px!important;}
.arrow {display: inline-block; margin-left: 4px; transition: transform 0.3s ease;}
.arrow .layui-icon {font-size: 14px;}
.menu-item2 {position: relative;}
.dropdown1 {position: absolute; top: 101%; left: 0; background-color: #fafafa; width: 100%!important; padding: 10px 0px 40px; box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.1); z-index: 1; opacity: 0; transform: translateY(6px); transition: all 0.3s ease; visibility: hidden;}
.dropdown2 {position: absolute; top: 99%; left: 0; background-color: #f9f9f9; min-width: 182px; padding: 12px 0px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; opacity: 0; visibility: hidden; transform: scale(0.9); /* 初始缩放 */ transform-origin: 0 0; /* 缩放原点 */ transition: all 0.3s ease;}
.dropdown-item {color: #333; text-decoration: none; line-height: 32px; font-size: 14px!important; display: block; padding-left: 26px!important; margin-bottom: 10px;}
.menu-item:hover .dropdown1, .menu-item:hover .dropdown2 {opacity: 1; visibility: visible; transform: translateY(0); transform: scale(1); /*缩放回正常大小 */}
.menu-item:hover{color: #064684;}
.menu-item .dot:hover{background: #064684;}
.menu-item:hover .arrow {transform: rotate(180deg);}
.menu-service{text-align: left; line-height: 30px;}
.menu-title{font-size: 20px; color:#333; font-weight: 700; margin-left: 12px; margin-top: 15px;}
.menu-list li{margin: 10px 0px 0px 12px; padding: 6px 0px; width: calc(33.3% - 12px); float:left; border-radius: 6px; overflow: hidden; color: #555;}
.menu-list li:hover{background-color: #ebf4f4;}
.menu-list li h1{font-size: 18px; font-weight: 500;}
.menu-list .menu-img{float: left; width: 60px; text-align: center; padding-top: 4px;}
.menu-list .menu-img img{width: 30px; height: 30px;}
.menu-list .menu-con div{overflow: hidden; font-size: 14px; color: #888;}
.top-menu .active a{color: #064684;}

.header_user{height: 160px; background: url(/assets/imgs/head_user.png) center no-repeat; background-size: 100%; background-color: #1571ca; 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: 30px; max-width: 1200px; margin: 0 auto; position: relative; height: 100%;}
.header_user .user_info{float: left;}
.header_user .user_info img{width: 100px;}
.header_user .username h3{margin: 12px 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 h3{font-size: 14px; font-weight: 500; margin-bottom: 6px;}
.header_user .user_data ul li h3 span{font-size: 26px; margin-right: 6px;}

.user-menu{float: left; width:240px; background: #fff; border: 1px solid #eee; padding: 0px; min-height: calc(100vh - 300px);}
.user-content{float: right; width:930px; min-height: calc(100vh - 300px);}
.user-data, .user-need{float: left; width:928px; background: #fff; border: 1px solid #f1f1f1; min-height:calc(100vh - 300px);}
.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: 10px; top: 11px; background-color: #f6f6f6;}
.userexam{width:30%; padding:20px; line-height:32px; background:#fafafa; float:left; border:1px solid #eee;}
.user-menu .active a{color:#064684; }
.user-menu .active .layui-badge-dot{background-color:#064684;}
.info h3{font-weight:400; font-size:14px; padding:6px 0px;}
.user_left_tit{font-size:16px; padding:10px 15px; border-bottom:1px solid #f3f3f3;}
.user-menu h3{line-height:30px; margin-top: 5px;}

.userclass{display: flex;padding: 20px 25px;}
.userclass .imgs{flex:0 0 136px;}
.userclass .imgs img{width:100%;border-radius: 4px;}
.userclass .info{flex:auto;padding: 0px 15px;}
.userclass .info h1{font-size: 16px;font-weight: 500;color: #064684;}
.userclass .info .label{float: left;padding-right: 10px;}
.userclass .info .layui-progress{width: 300px;float: left;}
.userclass .info .layui-progress-text{top:5px;}
.userclass .act{flex:0 0 130px;}
.userclass .act p{margin: 10px;}
.userclass .act a{padding: 6px 15px; background:#064684; color:#fff;display: block;border-radius:4px;text-align: center;}
.userclass .act .layui-icon{margin-right: 6px;}
.classinfo {padding: 10px 20px;line-height: 32px;}

/*footer*/
.footer{background: #333; padding:30px;}
.footer .left{width: 180px; margin-left:200px; padding-top: 10px; float:left; border-right: 1px solid #aaa;}
.footer .left img{width:130px;}
.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;}

.tabBar{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;}
.tabBar img{height:20px;}
.tabBar dd{width:33.3%; text-align:center; float:left;}
.tabBar dd font{display:block; padding-top:4px; font-size:12px;}
.tabBar dd a{color:#333;}
.tabBar .active{color:#f67028;}
/*footer*/

@media only screen and (max-width: 780px){
	.webshow{display: none;}
	.mobileshow{display: inherit;}
	.main{width: 100%;}
	.mt90 {margin-top: 62px !important;}
	.mb15{margin:10px;}
	.appmenu a{color: #fff; margin: 10px;}
	.header{height: 60px; line-height: 60px; border-bottom: 1px solid #eee;}
	.header .nav, .header .reg {display: none;}
	.header .logo img{height:36px; margin-left: 10px;}
	.header .uin{float: left!important; margin-left: 8px;}
	.header .uin a {margin-right: 0px; margin-left: 4px;}
	.app-header{display: block; padding: 0px 8px; float: right;}
	.imgbox img{width:100%;}
	.pd15{padding: 0px 15px;}
	
}