/*表单模块样式*/
#toast_load-container_div{
    background-size: cover !important;
    width: 100%;
    min-width: 1200px;
    height: 640px;
    min-height: 640px;
    background-size: auto 570px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    transition: all 300ms;
    z-index: 9999;
    background: none;
    border: 0;
}
#toast_load-container_div .left-partText{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-top:12px;
    text-align: center;
}

#toast_load-container_div .login_form{
    width: 480px;
    min-height: 540px;
    background: #fff;
    padding-top: 40px;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
.login_form .form_inner .from-content{
    width: 380px;
    margin: 0 auto;
}
/*切换登录方式图标*/
#toast_load-container_div .change_style{
    position: absolute;
    right: 10px;
    top: 10px;
}
#toast_load-container_div .change_style:hover .icon-tips-login{
    display: block;
}
#toast_load-container_div .change_style>i{
    width: 50px;
    height: 50px;
    background-size: 100%;
    cursor: pointer;
    opacity: 0.8;
}
#toast_load-container_div .change_style i:hover{opacity:1;}
#toast_load-container_div .change_style .er_code-img{
    background-image: url("../images/er_code_enter.png");
}
#toast_load-container_div .change_style .password-img{
    background-image: url("../images/password_enter.png");
}

.password-phone-login,
.er-code-login{
    height: 300px;
}
/*标题部分*/
#toast_load-container_div .login-wrap .title{  margin-bottom: 32px;  }
#toast_load-container_div .title a{
    padding-bottom:5px;
    margin-right: 50px;
    font-size: 20px;
}
#toast_load-container_div .title a.active{
    border-bottom:2px solid #4B79D6;
    color: #4B79D6;
    font-weight: bold;
}
/*输入部分*/
#toast_load-container_div .form_inner .input_box{
    width: 100%;
    /* display: inline-block; */
    position: relative;
    margin-bottom: 22px;
}
/*输入框左侧图标*/
#toast_load-container_div .form_inner i.pwd{
    display: block;
    position: absolute;
    right: 14px;
    top: 12px;
    width: 24px;
    height: 24px;
}
#toast_load-container_div .form_inner i.see-password{
    background: url(../images/browse.svg) no-repeat;
    background-size: cover;
}
#toast_load-container_div .form_inner i.hide-password{
    background: url(../images/eye-close.svg) no-repeat;
    background-size: cover;
}
#toast_load-container_div .form_inner .input_box input{
    width: 100%;
    height: 48px;
    padding: 0 16px;
}
/*错误提示文字*/
#toast_load-container_div .form_inner .error-tips{
    display: none;
    width: 100%;
    color: #DF2426;
    font-size: 14px;
    margin-top:6px;
}
/*自动登录&&忘记密码按钮样式*/
.forget_passwordBox{
    display: flex;
    justify-content: space-between;
}
/*登录按钮*/
#toast_load-container_div .form_inner .enter_btn{
    position: relative;
    margin: 24px 0 30px 0;
}
#toast_load-container_div .form_inner .enter_btn .btn{
    display: block;
    width: 100%;
    line-height: 50px;
    height: 50px;
    font-size: 22px;
    letter-spacing: 2px;
}
/*其他登录方式*/
.other-enter-type{
    /*margin-top: 30px;*/
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.other-enter-typeText,
.other-enter-type .other-type-list>a{
    display: flex;
    align-items: center;
}
.other-enter-type .gray-line{
    height: 0;
    border-top:1px solid #DADCE0;
    flex-grow: 1;
}
.other-enter-type .very-light-color{margin:0 10px;font-size: 16px;}
.other-enter-type .other-type-list{
    margin-top:24px;
    display: flex;
    align-items: center;
}
.other-enter-type .other-type-list .weiXin{margin-right: 60px;}
.other-enter-type .other-type-list .weiXin:hover{color: #00C758 !important;}

/*二维码*/
#toast_load-container_div .form_inner .enter_code_img{
    margin: 0 auto;
    text-align: center;
    padding: 4px 0 28px 0;
    position: relative;
}
/*错误提示文字*/
#toast_load-container_div .form_inner .enter_code_img label{
    position: absolute;
    top: 160px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #DF2426;
    font-size: 13px;
}
#toast_load-container_div .form_inner .enter_code_img img{
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 160px;
}
/* 获取验证码按钮 */
.get-code-btn{
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    flex-shrink: 0;
    border:1px solid #4B79D6;
    background-color: #F1F6FE;
    border-radius: 4px;
    margin-left: 10px;
    color: #4B79D6;
    font-size: 16px;
    box-sizing: border-box;
}
.validate-code{
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    flex-shrink: 0;
    margin-left: 10px;
    color: #4B79D6;
    font-size: 16px;
}
/* 二维码登陆 */
.er-code-login .title,
.register-wrap .title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #4B79D6;
}
.er-code-login .code-img{
    margin-top: 49px;
    position: relative;
}
.open-scm-app-txt{
    margin: 20px 0;
    display: flex;
    justify-content: center;
    font-size: 16px;
}
.er-code-login .line{
    height: 16px;
    width: 1px;
    background-color: #383A40;
    margin: 0 8px;
}
/* 二维码失效之后出现白色蒙版 */
.er-code-invalid{
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    width: 142px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
}
.er-code-invalid .btn{
    margin-top: 15px;
    font-weight: normal;
}
/* 注册按钮&&下载之友按钮 */
.login_form_footer{
    /* position: absolute;
    bottom: 0; */
    background-color:#FAFAFA;
    padding: 17px 50px;
    /* width: 100%; */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-top: 35px; */
}
/* 下载科研之友app按钮 */
.download-app-btn{
    display: flex;
    align-items: center;
    color: #666D7F;
}
.download-app-btn>img{margin-right: 6px;}


/* 注册表单 */
.register-wrap .title{margin-bottom: 20px;}
.register-wrap .fill-name{
    display: flex;
}
.register-wrap .fill-name input:first-child{
    margin-right: 10px;
    width: 120px;
}
.register-wrap .register_btn{
    position: relative;
    margin: 24px 0 18px 0;
}
.register-wrap .register_btn .btn{
    display: block;
    width: 100%;
    line-height: 50px;
    height: 50px;
    font-size: 22px;
    letter-spacing: 8px;
}
.register_form_footer{
    height: 70px;
    background-color:#FAFAFA;
    padding: 17px 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
}
.login_reg_img {
    width: auto;
    height: auto;
}




#toast_load-container_div h1, #toast_load-container_div h2, #toast_load-container_div h3, #toast_load-container_div h4, #toast_load-container_div h5, #toast_load-container_div h6,#toast_load-container_div b,#toast_load-container_div strong{font-weight: normal;font-size: 15px;}
/* 设置默认字体大小 */
#toast_load-container_div button, #toast_load-container_div input, #toast_load-container_div select, #toast_load-container_div textarea { /* for ie */  font-size: 15px;  box-sizing: border-box;  }
/* 重置列表元素 */
#toast_load-container_div ul, #toast_load-container_div ol,#toast_load-container_div li { list-style: none; }

/* 重置文本格式元素 */
#toast_load-container_div a { display: inline-block;text-decoration: none;cursor: pointer;}
#toast_load-container_div a:hover {text-decoration: none; color: #4B79D6;}
#toast_load-container_div img,#toast_load-container_div i{cursor: pointer;}
#toast_load-container_div span,#toast_load-container_div i{display: inline-block}
/* 重置表单元素 */
#toast_load-container_div fieldset, #toast_load-container_div img { border: none; } /* img ：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
#toast_load-container_div button {  font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */  }
#toast_load-container_div input[type=text], #toast_load-container_div select{height: 36px;}
#toast_load-container_div input, #toast_load-container_div select, #toast_load-container_div textarea{
    border: 1px solid #DADCE0;
    border-radius: 4px;
    background: #fff;
    color: #383A40;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
    filter: none !important;/*input去除火狐的黄色底色*/
}
/*input清除IE浏览器输入框输入时出现X和密码框输入时出现眼睛*/
#toast_load-container_div input::-ms-clear ,#toast_load-container_div input::-ms-reveal{ display: none;}
/*input清除谷歌浏览器是黄色底*/
#toast_load-container_div input:-webkit-autofill {  -webkit-box-shadow: 0 0 0 100px white inset !important;  }
/* 修改select的默认箭头 */
#toast_load-container_div select{  resize: none; padding:0 0 0 4px; }
#toast_load-container_div textarea{height: 100px;width:100%;resize: none;display: block;  overflow: hidden;  line-height: 1.4;}
/*
**input,select,textarea禁止输入样式**
*/
#toast_load-container_div input:disabled,
#toast_load-container_div select:disabled,
#toast_load-container_div textarea:disabled{background-color: #F8F9FC;color: #999CAB;cursor: not-allowed;}
#toast_load-container_div input:disabled:hover,
#toast_load-container_div select:disabled:hover,
#toast_load-container_div textarea:disabled:hover{border-color:#DADCE0;}
/*
**input,select,textarea鼠标移入和获取焦点样式**
*/
#toast_load-container_div input:hover,#toast_load-container_div textarea:hover,#toast_load-container_div select:hover{border-color: #4B79D6;outline: none;}
#toast_load-container_div input:focus,#toast_load-container_div textarea:focus,#toast_load-container_div select:focus{border-color: #4B79D6;outline: none;}
#toast_load-container_div button:active,#toast_load-container_div button:focus{outline: none;}
/*
**修改placeholder字体颜色**
*/
#toast_load-container_div input::-webkit-input-placeholder,
#toast_load-container_div select::-webkit-input-placeholder,
#toast_load-container_div textarea::-webkit-input-placeholder{ color:#AAAEB3 !important;}
#toast_load-container_div input:-moz-placeholder{ color:#AAAEB3;}
#toast_load-container_div input::-moz-placeholder{ color:#AAAEB3;}
#toast_load-container_div input:-ms-input-placeholder{ color:#AAAEB3;}
/*
**单选框和复选框样式**
*/
#toast_load-container_div input[type=radio]{
    width: 16px!important;
    height: 16px!important;
    margin:-2px 3px 0 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
}
#toast_load-container_div input[type=checkbox]{
    width: 16px!important;
    height: 16px!important;
    margin: -2px 3px 0 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
}
/*布局*/
#toast_load-container_div .df{display: flex;}
#toast_load-container_div .df-ac{display: flex;align-items: center;}
#toast_load-container_div .df-jb{display: flex;justify-content: space-between;}
#toast_load-container_div .df-jc{display: flex;justify-content:center;}
#toast_load-container_div .df-je{display: flex;justify-content:flex-end;}
#toast_load-container_div .df-ac-jb{display: flex;align-items: center;justify-content:space-between;}
#toast_load-container_div .df-ac-jc{display: flex;align-items: center;justify-content:center;}
#toast_load-container_div .df-ac-je{display: flex;align-items: center;justify-content:flex-end;}
/*颜色*/
#toast_load-container_div .main-color{color: #4B79D6;}
#toast_load-container_div a.main-color:hover{  opacity: 0.8;  }
#toast_load-container_div .normal-color{color: #383A40;}
#toast_load-container_div .light-color{color: #666D7F}
#toast_load-container_div .very-light-color{color: #999CAB}
#toast_load-container_div .white-color{color: #fff}
#toast_load-container_div .green_color{color: #00A94B}
#toast_load-container_div .red_color,
#toast_load-container_div a.red_color:hover{color: #F1403C}
/*背景*/
#toast_load-container_div .white-bg{background-color: #fff;}
#toast_load-container_div .bg-98c{background-color: #F8F9FC;}
/*虚线边框*/
#toast_load-container_div .dashed-border{border: 1px dashed #999CAB;}
/*绿色背景--仅限于给文字添加背景色----验证通过*/
#toast_load-container_div .bg-transparent-green{
    background: rgba(0,199,88,0.3);
    display: inline;
    line-height: 20px;
}
/*黄色背景--仅限于给文字添加背景色 ----遗存记录*/
#toast_load-container_div .bg-transparent-yellow{
    background: rgba(255,186,0,0.3);
    display: inline;
    line-height: 20px;
    position: relative;
}
#toast_load-container_div .bg-transparent-red{
    background: rgba(241,64,60,0.2);
}

/*字体大小*/
#toast_load-container_div .f13{font-size: 12px}
#toast_load-container_div .f14{font-size: 14px}
#toast_load-container_div .f16{font-size: 16px}
#toast_load-container_div .f18{font-size: 18px}
#toast_load-container_div .f20{font-size: 20px}
/*文字方向*/
#toast_load-container_div .align-left{text-align: left!important;}
#toast_load-container_div .align-center{text-align: center!important;}
#toast_load-container_div .align-right{text-align: right!important;}
/*文字加粗*/
#toast_load-container_div .text-bold{font-weight:bold;}
/*内边距*/
#toast_load-container_div .padding-all{padding:20px;}
#toast_load-container_div .padding-top-bottom{padding:20px 0;}
#toast_load-container_div .padding-left-right{padding:0 20px;}
/*外边距*/
#toast_load-container_div .margin-top{margin-top:20px;}
#toast_load-container_div .margin-top-s{margin-top:10px;}
#toast_load-container_div .margin-left-s{margin-left:5px;}
#toast_load-container_div .margin-left{margin-left:10px;}


#toast_load-container_div .btn-group{display: flex;flex-wrap: wrap}
#toast_load-container_div .btn-group>.btn{
    margin-left: 10px;
}
#toast_load-container_div .btn-group>.btn:first-child{margin-left: 0}
/* 按钮 */
#toast_load-container_div .btn{
    height: 36px;
    background:#fff;
    border:1px solid #DADCE0;
    border-radius: 4px;
    text-align: center;
    color:#383A40;
    min-width: 80px;
    padding: 0 12px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
#toast_load-container_div a.btn{line-height: 34px;}
/*主要按钮*/
#toast_load-container_div .primary{
    background: #4B79D6;
    border-color: #4B79D6;
    color: #fff;
}
#toast_load-container_div .primary:hover{
    background: #1B73E8;
    border-color: #1B73E8;
    color: #fff;
}
/*信息按钮*/
#toast_load-container_div .info-primary{
    background: #FFFFFF;
    border: 1px solid #4B79D6;
    color: #4B79D6
}
#toast_load-container_div .info-primary:hover{
    background: #F0F7FF;
    border: 1px solid #1B73E8;
    color: #4B79D6;
}
#toast_load-container_div .info-normal{
    border-color: #999CAB;
    color: #383A40;
}
#toast_load-container_div .info-normal:hover{
    background-color: #EFF2F7;
    border-color: #666D7F;
    color: #383A40
}
#toast_load-container_div .info-success{
    background: #00C758;
    border-color: #00C758;
    color: #FFFFFF;
}
#toast_load-container_div .info-success:hover{
    background: #05A84A;
    border-color: #05A84A;
}
/*禁用按钮---实心*/
#toast_load-container_div .disabled-solid{
    background: #DADCE0;
    border-color: #DADCE0;
    color: #fff;
    cursor: not-allowed;
}
#toast_load-container_div .disabled-solid:hover{
    background: #DADCE0;
    border-color: #DADCE0;
    color: #fff;
}
/*禁用按钮----空心*/
#toast_load-container_div .disabled-hollow{
    background: #FCFCFC;
    border: 1px solid #DADCE0;
    color: #DADCE0;
    cursor: default;
}
#toast_load-container_div .disabled-hollow:hover{
    background: #FCFCFC;
    border: 1px solid #DADCE0;
    color: #DADCE0;
}



/* 搜索图标 */
#toast_load-container_div .search-icon{
    width: 16px;
    height: 16px;
    background: url(../images/search-icon.svg) no-repeat;
    background-size: cover;
}


/* 单行文本溢出省略 */
#toast_load-container_div .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* 两行文本省略号 */
#toast_load-container_div .line-clamp2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#toast_load-container_div .w1200{
    width: 1200px;
    margin:0 auto;
}
#toast_load-container_div .w1400{
    width: 1400px;
    margin: 0 auto
}
/*必要字段提示*/
#toast_load-container_div .must{
    color: #F1403C;
    margin-right: 2px;
    font-weight: bold;
}




/* 复选框checkbox */
#toast_load-container_div .select-check{
    display: flex;
    align-items: center;
    cursor: pointer;
}
#toast_load-container_div .select-check:hover .check_fx{
    border-color: #4B79D6;
}
#toast_load-container_div span.check_fx {
    display: inline-block;
    position: relative;
    border: 1px solid #DADCE0;
    border-radius: 2px;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    background: #fff;
    margin-right: 3px;
}
/* .ipt-hide {
    opacity: 0;
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
} */
#toast_load-container_div .treeActive .check_fx{
    border-color: #4B79D6;
    background: #4B79D6 url(../images/check.svg) no-repeat center;
    background-size: 12px;
}
/* 复选框checkbox end*/

/* 图标文字提示气泡--白色 */
#toast_load-container_div .tips-popover{
    position: absolute;
    z-index: 9;
    display: none;
    background-color: #fff;
}
#toast_load-container_div .tips-popover .tip-triangle{
    position: absolute;
    background: #FFFFFF;
    border-left: 1px solid #E2E5EC;
    border-top: 1px solid #E2E5EC;
    width: 10px;
    height: 10px;
}
#toast_load-container_div .tips-popover .tip-txt-info{
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
     border-radius: 3px;
     /* color: #4B79D6; */
     padding: 8px 12px;
     text-align: center;
     line-height: 20px;
     display: inline-block;
     white-space: nowrap;
 }

#toast_load-container_div .tips-popover .tip-txt-info-dev{
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    /* color: #4B79D6; */
    padding: 8px 12px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
}

/* 登陆表单，气泡在元素的左侧 */
#toast_load-container_div .icon-tips-login {
    top: calc(50% - 15px);
    right: calc(50% + 7px);
}
#toast_load-container_div .icon-tips-login .tip-triangle{
    transform: rotate(135deg);
    right: -6px;
    top: calc(50% - 5px);
}
/* 邮箱错误提示 */
#toast_load-container_div .tips-popover.right{
    left: calc(100% + 14px);
    top: 6px;
}
#toast_load-container_div .tips-popover.right .tip-triangle{
    left: -6px;
    transform: rotate(-45deg);
    top: calc(50% - 6px);
}
#toast_load-container_div .loginClose {
    position: absolute!important;
    top: -22px!important;
    right: -22px!important;
    background-color: #555;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-image: url("../images/closemin.png");
    background-repeat: no-repeat;
    background-position: 6px 6px;
    border: #fff 2px solid;
    cursor: pointer;
    margin: 0px;
    padding: 0px !important;
    box-sizing: border-box;
}
#toast_load-container_div .loginClose:hover {
    background-color: #DF2426;
}

#toast_load-container_div .Blue {
	color: #1265cf;
}

#toast_load-container_div .tips-popover-length {
    top: -5px !important;
}
#toast_load-container_div .tips-popover .tip-txt-info-length {
    text-align: left;
    white-space: normal;
    width: 325px;
}

/*#toast_load-container_div .close {*/
    /*position: absolute;*/
    /*top: -15px;*/
    /*right: -20px;*/
    /*width: 30px;*/
    /*height: 30px;*/
    /*background: transparent url(../images/fancybox.png) -40px 0;*/
    /*cursor: pointer;*/
    /*z-index: 1103;*/
/*}*/