body{
	background: linear-gradient(180deg, #2e3144 0%, #242738 100%); ;
	position: static;
	font-family: "微软雅黑";
}
.loginheader{
	display: flex;
	justify-content: space-between;
	padding:25px 0;
	font-size: 16px;
	color: #fff
}
.loginheader p a{
	padding: 0 10px;
}
.footer{
	color: #b8c0e7;
	padding: 20px 0;
	background-color: transparent;
	text-align: center;
}
div{
	margin-left: 0;
}
.cf,.clearfix {
    *zoom: 1;
}
.cf:before, .cf:after,
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}
.cf:after,
.clearfix:after {
    clear: both;
}
.fl{float: left;}
.fr{
	float: right;
}
.box {
	height: 700px;
	width: 1000px;
	margin-top: 4%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 94px;
}

.text {
	

}

.text h1 {
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	line-height:30px;
	height: 60px;
	text-align: center;
	margin: 0px;
	padding-top: 30px
}
.text p {
	width: 100%;
	height: auto;
	line-height: 1.6;
	color: #8894ac;
	padding: 20px 0;
	font-size: 16px;
}
.login_box .text p{
	text-align: center;
}

.yzm{
	width: 36%;
	margin-bottom: 2%;
	border: 1px solid #ccc;
	color: #555;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	padding-left: 10px;
	margin-right: 20px;
	float: left;
}
.cl img {
	float: left;
}


.d {
	height: 30px;
	width: 75%;
	margin-bottom: 2%;
}
.home {
	line-height: 50px;
	color: #000;
}



.span_k {
    color: #F00;
    word-wrap: break-word;
    height: 28px;
    line-height: 28px;
    display: block;
    padding-left:46px;
    font-size: 13px;
}

.flgin{
	width: 48px;
	margin-right: 10px;
	margin-top: 5px;
	padding: 0;
	cursor: pointer;
}
.flgin i{left: 8px;}

.reg_box_con{
	padding-left:690px;
	margin:60px auto 120px;
	background: url(../images/registerbg.png) no-repeat 40px bottom;
}
.reg_box{
	background-color: #2e3144;
	width: 508px;
	/* height: 725px; */
	border:1px solid #6b7084;
	padding: 0 40px;
	color: #8894ac;
	font-size: 14px;
}
.login_box_con{
	background-image: url(../images/loginbg.png);
}
.login_box h3{
	font-size: 18px;
	color: #fff;
	font-weight:normal;
	padding-bottom:10px;
	margin-top: 28px;
}
.login_box .forgetPwd{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #858da2;
	margin-top: 10px
}
.login_box .login-items{
}	
form{
}
.login-items{
	width:100%;
	height: 52px;
	line-height: 52px;
	border-radius: 6px;
	position: relative;
	background-color: #494e6b;
	padding:0 20px;
}
.login-items input{
	background: #494e6b!important;
	vertical-align: middle;
	border:0 none;
	font-size: 16px;
    height: 52px;
	line-height: 52px;
	width: 100%;
	box-shadow: 0 0  1000px #494e6b!important;
	-webkit-box-shadow: 0 0 0 1000px #494e6b!important inset;
    outline: 0;
    color: #fff
}

.login-items i {
    position: absolute;
    line-height: 48px;
    font-size: 14px;
    color: #ff6f3d;
    display: block;
    top: 0;
    right: -20px;
    font-style: normal;
}
.dl,.zc{
	width: 100%;
	border: 0;
	color: #fff;
	background:linear-gradient(90deg, #FF7131 0%, #FF4101 100%);
	border-radius: 6px;
	height: 56px;
	font-size: 22px;
	line-height: 56px;
	margin-top: 24px;
	display: inline-block;
	text-align: center;
}

.dl:hover{
	background-color: #228BCA;
	cursor:pointer;
}
.zc{
	margin-top: 12px;
	background:linear-gradient(90deg, #7459da 0%, #6242d1 100%);
	color: #fff
}
.zc:hover {
	color: #fff!important
	background:linear-gradient(90deg, #6242d1 0%, #7459da 100%);
}
.t {
	height: 28px;
	width: 100%;
	border-bottom: 1px solid #82899c;
	margin-top: 25px;

}
.t a{
	    color: #8894ac;
}
.quick_login{
	font-size: 16px;
	margin-top: 15px;
	line-height: 50px;
}
.quick_login a,.quick_login span{
	vertical-align: middle;
	margin-right: 10px;
	display:inline-block
}

/* 绑定账号 */
.bind_popup{

}
.bind_popup:after{
	content: "";
	display: block;
	position: fixed;
	top:0;left:0;right:0;bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	text-align: center;
	z-index: 10;
}
.bind_popup_box{
	position: absolute;
	top:50%;
	left:50%;
	width: 460px;
	height: 440px;
	margin-left: -240px;
	margin-top: -175px;
	background-color: #fff;
	z-index: 20;
}
.bind_popup_box h4{
	font-size: 24px;
    color: #393939;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 40px;
    font-weight: normal;
}
.bind_popup_box .login-items{
	width: 360px;
}
.bind_popup_box .login-items input{
	width: 280px
}
.bind_popup_box form{
	width: 360px;
	margin: 0 auto;
}
.bind_popup_box .dl{
	width: 360px;
	margin-top: 26px;
}

/* 注册成功  */
.register_suc{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;bottom:0;left:0;right: 0;
	background: rgba(0,0,0,.5);
	text-align: center;
}
.register_suc:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.register_suc_box{
	display: inline-block;
	vertical-align: middle;
	width: 540px;
	height: 638px;
	background: url(images/register_suc.png) no-repeat;
}
.register_close{
	display: block;
	width: 66px;
	height: 66px;
	margin-left: 457px;
}
.register_suc_txt{
	padding-top: 360px;
	line-height: 1.8;
	font-size: 18px;
	color: #fff;
}
.register_suc_link{
	text-align: center;
	padding-top: 28px;
}
.register_suc_link a{
	display: inline-block;
	width: 143px;
	height: 50px;
	line-height: 44px;
	font-size: 18px;
	margin: 0 12px;	
}
.register_suc_btn1{
	border:2px solid #ffd456;
	border-radius: 70px;
	box-sizing:border-box;
	color: #ffd456;
}
.register_suc_btn2{
	color: #1d87df;
	background: url(images/register_suc_btn.png) no-repeat;
}
.register_suc_link a:hover{
	color: #fff
}
/*复选*/

.check_box{ display:inline-block; position:relative; font-size: 15px;}
.check_box label{ width:16px; height:16px; position:absolute; top:3px; left:0; border:1px solid #cacaca; background:#2e3144; cursor:pointer;}
.check_box label:hover{ border:1px solid #f78642;}
.check_box label:after{ content:''; width:8px; height:4px; position:absolute; top:3px; left:3px; border:1px solid #cacaca; border-top:none; border-right:none; opacity:0.2; transform:rotate(-45deg); /*-webkit-transform:rotate(-45deg);*/}

.check_box label:hover:after{ border:1px solid #f78642; border-top:none; border-right:none;}

.check_box input:checked + label{ border:1px solid #f78642;}

.check_box input:checked + label:after{ opacity:1; border:1px solid #f78642; border-top:none; border-right:none;}

.check_box em{ margin:0 0 0 5px; font-style: normal;}