.footer-bd { display: none; }
.m-header { border-bottom: 1px solid #dcdcdc; font-family: microsoft yahei; margin-bottom: 30px; }
.m-header .wrapper { height: 115px; position: relative; }
.m-header .topnav { font-size: 14px; position: absolute; right: 0; bottom: 10px; }
.m-header .topnav a { color: #000; }
.m-header .topnav .fa { margin-right: 5px; color: #d3d3d3; }
.m-header .topnav a:hover { text-decoration: underline; }
.welcome { position: absolute; font-size: 22px; color: #333; bottom: 10px; left: 290px; }
/* ==================================
   Btn
   ================================== */
.ui-btn { padding: 0; display: inline-block; vertical-align: middle; cursor: pointer; *overflow: visible;
border: 0 none; text-align: center; font-family: microsoft yahei; }
.radius4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ui-btn1 { background: #408ab9; color: #fff; }
.ui-btn1:hover { background: #1f7fbc; color: #fff; }
.ui-btn2 { background: #f8f8f8; color: #424242; }
.ui-btn2:hover { background: #e9e7e7; color: #424242; }
/* ==================================
   Form
   ================================== */
/*.ui-checkbox,
.ui-radio { vertical-align: -2px; _vertical-align: -1px; margin: 0 3px 0 0; padding: 0 }*/
.ui-input { vertical-align: middle; border: 1px solid #dcdcdc; padding: 9px; line-height: 20px; height: 20px; }
.err-input { border: 1px solid #a94440; }
.ui-textarea { border: 1px solid #ddd; padding: 5px 10px; }
.ui-textarea { height: auto; width: 280px; }
.field:before,
.field:after { content: ""; display: table; }
.field:after { clear: both; }
.field { *zoom: 1
}
.ph-label { position: absolute; color: #aaa; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.ph-hide .ph-label { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.ph-focus .ph-label { color: #ccc; }
.form-box .tips { border: 1px solid #FF8080; ; overflow: hidden; background: #FFF2F2; padding: 4px; font-size: 12px; line-height: 16px; color: #404040; display: inline-block; *zoom:1;
vertical-align: middle; }
.form-box .tips .fa { padding-right: 5px; color: #c00; }
/* Form 1 */
.form-box3 .field { padding-left: 150px; margin-bottom: 10px; }
.form-box3 .ui-label { float: left; text-align: right; width: 140px; margin-left: -150px; color: #333; font-size: 14px; font-family: microsoft yahei; line-height: 40px; }
.form-box3 .ui-input { width: 235px;  padding: 5px 10px;}
.ui-btn-l { padding: 0 38px; height: 39px; line-height: 39px; font-size: 18px; }
/* Iconfont */
.form-box2 .field { position: relative; margin-bottom: 16px; }
.form-box2 .ui-label { position: absolute; left: 8px; top: 8px; cursor: default; }
.form-box2 .ui-label .fa { width: 30px; height: 20px; line-height: 20px; text-align: center; margin: 0; z-index: 2; font-size: 16px; color: #b6b9c0; }
.form-box2 .ui-input { float: left; background: #fff; border: 1px solid #dcdcdc; padding: 9px 9px 9px 54px; line-height: 20px; height: 20px; width: 255px; }
.form-box2 .ph-label { position: absolute; color: #b3b4b6; font-size: 12px; line-height: 20px; left: 40px; top: 8px; opacity: 1; transition: all .2s ease-out; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-out; font-size: 14px; }
.form-box2 .ph-hide .ph-label { opacity: 0; visibility: hidden }
.form-box2 .ph-focus .ph-label { color: #ccc }
/* ui-msg */
.ui-auth { padding-top: 6px }
/* ==================================
   ui-msg
   ================================== */
.ui-msg-icon,
.ui-msg-close,
.ui-msg-arrow { background-image: url(../images/msg.png); background-repeat: no-repeat; position: absolute }
.ui-msg-icon { width: 23px; height: 22px; top: 0; left: 0 }
.ui-msg-close { width: 18px; height: 18px; top: 0; right: 0; background-position: -21px 2px; cursor: pointer }
.ui-msg-close:hover { background-position: -40px 1px }
.ui-msg-arrow { width: 5px; height: 8px; left: -5px; top: 7px }
.ui-msg-arrow-top,
.ui-msg-arrow-down { width: 8px; height: 5px; background-position: -5px 0; top: -5px; left: 7px }
.ui-msg-arrow-down { background-position: -13px 0; top: auto; bottom: -5px }
.ui-msg-arrow-right { background-position: 0 -8px!important; left: auto!important; right: -5px!important }
.ui-msg-error .ui-msg-icon { background-position: -61px -26px }
.ui-msg-stop .ui-msg-icon { background-position: -61px -1px }
.ui-msg-ok .ui-msg-icon { background-position: -61px -51px }
.ui-msg-tip .ui-msg-icon { background-position: -61px -103px }
.ui-msg-attention .ui-msg-icon { background-position: -61px -79px }
.ui-msg-question .ui-msg-icon { background-position: -61px -126px }
.ui-msg-alert .ui-msg-icon { background-position: -61px -153px }
.ui-msg-notice .ui-msg-icon { background-position: -60px -177px }
.ui-top-tip .ui-msg-error .ui-msg-icon { background-position: 11px -20px }
.ui-top-tip .ui-msg-stop .ui-msg-icon { background-position: 11px -1px }
.ui-top-tip .ui-msg-ok .ui-msg-icon { background-position: 11px -66px }
.ui-top-tip .ui-msg-tip .ui-msg-icon { background-position: 11px -114px }
.ui-top-tip .ui-msg-attention .ui-msg-icon { background-position: 11px -165px }
.ui-top-tip .ui-msg-question .ui-msg-icon { background-position: 11px -215px }
.ui-top-tip .ui-msg-alert .ui-msg-icon { background-position: 11px -265px }
.ui-top-tip .ui-msg-notice .ui-msg-icon { background-position: 13px -315px }
.ui-top-tip .ui-msg-stop .ui-msg-icon { background-position: 12px -362px }
/* ui-msg */
.ui-auth { padding-top: 6px }
.ui-msg { position: relative; display: inline-block; *display:inline;
*zoom:1;
border: 1px solid #e1e1e1; background: #f5f5f5; padding-left: 24px; box-shadow: 1px 1px 1px #f5f5f5; }
.ui-msg-max { display: block }
.ui-msg-inner { line-height: 16px; background: #fbfbfb; padding: 3px 10px 3px 5px; border: 1px solid #efefef; border-left: 1px solid #e7e7e7; margin: -1px }
.ui-form-tip,
.ui-form-tip .ui-msg-inner { border: 0; background: 0 0; box-shadow: none }
.ui-form-tip .ui-msg-inner { padding-left: 0 }
.ui-page-tip { background: #fbfbfb; border-color: #efefef }
.ui-page-tip .ui-msg-inner { border-left: 1px solid #fbfbfb; padding-left: 0 }
.ui-top-tip { padding-left: 58px }
.ui-top-tip .ui-msg-inner { line-height: 20px; padding: 18px 28px 18px 12px; font-weight: 700; font-size: 14px }
.ui-top-tip .ui-msg-icon { width: 57px; height: 56px }
.ui-msg-clean { border: 0; background: 0 0; box-shadow: none }
.ui-msg-clean .ui-msg-inner { padding-left: 0; border: 0 }
.ui-msg-empty,
.ui-msg-empty .ui-msg-inner { background: transparent; border: 1px solid transparent; padding: 0; box-shadow: none }
.ui-msg-empty .ui-msg-icon { position: static; display: inline-block }
.ui-msg-orange .ui-msg-con { color: #f19000 }
.ui-msg-red .ui-msg-con { color: #b10000 }
.ui-msg-orange .ui-msg-inner { color: #f19000 }
.ui-auth-red { padding: 0; }
.ui-auth-red .ui-msg { box-shadow: none; padding: 5px 8px; background: #ffebeb; border: 1px solid #ffbdbe; color: #e4393c; }
.ui-auth-red .ui-msg-inner { background: transparent; border: 1px solid transparent; padding: 0; box-shadow: none }
.ui-msg-red .ui-msg-inner { background: transparent; border: 1px solid transparent; padding: 0; box-shadow: none }
.ui-msg-red .ui-msg-inner { color: #b10000 }
/*  登陆  */
.m-cont { padding: 70px 0 90px; }
.m-cont .ui-msg { margin-bottom: 5px; }
.login-box,
.reg-box { width: 515px; float: left; border-right: 1px solid #ddd; margin-left: 100px; }
.login-box .ui-label { position: absolute; width: 38px; height: 26px; border-right: 1px solid #e8e8e8; background-repeat: no-repeat; background-position: 50% 50%; left: 0; top: 6px; text-indent: -9999px; overflow: hidden; }
.ui-label-user { background-image: url(../images/i-user.gif); }
.ui-label-pwd { background-image: url(../images/i-lock.gif); }
.login-box .form-hd { width: 320px; margin-bottom: 16px; }
.login-box .form-hd h2 { color: #408ab9; font-size: 24px; font-weight: 300; font-family: microsoft yahei; float: left; }
.login-box .ui-btn { height: 37px; line-height: 37px; width: 320px; font-size: 18px; font-weight: 700; }
.login-box .form-hd .fr { margin-top: 10px; }
.form-extra { float: left; padding-left: 138px; }
.form-extra h4 { font-size: 14px; font-weight: 300; color: #424242; margin-bottom: 20px; }
.form-extra .ui-btn { border: 1px solid #dbdbdb; margin-bottom: 10px; line-height: 45px; height: 45px; padding: 0 49px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 45px; font-size: 14px; }
/*  注册  */
.reg-box .form-hd { margin-bottom: 39px; width: 400px; margin-left: 10px; }
.reg-box .form-hd h2 { float: left; font-weight: 300; font-size: 24px; color: #232323; margin-right: 50px; font-family: microsoft yahei; cursor: pointer; padding-bottom: 10px; }
.reg-box .form-hd .on { color: #408ab9; border-bottom: 3px solid #408ab9; margin-bottom: -3px; position: relative; }
.reg-box .form-hd { border-bottom: 3px solid #bebebe; }
/*  找回密码  */
.pwd-box { padding-top: 66px; padding-bottom: 30px; }
.pwd-box .field { margin-bottom: 23px; padding-left: 300px; }
.pwd-box .ui-label { width: 290px; margin-left: -300px; }
.pwd-box .btn-field { margin-top: 33px; }
.footer-bd { display: none; }
.toolbar { display: none; }
#ValidCode { width: 150px; padding-left: 9px; margin-right: 10px; }
.fb-box h3,
.fb-box .note { font-weight: 300; font-size: 18px; color: #333; font-family: microsoft yahei; margin-top: 20px; }
.fb-box .ui-textarea { vertical-align: middle; border: 1px solid #dcdcdc; padding: 9px; height: 170px; width: 510px; margin: 15px 0 20px; }
/* ==================================
   menu
   ================================== */
.menu { position: relative; font-size: 12px;  color: #666; }
/* menu-hd */
.menu-hd { position: relative; z-index: 1002; overflow: hidden; height: 30px; line-height: 30px; padding-right: 20px; background: #fff; padding-left: 10px; border:1px solid #dcdcdc; }
/* menu-bd */
.menu-bd { display: none; position: absolute; z-index: 1001; margin-top: -1px; }
.menu-bd-panel { padding: 5px 0; border: 1px solid #dcdcdc; background: #fff; }
.menu-bd-panel a { display: block; padding: 0 5px; line-height: 28px; white-space: nowrap; color: #6C6C6C }
/* menu arrow */
.menu-hd .fa-caret-down {
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-o-transition: .3s ease-in;
transition: .3s ease-in; position: absolute; height: 30px; line-height: 30px; top: 0; right: 6px; }
/* menu hover */
.menu-hover .menu-hd { z-index: 10002; }
.menu-hover .menu-bd { z-index: 10001; }
.menu-hover .menu-hd {  padding-bottom: 1px; border-bottom: 0 none; }
.menu-hover .menu-hd .fa-caret-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.menu-hover .menu-bd-panel a:hover { background: #eee; }

.field .menu,
.field .menu-bd { width: 255px; }