@charset "utf-8";
*{ margin:0; padding:0;}
body{ font-size:12px; line-height:20px; color:#333;}
html,body {-webkit-text-size-adjust:none;}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol,li { list-style:none; }
input::-moz-focus-inner { border:none; padding:0; }
a:focus,a:focus img,input:focus{ outline:0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix { zoom:1; }
a{ color:#333; text-decoration:none;}
a:hover{ color:#cc3333;text-decoration:none;}
.loginbox{position:fixed; z-index:10002; top:50%; left:50%; margin-left:-255px; margin-top:-275px; padding:20px 40px; width:430px; height:510px; background:#fbfafa; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.loginbox .title{ height:36px; line-height:36px; border-bottom:1px solid #dcdcdc; font-size:16px; color:#414141; }
.form-item{ margin:18px 0 0 0; zoom:1;}
.form-item:after,.safediv:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.form-item .span{ float:left; width:65px; padding:0 0 0 8px; font-size:14px; color:#666; line-height:34px;}
.form-item .itemright{ float:left; width:357px; position:relative;}
.form-item .itemright .item-tip{ position:absolute; left:}
.item-tip {background-color: #fff; color: #999; font-size: 12px;  left: 12px;padding: 0 3px;position: absolute;top: 7px;transition: all 0.2s linear 0s;}
.item-tip-focus { color: #c2292b;font-size: 12px; top: -14px; background: #fbfafa;}
.form-input { border: 1px solid #dcdcdc; background:#fff!important;border-radius: 5px;font-size: 13px;padding: 6px 10px; height:20px; line-height:20px;transition: border-color 0.15s ease-in-out 0s; width: 255px; margin:0 5px 0 0;}
.form-item .itemright .keyboard_ico{left:250px;top:10px;}
.form-item .itemright .key_board{left:-20px;top:40px;}
.form-input-focus {  border-color: #a6516e; outline: 0 none;}
.safediv{ zoom:1;}
.codeinput{ float:left; width:155px;}
.select_sim{ float:left; width:87px; height:33px; margin:1px 13px 0 0; background: url(/web/images/bg.jpg) no-repeat 0 -101px; position:relative; z-index:10; top:0!important;}
.select_sim input{ display:block; float:left; margin:0 0 0 5px; border:0; background:none;color:#666; height:22px; line-height:22px; font-size:14px; width:140px; }
.select_sim a{ position:absolute; right:0; top:0px; margin:0; width:90px; height:32px; margin:0; }
.select_sim ul{display:none; position:absolute; z-index:11; top:33px; left:0;width:87px;background:#fff;box-shadow: 0 3px 3px #ccc;-webkit-box-shadow: 0 3px 3px #ccc;-moz-box-shadow: 0 3px 3px #ccc; }
.select_sim ul li{cursor:pointer; text-align:center;font-size:12px; line-height:30px;color:#636363;}
.select_sim ul li:hover{background:#c2292b; color:#fff;}
.select_sim span{ position:absolute; left:10px; top:5px; line-height:22px; font-size:12px;color:#9c9c9c;}
.easyway{ float:left;}
.codeimg{ float:left; cursor:pointer; width:60px; height:24px;margin-top: 5px;  }
.token{ float:left; display:none;}
.token span{ color:#ff0000; float:left; line-height:34px; margin:0 0 0 3px;}
.token span a{ color:#ff0000;}
.notice_error{ width:260px; color:#ff0000;}
.getpwd{ position:absolute; top:52PX; left:240px;color:#c2292b;}
.getpwd a{ color:#c2292b;}
.getpwd a:hover{ color:#c2292b;} 

.unlockpwd a:hover{ color:#c2292b;} 

.btn_login{  width:172px; height:40px; padding:0 0 4px 0; margin:0 auto; background:url(/web/images/bg.jpg) no-repeat 0 -55px; font-size:16px; color:#fff; text-align:center; line-height:36px; border:0; cursor:pointer;}
.new_user{ border-top:3px solid #c2292b; margin:30px 0 0 0; padding:8px 0 0 0;}
.new_user h1{ font-size:16px; color:#3e3e3e; font-weight:normal;}
.new_user .img{ text-align:center; margin:0 0 12px 0;}

/* key_board */
.key_board{font:0.8em Arial,sans-serif;position:absolute;border:1px solid #e35f01;padding:5px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;-o-border-radius:3px;background:#ff720e;display:none;z-index:999;}
.keyboard_row,.keyboard_row td{padding:0;vertical-align:top;border-collapse:collapse;}
.keyboard_key,.keyboard_key-m img{margin:0;padding:0;}
.keyboard_key{font-size:12px;position:relative;display:block;width:22px;height:22px;margin-right:3px;cursor:pointer; background:#fff;text-align:center;}
.keyboard_key-m{line-height:22px;}
.spacer{width:60px;visibility:hidden;}
.backspace,.lshift,.rshift,.capslock,.atmark{text-align:center;}
.backspace .keyboard_key-m,.lshift .keyboard_key-m,.rshift .keyboard_key-m,.capslock .keyboard_key-m,.atmark .keyboard_key-m{ text-align:center;}
.backspace{width:61px;}
.atmark{width:48px;}
.capslock{font-size:12px;width:62px;}
.keyboard_key-m img{margin-top:8px;}
.enter{font-size:12px;width:33px;}
.lshift{font-size:12px;width:65px;}
.rshift{font-size:12px;width:55px;}
.sch{font-size:14px;}
.space{width:180px; margin:3px 25px 0 -33px;}
.alt{font-size:16px;width:85px;}
.marked{background-color:#dfffcc; margin:3px 0 0 0;}
.pressed .keyboard_key-m{line-height:22px;}
.suppressed{background-color:#f2b5a0;}
.suppressed .keyboard_key-m{line-height:22px;}
.disabled{cursor:default;color:#e6e6e6;}
.keyboard_lang{font-size:11px;width:141px;text-align:left;}
.keyboard_lang-i{width:62px;position:relative;top:4px;float:left;padding:3px 9px 3px 7px;background:#fff;border:1px solid #e8e8e8;}
.keyboard_lang-ic{font:0/0 a;display:-moz-inline-box;display:inline-block;width:10px;height:12px;margin-top:1px;cursor:pointer;vertical-align:bottom;}
.keyboard_row td{padding-bottom:3px;}
.keyboard_lang-selector .b-menu__item{font-size:11px;}
.key_board .b-menu__layout-vert{margin:0;padding:0;list-style:none;}
.keyboard_lang-selector{display:none;position:absolute;bottom:-1px;left:-1px;box-shadow: 0 0 1px 0 rgba(0,0,0,.6),0 10px 25px -5px rgba(0,0,0,0.4);width:80px;background:#fff;}
.keyboard_lang-selector .b-menu__layout-vert li{padding:0.5em;}
.keyboard_lang a{text-decoration:none;color:#222;}
.keyboard_lang a:hover{color:#f00;}
.keyboard_ico{width:15px;height:15px;background: url(/web/images/keyboard.jpg) 0 0 no-repeat;cursor:pointer;display:block;position:absolute;z-index:200;}
.keyboard_close{position:absolute;right:7px;top:10px;height:7px;overflow:hidden;width:7px;cursor:pointer;background:url('/web/images/keyclose.jpg') 0 0 no-repeat;}