@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
html{color:#000;overflow-y:scroll;overflow:-moz-scrollbars-vertical}
body,button,input,select,textarea{font-size:12px;font-family:arial,'Hiragino Sans GB','Microsoft Yahei','微软雅黑','宋体',\5b8b\4f53,Tahoma,Arial,Helvetica,STHeiti}
h1,h2,h3,h4,h5,h6{font-size:100%}
em{font-style:normal}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none}
a:link{text-decoration:none!important;color:#fff!important;}
a:hover{text-decoration:none!important;color:#fff!important;}
a:active{text-decoration:none!important;color:#fff!important;}
a:visited{text-decoration:none!important;color:#fff!important;}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img{-ms-interpolation-mode:bicubic}
textarea{resize:vertical}
.left{float:left}
.right{float:right}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.error{color:#F00;font-size:12px}
label,button{cursor:pointer}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.wordwrap{word-break:break-all;word-wrap:break-word}
pre.wordwrap{white-space:pre-wrap}
body{text-align:center}
body,form{position:relative}
td{text-align:left}
img{border:0}
i{font-style:normal}
.ft30{font-size:30px;}
.ft20{font-size:20px;}
.ft16{font-size:15px;}
.ft40{font-size:40px;}
.red{color:#e33c1b}
article{
	width:100%;
}
.top{
	background:#beceff;
}
.bottom{
	background:#a0add6;
	height:82px;
}
.wrap{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.logo{
	width:95px;
	height:35px;
	padding-top:30px;
	padding-bottom:180px;
}
.apply{
	background: #fff;
    width: 350px;
    height: 517px;
    margin-bottom: -40px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 21px 35px;
    position: relative;
    top: -50px;
}
.shadow{
	-moz-box-shadow:10px 3px 19px #a0add6;
	-webkit-box-shadow:10px 2px 20px #a0add6;
	box-shadow:4px 2px 19px #a0add6;
}
section{
	position:relative;
	text-align: left;
}
article:first-child .right img,article:nth-child(3) .right img{
	position: absolute;
	left: 495px;

}
.top input{
	width: 100%;
	height: 50px;
	padding-left: 10px;
	box-sizing: border-box;
	border: none;

	background: #f8f8f8;
	font-size: 16px;
	margin-bottom:10px;
}
.top a,.login_moadl a{
	display: inline-block;
	width: 100%;
	height: 50px;
	background: #e33c1b;
	color: #fff;
	line-height: 50px;
	border-radius: 40px;
	margin-top: 30px;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
}
article:nth-child(2) img{
	margin-top:100px;
	margin-bottom:73px;
}
.text{
	margin-top: 202px;
	text-align:left;
}
.text p{
	margin-bottom:30px;
}
article:nth-child(2) i,article:nth-child(3) i,article:nth-child(4) i{
	display: inline-block;
	width: 150px;
	height: 57px;
	border: 1px solid #ccc;
	line-height: 57px;
	font-style: normal;
	font-size: 30px;
	color: #7d7d7d;
	text-align: center;
}
.order{
	display: inline-block;
	width: 140px;
	height: 50px;
	background: #f19d8d;
	color: #fff;
	line-height: 50px;
	border-radius: 40px;
	text-align:center;
	font-size: 20px;
	text-decoration: none;
}
article:nth-child(3),article:nth-child(5){
	background-color:#f2f2f2;
}
article:nth-child(3) .order{
	background: #f9c979;
}
article:nth-child(3) .right img{
	margin-top:95px;
}
article:nth-child(3) .text{
	margin-bottom: 151px;
}
article:nth-child(4) .order{
	background: #b7decf;
}
article:nth-child(4) img{
	margin-top: 83px;
	margin-bottom: 55px;
}
article:nth-child(5) .left{
	text-align:left;
	margin-top: 48px;
	margin-bottom: 36px;
}
article:nth-child(5) .left P:not(first-child){
	margin-bottom:15px;
}
.tow_code{
	width:500px;
	height:600px;
	background:#fff;
	margin:0 auto;
	box-sizing:border-box;
	padding:76px;

}
.tow_code img{
	width:100%;
	height:80%;
}
/* .close{
	width:16px;
	height:22px;
	display:inline-block;
	position: absolute;
	top: -59px;
	right: -47px;
	cursor: pointer;
} */
.mask{
	width:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
}
.error{
	position: absolute;
	left: 10%;
	top: 81px;
	border: 1px solid #ffb4a8;
	height: 24px;
	line-height: 14px;
	padding: 5px;
	background-color: #fef2f2;
	color: #6C6C6C;
	box-sizing: border-box;
	width: 80%;
	text-align: left;
}
.getCode{
	font-style: normal;
	font-size: 16px;
	color: red;
	text-align: right;
	cursor: pointer;
}
.getCode:hover{
	color: #eb6663;
}
.apply a:link,.text-decoration:link{
	text-decoration: none;
	color:#fff;
}
.apply a:visited,.text-decoration:visited{
	text-decoration: none;
}
.apply a:hover{
	text-decoration: none;
	color:#fff;
	background: #ec5738;
}
.text-decoration:hover{
	text-decoration: none;
}
.apply a:active,.text-decoration:active{
	text-decoration: none;
}
/* .modal-open .modal {
    overflow-x: hidden;
    overflow-y: no-content!important;
} */
.modal-open{
	padding-right:0!important;
}
.nav-right{
	position: absolute;
    right: 0;
	top: -14px;
	font-size:18px;
}
.nav-right li {
	float: left;
}
.nav-right li a{
	
	background: none!important;
}
.nav-right li a:hover{
	text-decoration: none;
	color:#fff;
}
.login_moadl .form-group:first-child span{
	font-size: 18px;
	cursor: pointer;
}
.active{
	color:#e33c1b;
}
.login_moadl input{
	border: none;
	background: #f8f8f8;
	width:360px;
	height: 50px;
	padding: 10px;
}
.login_moadl a{
	width:280px;
}
.login_moadl a:hover{
	color:#fff;
	background: #ec5738;
}
.login_moadl i{
	cursor: pointer;
}
body{
	padding-right:0!important;
}
#exampleModal .error,#registerModal .error{
	left: 11.5%;
	top: 42px;
	width: 77%;
}
[v-cloak] {display: none;}