/* 清除内外边距 */
*{  margin: 0;  padding: 0;}
body{background-color: #F0F2F5;}
html, body{width: 100%;height:100%;color: #383A40;font-size: 15px;min-width: 1280px}
h1, h2, h3, h4, h5, h6,b,strong{font-weight: normal;font-size: 15px;}
/* 设置默认字体大小 */
button, input, select, textarea { /* for ie */  font-size: 15px;  box-sizing: border-box;  }
/* 重置列表元素 */
ul, ol,li { list-style: none; }

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

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


.btn-group{display: flex;flex-wrap: wrap}
.btn-group>.btn{
    margin-left: 10px;
}
.btn-group>.btn:first-child{margin-left: 0}
/* 按钮 */
.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;
}
a.btn{line-height: 34px;}
/*主要按钮*/
.primary{
    background: #4B79D6;
    border-color: #4B79D6;
    color: #fff;
}
.primary:hover{
    background: #1B73E8;
    border-color: #1B73E8;
    color: #fff;
}
/*信息按钮*/
.info-primary{
    background: #FFFFFF;
    border: 1px solid #4B79D6;
    color: #4B79D6
}
.info-primary:hover{
    background: #F0F7FF;
    border: 1px solid #1B73E8;
    color: #4B79D6;
}
.info-normal{
    border-color: #999CAB;
    color: #383A40;
}
.info-normal:hover{
    background-color: #EFF2F7;
    border-color: #666D7F;
    color: #383A40
}
.info-success{
    background: #00C758;
    border-color: #00C758;
    color: #FFFFFF;
}
.info-success:hover{
    background: #05A84A;
    border-color: #05A84A;
}
/*禁用按钮---实心*/
.disabled-solid{
    background: #DADCE0;
    border-color: #DADCE0;
    color: #fff;
    cursor: not-allowed;
}
.disabled-solid:hover{
    background: #DADCE0;
    border-color: #DADCE0;
    color: #fff;
}
/*禁用按钮----空心*/
.disabled-hollow{
    background: #FCFCFC;
    border: 1px solid #DADCE0;
    color: #DADCE0;
    cursor: default;
}
.disabled-hollow:hover{
    background: #FCFCFC;
    border: 1px solid #DADCE0;
    color: #DADCE0;
}



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


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




/* 复选框checkbox */
.select-check{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.select-check:hover .check_fx{
    border-color: #4B79D6;
}
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;
} */
.treeActive .check_fx{
    border-color: #4B79D6;
    background: #4B79D6 url(../images/check.svg) no-repeat center;
    background-size: 12px;
}
/* 复选框checkbox end*/

/* 图标文字提示气泡--白色 */
.tips-popover{
    position: absolute;
    z-index: 9;
    display: none;
    background-color: #fff;
}
.tips-popover .tip-triangle{
    position: absolute;
    background: #FFFFFF;
    border-left: 1px solid #E2E5EC;
    border-top: 1px solid #E2E5EC;
    width: 10px;
    height: 10px;
}
.tips-popover .tip-txt-info , .tip-txt-info-fix{
    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;
}

/* 登陆表单，气泡在元素的左侧 */
.icon-tips-login {
    top: calc(50% - 15px);
    right: calc(50% + 7px);
}
.icon-tips-login .tip-triangle{
    transform: rotate(135deg);
    right: -6px;
    top: calc(50% - 5px);
}
/* 邮箱错误提示 */
.tips-popover.right{
    left: calc(100% + 14px);
    top: 6px;
}
.tips-popover.right .tip-triangle{
    left: -6px;
    transform: rotate(-45deg);
    top: calc(50% - 6px);
}
.tips-popover.left{
    right: calc(100% + 14px);
    top: 6px;
}
.tips-popover.left .tip-triangle{
    right: -6px;
    transform: rotate(135deg);
    top: calc(50% - 6px);
}
.tips-popover-length {
    top: -5px !important;
}
.tips-popover .tip-txt-info-length {
    text-align: left;
    white-space: normal;
    width: 325px;
}