.el-header {
    height: 95px !important;
    padding-left:0;
    /* padding-top: 20px; */
}
.header-box{
    position: relative;
}
.header-box>div>p{
    /* color: #b01313; */
    color: #cd0001;
    /* color: #b41e1e; */
    /* color:red; */
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin: 0;
}
.header-tips{
    position: absolute;
    left: 555px;
    bottom: 15px;
}
.el-header img {
    height: 95px;
}

.el-footer {
    width: 100%;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    padding-top: 3%;
}

body {
    margin: 0;
}

.el-main {
    width: 100%;
    /* height: 400px; */
    height: 390px;
    background-size: 100%;
    /* background: url(/sag_static/idp/IMG_7114.PNG) repeat fixed top; */
    background: url(../IMG_7114.PNG) repeat fixed top;
    padding: 0 20px;
    overflow: visible;
    position: relative;
}
.box-main{
    width: 960px;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.login-main {
    height: auto;
    width: 960px;
    display: flex;
    /* padding-top: 15px; */
    position: absolute;
    /* right: 0; */
    top: 15px;
    left: 50%;
    margin-left: -480px;
}

.main-bg-wrap {
    /* width:785px; */
    /* max-width: 785px; */
    width: 58%;
    /* min-width: 785px; */
    height: 100%;
    /* float: right; */
    /* margin-right: 35%; */
    background: url(../IMG_7113.jpg) no-repeat center;
    /* background: url(/sag_static/idp/IMG_7113.jpg) no-repeat center; */
    background-size: 785px 100%;
}
/* 退出登录页面---start */
.logout .el-main{
    background: #2090d8;
}
.loginOutBt{
    text-align: center;
    padding-top: 15px;
}
.loginOutBox {
    /* width: 300px; */
    width: 550px;
    height: 275px;
    padding: 20px;
    background-color: #f3fbfd;
    border-radius: 3px;
    float: right;
    -webkit-box-shadow: 0px 5px 5px #195c91;
    -moz-box-shadow: 0px 5px 5px #195c91;
    margin-top: 40px;
    font-size: 16px;
    color: #666666;
}
.loginoutMain {
    position: absolute;
    /* width: 1160px; */
    width: 590px;
    left: 50%;
    margin-left: -180px;
    /* margin: 0px auto 0 auto; */
}
.loginoutMain .urlBox{
    font-size: 14px;
}
.loginoutMain .urlBox>span{
    padding-right: 30px;
}
.loginoutMainBg {
    width: 100%;
    height: 390px;
    min-width: 980px;
    background: #2090d8 url(../loginout_mainbg.jpg) no-repeat center center;
}
a.loginBt {
    display: block;
    margin: 20px 0px;
    height: 49px;
    line-height: 49px;
    font-size: 20px;
    /* font-weight: bold; */
    text-align: center;
    background: url(../loginbt.png) repeat-x 0 0;
    border-radius: 5px;
    border: #208ad6 1px solid;
    text-decoration: none;
}
.white{
    color: #fff;
}
.loginOutcon {
    height: 130px;
    overflow-y: auto;
    margin: 5px 0;
    padding: 18px 18px;
    background-color: #ffffff;
    border-radius: 3px;
    border: #cad2d7 1px solid;
}
.tit.blue{
        color: #008aff;
}
.main-bg-wrap.main-bg-logout{
    background: url(../login_mainbg.jpeg) #2090d8 no-repeat center;
    width: 100%;
}
/* 退出登录页面---end */

/* 短信关闭提示 */
.tips-box{
    position: relative;
    width: 960px;
    left: 50%;
    margin-left: -480px;
}
.msg-tips-wrap{
    position: absolute;
    top: -95px;
    z-index: 999;
    right: -25px;
    width: 246px;
    height: 114px;
    padding-top: 20px;
    background: url(../qpicon-1.png) no-repeat center;
    background-size: 100%;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
}
.tips-box .el-checkbox__input.is-checked+.el-checkbox__label{
    color: #606266;
}
.tips-box .el-checkbox__label{
    font-size: 12px;
}
.tips-box .el-checkbox__inner{
    border: 1px solid #666;
    width: 12px;
    height: 12px;
}
.msg-tips-wrap p {
    width: 220px;
    line-height: 120%;
    margin: 0 auto;
    color: #606266;
}
.msg-tips-wrap .is-show{
    margin-top: 5px;
}
.msg-tips-wrap .tips-close{
    position: absolute;
    right: -20px;
    top: -5px;
    width: 30px;
    height: 30px;
    background: url(../closeicon.png) no-repeat center;
    background-size: 100%;
    cursor:pointer;
}

.el-tabs--border-card {
    height: 356px;
}

.el-col-24 {
    margin: 5px 0px;
}

/* 新增文字区域样式 */
.text-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 200px;
    width: 380px;
    text-align: center;
    position: absolute;
    left: 10%;
    top: 25%;
    color: #ff0000;
    font-size: 45px;
    box-sizing: border-box;
    letter-spacing: 1px;
}

/*提示框样式*/
.warningBox {
    width: 335px;
    margin-top: 60px;
    /* float: right; */
    padding-right: 35px;
    position: absolute;
    right: 370px;
}

.warningBg {
    width: 350px;
    margin: 15px 0;
    line-height: 22px;
    border-radius: 5px;
    padding: 8px 10px 8px 0px;
    /* background: url(/sag_static/idp/images/warning_bg.png) repeat 0 0; */
    background: url(../images/warning_bg.png) repeat 0 0;
    position: relative;
    visibility: hidden;
}

.warningBg.errorInfo {
    position: absolute;
    top: 0;
}

.warningBg.is-visible {
    visibility: visible;
}

.tab-box__flex {
    position: absolute;
    right: 0;
    width: 365px;
    height: 356px;
}

.closeBt {
    display: block;
    width: 32px;
    height: 22px;
    float: left;
    /* background: url(/sag_static/idp/images/close_bt.png) no-repeat center center; */
    background: url(../images/close_bt.png) no-repeat center center;
    cursor: pointer;
}

.warningArr {
    display: block;
    width: 6px;
    height: 30px;
    /* background: url(/sag_static/idp/images/warningArr.png) no-repeat 0 0; */
    background: url(../images/warningArr.png) no-repeat 0 0;
    position: absolute;
    right: -6px;
    top: 0px;
    z-index: 1;
}

.wColor1 {
    color: #ff8400;
}

.warningTxt {
    overflow: hidden;
    line-height: 22px;
    font-size: 14px;
}

/* 输入框跟身份认证样式保持一致 */
.el-tabs--border-card {
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 5px #195c91;
    background-color: #f3fbfd;
    border: none;
}

.el-tabs--border-card > .el-tabs__header {
    background-color: #1870a0;
    /* border-color: #1870a0; */
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    height: 50px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-sizing: border-box;
    padding:0 !important;
}

.el-tabs--border-card>.el-tabs__header{
    border-bottom: 1px #f3fbfd solid;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    background-color: #f3fbfd;
    border: none;
}

.el-tabs__nav-scroll{
    height: 50px;
    overflow: hidden;
}
.el-tabs__nav{
    height: 50px;
}

.icon-bg {
    display: inline-block;
    width: 74px;
    height: 32px;
    /* background-image: url(/sag_static/idp/images/login_tab.png); */
    background-image: url(../images/login_tab.png);
    background-repeat: no-repeat;
    margin: 10px 0;
    border-right: #468db3 1px solid;
    overflow: hidden;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active .icon-bg{
    /* border-right: #f3fbfd 1px solid; */
    border: none;
}
.icon-bg.user-icon {
    background-position: center -190px;
}

.el-tabs__item.is-active .icon-bg.user-icon {
    background-position: center -429px;
}

.el-tabs__item.is-active .icon-bg.otp-icon {
    background-position: center -368px;
}

.el-tabs__item.is-active .icon-bg.code-icon {
    background-position: center -803px;
}

.icon-bg.otp-icon {
    background-position: center -129px;
}

.icon-bg.code-icon {
    background-position: center -736px;
}

.icon-wrap {
    height: 50px;
}

.input-icon {
    display: inline-block;
    /* width: 36px;
    height: 25px; */
    width: 25px;
    height: 25px;
    background-image: url(../images/login_ico.png);
    /* background-image: url(/sag_static/idp/images/login_ico.png); */
    background-repeat: no-repeat;
}

.input-icon.account-icon {
    background-position: 0 0;
}

.input-icon.msg-icon {
    background-position: 0 -210px;
}

.input-icon.pwd-icon {
    background-position: 0 -35px;
}

.input-icon.otp-input-icon {
    width: 30px;
    background-position: 0 -175px;
}

#app .el-input__inner {
    height: 40px;
}

.el-input-group__append, .el-input-group__prepend {
    background-color: #fff;
    padding: 0;
    width: 65px;
    text-align: center;
}

#login, #login_one {
    /* background: url(/sag_static/idp/images/loginbt.png) repeat-x 0 0; */
    background: url(../images/loginbt.png) repeat-x 0 0;
    height: 49px;
    font-size: 20px;
}

/* #login_one {
    margin-top: 20px;
} */

.tab-box__flex .el-tabs__content{
    padding: 20px;
    overflow: visible;
}

.no-border{
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border: #cad2d7 1px solid;
}
.code-msg{
    width: 205px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
}
.code-msg .el-input-group__prepend, .code-msg .el-input__inner{
    border:none;
}

.no-border-top{
    border-top: none;
}
.no-border-input .el-input-group__prepend, .no-border-input .el-input__inner{
    border:none;
    height: 25px !important;
    line-height: 25px !important;
    box-sizing: border-box;
}

.no-border-input .el-input-group__prepend{
    height: 13px !important;
    line-height: 13px !important;
    box-sizing: border-box;
    width: 45px;
    box-sizing: border-box;
}

.no-border-input .el-input__inner{
    border-left: #cad2d7 1px solid;
    color: rgb(51, 51, 51);
    font-size: 14px;
    font-family: 'STHeiti','Microsoft YaHei','宋体','arial';
}

.el-input__icon{
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../images/login_ico.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.el-input__icon.btn-del{
    background-position: 0 -105px;
}
.el-input__icon.btn-eye{
    background-position: 0 -140px;
}

#xinxi {
    background-color: #1870a0;
    color: #fff;
    font-size: 16px;
    height: 40px;
    width: 110px;
    text-align: center;
    box-sizing: border-box;
}

/* #xinxi.is-disabled {
    background-color: #ccc;
} */

.code-main {
    text-align: center;
    box-sizing: border-box;
    padding-top: 19px;
}

.code-img-box {
    width: 220px;
    height: 220px;
    background-color: #fff;
    margin: auto;
}

.code-info-link {
    display: inline-block;
    margin: 20px auto 0;
    color: #566570;
    font-size: 14px;
}

.tips-text{
    line-height: 150%;
    color: #ff0000;
    font-size: 14px;
    padding-top: 10px;
    /* text-align: center; */
}