html{ height: 100%; overflow: hidden;}
*,body{ margin:0; padding:0; font-family:"Microsoft YaHei"; }
::-webkit-input-placeholder { color:#999999; font-size:14px; }
:-moz-placeholder { color:#999999; font-size:14px; }
::-moz-placeholder { color:#999999; font-size:14px; }
:-ms-input-placeholder { color:#999999; font-size:14px; }
body{ background: url(/images/login/bg-8881d69ff1b745a768f2648acf5a2e2b.jpg) center center no-repeat #ffffff; background-size: cover; color:#333333; line-height:1.75; font-size:16px;}
img,a img,a:hover img{ border:0; }
input,button{ font-family:"Microsoft YaHei";}
:focus{outline:0;}
a{color:#333333; text-decoration:none; }
a:hover{color:#fe0000; text-decoration: underline; }
a,a:hover,.btn{ transition:all 300ms ease; }

.wrap { }

.login_header { position: fixed; left: 0; top: 0; right: 0; height: 90px; line-height: 90px; font-size: 34px; background: #fff; padding: 0 40px;}


.login_box { position:fixed; left:55%; top:50%; margin-top:-250px; width:390px; height: 500px; background:#fff; border-radius: 16px; padding:0 50px; z-index:9999; }
.login_box .tit{ background: url(/images/login/tit-cbe3a0a55c852dfd72f8431620e0e9c2.png) left center no-repeat; line-height: 108px; font-size: 26px; color: #0d8ee9; padding-left: 42px; }
.login_box .item { margin-bottom:30px; position:relative;}
.login_box .item .input{ display:block; width:100%; background:#fff; height:54px; line-height:54px; text-indent:72px; color: #333; border:1px #cccccc solid; font-size:16px;}
.login_box .item i{ position: absolute; left: 8px; top: 50%; margin-top: -20px; width: 40px; height: 40px; }
.login_box .item i.b1 { background: url(/images/login/user-4690043f824cae0470578e64ea3f1262.png) center center no-repeat;}
.login_box .item i.b2 { background: url(/images/login/pass-f2a23cdb9f53ec415380964be180e463.png) center center no-repeat;}
.login_box .item:after { position: absolute; left: 55px; top: 50%; display: block; content: ''; width: 1px; height: 28px; margin-top: -14px; background: #f5f5f5;}
.login_box .item2 { margin-bottom:50px; height:56px; position: relative; padding-right: 150px; }
.login_box .item2 .input{ display:block; width:100%; background:#fff; height:54px; line-height:54px; text-indent:20px; color: #333; border:1px #cccccc solid; font-size:16px;}
.login_box .item2 img{ display:block; position: absolute; right: 0; top: 0; height:56px; }

.btnbox {  }
.btnbox .btn{ display:block; width:100%; height:56px; line-height:56px; text-align:center; color:#fff; font-size:26px; cursor:pointer; border:none; background:#0ea057; background-image: linear-gradient(#00c5ff, #0d8ee9); border-radius: 6px; }
.btnbox .btn:hover{ background: linear-gradient(#0d8ee9,#00c5ff); color: #fff;}

.login_footer { position: fixed; left: 0; bottom: 0; right: 0; height: 60px; line-height: 60px; font-size: 14px; background: #fff; text-align: center;}