/* CSS Document */
/*字体*/
body {
	background: #f6f8f9;
	font-size: 14px;
	line-height: 22px;
	font-family: "微软雅黑";
}
body,a{
	color: #333;
}

.re{
	position: relative;
}
.ab{
	position: absolute;
}
.ov {
	overflow: hidden;
	zoom: 1;
}

/*a*/
a {
	font-family: "微软雅黑";
	text-decoration: none;
	outline: none;
}

/*浮动*/
.cf {
	zoom: 1
}
.cf:after {
	content: '.';
	visibility: hidden;
	clear: both;
	display: block;
	height: 0
}

/********************/
.inside-size{
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
}
/*********登录页面使用***********/
.inside-size-login{
	margin: 0 auto;
	padding: 0 5%;
}

.vm{
	display: inline-block !important;
	vertical-align: middle;
}

.header{/*********这个改了************/
	background: #fff;
	height: 60px;
	line-height: 60px;
	border-bottom: solid 1px #ebedee;
}

.header .inside-size>*{
	display: inline-block;
	vertical-align: middle;
}

.header .inside-size-login>*{
	display: inline-block;
	vertical-align: middle;
}

.header span{/*********这个改了************/
	font-size: 22px;
}

.header .split-line{
	border-left: solid 1px #999;
	height: 25px;
	margin: 0 10px;
}

.main{/*********这个改了************/
	margin: 30px 0;
	box-shadow: 0 0 15px #f0f2f3;
	background: #fff;
}

.main img{
	display: block;
}

.main>img{/*********这个改了************/
	width: 50%;
}

.login-box-head{/*********这个改了************/
	background: #fcfcfc;
	border-bottom: solid 1px #e6e6e6;
	height: 50px;
	line-height: 50px;
}

.login-box-head ul{
	padding:0 5px;
	margin: 0 auto;
}

.login-box-head ul li{
	position: relative;
}

.login-box-head a{/*********这个改了************/
	font-size: 16px;
	color: #666;
	display: block;
	background: url("../images/login-box-head-icons.png") no-repeat 0px 0px;
	padding-left: 40px;
	box-sizing: border-box;
	height: 50px;
	padding-right:10px;
}

.login-box-head a.account{/*********这个改了************/
	background-position: 0px -61px;
}

.login-box-head a.mobile{/*********这个改了************/
	background-position: 0px -235px;
}

.login-box-head a.active,.login-box-head a:hover{
	color: #333;
}

.login-box-head a.active:after,.login-box-head a:hover:after{
	width: 85px;
	background-color: #4986f2;
	height: 2px;
	position: absolute;
	bottom:0px;
	display: block;
	content: "";
}

.login-box-head a.active.account,.login-box-head a.account:hover{/*********这个改了************/
	background-position: 0px 14px;
}

.login-box-head a.active.mobile,.login-box-head a.mobile:hover{/*********这个改了************/
	background-position:0px -158px;
}

.login-box-content{/*********这个改了************/
	color: #999;
	font-size: 14px;
	margin: 25px 75px 10px;
}

.login-box-content .input-box input{/*********这个改了************/
	border: solid 1px #d7d7d7;
	outline:none;
	width: 450px;
	height: 40px;
	border-radius: 4px;
	padding-left: 50px;
	box-sizing: border-box;
	/***margin-bottom: 30px;**/
}
.login-input-icon{
	height:40px;
	width:50px;
	position:absolute;
	background: url("../images/input-icons.png") no-repeat 15px 10px ;
}
.input-box .tip{/*********这个改了************/
	color: #c24524;
	font-size: 12px;
	/***margin: 5px 0;**/
	display: block;
}
.password-icon{
	background-position: 15px -69px;
}
.login-box-content .input-box input.password{
	background-position: 15px -69px;
}
.mobile-icon{
	background-position: 15px -127px;
}
.imagecode-icon{
	background-position: 15px -206px;
}
.msgcode-icon{
	background-position: 15px -282px;
}

.rel-help{/*********这个改了************/
	/***margin-top: 10px;**/
}

.check{
	color: #333;
	background: url(../images/checkbox-icons.png) no-repeat 0px 0px;
	padding-left: 35px;
	cursor: pointer;
}

.check.checked{
	background-position: 0px -41px;
}

.login-box-content .button{/*********这个改了************/
	background: #4986f2;
	color: #fff;
	height: 40px;
	line-height: 40px;
	border: none;
	outline: none;
	border-radius: 0.2rem;
	/***margin: 40px auto 0;**/
	font-size: 18px;
	width: 450px;
}

.login-box-content .button:hover{
	background: #3473e4;
}

.login-tip{/*********这个改了************/
	margin-top: 15px;
	text-align: center;
	color: #333;
}

.login-box-footer{/*********这个改了************/
	margin-top: 1%;
	text-align: center;
}

.login-box-footer h3{
	color: #666;
}

.login-box-footer h3 em{
	border-bottom: solid 1px #e6e6e6;
	width: 110px;
	margin: 0 20px;
}
.login-box-footer .third{/*********这个改了************/
	width: 320px;
	margin: 1% auto;
}
.login-box-footer a{
	display: inline-block;
	background: url("../images/third-icons.png") no-repeat 0px 0px;
	width: 66px;
	height: 66px;
	text-align: center;
	margin: 0 20px;
}

.login-box-footer a.weixin{
	background-position: -115px 0px;
}

.login-box-footer a.qq{
	background-position: -230px 0px;
}

.footer{
	color: #999999;
	text-align: center;
}

.login-box-content .input-box input.phonenumber{/*********这个改了************/
	background-position: 15px -127px;
}

.login-box-content .input-box input.imagecode{
	background-position: 15px -206px;
}

.login-box-content .input-box input.msgcode{/*********这个改了************/
	background-position: 15px -282px;
}

.input-box .code{/*********这个改了************/
	position: absolute;
	right: 1px !important;
	top: 1px !important;
	background-color: #fbfbfb;
	border-left: solid 1px #d7d7d7;
	display: block;
	width: 110px;
	height: 38px !important;
	line-height: 38px;
	border-radius: 0 4px 4px 0;
	text-align: center;
	color: #4986f2;
    border:none;
}

.input-box .code img{
	/***margin: 10px 24px;**/
}

.pd50{
	padding: 0 50px;
}

.register-box-head{
	height: 55px;
	line-height: 55px;
	border-bottom: solid 1px #e6e6e6;
	margin: 0 55px;
}

.register-box-head ul{
	margin: 0 auto;
	width: 495px;
}

.register-box-head a{
	display: block;
	width: 85px;
	text-align: center;
	margin: 0 40px;
	font-size: 22px;
	color: #666666;
	height: 55px;
	box-sizing: border-box;
}

.register-box-head a.active{
	color: #333;
	border-bottom: solid 2px #4986f2;
}

.register-steps{
	margin: 25px auto;
	width: 921px;
}
.register-steps a{
	display: block;
	width: 318px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #999;
	font-size: 18px;
}

.register-steps a.active{
	color: #4986f2;
}

.register-steps a.step-first {
	background: url("../images/step-f.png") no-repeat 0px 0px;
	margin-right:-15px;
}

.register-steps a.step-first.active{
	background-position: 0px -133px;
}

.register-steps a.step-second{
	background: url("../images/step-s.png") no-repeat 0px 0px;
	margin-right: -18px;
}

.register-steps a.step-second.active{
	background-position: 0px -144px;
}

.register-steps a.step-third{
	background: url("../images/step-t.png") no-repeat 0px 0px;
}

.register-steps a.step-third.active{
	background-position: 0px -173px;
}


.register-content .input-box{
	margin-bottom: 25px;
}

.register-content .input-box input{
	background: none;
	padding-left: 20px;
}

.input-box label{
	width: 150px;
	text-align: right;
	margin-right: 20px;
	color: #333;
}

.input-box .new-tip{
	color: #c24524;
	margin-left: 20px;
}

.color-blue{
	color: #4986f2;
}

.color-blue:hover{
	color: #3473e4;
}

.password-check{
	margin: -18px 0 10px 180px !important;
}
.password-check span{
	width: 135px;
	height: 10px;
	margin-right: 5px;
	background-color: #eee;
	border-radius: 2px;
}

.password-check span.forbid.active{
	background-color: #fc7a77;
}

.password-check span.warning.active{
	background-color: #f4b25c;
}

.password-check span.success.active{
	background-color: #5dcb48;
}

.color-warning{
	color: #f4b25c;
}
.color-forbid{
	color: #fc7a77;
}

.color-success{
	color: #5dcb48;
}
.password-check em{
	color: #f4b25c;
}

.register-content .select-box input {
	width: 140px;
	margin-right: 11px;
	margin-bottom: 20px;
}

.register-content  .select-input input{
	background: url("../images/select-icon.png") no-repeat 113px 20px;
}

.register-content  .select-input input.school{
	background-position: 424px 20px;
}

.register-content  .select-input input.up{
	background-image: url("../images/select-icon-up.png");
}

.accept-register{
	margin-top: 20px;
	color: #333;
}

.input-box p.question{
	color: #333;
	margin-bottom: 20px;
	display: block;
}

.head-title{
	text-align: center;
	color: #333;
	font-size: 22px;
}


.password-tip{
	width: 450px;
	margin: 0px 180px 40px;
	color: #333;
}

.color-666{
	color: #666;
}

.color-333{
	color: #333;
}

.header .btn-register,.header .btn-login{
	width: 80px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 30px;
}

.header .btn-register{
	border: solid 1px #4986f2;
	color: #4986f2;
	margin-left: 15px;
}

.header .btn-register:hover{
	background-color: #f9f9f9;
}

.header .btn-login{
	background-color: #4986f2;
	color: #fff;
}

.header .btn-login:hover{
	background-color: #3473e4;
}

button{
	cursor: pointer;
	display: block;
}

.button.no-bind{
	background-color: #f9f9f9;
	color: #333;
	border: solid 1px #e6e6e6;
}

.button.no-bind:hover{
	background-color: #eee;
}

.bind-title{
	font-size: 18px;
	color: #333;
	margin-bottom: 40px;
}

.third-login{
	width: 600px;
	position: relative;
}

.third-login .line{
	position: absolute;
	right: 0px;
	top: 0px;
}

.third-login .third-login-accinfo{
	background-color: #f5f8fc;
	width: 360px;
	height: 350px;
	box-sizing: border-box;
	padding: 10px;
	margin: 50px auto;
	text-align: center;
}

.third-account{
	border: solid 1px #fff;
	/**padding-top: 40px;**/
}

.third-account h3{
	font-size: 18px;
}

.roles a{
	margin: 40px 39px 40px 0;
}

.roles a:last-child{
	margin-right: 0px;
}

.user-photo{
	width: 150px;
	margin: 40px auto;
}

.user-photo img.ab{
	top:5px;
	left: 5px;
	z-index: 1;
}

.user-photo img.re{
	z-index: 2;
}

.register-infos{
	margin: 20px 200px;
}

.ml175{
	margin-left: 175px;
}

.register-content{
	margin: 0;
	padding-bottom: 40px;
}

.select-box-list{
	background: #fafafa;
	width: 140px;
	top: 54px;
	border: solid 1px #d7d7d7;
	border-radius: 4px;
	height: 100px;
	overflow-y: auto;
	padding: 10px 0;
	display: none;
	z-index: 2;
}

.select-box-list li a{
	color: #333;
	display: block;
	padding-left: 10px;
	margin-bottom:5px;
}

.select-box-list li a:hover{
	color: #4986f2;
}

.verify-info{
	margin: 0 325px;
}

.login-box-footer.media-limit{
	margin-top: 29px;
}

@media only screen and (min-width: 1500px) {
	.inside-size {
		width: 1400px;
	}
	.inside-size-login{
		width: 1400px;
	}

	.third-login{
		width: 700px;
	}

	.login-box-content{
		margin: 50px 125px;
	}

	.login-box-content.long{
		margin: 50px 100px 0;
	}

	.main>img{
		width: 700px;
	}
	.login-box-footer .third{/*********这个改了************/
		width: 320px;
		margin: 30px auto;
	}
	.login-box-footer{/*********这个改了************/
		margin-top: 30px;
		text-align: center;
	}
}
.user-photo em{
	width: 40px;
	height: 40px;
	bottom: 3px;
	z-index: 2;
	right: 6px;
	position: absolute;
}
.user-photo .weibo-logo{
	background: url(../images/weibo-sub.png) no-repeat 0px 0px;
}

.user-photo .weixin-logo{
	background: url(../images/weixin-sub.png) no-repeat 0px 0px;
}


.user-photo .qq-logo{
	background: url(../images/qq-sub.png) no-repeat 0px 0px;
}

.input-box label>i{
	color: #ff0101;
	margin-right: 8px;
}

/***忘记密码新页面2018/4/8**/
.register-content-new>div{
	width:800px;
	margin:auto;
}
.register-content-new>button{
	margin:50px auto 20px auto !important;

}
.register-content-new{
	margin-top:20px;
}
.input-box-new{
	display:inline-block;
	width:450px;
	height:50px;
}
.register-content-new .input-box a{
	width:110px;
	height:40px;
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
	z-index:9;
}
.register-content-new a>img{
	width:100%;
	height:100%;
}
.register-content-new .logining-page{
	text-align:center;
	margin-bottom:40px;
}
.error-tip{
	width: 60%;
	margin: auto;
	margin-top: 1%;
}
.n-error{
	margin-left:0 !important;
}
/********新增**********/
.content-new{
	height:80%;
	overflow: hidden;
}
.login-box{
	width:50%;
}
.cymain{
	height:100% !important;
}
.h-100{
	height:100% !important;
}
body{
	height:100% !important;
}
html{
	height:100% !important;
}

.h-64{
	height:64px;
}
.h-64 input{
	width:100% !important;;
}
/*************2个li 15%*****************/
#kaptcha{
	height:38px !important;
}
.login-box-content .input-box input {
	height: 40px !important;
}
a:hover{
	text-decoration:none !important;
}
.n-tip{
	margin-left:0 !important;
}
a{
	color:#2e82ff;
}
a:hover{
	color:#82b4ff;
}
#bindAccount{
	margin-top:40px;
}
@media only screen and (min-width: 1650px) {
	.inside-size {
		width: 1400px;
	}
	.inside-size-login{
		width: 1400px;
	}

	.third-login{
		width: 700px;
	}

	.login-box-content{
		margin: 50px 125px;
	}

	.login-box-content.long{
		margin: 50px 100px 0;
	}

	.main>img{
		width: 700px;
	}
	.login-box-footer .third{/*********这个改了************/
		width: 320px;
		margin: 30px auto;
	}
	.login-box-footer{/*********这个改了************/
		margin-top: 30px;
		text-align: center;
	}
	.register-box{
		min-height:700px;
	}
	.third-login .third-login-accinfo {
		height: 450px;
		margin: 80px auto;
	}
	.third-account{
		padding-top: 60px;
		padding-bottom: 50px;
	}
	#bindAccount{
		margin-top:100px;
	}
}
.margin-force{
    margin:15px 0 !important;
}
/*---------------*/
.placeholder-password>div{
	position:relative !important;
}
.placeholder-password .msg-box{
	position:absolute !important;
	left:625px !important;
}
.password-input{
	margin:20px 0;

}

.filter{
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background: #000;
	background: rgba(0,0,0,0.5);
	filter: Alpha(Opacity=50);
}

.user-list{
	margin: 30px 0 25px 0;
}
.user-list li{
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #f1f7fc;
	box-shadow: 0 0 8px 0 rgba(0,114,198,0.12);
}
.user-list li a{
	display: inline-block;
	width: 470px;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
}
.user-list li a span{
	font-size: 16px;
}
.user-list li a span em{
	color: #808080;
}
.user-list li a i,
.user-list li a span{
	display: inline-block;
	vertical-align: middle;
}
.user-list li a i{
	width: 1px;
	height: 20px;
	margin: 0 10px;
	background: #e6e6e6;
}
.user-list li.active{
	border: 1px solid #e3f0f9;
	box-shadow: 0 0 10px 0 rgba(0,114,198,0.25);
}
.user-list li.active:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: -1px;
	width: 32px;
	height: 32px;
	background: url("../images/active-s.png") no-repeat center;
}

.school-select-table .eui-input-inline {
	width: 142px;
}
.class-select-table .eui-input-inline{
	width: 220px;
}
.eui-input-select ul {
	max-height:180px;
	min-width: 97px;
	margin-top: 4px;
	/*padding: 3px 8px;*/
	overflow-y: auto !important;
}
.header .eui-input-select ul{
	width: 108px;
	max-height: 125px;
}
.eui-input-select ul li:first-child {
	border-top: none;
}
.eui-input-select ul li {
	border-top: 1px solid #e8e8e8;
}
.header .eui-input-select ul li a {
	padding-left: 30px;
}
.eui-input-select ul li a {
	font-size: 12px;
}
.sider-inp {
	width: 49.6%;
	font-size: 12px;
}


.message{
	width: 664px;
	margin: 10px auto 55px;
	font-size: 0;
}
.message-box{
	position: relative;
	width: 320px;
	padding: 25px 0 20px 0;
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #f1f7fc;
	box-shadow: 0 0 8px 0 rgba(0,114,198,0.12);
	cursor: pointer;
	text-align: left;
}
.message-box:nth-child(odd)
{
	margin-left: 0;
}
.message-box p{
	margin: 0 0 15px 35px;
	color: #808080;
	font-size: 16px;
}

.message-box p span{
	color: #333;
	font-size: 16px;
}
.message-box.active{
	border: 1px solid #e3f0f9;
	box-shadow: 0 0 10px 0 rgba(0,114,198,0.25);
}
.message-box.active:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: -1px;
	width: 52px;
	height: 52px;
	background: url("../images/active.png") no-repeat center;
}

.no-verify-inside-size .content{
	min-height: 540px;
	padding: 0 35px 30px;
	margin-top: 15px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.1);
	text-align: center;
}
.no-verify-inside-size .title{
	border-bottom: 1px solid #e6e6e6;
	font-size: 18px;
	font-weight: bold;
	line-height: 72px;
	text-align: center;
}
.no-verify-inside-size .step-nav{
	text-align: center;
	margin-top: 35px;
}
.no-verify-inside-size .step{
	display: inline-block;
}
.no-verify-inside-size .step li{
	position: relative;
	float: left;
	width: 210px;
	height: 30px;
	margin-right: 18px;
	line-height: 30px;
	background: #f6f8f9;
	border-radius: 3px;
	text-align: center;
}
.no-verify-inside-size .step li a{
	color: #acacac;
}
.no-verify-inside-size .step li i{
	position: absolute;
	display: inline-block;
	top: 0;
	width: 0;
	height: 0;
	border: 15px solid;
}
.no-verify-inside-size .step li i.right{
	right: -30px;
	border-color: transparent transparent transparent #f6f8f9;
}
.no-verify-inside-size .step li i.left{
	left: -15px;
	border-color: #f6f8f9 transparent #f6f8f9 transparent;
}
.no-verify-inside-size .step li.active{
	background: #e7f0ff;
}
.no-verify-inside-size .step li.active i.right{
	border-color: transparent transparent transparent #e7f0ff;
}
.no-verify-inside-size .step li.active i.left{
	border-color: #e7f0ff transparent #e7f0ff transparent;
}
.no-verify-inside-size .step li.active a{
	color: #4986f2;
}

.no-verify-inside-size .btn-box{
	text-align: center;
}
.no-verify-inside-size .btn-box .btn{
	width: 320px;
	height: 40px;
	font-size: 16px;
}

.no-verify-inside-size .point{
	display: inline-block;
	margin: 48px 0 55px 0;
}
.no-verify-inside-size .point p{
	color: #666;
}
.no-verify-inside-size .point p a{
	color: #0090fa;
}
.no-verify-inside-size .point p.point-title{
	margin-bottom: 35px;
	font-size: 18px;
	color: #555;
	font-weight: bold;
}

.no-verify-inside-size .btn{
	display: inline-block;
	width: 56px;
	height: 24px;
	line-height: 24px;
	/*border: 1px solid #4986f2;*/
	color: #4986f2;
	text-align: center;
	border-radius: 4px;
}
.no-verify-inside-size .bg-btn{
	 background: #4986f2;
	 color: #fff;
 }
a.mail-img {
	background: url("../images/mail-img.png") no-repeat center;
	background-size: 36px 29px;
	display: inline-block;
	width: 36px;
	height: 29px;
}

.changyan-logo{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 4px;
}
.changyan-logo img{
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	height: 42px;
}
.changyan-logo span{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	margin: 0 0 0 5px;
	font-size: 22px;
	color: #333;
}

.authentication-header{
	height:55px;
	line-height:55px;
	margin:0 55px;
}
.authentication-id{
	text-align: center;
	font-size: 14px;
	color: #6B6F71;
	padding-top: 50px;
}
.authentication-id em{
	color: #3D3E40;
}
.content .form-wrap{
	width: 435px;
	margin: 35px auto 0;
}
.form-item{
	margin-bottom: 32px;
}
.form-item label{
	float: left;
	line-height: 32px;
	color: #6B6F71;
	font-size: 14px;
}
.input-box label em{
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px 0 0;
	color: #FF0000;
	font-size: 20px;
}
.form-right{
	float: left;
}

.form-item .error{
	position: relative;
}
.form-item .error input{
	border-color: #FF5B76;
}
.form-item .toast{
	display: none;
}
.form-item .error .toast{
	display: block;
	position: absolute;
	top: 36px;
	left: 0;
	color: #FF5B76;
	font-size: 14px;
}
.warn{
	margin: 0 0 50px;
	font-size: 14px;
	color: #FF5B76;
	text-align: center;
}
.btn-style{
	display: block;
	width: 350px;
	height: 40px;
	line-height: 40px;
	border: 1px solid;
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
}
.blue-btn{
	background: #0F8BFF;
	border-color: #0F8BFF;
	color: #fff;
}
.yellow-btn{
	background: #FFB540;
	border-color: #FFB540;
	color: #fff;
}
.button.border-btn{
	background: #D5EBFF;
	border-color: #0F8BFF;
	color: #0F8BFF;
}
.button.ncet-border-btn{
	background: #0F8BFF;
	border-color: #0F8BFF;
	color: #FFFFFF;
}
.form-wrap .btn-style{
	margin-left: 82px;
}
.certific-result{
	width: 190px;
	height: 117px;
	margin: 0 auto;
	padding-top: 80px;
}
.certific-result .icon{
	display: inline-block;
	width: 190px;
	height: 117px;
}
.certific-result p{
	margin-top: -20px;
	font-size: 20px;
	color: #333;
	text-align: center;
}
.certific-result.fail .icon{
	background: url("../images/fail-icon.png") no-repeat center;
}
.certific-result.certificing .icon{
	background: url("../images/check-icon.png") no-repeat center;
}
.certific-result.success .icon{
	background: url("../images/success-icon.png") no-repeat center;
}

.msg-wrap{
	margin: 0 0 20px 0px;
	text-align: left;
}
.msg-title{
	color: #6B6F71;
}
.msg{
	color: #3D3E40;
}
.result-wrap{
	width: 250px;
	margin: 60px auto 0;
}
.btn-wrap{
	margin: 30px 0 0 0;
}
.result-wrap .btn-style{
	width: 250px;
	margin-top: 10px;
}
.pop-mask{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,0.6);
}
.pop-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	background: #fff;
}
.pop-close{
	position: absolute;
	top: 16px;
	right: 16px;
	width: 16px;
	height: 16px;
	background: url("../images/close-icon.png") no-repeat center;
	cursor: pointer;
}
.warn-pop{
	width: 224px;
	padding: 40px 26px 21px;
	box-sizing: border-box;
}
.text-box{
	font-size: 14px;
	color: #333;
	text-align: center;
}
.text-box p{
	display: inline-block;
	text-align: left;
	line-height: 24px;
}
.pop-btn{
	text-align: center;
}
.warn-pop .pop-btn{
	margin-top: 15px;
}
.pop-btn .btn-style{
	position: relative;
	display: inline-block;
	width: 85px;
	height: 32px;
	line-height: 32px;
	margin: 0 3px;
	border: 1px solid #0F8BFF;
	background: #0F8BFF;
	color: #fff;
}
.pop-btn .btn-style:hover{
	background: #047CEC;
}
.pop-btn .btn-style.border-btn{
	background: #fff;
	color: #0F8BFF;
}
.pop-btn .btn-style.border-btn:hover{
	background: #D5EBFF;
}
.pop-style{
	width: 384px;
	padding: 52px 45px 34px;
	box-sizing: border-box;
}
.pop-style .pop-btn{
	margin-top: 38px;
}
.pop-style .text-box p{
	line-height: 28px;
}
.msg-none{
	margin-top: 20px;
}
.msg-none p{
	margin-top: 30px;
	font-size: 20px;
	color: #3D3E40;
}
.header .logo{
	line-height: normal;
}
.header-nav li{
	display: inline-block;
	margin: 0 19px;
}
.header-nav{
	margin-left: 65px;
}
.header-nav li a{
	color: #3D3F44;
	font-size: 16px;
}
.login-btn{
	line-height: normal;
	color: #3D3F44;
	font-size: 16px;
}