@charset "utf-8";
/* Version: 2018-12-03
   For:login
   Author:sgpy last-modified:2020-04-16
*/
html{height:100%;width:100%;}
body,textarea{font:100 12px/1.5 'Microsoft YaHei',\5b8b\4f53,Arial,sans-serif;}
body,form,menu,div,fieldset,blockquote,p,pre,ul,li,ol,dl,dd,h1,h2,h3,h4,h5,h6,input,pre,button,th,td,legend{padding:0;margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
legend{color:#000;}
button,input,select,textarea{font-size:100%;vertical-align:middle;}
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand {display:none;}
ul,li{list-style:none;}
fieldset,img{border:none;}
input[type=radio],input[type=checkbox],button{cursor:pointer;}
input:focus{outline:none;}
table{border-collapse:collapse;border-spacing:0;}
body.login-bg{width:100%;height:100%;overflow-x:hidden;background:#FFF url(../img/login_bodybg.jpg) no-repeat;background-size:cover;background-position:100% 0;}
.clearfix:after{content:".";visibility:hidden;display:block;clear:both;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
a{color:#FFF!important;text-decoration:none;}
a:hover{color:#BFDFFF!important;text-decoration:none;}
@font-face {
    font-family: pmzd;
    src: url('../font/pmzd.ttf')
}
/* adorn */
.field-validation-error{background:url(../img/icon.png) no-repeat;}
/* share style */
.mt10{margin-top:10px;}.ml10{margin-left:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}
.mlr5{margin:0 5px;}.mlr10{margin:0 10px;}
.mt20{margin-top:20px;}.ml20{margin-left:20px;}.mb20{margin-bottom:20px;}.ml100{margin-left:100px;}
.con_c{margin-right:auto;margin-left:auto;}
.pt10{padding-top:10px;}.pd5{padding:5px;}.ptb5{padding:5px 0;}.pd10{padding:10px;}.ptb10{padding:10px 0;}
.pl30{padding-left:30px;}.pl73{padding-left:73px;}.pl100{padding-left:100px;}.pl120{padding-left:120px;}.pl130{padding-left:130px;}
.w73{width:73px;}
.DFl{float:left;}.DFr{float:right;}
.p_rel{position:relative;}.p_abs{position:absolute;}
.abs_rt{top:10px;right:10px;}
.t_l{text-align:left;}.t_r{text-align:right;}.t_c{text-align:center;}
.dib{display:inline-block;vertical-align:middle;}
.vm{vertical-align:middle;}
.fb{font-weight:bold;}.f14{font-size:14px;}.f16{font-size:16px;}
.show{display:block;}.hid{overflow:hidden;}
.dn{display:none;}
.c390{color:#390;}.cf60{color:#F60;}
.c_hui{color:#999;}.c_blue{color:#39c;}
.c_red,.red{color:red;}.c_zi{color:#C00;}
.lab_tit{width:90px;text-align:right;}
.inp_t{width:100%;padding-left:45px;height:44px;font:400 16px/22px "Microsoft Yahei";border:none;border-bottom:1px solid #D9D9D9;outline:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
/*.inp_t:hover{border-color:#007cff;box-shadow:0 1px 1px #ddd;}*/
/*.inp_t:focus{border-color:#BBB;box-shadow:0 2px 1px rgba(0,0,0,0.11) inset;}*/
.short_inp{width:104px;}
.btn_submit,.btn_reset{cursor:pointer;width:100%;height:46px;font:400 20px/1.8 "Microsoft Yahei";text-align:center;border:none;color:#FFF;background:#327AE6;}
.btn_submit:hover{background:#387EE8;}
.btn_reset{color:#666;border:1px solid #D8D8D8;background:#FFF;}.btn_reset:hover{border-color:#666;}
body::-webkit-scrollbar,.scroll_box::-webkit-scrollbar,.main_cont::-webkit-scrollbar,#AutoIframe::-webkit-scrollbar,.side .menu::-webkit-scrollbar{width:8px;}
body::-webkit-scrollbar-track,.scroll_box::-webkit-scrollbar-track,.main_cont::-webkit-scrollbar-track,#AutoIframe::-webkit-scrollbar-track,.side .menu::-webkit-scrollbar-track{border-radius:5px;background:rgba(153,204,255,.15);}
body::-webkit-scrollbar-thumb,.scroll_box::-webkit-scrollbar-thumb,.main_cont::-webkit-scrollbar-thumb,#AutoIframe::-webkit-scrollbar-thumb,.side .menu::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(191,223,255,.2);}
body::-webkit-scrollbar,.scroll_box::-webkit-scrollbar,.main_cont::-webkit-scrollbar,#AutoIframe::-webkit-scrollbar{height:8px;}
/* main layout */
.ani_bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;overflow:hidden;}
.wrap_login{/*position:absolute;zoom:1;top:40%;left:50%;*/position:relative;width:1300px;margin:0 auto;padding:5rem 0 0;}
.wrap_login h1{display:inline-block;margin-left:12px;font:700 36px/1.4 "pmzd";color:#FFF/*#00458C*/;}
.wrap_login .login_logo{position:relative;z-index:4;margin-top:-60px;height:60px;text-align:center;}
.wrap_login .login_logo img{vertical-align:top;}
.wrap_login .btn_area{line-height:2;}
.login_form{position:relative;/*right:0;top:320px;*/float:right;width:24rem;margin-top:3.4rem;height:25rem;background:#FFF;-moz-box-shadow:0 5px 12px rgba(0,0,0,.1);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.1);box-shadow:0 5px 12px rgba(0,0,0,.1);}
.login_form h2{height:48px;font:400 20px/2.6 "Microsoft YaHei";text-align:center;color:#333;/*-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background-image:linear-gradient(to right, #387EE8, #26C9FF);*/}
.login_list{height:auto;margin:0 1.25rem;}
.triangle{position: absolute;
	right: 16px;
	top: 12px;
	width: 12px;
	height: 12px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: '';}
.login_list .lab_tit{float:left;display:none;margin:4px 0 0 -96px;font-size:14px;font-weight:400;color:#999;}
.login_list .pl73{padding-left:73px;}
.animate_area{position:absolute;left:0;top:9rem;bottom:80px;right:400px;}
.animate_area .pic{max-width:62%;}
.main_txt{position:absolute;left:440px;top:380px;webkit-animation:spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	-o-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;}
.t_info{/*position:absolute;bottom:5rem;left:0;*/width:100%;clear:both;padding:5rem 0 2rem;font-size:14px;text-align:center;color:#FFF;letter-spacing:1px}
.t_info img{vertical-align:middle;}
.validation-summary-errors{padding:15px;text-indent:60px;color:#F60;}
.field-validation-error{display:inline-block;*display:inline;zoom:1;padding-left:20px;color:red;background-position:-118px -228px;}
.v_m{vertical-align:middle;}
.appewm{/*position:absolute;top:70px;right:-140px;*/margin:4px auto;font-size:14px;text-align:center;line-height:1.45;width:140px;/*background:rgba(255,255,255,.9);-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;-moz-box-shadow:0 5px 8px rgba(0,0,0,.4);-webkit-box-shadow:0 5px 8px rgba(0,0,0,.4);box-shadow:0 5px 8px rgba(0,0,0,.4);*/}
.appewm .hd{padding:6px 0 0;}
.appewm .hd h2{display:inline-block;*display:inline;zoom:1;font-size:14px;font-weight:400;line-height:1.45;color:#333;}
.appewm .ewm_wrap{padding:10px;width:120px;}
.appewm img{width:100px;}

@-webkit-keyframes spin{
	0%{opacity: 0.9;}
	50%{opacity: 1;margin-top:-20px;}
	100%{opacity: 0.8;margin-top:-10px;}
}
@-moz-keyframes spin{
	0%{opacity: 0.9;}
	50%{opacity: 1;margin-top:-20px;}
	100%{opacity: 0.8;margin-top:-10px;}
}
@-o-keyframes spin{
	0%{opacity: 0.9;}
	50%{opacity: 1;margin-top:-20px;}
	100%{opacity: 0.8;margin-top:-10px;}
}
@keyframes spin{
	0%{opacity: 0.9;}
	50%{opacity: 1;margin-top:-20px;}
	100%{opacity: 0.8;margin-top:-10px;}
}
/* star */
.star0,.star1,.star2,.star3,.star4,.square1,.square2,.square3{position:absolute;left:50%;top:50%;width:30px;height:30px;}
.star0{
	margin:-329px 0 0 -437px;
	-webkit-animation: star 16s linear infinite;
	-moz-animation: star 16s linear infinite;
	-o-animation: star 16s linear infinite;
	animation: star 16s linear infinite;	
}
.star1{
	margin: -216px 0 0 411px;
	-webkit-animation: star 10s linear infinite;
	-moz-animation: star 10s linear infinite;
	-o-animation: star 10s linear infinite;
	animation: star 10s linear infinite;	
}
.star2{
	margin: -86px 0 0 -358px;
	-webkit-animation: star 10s linear infinite;
	-moz-animation: star 10s linear infinite;
	-o-animation: star 10s linear infinite;
	animation: star 10s linear infinite;	
}
.star3{
	margin: -136px 0 0 -251px;
	-webkit-animation: star 5s linear infinite;
	-moz-animation: star 5s linear infinite;
	-o-animation: star 5s linear infinite;
	animation: star 5s linear infinite;	
}
.star4{
	margin: -22px 0 0 157px;
	-webkit-animation: star 3s linear infinite;
	-moz-animation: star 3s linear infinite;
	-o-animation: star 3s linear infinite;
	animation: star 3s linear infinite;	
}
@-webkit-keyframes star{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@-moz-keyframes star{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@-o-keyframes star{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@keyframes star{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
.meteor0,.meteor1,.meteor2,.meteor3{position:absolute;left:50%;top:50%;}
.meteor0{width:40px;height:26px;margin:-100px 0 0 -100px; 
	-webkit-animation: meteor0 4s ease infinite;
	-moz-animation: meteor0 4s ease infinite;
	-o-animation: meteor0 4s ease infinite;
	animation: meteor0 4s ease infinite;
	opacity: 0;	
}
@-webkit-keyframes meteor0{
	0%{opacity: 0;margin:-450px 0 0 600px;}
	25%{opacity: 1;}
	50%{opacity: 0;margin: -100px 0 0 -100px; }
	100%{}
}
@-moz-keyframes meteor0{
	0%{opacity: 0;margin:-450px 0 0 600px;}
	25%{opacity: 1;}
	50%{opacity: 0;margin: -100px 0 0 -100px; }
	100%{}
}
@-o-keyframes meteor0{
	0%{opacity: 0;margin:-450px 0 0 600px;}
	25%{opacity: 1;}
	50%{opacity: 0;margin: -100px 0 0 -100px; }
	100%{}
}
@keyframes meteor0{
	0%{opacity: 0;margin:-450px 0 0 600px;}
	25%{opacity: 1;}
	50%{opacity: 0;margin: -100px 0 0 -100px; }
	100%{}
}
.meteor1{width:60px;height:40px;margin:400px 0 0 -400px; 
	-webkit-animation: meteor1 10s ease infinite;
	-moz-animation: meteor1 10s ease infinite;
	-o-animation: meteor1 10s ease infinite;
	animation: meteor1 10s ease infinite;
	opacity: 0;	
}
@-webkit-keyframes meteor1{
	0%{}
	80%{opacity: 0;margin:-400px 0 0 700px;}
	90%{opacity: 1;}
	100%{opacity: 0;margin: 600px 0 0 -500px; }
}
@-moz-keyframes meteor1{
	0%{}
	80%{opacity: 0;margin:-400px 0 0 700px;}
	90%{opacity: 1;}
	100%{opacity: 0;margin: 600px 0 0 -500px; }
}
@-o-keyframes meteor1{
	0%{}
	80%{opacity: 0;margin:-400px 0 0 700px;}
	90%{opacity: 1;}
	100%{opacity: 0;margin: 600px 0 0 -500px; }
}
@keyframes meteor1{
	0%{}
	80%{opacity: 0;margin:-400px 0 0 700px;}
	90%{opacity: 1;}
	100%{opacity: 0;margin: 600px 0 0 -500px; }
}
.meteor2{
	width: 90px;
	height: 60px;
	margin: -500px 0 0 300px; 
	-webkit-animation: meteor2 6s ease infinite;
	-moz-animation: meteor2 6s ease infinite;
	-o-animation: meteor2 6s ease infinite;
	animation: meteor2 6s ease infinite;
	opacity: 0;	
}
@-webkit-keyframes meteor2{
	0%{}
	25%{opacity: 0;margin:-500px 0 0 300px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 100px 0 0 -1000px; }
	100%{}
}
@-moz-keyframes meteor2{
	0%{}
	25%{opacity: 0;margin:-500px 0 0 300px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 100px 0 0 -1000px; }
	100%{}
}
@-o-keyframes meteor2{
	0%{}
	25%{opacity: 0;margin:-500px 0 0 300px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 100px 0 0 -1000px; }
	100%{}
}
@keyframes meteor2{
	0%{}
	25%{opacity: 0;margin:-500px 0 0 300px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 100px 0 0 -1000px; }
	100%{}
}
.meteor3{
	width: 90px;
	height: 60px;
	margin: 100px 0 0 1000px; 
	-webkit-animation: meteor3 16s ease infinite;
	-moz-animation: meteor3 16s ease infinite;
	-o-animation: meteor3 16s ease infinite;
	animation: meteor3 16s ease infinite;
	opacity: 0;	
}
@-webkit-keyframes meteor3{
	0%{}
	25%{opacity: 0;margin:100px 0 0 1000px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 600px 0 0 100px; }
	100%{}
}
@-moz-keyframes meteor3{
	0%{}
	25%{opacity: 0;margin:100px 0 0 1000px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 600px 0 0 100px; }
	100%{}
}
@-o-keyframes meteor3{
	0%{}
	25%{opacity: 0;margin:100px 0 0 1000px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 600px 0 0 100px; }
	100%{}
}
@keyframes meteor3{
	0%{}
	25%{opacity: 0;margin:100px 0 0 1000px;}
	50%{opacity: 1;}
	75%{opacity: 0;margin: 600px 0 0 100px; }
	100%{}
}
/* square */
.square1{left:312px;top:410px;width:36px;height:36px;
	-webkit-animation: spin 6s linear infinite;
	-moz-animation: spin 6s linear infinite;
	-o-animation: spin 6s linear infinite;animation: spin 6s linear infinite;}
.square2{left:1368px;top:160px;width:auto;height:auto;
	/*-webkit-animation: spin2 8s linear infinite;
	-moz-animation: spin2 8s linear infinite;
	-o-animation: spin2 8s linear infinite;
	animation: spin2 8s linear infinite;}
	.square2 img,.square3 img{width:100%;*/}
.square3{left:1656px;top:275px;width:27px;height:27px;
	/*-webkit-animation: spin2 5s linear infinite;
	-moz-animation: spin2 5s linear infinite;
	-o-animation: spin2 5s linear infinite;
	animation: spin2 5s linear infinite;*/}

@-webkit-keyframes spin2{
	0%{opacity: 0.7;}
	50%{opacity: 1;margin-top:-25px;transform:scale(1.15);}
	100%{opacity: 0.5;}
}
@-moz-keyframes spin2{
	0%{opacity: 0.7;}
	50%{opacity: 1;margin-top:-25px;transform:scale(1.15);}
	100%{opacity: 0.5;}
}
@-o-keyframes spin2{
	0%{opacity: 0.7;}
	50%{opacity: 1;margin-top:-25px;transform:scale(1.15);}
	100%{opacity: 0.5;}
}
@keyframes spin2{
	0%{opacity: 0.7;}
	50%{opacity: 1;margin-top:-25px;transform:scale(1.15);}
	100%{opacity: 0.5;}
}
/* login_form */
.login_list_con{position:relative;zoom:1;height:46px;margin-top:14px;}
.login_list li .icon {position:absolute;left:12px;top:11px;z-index:999;}
.captcha .inp_t{width:200px;}
.user_name,.user_paw,.user_type{display:block;width:29px;height:29px;background:url(../img/login_sprite2.png) no-repeat;}
.user_name{background-position:2px 0;}
.user_paw{background-position:2px -58px;}
.user_type{background-position:2px -127px;}
#userType{width:390px}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset !important;}
@media (max-width:1440px){
	html{height:878px;}
	.wrap_login{width:1100px;}
	.square1{left:200px;top:200px}
	.square2{left:1080px;top:78px;}.square3{left:auto;right:50px;}
	.main_txt{left:355px;top:300px;width:120px;}
	.login_form{width:20rem;height:26rem;margin-top:2.8rem;}
	.wrap_login .login_logo img{height:45px;}
	.wrap_login h1{font-size:28px;line-height:1.8;}
	.login_list_con{margin-top:10px;}
	.t_info{padding:2rem 0 0;}
	.animate_area .pic{max-width:58%;}
	.wrap_login .login_logo{margin-top:-40px;}
	.captcha .inp_t{width:160px;}.appewm .hd{padding-top:5px;}
	.login_form h2{height:45px;line-height:45px;}
	.appewm .ewm_wrap{padding:6px;}
}
@media screen and (min-width:1440px) and (max-width:1680px){
	.wrap_login{width:1200px;padding-top:7rem;}
	.main_txt{left:350px;top:380px;width:120px;}
	.login_form{width:22rem;height:28rem;}.square3{left:auto;right:150px;}
	.t_info{padding:3rem 0 0;}
	.animate_area .pic{max-width:60%;}
	.wrap_login .login_logo{margin-top:-50px;}
}
@media screen and (min-width:1710px) and (max-width:1920px){
	.wrap_login{padding-top:11rem;}
	.login_form{height:30rem;}
	.square2{left:1290px;}
	.animate_area{top:14rem;}
	.t_info{padding-top:6rem;}
	.appewm{margin:8px auto;}
	.login_list_con{margin-top:22px;}
}
@media screen and (min-width:1920px){
	.wrap_login{padding-top:11rem;}
	.login_form{height:30rem;}
	.square2{left:1290px;}
	.animate_area{top:14rem;}
	.t_info{padding-top:6rem;}
}