body {

    font-family: Microsoft YaHei light;
    /*background: linear-gradient(to bottom, #3885c2 0%, rgba(56, 133, 194, 0.3) 100%);*/
    background: #f7f7f7;
    /*background: #146bae;*/
    padding-top: 80px;
}

.l-index-container {
    position: relative;
    height: 100%;
    color: #595959;
}

.l-header {
    background-color: #fff;
    height: 80px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.l-header-logo {
    float: left;
    padding-left: 20px;
    padding-top: 12px;
}

.l-header-logo > img {
    border: 0px;
    max-width: 100%;
}

.l-header-logoname {
    display: block;
    float: left;
    border-left: 1px solid #28a3ef;
    margin: 26px 0 0 26px;
    padding-left: 26px;
    line-height: 34px;
    color: #28a3ef;

}

.l-header-logoname span {
    float: left;
    font-size: 20px;
}

.l-logoNam-cn {
    padding-right: 10px;
}

.l-Content {
    position: relative;
}

.l-main {
    padding: 0 25px 0 0;
    width: 80%;
    margin: auto;
    overflow: hidden;
}

.l-container {
    float: right;
    /*width: 500px;*/
    margin: 40px 0 0 0;
}

.l-container-img {
    width: 747px;
    margin: 40px 0 0 0;
    overflow: hidden;
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
    .l-container-img {
        width: 600px;
    }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1360px) {

    .l-container-img {
        width: 65%;

    }
}

.l-loginBox {
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-shadow: rgb(0 0 0 / 30%) 0 0 10px;
    -moz-box-shadow: #000 0 0 10px;
    box-shadow: rgb(0 0 0 / 30%) 0 0 10px;


    background-color: #fff;
    opacity: 0.96;
    border-radius: 4px;


}

.l-loginBox-show {
    display: block;
    visibility: visible;
}

.l-loginBox-hidden {
    display: none;
    visibility: hidden;
}

.l-loginBox-title {

    font-size: 20px;
    text-align: center;
    padding: 20px 10px 12px 15px;
    font-weight: 100;
    color: #333;
    background: 0;
    margin-left: 0;


    font-size: 18px;
    text-align: left;
    background-color: #f0f0f0;
}

.loginBox-title {
    font-weight: 600;
    display: inline-block;
}

.l-loginTit {
    line-height: 55px;
    font-size: 20px;
    color: #545454;
    text-align: center;
    letter-spacing: 1px;
    margin: 0;
    font-weight: bold;
}

.l-login-cont {
    padding: 0 26px;
    font-size: 16px;
}

.l-promptBox {
    color: #ff7c08;
    line-height: 50px;
    min-height: 20px;
}

.l-inputBox {
    width: 320px;
    height: 46px;
    line-height: 46px;
    border: 1px solid #d7d7d7;
    margin-bottom: 14px;

}

.l-inputBox-short {
    display: inline-block;
    width: 200px;

}

.l-userLi {
    background: url(../img/userIcon.png) no-repeat 12px 14px;
}

.l-inputLi {
    padding-left: 50px;
}

.l-inputLi-captcha {
    padding-left: 50px;
}

.l-inputLi-captcha > img {
    display: inline-block;
    float: right;
    width: 115px;
    height: 44px;
}

.l-inputLi-captcha > .l-input-text {
    display: inline-block;
    width: 105px;
}

.on-active {
    border: 1px solid #66afe9;
}

.l-input-text {
    line-height: 42px;
    height: 41px;
    width: 100%;
    border: 1px solid transparent;
    outline: none;
}

.l-input-smsVerifyCode {
    line-height: 42px;
    height: 41px;
    width: 95%;
    border: 1px solid transparent;
    outline: none;
}

#loginForm .capslock {
    display: none;
    position: absolute;
    width: 140px;
    top: 45px;
    left: 67px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    background: #fcf6ac;
    font-size: 12px;
    text-align: center;
}

.l-passLi {
    background: url(../img/passIcon.png) no-repeat 12px 10px;
}

.l-mobiePhoneLi {
    background: url(../img/mobiePhone.png) no-repeat 12px 14px;
}

.l-captchaLi {
    background: url(../img/captcha26.png) no-repeat 12px 10px;
}

.l-smsVerifyCodeLi {
    background: url(../img/smsCode.png) no-repeat 14px 14px;
}

.l-L-inputLi {
    padding-left: 50px;
}


.pass-item-timer, .pass-item-time-timing {
    display: inline;
    float: contour;
    font-size: 16px;
    transition: .3s;
    color: #09aaff;
    border: none;
    background-color: #fff;
    cursor: pointer;

}

.pass-item-timer:hover,
.pass-item-timer:focus {
    color: #157ab5;
}


.l-submitBtn {
    padding-top: 6px;
}

.l-login-subBtn {
    background-color: #2fa4e7;
    text-align: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: 4px;
    width: 320px;
    height: 48px;
    line-height: 48px;
    border: 1px solid transparent;
}

.l-login-subBtn:active,
.l-login-subBtn:hover {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(78, 178, 235, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(78, 178, 235, 0.5);
}

.l-login-subBtn[disabled] {
    cursor: not-allowed;
    background-color: rgba(78, 178, 235, 0.5);
}

.l-errMsgBox {

}

.l-errMsgBox-inner {
    position: relative;
    color: red;
    font-size: 0.8em;
}

.l-lBox-btt {
    text-align: center;
    padding: 20px 0;
    font-size: 12px;
}

.l-lBox-btt a {
    color: #666;
    line-height: 18px;
    font-size: 14px;
}

.l-noticBox {
    margin-top: 14px;
    margin-bottom: 15px;
}

.l-noticBox .l-noticTit {
    border-bottom: 1px solid #d7d7d7;
    line-height: 40px;
    color: #333;
    width: auto;
    background: #f0f0f0;
    border-radius: 4px 4px 0 0;
    opacity: 0.94;
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    font-weight: bold;
}

.l-noticTit a {
    font-size: 12px;
    color: #666;
}

.l-noticBox a {
    text-decoration: none;
}

.l-noticPic {
    width: 16px;
    padding-right: 4px;
    padding-bottom: 3px;
    vertical-align: middle;
}

.l-noticIcon{
    position: relative;
    top: 3px;
    left: 0;
}
.l-noticIcon:before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAARBJREFUOE+tk2FRw0AQhd8qAAdFQnGQp4A4ICggDigK2iogEurgFQd1AHWAg8dsuDKZZNpMB/bPZbJ73+29exv4Y8TcfkkVgEcAW5KHcf1ZgKQ7AGvbBHCIiD3J1SxA0i2AZwBZvC1rmxtPAEk1gDcA9yFpCeBhQG5sHyOiIfmZ/yX1JydAUme7LvldAla2q2yxrAeS/YmnGAEy15H8ynwPGNB/v88BJhpcC5CUHdwU0PvVHRRACp3xo8F/XGFhu0tlARzH7z0nYm17qPoyItYkX8+8wsZ2ExEvJLcTJ6YvbG8iYgHgieR+2EHxRVVq6ktWTkOtIuIDQBpqcrXeB5eGqdi6LS23JHezszA3neP8N3IkwrX0fY1kAAAAAElFTkSuQmCC") ;
}

.l-noticBott {
    padding-bottom: 20px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    opacity: 0.92;
    /*overflow: auto; */
}

ul.l-noticTxtBox {
    list-style: none;
    padding: 5px 20px 0 20px;
    overflow: hidden;
    border-bottom: 1px solid #eaeaea;

}ul.l-noticTxtBox li{
     display: flex;
     justify-content: space-between;
     flex-wrap: nowrap;

}

a.l-noticTxt {
    display: inline-block; /*内联对象需加*/
    max-width: 290px;
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。IE, Safari (WebKit)IE, Safari (WebKit)*/
    -o-text-overflow: ellipsis; /* 兼容Opera */
    line-height: 30px;
    color: #333;
}


.l-noticBox a:hover {
    color: #ff7c08;
}

.l-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.l-footer-static {
    position: static;
}

.l-copyright {
    font-size: 14px;
}

.l-copyright {
    line-height: 55px;
    color: #545454;
    background-color: #fff;
}

.m-eye {
    display: block;
    position: absolute;
    padding: 0 10px;
    top: -1px;
    right: 0;
    font-size: 18px;
}

.m-eye:hover {
    cursor: pointer;
}

.m-eye .fa {
    color: #999999;
}

#pwdtext {
    display: none;
}

.eyeactive > #pwdtext {
    display: block;
}

.eyeactive > #password {
    display: none;
}

@supports (-ms-ime-align:auto) {
    .m-eye {
        display: none !important;
    }
}