@charset "utf-8";


.container .logo{display:block;position:absolute;left:64px;top:45px;-webkit-user-select:none;z-index:2;}
.container .logo img{height:50px;}
.container .left-text-container{position:absolute;left: 16.6%;top:36%;z-index: 2;}
.container .left-text-container h2{font-size:38px;color:#1890FF;font-weight:bold;line-height:40px;margin-bottom:30px;}
.container .left-text-container p{color:#fff;font-size:18px;line-height:35px;margin:14px 0 0;}
.container .left-text-container p i{font-size:32px;margin-right:15px;}
.container .left-text-container p:hover{color:#1890FF;}
.container .left-bottom-container{position:absolute;bottom:24px;left:64px;z-index:2;}
.container .left-bottom-container p{line-height:18px;color:rgba(255,255,255,255.255);font-size:15px;margin:0 0 4px;}
.container .left-bottom-container .links a{display:inline-block;margin-right:8px;font-size:15px;color:rgba(255,255,255,255.255);line-height:18px;transition: 0.3s;}
.container .left-bottom-container .links a:hover{color:#1890FF;}

.container .right-container{z-index:2;right:16.667%;position:absolute;background:#fff;border-radius:32px;box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08);top:50%;transform: translateY(-50%);padding:32px 48px 0 48px;width:92%;max-width:488px;margin:0 auto;}

.login-title{font-size:36px;font-weight:bold;margin-bottom:30px;}
.right-container form{padding:20px 0;}


.form-group{position:relative;margin-bottom:30px;}
.form-group label{position:absolute;left:15px;top:15px;transition:all 0.5s ease;padding:0 10px;height:20px;line-height:20px;font-size:16px;color:#B2BAC2;border-radius:0px;overflow:hidden;}
.form-group .input{border:1px solid #e8e8e8;border-radius:4px;padding:0 20px;height:50px;line-height:50px;outline:none;width:100%;-webkit-box-shadow:0 0 0px 1000px #fff inset;}
.form-group .input:hover{border-color:#1890FF;}
.form-group .input:focus~label,.form-group label:hover{transform:translateY(-27px);color:#1890FF;background:#fff;}
.form-group .input.active~label,.form-group .input:valid~label{color:#B2BAC2;transform:translateY(-27px);background:#fff;}
.form-group label:hover,.form-group .input:focus~label{color:#1890FF;}
.form-group .button{border:1px solid #1890FF;background:#1890FF;color:#fff;width:100%;padding:10px 0;font-size:15px;border-radius:4px;}

.form-group a,.form-group img{position:absolute;top:50%;right:15px;background:#fff;transform:translateY(-50%);display:block;line-height:40px;cursor:pointer;}
.form-group .send{position:absolute;top:50%;right:5px;background:#fff;transform:translateY(-50%);display:block;cursor:pointer;}
.form-text{color:#8c8889;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}

.form-text a{color:#1890FF;position:relative;transition:all 0.5s ease;display:inline-block;line-height:30px;}
.form-text a:hover{color:#1890FF;}
.form-text a:after{width:0;height:1px;content:'';transition:0.3s;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#1890FF;}
.form-text a:hover:after{width:100%;}

.other{border-top:1px solid #f0f0f0;padding-top:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.other-left{color:#8c8889;}
.other-right a{display:inline-block;width:50px;height:50px;line-height:40px;margin-left:10px;background:#fff;border:1px solid #f3f3f3;border-radius:50%;text-align:center;}
.other-right a i{font-size:28px;}
.other-right a i.red{color:#1890ff;}
.other-right a i.green{color:#19BE6B;}
.other-right a i.yellow{color:#ff8037;}
.other-right a:hover{border-color:#eaeaea;}






















/*
[name]自行添加代码[/name]
*/

html {
    height: 100%;
    background: url(../style/t2/background.png) repeat-x fixed center top #A1CDFF;
}

body {
    min-height: 100%;
    background: url(../style/t2/mountain.png) repeat-x fixed center bottom transparent;
}

#qing_nv li a{ color:#fff !important;}
#qmenu{ color:#fff !important;}
.qing_lg_after h4{ background:none}
#ft,#ft a,#ft span,#ft p,#ft em,#ft .pipe{ color:#eee;}

.animate-layer:before{
	display:none;
}

.animate-layer:after{
	display:none;
}

.a-cloud{
	position:absolute;
	background-image:url(../style/t2/cloud.png);
	background-repeat:no-repeat;
	-webkit-animation:flutter 10s linear infinite backwards;
	-moz-animation:flutter 10s linear infinite backwards;
	-ms-animation:flutter 10s linear infinite backwards;
}

.a-cloud-01{
	top:7%;
	left:6%;
	width:229px;
	height:57px;
	background-position:0 0;
	-webkit-animation-duration:108s;
	-webkit-animation-delay:-84.6s;
	-moz-animation-duration:108s;
	-moz-animation-delay:-84.6s;
	-ms-animation-duration:108s;
	-ms-animation-delay:-84.6s;
}

.a-cloud-02{
	top:18%;
	left:88%;
	width:116px;
	height:32px;
	background-position:0 -57px;
	-webkit-animation-duration:79.2s;
	-webkit-animation-delay:-7.74s;
	-moz-animation-duration:79.2s;
	-moz-animation-delay:-7.74s;
	-ms-animation-duration:79.2s;
	-ms-animation-delay:-7.74s;
}

.a-cloud-03{
	top:32%;
	left:1%;
	width:120px;
	height:38px;
	background-position:0 -89px;
	-webkit-animation-duration:90s;
	-webkit-animation-delay:-73.8s;
	-moz-animation-duration:90s;
	-moz-animation-delay:-73.8s;
	-ms-animation-duration:90s;
	-ms-animation-delay:-73.8s;
}

.a-cloud-04{
	top:45%;
	left:92%;
	width:157px;
	height:46px;
	background-position:0 -127px;
	-webkit-animation-duration:64.8s;
	-webkit-animation-delay:-4.14s;
	-moz-animation-duration:64.8s;
	-moz-animation-delay:-4.14s;
	-ms-animation-duration:64.8s;
	-ms-animation-delay:-4.14s;
}

.a-cloud-05{
	top:56%;
	left:3%;
	width:230px;
	height:48px;
	background-position:0 -173px;
	-webkit-animation-duration:86.4s;
	-webkit-animation-delay:-68.4s;
	-moz-animation-duration:86.4s;
	-moz-animation-delay:-68.4s;
	-ms-animation-duration:86.4s;
	-ms-animation-delay:-68.4s;
}

.a-cloud-06{
	top:70%;
	left:80%;
	width:148px;
	height:47px;
	background-position:0 -221px;
	-webkit-animation-duration:97.2s;
	-webkit-animation-delay:-5.4s;
	-moz-animation-duration:97.2s;
	-moz-animation-delay:-5.4s;
	-ms-animation-duration:97.2s;
	-ms-animation-delay:-5.4s;
}

.a-balloon{
	position:absolute;
	background-image:url(../style/t2/balloon.png);
	background-repeat:no-repeat;
	-webkit-animation:flutter 10s linear infinite,shake 20s ease infinite;
	-webkit-animation-fill-mode:backwards;
	-moz-animation:flutter 10s linear infinite,shake 20s ease infinite;
	-moz-animation-fill-mode:backwards;
	-ms-animation:flutter 10s linear infinite,shake 20s ease infinite;
	-ms-animation-fill-mode:backwards;
}

.a-balloon-01{
	top:12%;
	left:20%;
	width:57px;
	height:77px;
	background-position:0 -224px;
	-webkit-animation-duration:120s,20s;
	-webkit-animation-delay:-78s;
	-moz-animation-duration:120s,20s;
	-moz-animation-delay:-78s;
	-ms-animation-duration:120s,20s;
	-ms-animation-delay:-78s;
}

.a-balloon-02{
	top:40%;
	left:80%;
	width:167px;
	height:224px;
	background-position:0 0;
	-webkit-animation-duration:80s,30s;
	-moz-animation-duration:80s,30s;
	-ms-animation-duration:80s,30s;
}

@-webkit-keyframes flutter{
	0%{
		left:100%;
	}

	100%{
		left:-20%;
	}

}

@-moz-keyframes flutter{
	0%{
		left:100%;
	}

	100%{
		left:-20%;
	}

}

@-ms-keyframes flutter{
	0%{
		left:100%;
	}

	100%{
		left:-20%;
	}

}

@-webkit-keyframes shake{
	0{
		-webkit-transform:translate(0, 0);
	}

	50%{
		-webkit-transform:translate(0, -50%);
	}

	100%{
		-webkit-transform:translate(0, 0);
	}

}

@-moz-keyframes shake{
	0{
		-moz-transform:translate(0, 0);
	}

	50%{
		-moz-transform:translate(0, -50%);
	}

	100%{
		-moz-transform:translate(0, 0);
	}

}

@-ms-keyframes shake{
	0{
		-ms-transform:translate(0, 0);
	}

	50%{
		-ms-transform:translate(0, -50%);
	}

	100%{
		-ms-transform:translate(0, 0);
	}

}