@charset "utf-8";
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }
/* Login Css - czy 2017-02-28 */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { font-family: "Microsoft YaHei"; color: #666; font-size: 12px; }
input { vertical-align: middle; font-size: 14px; outline: none; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; height: 0; display: block; visibility: hidden; clear: both; }

/*reset*/
body { position: relative; background: #f7f7f7; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.login_box { position: absolute; left: 50%; top: 50%; width: 420px; padding: 5px; margin-top: -184px; margin-left: -215px; border-radius: 2px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); z-index: 1; background: rgba(255,255,255,.1);}
.login_box .mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; opacity: 0.2; filter: Alpha(opacity=20); z-index: 1; }
.container { padding: 20px; border-radius: 0px 0px 2px 2px; text-align: center; position: relative; z-index: 2; }
.container h1 { display: inline-block; height: 58px; line-height: 58px; border-bottom: 1px solid #eee; color: #fff; font-size: 26px; font-weight: normal; letter-spacing: 6px; }
.container .web_link { height: 20px; line-height: 20px; color: #fff; margin: 30px 0; font-size: 16px; }
.login_name, .login_password { margin: 20px 0; border-radius: 2px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); position: relative; }
.container i { display: inline-block; width: 50px; height: 47px; line-height: 47px; font-size: 20px; position: absolute; left: 0; top: 0; }
.container .in_text { width: 100%; background: #fff; height: 47px; line-height: 47px; display: inline-block; padding-left: 50px; color: #666; border: 1px solid transparent; box-sizing: border-box; font-family: "Microsoft Yahei"; }
.container .in_text:focus { border: 1px solid #7FDBFF; box-shadow: 0 0 12px 3px rgba(0, 255, 255, 0.14); }
.container .login_btn { display: inline-block; text-decoration: none; width: 100%; color: #fff; background: #0083CE; border: none; height: 46px; border-radius: 2px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); font-size: 18px; font-family: "Microsoft YaHei"; cursor: pointer; transform: translateZ(0); -webkit-transform: translateZ(0); position: relative; transition: color ease-out 0.2s; }
.container .login_btn:hover { background: #0495e8; }

/* 皮肤选择*/
.colors-switcher { width: 100px; padding: 10px; position: fixed; z-index: 1994; top: 30px; right: -100px; background-color: #fff; border-radius: 2px 0 0 2px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; box-sizing: border-box; }
.colors-switcher #show-panel { position: absolute; left: -38px; top: 15px; width: 38px; height: 38px; z-index: 1992; display: block; background-color: #fff; border-radius: 2px 0 0 2px; border: 1px solid rgba(0, 0, 0, 0.1); border-right: none; cursor: pointer; }
.colors-switcher #show-panel i { color: #3D3D3D; font-size: 20px; line-height: 38px; margin-left: 10px; }
#show-panel:hover i, .colors-list li.selected .caption, .colors-list li:hover .caption { color: #2EA2F8; }
.colors-list { overflow: hidden; list-style: none; }
.colors-list li { margin-bottom: 5px; }
.colors-list li:last-child { margin-bottom: 0; }
.colors-list li a { display: block; min-height: 30px; border-radius: 2px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; cursor: pointer; background: #f4f4f4; }
.colors-list li a img { max-width: 100%; }
.colors-list li .caption { text-align: center; padding: 2px 0; }
.colors-switcher .colors-list li a:hover { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); }