*{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; overflow: hidden; margin: auto;}
.mobileshow{display: none;}
.hidden{display: none;}
.tc{text-align:center;}

.header{background: #107dd8 url(/assets/imgs/header.jpg) no-repeat center top; height: 198px;}
.header .logo{height: 88px;padding: 50px 0 0;}
.header .logo img{ height:50px;}
.header .nav {position: relative; height: 60px; line-height: 60px;  background: url(/assets/imgs/nav-bg.png) repeat; border-radius: 8px 8px 0 0;}
.header .nav li {height: 60px; position: relative; width: 150px;text-align: center;}
.header .nav li a {display: block; color: #b4d8f6;font-size: 16px;}
.header .nav li a>img {margin-right: 8px;}
.header .vm {display: inline-block; vertical-align: middle;}
.header .nav li a:hover, .header .nav li.active a {background: #1e99ff; color: #fff;}
.header i{font-style: normal; font-weight: normal;}

.maincon {padding-bottom: 15px; background: #fff; border: 1px solid #d9e1ea; box-shadow: 0px 6px 35px 0px rgba(103, 113, 131, 0.08); min-height: calc(100vh - 262px);}
.sider {width: 380px; float: left;
    padding: 0 28px;
    background: #f6f6f6 url(/assets/imgs/en_bg.png) no-repeat right bottom;
    border-right: 1px solid #d9e1ea;
    height: 100%;
		min-height: calc(100vh - 261px);
		overflow: hidden;
}
.sider-title {
    padding: 5px 0 10px;
    font-size: 16px;
		margin-bottom: 12px;
    background: url("/assets/imgs/title-bg.png") no-repeat left bottom;
}
.sider-title h3 {
    padding: 0 0 0 20px;
    margin: 25px 0 0;
    background: url("/assets/imgs/title-point.png") no-repeat left center;
    color: #466a92;
}
.sider-con{border-bottom: 1px dashed #ddd; padding: 10px 0px; line-height: 24px;}
.sider-con h1{color: #3f4260; font-size: 16px; font-weight: 700; margin-bottom: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sider-con h3{color: #a41f24;}
.sider-con span{color: #888;}
.sider-con h3, .sider-con p{font-size: 13px;}
.sider-right{text-align: right;}
.sider-right a{color: #a41f24;}

.content {
	float: right;
    width: 740px;
    box-sizing: border-box;
}

.content .login{
	margin: 50px auto;
	width: 600px;
	  box-shadow: 0 0 5px rgba(6, 0, 1, 0.1);
			    border-radius: 8px;
}
.content-index p.ft-lg {
    min-height: 280px;
}

.content-title {
    font-size: 18px;
    background: #f6f6f6;
		margin-bottom: 12px;
		border-bottom: 1px solid #eee;
}

.content-title h3 {
		padding: 10px 107px;
    display: inline-block;
}

.content-title .active {
    border-bottom: 2px solid #126cb8;
}

.content-title a {
    color: #126cb8;}

.content-height {
    height: 430px;
    overflow: hidden;
}

.login .layui-form{
	padding: 20px 40px;
}

.btn button {
    min-width: 120px;
    padding: 0 15px;
    margin: 0 5px;
    line-height: 48px;
    background: #107dd8;
    border: 1px solid #107dd8;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
}

.btn button:hover {
    background: #0d67b2;
}

.btn button[disabled='disabled'] {
    background: #bfc6cc;
    border-color: #bfc6cc;
    cursor: not-allowed;
}

.btn button.button-common,
.btn button.button-border {
    line-height: 38px;
    font-size: 16px;
}

.btn button.button-border {
    background: none;
    color: #107dd8;
}

.btn button.button-border:hover {
    color: #0d67b2;
    border-color: #0d67b2;
}

.content-index .btn {
    padding: 60px 0;
}

.footer {
		float: left;
		width: 100%;
    height: 40px;
    margin-top: 20px;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
}

.footer,
.footer a {
    color: #666;
}

.footer-icon {
    margin-left: 28px;
}

.enroll {padding-bottom: 15px; background: #fff; border: 1px solid #d9e1ea; box-shadow: 0px 6px 35px 0px rgba(103, 113, 131, 0.08);}
.enroll .left{float: left; width: 520px; padding: 20px 0px 20px 50px;}
.enroll .right{float: left; width: 520px; padding: 20px 0px 20px 50px;}
.enroll .bs{width:160px;}



/* 
.header .nav a{padding: 0 15px; color: #202020; font-size: 16px;}
.header .nav a:hover{color: #318ffa;}
.header .reg{float: right;}
.header .reg h3{float: left; margin-right: 20px;}
.header .reg img {width: 24px; margin-right: 10px;}
.header .reg a{padding: 5px 20px; border: 1px solid #318ffa; margin-left: 15px; border-radius: 30px;}
.header .reg .r1 {background: #318ffa; color:#fff;}
.header .reg .r2 {color:#318ffa;} */

.app-header{display: none;}
.app-header-menuicon{display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; cursor: pointer; text-align: center;}
.app-header-menuicon i{font-size: 26px; color:#fff;}
.header-down-nav{display: none;}


@media only screen and (max-width: 780px){
	.webshow{display: none;}
	.mobileshow{display: inherit;}
	.header .logo {height: 50px;
	    padding: 0;
	}
	.header .nva_user {
		float: left;
	}
	.header .serin{display: none;}
	.app-header{
	  display: block;
	}
	.layui-nav.down-nav{
	  position: absolute;
		right: 0;
	  width: 60%;
	  z-index: 2;
	  text-align: center;
	  top: 50px;
	  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: 50px;
	  line-height: 50px;
	  color: #fff;
	  font-size: 16px;
	}
	.layui-nav.down-nav img {width: 22px; margin-right: 8px;}
	.main{width: 100%;}
	.appmenu a{color: #fff; margin: 10px;}
	.header{height: 50px; line-height: 50px; border-bottom: 1px solid #eee;}
  .header .nav, .header .reg {display: none;}
	.header .logo img{height:26px; margin-left: 15px;}
	.maincon{height:auto;}
	.sider{float:right; width:100%; padding: 0px; height:128px; min-height:128px;}
	.sider-title {padding: 5px 20px; margin-bottom: 6px;}
	.sider-title h3 {padding: 0 0 5px 20px;margin: 10px 0 0;}
	.sider-con {padding: 10px 20px;}
	.content {width:100%; float: left;}
	.content .login {margin: 0px auto;width:100%;}
	.login .layui-form {padding: 20px;}
	.login .layui-form-item {margin-bottom: 10px;}
	.login .layui-form-label {padding: 9px 5px;}
	.login .layui-form-item .layui-input-inline {margin-left: 92px;}
	.content-title{font-size: 16px;}
	.content-title h3 {padding: 10px 0px; width:50%; text-align: center;}
	.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;}
	.footer {height: auto; line-height: 30px;}
	.commonwidth{padding:10px;}
}