/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body{color:#333;font-size:12px;font-family:"微软雅黑";background: #fff;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal;font-weight:normal; }
a{color:#000;text-decoration:none;font-family: "微软雅黑";}
a:hover {cursor:pointer;text-decoration:none;}
a{blr:expression(this.onFocus=this.blur())}
*:focus{outline:0;}
*{font-family: "微软雅黑";}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block;}
i{font-style: normal;}
input, textarea, select, button {font:12px "微软雅黑";outline:none;}
input, textarea{background: #FFF;}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
/*pccss reset 结束*/
/*-------------------------------------------------------------------------------------------*/
.login{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.bg_color li{width: 100%;height: 100%;position: absolute;z-index: 1;overflow: hidden;}
.bg_color li img{width: 100%;height: 100%;background-size:100%;}
.login_box{width: 330px;height: 424px;position: absolute;left: 50%;top: 50%;margin-left: -165px;margin-top: -212px;z-index: 2;}
.login_box h2{width:100%;height: 118px;}
.login_box h2 img{width:630px;height: 58px;display: block;margin-left: -120px;}

.login_box .usname{transition: .5s;-webkit-transition: .5s;margin-bottom: 20px;background:url(../images/bg_color.png) repeat ;width: 326px;height: 48px;line-height: 48px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.login_box .usname span{transition: .5s;-webkit-transition: .5s;width: 60px;height: 25px;text-align: center;margin-left: 4px;vertical-align: middle;margin-top: -25px;position: relative;}
.login_box .usname span:after{
	content: '';
	display: inline-block;
	width: 1px;
	height: 25px;
	background: #252525;
	opacity: 0.8;
	position: absolute;
	top: 0;
	right: 0;
}
.login_box .usname span img{transition: .5s;-webkit-transition: .5s}
.login_box .usname input{transition: .5s;-webkit-transition: .5s;width: 250px;height: 25px;background: none;border: none;text-align: center;font-size: 14px;color: #666666;}
.logins{transition: .5s;-webkit-transition: .5s;margin-top: 25px;width: 328px;height: 48px;border: #c84905 1px solid;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.logins input{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; transition: .5s;-webkit-transition: .5s; cursor: pointer; text-align: center;width: 328px;height: 48px;line-height: 48px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;font-size: 16px;color: #ffffff;background: #ea5404;border: #fd9526 1px solid;letter-spacing: 8px;}
.logins input:hover{background: #d34e07;}

.top_logo{position: absolute; left: 30px;top: 20px; background: url(../images/top_logo.png) no-repeat;width: 135px;height: 36px;z-index: 10;}



@media screen and (max-width:374px) {
	.login_box {top:63%;height: auto;}
    .login_box h2 img{transition: 1s;-webkit-transition: 1s; width:250px;height:23px;display: block;margin-left:0;margin-left: auto;margin-right: auto;}
    .login_box h2{height:70px; text-align: center;}
    .login_box .usname{transition: .5s;-webkit-transition: .5s; margin-bottom: 20px;width:250px;height:38px;line-height: 38px;margin-left:auto;margin-right:auto;}
    .login_box .usname span{width:41px;height: 25px;margin-left: 4px;}
    .login_box .usname input {width: 200px;}
    .logins {width: 250px;margin-left:auto;margin-right:auto;height: 38px;}
    .logins input {width: 250px;height:38px;line-height: 38px;}
    .top_logo{
    	transition: .5s;
        -webkit-transition: .5s;
        width: 100px;height:30px;
        background-size:100% 100%;
    }
}
@media screen and (min-width:375px) and (max-width:414px) {
	.login_box {top:63%;height: auto;}
    .login_box h2 img{transition: 1s;-webkit-transition: 1s; width:300px;height:28px;display: block;margin-left:0;margin-left: auto;margin-right: auto;}
    .login_box h2{height:70px; text-align: center;}
    .login_box .usname{transition: .5s;-webkit-transition: .5s; margin-bottom: 20px;width:300px;height:38px;line-height: 38px;margin-left:auto;margin-right:auto;}
    .login_box .usname span{width:41px;height: 25px;margin-left: 4px;}
    .login_box .usname input {width: 250px;}
    .logins {width:300px;margin-left:auto;margin-right:auto;height: 38px;}
    .logins input {width:300px;height:38px;line-height: 38px;}
    .top_logo{
    	transition: .5s;
        -webkit-transition: .5s;
        width: 120px;height:36px;
        background-size:100% 100%;
    }
}