@charset "utf-8";
/* CSS Document */
body{ margin:0px 0px; padding:0px 0px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#555; text-align:center; background:#f6f6f6; line-height:26px; margin-left:auto; margin-right:auto; width:100%; height:100%; position:absolute;}
a{ color:#555; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium;-webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#df581f;}
a img{ border:0 none;}
a {blr:expression(this.onFocus=this.blur());}
a { outline: none;}
a:focus { outline: none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}
ul,li,dl,dd,dt{ padding:0px; margin:0px; list-style:none;}
input,textarea{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;outline:none;resize:none;}
em,i{ font-style:normal;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.con{ padding:0 30px; text-align:left;}
.container{ min-width:1000px; width:1000px; margin:0 auto; padding:0; text-align:left;}

/*login*/
.login_top{ width:100%; height:60px; line-height:60px; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,0.05);}
.login_top img{ width:auto; height:40px; padding-top:10px; float:left;}
.login_top em{ font-size:18px; font-weight:500; color:#333; padding-left:20px; border-left:1px solid #e6e6e6; margin-left:20px;}
.login_top .r{ float:right; color:#999;}
.login_top .r>a{ margin:0 5px; position:relative;}
.login_top .r>i{ color:#555; margin-left:5px; display:inline-block;}
.login_top .r>i>span{ color:#df581f; font-weight:bold;}
.login_top .r>a>img{ height:auto; position:absolute; top:6px; left:-38px; display:none;}
.login_top .r>a:nth-child(2):hover>img{ display:block;}
.login_top .r>a:nth-child(3):hover>img{ display:block; left:-30px;}

.login{ width:100%; margin-top:90px;}
.login .login_con{ width:100%; height:500px; background:#fff; box-shadow:0 0 20px 0 rgba(12,1,4,0.05); border-radius:4px; overflow:hidden;}
.login .login_con>.img{ float:left; width:60%;}
.login .login_con>.login_form{ float:right; width:40%;}
.login .login_form i{ width:92%; margin:0 auto; background:rgba(223,88,31,0.1); display:block; text-align:left; text-indent:20px; color:#333; height:42px; line-height:42px; margin-top:15px; border-radius:5px;}
.login .login_form em{ height:80px; line-height:80px; font-size:18px; font-weight:bold; text-align:center; display:block; border-bottom:1px solid #f0f0f0;}
.login .login_form form{ width:300px; margin:0 auto; padding:45px;}
.login .login_form input{ display:block; width:100%; height:46px; box-shadow:0 1px 2px 0 rgba(0,0,0,0.05); border:0; text-indent:40px; background:#fff; color:#222; margin-bottom:18px;border-radius:5px; outline:none; font-size:15px;}
.login .login_form input[type="text"]{ background-image:url(/static/img/account.png); background-repeat:no-repeat; background-position:10px 14px; background-size:20px; border:1px solid #f0f0f0;}
.login .login_form input[type="password"]{ background-image:url(/static/img/psw.png); background-repeat:no-repeat; background-position:10px 14px; background-size:18px; border:1px solid #f0f0f0;}
.login .login_form input:hover{ border-color:#f15519;}
.login .login_form input[type="submit"]{ background:#ed4b24; color:#fff; cursor:pointer; text-indent:0; font-size:18px; margin-top:40px;}
.login .login_form input[type="submit"]:hover{ background:#f15519;}

/*footer*/
.footer{ text-align:center; margin:60px 0 50px 0;}
.footer .footer_nav{ color:#999;}
.footer .footer_nav>a{ margin:0 5px;}

@media screen and (max-width:768px){
 body{min-height: auto;}
 .con{ padding:0 15px;}
 .container{ width:100%; min-width:100%;}
 .login{ margin-top:20px;}
 .login_top img{ height:30px; padding-top:15px;}
 .login_top em{ display:none;}
 .login_top .r{ display:none;}
 .login .login_con{ width:94%; margin:0 auto; height:auto;}
 .login .login_con>.img{ float:none; width:100%; display:none;}
 .login .login_con>.img>img{ width:100%; height:160px; object-fit:cover;}
 .login .login_con>.login_form{ width:100%; float:none;}
 .login .login_form form{ width:90%; padding:5% 5%;}
 .login .login_form em{ height:50px; line-height:50px;}
 .login .login_form input[type="submit"]{ margin-bottom:0; margin-top:20px;}
 .footer{ margin:20px 0;}
 .footer>.footer_nav{ width:80%; margin:0 auto; display:none;}
}