/*===CSS Reset===*/
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: baseline; outline: 0; margin: 0; padding: 0; border: 0; background: transparent; }
body{ font-family: "MicrosoftYaHei"; background: #f9fafc; position: relative; }
a, a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul, ol, li { list-style: none; }
img{ max-width: 100%; }

html, body{
	height: 100%;
	overflow: hidden;
	position: relative;
}
.wrapper_box{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: transparent;
	background-image: url("/public/img/login/login_bg1-1.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}


/*=====LOGO=====*/
.logo_box{
	width: 180px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 50px;
	z-index: 99;
}
.logo_box .logo_zhyh{
	width: 154px;
	height: 80px;
	overflow: hidden;
	background: rgba(40, 164, 235, 0.1);
	border: 1px solid rgba(48, 207, 255, 0.2);
	border-right: 0px;
	float: left;
}
.logo_box .logo_zhyh a{
	display: block;
	width: 93px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 42px;
	margin-top: 7px;
}
.logo_box .logo_zhyh a img{
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}
.logo_box i{
	display: block;
	width: 26px;
	height: 54px;
	overflow: hidden;
	background: rgba(40, 164, 235, 0.1);
	border: 1px solid rgba(48, 207, 255, 0.2);
	border-left: 0px;
	border-bottom: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 5;
}
.logo_box b{
	display: block;
	width: 0px;
	height: 0px;
	border-top: 0px solid transparent;
	border-bottom: 26px solid transparent;
	border-right: 26px solid rgba(40, 164, 235, 0.1);
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 5;
	-webkit-transform:rotate(-90deg);
	transform: rotate(-90deg);
}
.logo_box b::before{
	content: "";
	display: block;
	width: 1px;
	height: 60px;
	overflow: hidden;
	background: rgba(48, 207, 255, 0.2);
	position: absolute;
	top: -14px;
	left: 15px;
	z-index: 6;
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
}
.form_title{
	width: 100%;
	height: 99px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 38px;
	color: #ffffff;
	line-height: 99px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 10px;
	text-shadow: 2px 2px 6px rgba(2, 11, 27, 0.6);
	background-color: transparent;
	background-image: url("/public/img/login/title_bg.png");
	background-size: 1920px 99px;
	background-repeat: no-repeat;
	background-position: center;
}

/*=====表单=====*/
.form_box{
	width: 610px;
	height: 432px;
	overflow: hidden;
	background-color: transparent;
	background-image: url("/public/img/login/login_bg2-1.png");
	background-size: 610px 432px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 68px 88px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin-top: -240px;
	margin-left: -305px;
}

.form_box .login_form{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}
.form_box .login_form .lf_title{
	width: 100%;
	height: 40px;
	overflow: hidden;
	font-size: 24px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	letter-spacing: 4px;
	margin-bottom: 20px;
}
.form_box .login_form .lf_input{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 7px 0;
	position: relative;
}
.form_box .login_form .lf_input input::-webkit-input-placeholder{ color: #fff; }
.form_box .login_form .lf_input input::-moz-placeholder{ color: #fff; }
.form_box .login_form .lf_input input:-moz-placeholder{ color: #fff; }
.form_box .login_form .lf_input input:-ms-input-placeholder{ color: #fff; }
.form_box .login_form .lf_input i{
	display: block;
	width: 26px;
	height: 26px;
	overflow: hidden;
	background-color: transparent;
	background-size: 26px 26px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 19px;
	left: 20px;
	z-index: 5;
}
.form_box .login_form .lf_input.input_user i{ background-image: url("/public/img/login/login_icon1-1.png"); }
.form_box .login_form .lf_input.input_lock i{ background-image: url("/public/img/login/login_icon2-1.png"); }
.form_box .login_form .lf_input input.txt_control{
	display: block;
	width: 100%;
	height: 50px;
	overflow: hidden;
	background:rgba(7, 99, 155, 0.4);
	border: 3px solid rgba(7, 99, 155, 1);
	font-size: 18px;
	color: #fff;
	line-height: 44px;
	float: left;
	padding: 4px 10px 4px 55px;
}
.form_box .login_form .lf_input.input_note{ padding: 0px 40px; }
.form_box .login_form .lf_input.input_note .selection-box label{
	height: 30px;
	font-size: 16px;
	color: #fff;
	line-height: 28px;
}
.form_box .login_form .lf_input.input_note .selection-box label::before{
	top: 7px;
	background-color: rgba(17, 113, 180, 0.8);
	border: 1px solid #6eeffc;
	border-radius: 0px;
}
.form_box .login_form .lf_input.input_note .selection-box label::after{
	top: 7px;
	color: #6eeffc;
}
.form_box .login_form .lf_input.input_note span{
	display: inline-block;
	height: 30px;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	float: right;
	cursor: pointer;
}
.form_box .login_form .lf_input.input_note span:hover{ text-decoration: underline; }
.form_box .login_form .lf_input.input_btn{
	padding: 0px;
	margin-top: 45px;
}
.form_box .login_form .lf_input.input_btn a{
	display: block;
	width: 100%;
	height: 46px;
	overflow: hidden;
	background: #07639B;
	font-size: 20px;
	color: #fff;
	line-height: 44px;
	text-align: center;
	letter-spacing: 10px;
	cursor: pointer;
}
.form_box .login_form .lf_input.input_error{
	height: 30px;
	padding: 0px 40px;
	margin-top: 5px;
}
.form_box .login_form .lf_input.input_error span{
	display: none;
	width: 100%;
	height: 30px;
	overflow: hidden;
	float: left;
	font-size: 14px;
	color: #fe0000;
	line-height: 30px;
	text-align: center;
	font-weight: 600;
}
.form_box .login_form .lf_zhyh{
	width: 100%;
	height: 30px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	margin-top: 10px;
}

/* 专题 */
.topic_list{
	width: 165px;
    height: 165px;
    margin: 24% auto;
	position: relative;
	left: 0;
    right: 0;
    top:0;
    bottom: 0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform:perspective(2500px) rotateX(-20deg) rotateY(0deg);
	-webkit-transform:perspective(2500px) rotateX(-20deg) rotateY(0deg);
    animation: run 30s linear infinite;
}
.topic_list .topic_bg{
	width: 165px;
	height: 165px;
	font-size: 24px;
	font-weight: bold;
	color: #7DEDFF;
	padding: 48px;
    text-align: center;
	background-color: transparent;
	background-image: url("/public/img/login/zt_bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
/*依次设置图像盒子中每个图像旋转后位置*/
.topic_list .topic_bg:nth-child(1){
    transform: rotateY(0deg) translateZ(600px);
}
.topic_list .topic_bg:nth-child(2){
    transform: rotateY(40deg) translateZ(600px);
}
.topic_list .topic_bg:nth-child(3){
    transform: rotateY(80deg) translateZ(600px);
}
.topic_list .topic_bg:nth-child(4){
	transform:rotateY(120deg) translateZ(600px);
}
.topic_list .topic_bg:nth-child(5){
    transform: rotateY(160deg) translateZ(600px);
}
.topic_list .topic_bg:nth-child(6){
    transform: rotateY(200deg) translateZ(600px);
}
.topic_list .topic_bg:nth-child(7){
    transform: rotateY(240deg) translateZ(600px);
}
.topic_list .topic_bg:nth-child(8){
    transform: rotateY(280deg) translateZ(600px);
}
.topic_list .topic_bg:nth-child(9){
    transform: rotateY(320deg) translateZ(600px);
}


/*采用@keyframes 规则创建run动画。*/
@keyframes run {
    0%{
		transform:perspective(2500px) rotateX(-20deg) rotateY(0deg) scale(1);
    }
    25%{
		transform:perspective(2500px) rotateX(-20deg) rotateY(90deg) scale(1);
    }
    50%{
		transform:perspective(2500px) rotateX(-20deg) rotateY(180deg) scale(1);
    }
    75%{
		transform:perspective(2500px) rotateX(-20deg) rotateY(270deg) scale(1);
    }
    100%{
		transform:perspective(2500px) rotateX(-20deg) rotateY(360deg) scale(1);
    }
}





/* 适配0~1440 */
@media screen and (min-width: 0px) and (max-width: 1440px) {

}