@charset "UTF-8";
/* frame */
body { background: #EFEFEF; color: #333; font-size: 14px; line-height: 1.8; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none;}
.siteWidth { width: 1000px; overflow: hidden; margin: 0 auto;}
.header { padding: 30px 0 0 0; line-height: 45px; text-align: left;}
.header .logo { display: block; float: left; height: 45px; line-height: 45px; font-size: 32px; font-weight: bold; color: #0068B7; padding-left: 55px; background: url(../../base/img/minilogo.png) -10px 2px no-repeat; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI Light", "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif}
.header .logo:hover { text-decoration: none;}
.header .home { float: right;}
.main{padding-top:40px;}
.footer { padding: 40px 0; font-size: 12px;}

.required:after { display: block; position: absolute; right: 10px; top: 3px; content: "*"; color: #f00; font-weight: bold;}
.field-validation-error { display: block; padding-left: 0px; font-size: 12px; padding-top: 5px; color: red}

.field-checkboxlist { display: inline;}
.dt-text {font-weight: inherit;}


.user-panel-submit .btn {
    height: 40px;
    font-family: "Microsoft YaHei", 'PingFang SC';
    width: 340px;
    font-size: 15px;
}
.user-panel-submit .btn:hover {
    text-decoration: none;
}
#js-btn-verify-login.btn{background-image:url(../../base/img/icon-safe.png); width:340px; background-position: 35% 50%; background-repeat:  no-repeat; outline: none;}
#js-btn-verify-login.btn-success{background-image:url(../../base/img/icon-success.png); background-color: #D8F3D8; color:#104410}


/*radio 同行显示样式 */

/*本部分需要结合icheck-minimal-blue.css*/
.radio,
.checkbox { position: relative; padding-left: 25px;}
.radio-inline,
.radio-inline+.radio-inline,
.checkbox-inline,
.checkbox-inline+.checkbox-inline { margin-right: 10px; margin-left: 0; margin-top:0px; line-height:36px}
.icheckbox_square,
.icheckbox_minimal-blue,
.iradio_minimal-blue { position: absolute; left: 0;}
.inline .radio{display:inline-block; margin-right: 10px; margin-left: 0;}

/*radio禁用提示*/
[disabled="disabled"] label.radio,
label.radio.disabled,
.iradio_minimal-blue.disabled>ins { cursor: not-allowed;}

/* 登录注册框 */
.user-mainbox{width: 1000px;padding: 20px 20px 0px;margin: 0px auto;text-align: left;overflow: hidden;background: #fff;-webkit-box-shadow: 0 0 8px #e2e2e2;-moz-box-shadow: 0 0 8px #e2e2e2;box-shadow: 0 0 8px #e2e2e2;}
.user-mainbox .hd,
.user-mainbox .top{height:56px; line-height:56px; padding:0 10px; border-bottom:1px solid #e3e3e3; box-sizing:initial; margin-bottom:3px;}
.user-mainbox .hd h3,
.user-mainbox .top h3{float:left;padding:0 18px;height: 58px;line-height:55px;font-size:18px;color:#0068b7;border-bottom:3px solid #0068b7;}
.user-mainbox .bd,
.user-mainbox>.container{padding: 35px 20px 40px 60px;background: url(../img/login-split.png) 579px 40px no-repeat;overflow: hidden;width: auto;min-height:360px}

/* 右侧提示 */
.login-tip {overflow: hidden;padding: 20px 0 0 25px;height: 260px;font-size: 16px;color: #999;background: url(../img/login-bg.png) 43px 67px no-repeat;float:right;width: 320px;}
.login-tip .registerlink h4{display:inline}
.login-tip .registerlink a {color: #0068B7;}
.login-tip .open-login {display: none;}
.login-tip .forget-password{font-size:16px; }
.login-tip .forget-password a{color:#0068B7}

/*登录*/
.user-panel{width: 495px;float:left; padding-left:20px; }
.user-panel .user-panel-body > dl,
.user-panel .passwordlogin > dl{margin-bottom:25px; display:flex;}
.user-panel .phonelogin dl{margin-bottom:25px;}
.user-panel .user-panel-body > dl>dt,
.user-panel .passwordlogin> dl>dt{ width: 90px; line-height: 36px; text-align: right; padding-right: 20px; position: relative; flex-shrink:0;}
.user-panel .user-panel-body > dl>dd,
.user-panel .passwordlogin > dl>dd{width:1; flex-grow:1}
.user-panel input.form-control{ width: 280px; padding-left: 6px; }
.user-panel textarea.form-control { width: 720px; padding: 6px; min-height:200px;}
.user-panel input.form-control,
.user-panel .phonemessagevalidate input[type="button"],
.user-panel .emailmessagevalidate input[type="button"]{height:34px;}
.user-panel .input-group{width: auto !important;}
.user-panel select.form-control{width:280px;}
.user-panel .input-group.trainnumber, 
.user-panel .input-group.licenseplatenumber{width:280px !important;}
.user-panel .input-group .input-group-addon:first-child + input.form-control,
.user-panel .input-group .input-group-addon:first-child + .emailbox>input.form-control{text-indent:32px;}
.user-panel .input-group-addon { width: 0px;}
.user-panel input::-webkit-input-placeholder{color:#999999;}
.user-panel input::-moz-placeholder{color:#999999;}
.user-panel input:-moz-placeholder{color:#999999;}
.user-panel input:-ms-input-placeholder{color:#999999;}
.user-panel .user-panel-submit {padding-left: 90px;}
.user-panel .user-panel-submit .btn { display: inline-block; zoom: 1; height: 40px; background: #ddd; text-align: center; border: 0; color: #333; font-family: "microsologin-btn yahei";  font-size: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.user-panel .user-panel-submit .btn:hover { text-decoration: none; background: #e2e2e2; color: #333;}
.user-panel .user-panel-submit .btn-primary { background: #0068B7; color: #fff;}
.user-panel .user-panel-submit .btn-primary:hover { background: #195DAF; color: #fff;}
.user-panel .autoRegister{font-size:14px; color:#666; margin-bottom:15px;}
.user-panel .hiddenfield{display:none}
.user-panel .input-group[data-ui-type="spinner"]{width:280px !important;}
.user-panel .input-group[data-ui-type="spinner"] input.form-control{width:100%;}
.user-panel .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:280px;}
.user-panel .user-panel-body  .ueditor-area{width:720px;}
.user-panel .user-panel-body textarea.textarea{width:720px;}

/*切换开关 switchery*/
.user-panel .switchery {position: relative;display: inline-block;margin-top: 5px;padding: 0 3px;width: 44px;height: 24px;border: 1px solid #dfdfdf;border-radius: 12px;background-color: #fff;vertical-align: middle;cursor: pointer;}
.user-panel .switchery>small { position: absolute; top: 1px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.user-panel .switchery-label{display:inline-block; margin-top:3px; height:24px; line-height:24px; vertical-align: middle; padding:0 15px 0px 5px;}

/* 忘记密码 */
.phonemessagevalidate input[type="text"],
.emailmessagevalidate input[type="text"]{padding-left: 32px;}
.input-group .phonemessagevalidate input[type="text"]{ width: 150px !important;}

/* 密码登录 */
.user-panel-login .field-validation-error{padding-left:5px;}
.user-panel-login input.form-control{ width:340px;}
.user-panel-login .input-group{width: auto !important;}
.user-panel-login #ValidateCode.form-control{background: url(../img/login-icons.png) -31px -833px no-repeat;}
.user-panel-login .validationcode{left: 250px;}
.user-panel-login .user-panel-submit {padding-left: 0px;}
.user-panel-login .phonemessagevalidate input[type="text"]{padding-left: 37px;width: 245px !important;}

/* 登录方式 */
.login-select{margin-top:25px; width:380px; overflow:hidden}
.login-select li{height:30px;line-height:30px;cursor:pointer; float: left; display:none; color:#0068B7; display: none; margin-right: 15px;}
.login-select li a{color:#0068B7}
.login-select li.spe{width:20px; text-align:center; color:#cccccc; cursor:default}
.login-select li.login-select-show{display:block}
.login-select .phone-registered{font-size:14px;}
.login-select .password-registered{background: url(../../usermanage/img/login-icons.png) -40px -1235px no-repeat;padding-left:26px;}
.login-select .phone-registered{background: url(../../usermanage/img/login-icons.png) -40px -1035px no-repeat;padding-left:26px;}
.login-select .weixin-registered{background: url(../../usermanage/img/login-icons.png) -40px -635px no-repeat;padding-left:26px;}
.login-select .workweixin-registered svg.icon{margin-right:6px;font-weight:normal;width:22px;height:22px;position: relative;top:4px;}
.login-select .dingtalk-registered svg.icon{margin-right:6px;font-weight:normal;width:22px;height:22px;position: relative;top:4px;}

/* 微信登录 */
.weixinlogin{text-align:center;width: 380px;}

/* 企业微信登录 */
.workweixinlogin{text-align:center;width: 380px;}

/* cookie选择 */
.loginCookie {padding-top: 50px;font-size: 12px;overflow: hidden;color: #666;margin-bottom: 0px;padding-left: 0px; display:flex; justify-content:flex-end; align-items:center; line-height:24px; }
.loginCookie dl {margin-bottom: 0px; float: right; padding-right:0px;}
.loginCookie dt {width: auto; padding: 0px 0px 0px 0px; line-height: 26px; float: left;}
.loginCookie dd {line-height: 26px;float: left}
.loginCookie dd .cookie-time {width: auto; font-size: 12px; padding: 4px; line-height: 18px; height: 26px; float: left; margin-right: 10px; color: #0068b7; border: 1px solid transparent; box-shadow: none;}
.loginCookie dd .cookie-time:hover {border: 1px solid #ccc}
.loginCookie dd span {float: left}
.loginCookie .cookie-time {width: auto !important; font-size: 12px; padding: 0 4px; line-height: 18px; height: 26px; float: left; margin-right: 10px; color: #0068b7; border: 1px solid transparent; box-shadow: none;}
.loginCookie .cookie-time:hover {border: 1px solid #ccc}

/* 注册页 ------------------------------- */
.txtarea { width: 650px; padding: 10px; border: 1px solid #D9D9D9; height: 200px; overflow-x: hidden; overflow-y: scroll;}
.user-panel .user-panel-body > dl.fwtk { width: 800px; display: none;}
.user-panel .user-panel-body > dl.fwtk.show{display:flex !important}
.showFwtk { color: #0068B7; text-decoration: underline; cursor: pointer;}
.open-login { display: none}

/* 提示页 ------------------------------- */
.prompt .container { background: none; padding: 65px 100px 40px 36px;}
.prompt .pic { float: left; width: 200px; height: 200px; background: url(../img/prompt-notice.png) center center no-repeat;}
.prompt .pic-error { background-image: url(../img/prompt-error.png);}
.prompt .pic-success { background-image: url(../img/prompt-success.png);}
.prompt .con { overflow: hidden;}
.prompt .detail { font-size: 16px; height: 126px; display: table-cell; vertical-align: middle;}
.prompt .detail a{color:#0068B7; margin:0 3px;}
.prompt .btn { width: 130px; background:#e2e2e2}

/*时间选择 */
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}


/*时间选择左右箭头定义 */
.dropdown-menu { max-height: 315px; overflow-y: auto;}
.dropdown-menu .menu-search { display: inline-block; width: 75%; margin-left: 5px;}


/* 上传控件 */
.user-panel .upload-single { width: 220px;}
.upload-multi {width: 720px;}
.upload-multi .upload-file-area { background: #fff; min-height: 100px; border: 2px dashed #ccc;}
.upload-multi .webuploader-pick { width: 50%; background: #aaa; height: 30px; line-height: 30px;}

/*日期控件显示图标*/
.datetimepickerinput {
    float: left;
}

.datetimepickerinput-icon {
    float: left;
    margin-left: -20px;
    margin-top: 9px;
    color: #00000040;
}