*{ word-break:break-all }
html, body{width: 100%;height: 100%;padding: 0;margin: 0;}
body{ color:#000; font-size:12px; font-family:"微软雅黑","宋体", Arial, Times; text-align:left; line-height:120%; background:url(loginbg.png); background-size:cover}
body, ul, li, h3 { margin:0px; padding:0px; }
ul, li { list-style:none; }
a:link, a:visited { color:#1E62B0; text-decoration:none; }
a:hover { color:#ff0000; text-decoration:underline; }
input,textarea{outline:#99D3FB solid thin;}
button,select{outline:none;}
.center{text-align:center}
.left{float:left}
.right{float:right}
.container .row{display: flex;align-items: center;min-height: 100vh;}
.login{width:100%;height:407px;margin:0 auto;background:#fff;border-radius:3px;padding-top:30px;}
.login .logo{width:197px;height:50px;margin:0 auto;background:url(logo.png) center center no-repeat;}
.login h3{color: #3e77ab;font-size: 14px;padding: 6px 0;letter-spacing: 1px;text-align: center;font-weight:500;}
.loginbar{width:100%;padding:10px 60px;font-size: 14px;}
.loginbar .form-group{width:100%;}
.loginbar .formWrap {padding-top: 4px;}
.formWrap {padding: 3px 0 2px;width: auto;margin-top: 12px;overflow: hidden;border: 1px solid #ddd;border-radius: 3px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);}
.formWrap .form-group{margin:0;}
.formWrap .form-control{height:28px;}
.formWrap .lable {border-right: 1px solid #ddd;height:24px;margin: 3px 0;text-indent: -99em;padding-top: 3px;color: #333333;font-size: 14px;overflow: hidden;}
.formWrap .user{background:url(icon_user.png) center center no-repeat;}
.formWrap .pwd{background:url(icon_pwd.png) center center no-repeat;}
.formWrap .code{background:url(icon_code.png) center center no-repeat;}
.formWrap .captcha{background:url(icon_captcha.png) center center no-repeat;}
.forminput {background: #fff none;line-height: 16px;border: none;}
.formWrap .txt {width:100%;}
.formWrap .txt2 {width:120px;}
.forminput span{padding:3px;}
.loginbtn{margin:24px 14px;}
.loginbtn .submit{background: #2a87d3;border-radius: 3px;width:100%;height: 38px;color: #fff;font-family:"微软雅黑";font-size: 14px;line-height: 38px;text-align: center;word-spacing: 1px;letter-spacing: 6px;border:0;}
.ajaxing { position: absolute; width: 100px; background: #EFEFEF url(../../images/wait-big.gif) no-repeat 2px 2px; padding: 10px 0px 10px 40px; border: 1px solid #AAAAAA; font-weight: bold;font-size:12px; }
/*p8_window*/
.p8_win_layer { display: none; }
.p8_mask_layer { position: fixed; width: 100%; height: 100%; z-index: 99998; top: 0px; left: 0px; }
.p8_win_panel { position: fixed; z-index: 99999; top: 50%; left: 50%; border:1px solid #48AEE0; background:#82D1F8;padding:3px; border-radius: 4px;}
.p8_win_panel .title-panel { position: absolute; height: 36px; width: 100%; border-radius: 4px 4px 0 0; }
.p8_win_panel .title {color:#000; font-size:14px; font-family:"宋体", Arial, Times; text-align:left; line-height:120%; background:#fff; }
.p8_win_panel h3 { font-size: 14px; margin: 0;font-weight:700; }
.p8_win_panel .close-btn { display: block; text-align: center; vertical-align: middle; position: absolute; width: 36px; height: 36px; line-height: 36px; right: 0px; text-decoration: none; font-size: 24px; color: black; background-color: #DBDBDB; border-radius: 2px; z-index: 1; }
.p8_win_panel .close-btn:hover { background-color: #ccc; }
.p8_win_panel .body-panel {background:#fff;padding:15px;}
.p8_win_panel .content, .p8_win_panel .btns { text-align: center; }
.p8_win_panel .content { padding: 14px 5px 5px 5px; font-size: 14px; min-height: 44px; line-height: 22px; }
.p8_win_panel .btns .cancel{width:89px;height:32px; background:url(../cancel.jpg) no-repeat; color:#2c2c2c; border:none;padding:0; margin-left:10px; margin-bottom:2px;  cursor:pointer;letter-spacing:1px;}
.p8_win_panel .btns .ok{border:none;background:url(../yes.jpg) no-repeat;color:#2c2c2c;width:89px;height:32px; padding:0;margin-left:10px; margin-bottom:2px;  cursor:pointer}
@media (min-width: 1400px) {
    .container {
        width: 1280px;
    }
}
@media (max-width: 767px) {
   .loginbar{padding:10px 20px;}
}