*{margin: 0;padding: 0;font-size: 13px;box-sizing: border-box;}
*:active, *:focus{
  outline: none;
}
html,body{height: 100%;width: 100%!important;}
body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  font-size:13px;
  color:#4A4A4A;
  overflow: hidden;
  padding-right: 0!important;
}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
ul,ol {list-style: none;margin: 0;}
li{list-style-type: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #232323;}
a:hover,a:active,a:invalid,a:visited,a:link{text-decoration: none;}
table {border-collapse: collapse;table-layout: fixed;}
input, textarea,button {outline: none;border: 1px solid #E7E7E7;border-radius: 3px;background: #fff;padding-left: 15px;color: #4A4A4A;}
textarea{padding: 10px 15px;}
/* input:focus,textarea:focus{background: #FFF;border: 1px solid #51D0B1;border-radius: 3px;
box-shadow: -2px -2px 4px 0px rgba(80,208,177,0.20), 2px 2px 4px 0px rgba(80,208,177,0.20);
-webkit-box-shadow: -2px -2px 4px 0px rgba(80,208,177,0.20), 2px 2px 4px 0px rgba(80,208,177,0.20);} */
input.red,textarea.red{border: 1px solid red!important;box-shadow: none!important;}
textarea {resize: none;overflow: auto;font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;}
[contenteditable=true]{outline: none;border-radius: 3px;background: #fff;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #BBBBC3;
  font-size: 13px;
  font-weight: 400;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #BBBBC3;
  font-size: 13px;
  font-weight: 400;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #BBBBC3;
  font-size: 13px;
  font-weight: 400;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #BBBBC3;
  font-size: 13px;
  font-weight: 400;
}
input:focus::-webkit-input-placeholder{
  color:#BBBBC3;
}
.el-input--medium .el-input__inner{
  font-size: 13px;
}

iframe{
  border: none;
}
.clear::before {
  content: '';
  display: table;
}
.clear::after {
  content: '';
  display: table;
  clear: both;
}
.pull-left {
 float:left;
} 
.pull-right {
 float: right;
}
i.required{
 display: inline-block;
 width: 10px;
 color: #F94C4A;
 font-style: normal;
}
input[type=number] {  
 -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
 -webkit-appearance: none;  
 margin: 0;  
}

#app{position: relative;}
#app .frontend{height: calc(100% - 50px);width: calc(100% - 168px);margin-left: 168px;}
::-webkit-scrollbar {
  width: 8px;
  height:8px;
 }
::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
  -webkit-border-radius: 6px;
}
:hover::-webkit-scrollbar-thumb:vertical {
    background-color: rgba(125, 125, 125, 0.7);
}

::-webkit-scrollbar-thumb:horizontal {
  -webkit-border-radius: 6px;
}
:hover::-webkit-scrollbar-thumb:horizontal {
  background-color: rgba(125, 125, 125, 0.7);
}
.el-scrollbar__wrap.el-select-dropdown__wrap{overflow-x: hidden;margin-bottom: 0!important;}

.nodefault{
  padding-left: 20px;
}
.nodefault ol{
  list-style-type: decimal;
}
.nodefault ol li{
  list-style-type: decimal;
}
.nodefault ul{
  list-style-type: disc;
}
.nodefault ul li{
  list-style-type: disc;
}

/* 风格颜色 */
.tf-submit{color: #1890FF;}
.simpName{background: #1890FF;text-align: center;color: #fff;border-radius: 50%;}
img.simpName{background: none!important;}

/** 新增窗口 */
.addForm .el-dialog{width: 540px;}
.addForm .el-dialog{width: 540px;}
.addForm .el-input input{width: calc(100% - 30px);}
.addForm .el-textarea textarea{width: calc(100% - 30px);}
.addForm .el-select{width: calc(100% - 30px);}
.addForm .el-select .el-input input{width: 100%;}
.addForm .el-date-editor{width: calc(100% - 30px);}
.addForm .el-date-editor input{width: 100%;}
.el-dialog__headerbtn .el-dialog__close{font-size: 20px;}
.deleteForm .el-dialog{width: 560px;}
.deleteForm .prompt{display: inline-block;width: 100%;}
.deleteForm .remark{display: inline-block;width: 100%;}

/* 弹窗居中 */
.align-center-dialog{
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
}
.align-center-dialog .el-dialog{
  margin: 0!important;
}

.custom-tree-box .tree-item .tree-item-content{
  line-height: 40px;
  height: 40px;
  padding-left: 15px;
  cursor: pointer;
  margin-top: 1px;
}
.custom-tree-box>.tree-item>.tree-item .tree-item-content{
  padding-left: 30px;
}
.custom-tree-box>.tree-item>.tree-item>.tree-item .tree-item-content{
  padding-left: 45px;
}
.custom-tree-box .tree-item .tree-item-content:hover, .custom-tree-box .tree-item .tree-item-content.active{
  background: #f2f2f2;
}

/* 超出...*/
.over-ellipsis {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
/* flex 布局*/
.flex-box {
  display: flex
}
.collectionTip{width: 280px;font-size: 14px!important;}
/* 富文本有序和无序列表 */
.multitext li{
  list-style-type: inherit;
}
/* 必填项 */
.require {
  color: red;
}
.el-dialog .el-table-titles{
  display: table-row !important;
}
/*动态拖动元素宽度*/
.clickDynamicWidth{
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  z-index:12;
  width:2.5px;
  cursor: col-resize;background: transparent;
}
/*富文本中a标签都设置为蓝色*/
.multitextRXcolor{
  color:#1890FF;
}
/*下拉选项相关的搜索*/
.select-search-dropdowm-tx .el-select-dropdown__wrap{position: relative;}
.select-search-dropdowm-tx .el-select-dropdown__wrap .el-scrollbar__view{
  overflow: scroll;
  max-height: 274px;
  overflow-x: hidden;
  padding-top: 60px;
  min-height: 58px;
}
.select-search-dropdowm-tx .el-select-dropdown__wrap .el-scrollbar__view .search-box{
  background: #fff;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
}
.select-search-dropdowm-tx .el-select-dropdown__wrap .el-scrollbar__view .option-search-box{
  height: 1px;
  opacity: 0;
  overflow: hidden;
  cursor: pointer;
}
.select-search-dropdowm-tx .el-scrollbar{
  display: block !important;
}
.select-search-dropdowm-tx .el-select-dropdown__empty{
  display: none !important;
}
/*新人员选项展示样式*/
.el-tag.new-add-icon-per{
  margin: 0 5px 5px 5px;
  background: #E4EBFA;
  height: 26px;
  font-size: 12px;
  line-height: 25px;
  color: #333;
  border: 0;
}
.el-tag.new-add-icon-per .el-icon-close{
  top: 0px;
  color: #333;
  opacity: .3;
}
.el-tag.new-add-icon-per .el-icon-close:hover{
  background-color: #E4EBFA;
  color: #333;
}
.el-tag.new-add-icon-per .icon-xuanrenkongjian-icon{
  color:#919cad;
  font-size: 12px;
}
.icon-nav-quickly-add.new-del-icon-per{
  position: absolute;
  right: 5px;
  top: 10px;
  cursor:pointer;
}
.people-list-new-per{
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px 25px 0 5px;
  margin-right: 25px;
  position: relative;
}

/* element 隐藏组件滚动条 */
.el-scrollbar .el-scrollbar__bar{
  right: 0;
  z-index: 2;
}
.el-scrollbar .el-scrollbar__thumb{
  background-color: rgba(144,147,153,.8);
}
.el-scrollbar__wrap{
  min-width: 100%;
}

.el-popover{
  padding: 12px 0 !important;
}

/* 20190722 */
/* loading */
.el-loading-mask.is-fullscreen .el-loading-spinner{
  margin-top: -40px!important;
}
.el-loading-mask .el-loading-spinner .path{
  stroke: #fff;
}
.el-loading-mask .el-loading-spinner .el-loading-text{
  color: #fff;
}
/* 2019-08-01 提示信息优化 */
.el-message{
  background-color: #FFFFFF;
  box-shadow: 0 4px 12px 0 rgba(155,155,155,0.30);
  border-radius: 4px;
  border-color:#fff;
  min-width:258px !important;
  padding:12px 15px 12px 20px !important;
}
.el-message.el-message--error,.el-message.el-message--warning,.el-message.el-message--success,.el-message.el-message--info{
  background-color: #FFFFFF;
  border-color:#fff;
  /* top:60px !important; */
}
.el-message .el-message__content{
  color:#666 !important;
}
.el-message .el-icon-error,.el-message .el-icon-warning,.el-message .el-icon-success,.el-message .el-icon-info{
  font-size:16px;
}
.el-message .el-icon-warning{
  color:#FAAD14 !important;
}
.el-message .el-icon-error{
  color:#F5222D !important;
}
.el-message .el-icon-success{
  color: #52C41A !important;
}
.el-message .el-icon-info,.custom__tips--pop .el-icon-info{
  color: #1890FF !important;
}
.el-message-box__wrapper .el-message-box__status{
  top: 12px;
}
.custom__tips--pop{
  display: flex;
}
.custom__tips--pop .el-icon-warning,.custom__tips--pop .el-icon-info,.custom__tips--pop .el-icon-success,.custom__tips--pop .el-icon-error{
  width:35px;
  font-size: 22px;
}
.custom__tips--pop .custom__tips--item{
  flex:1;
}
.custom__tips--pop .custom__tips--item >span{
  color: #333333;font-size: 16px;line-height: 24px;
}
.custom__tips--pop .custom__tips--item >p{
  color: #666666;font-size: 14px;line-height: 22px;margin-top: 10px;
}
.el-input.is-disabled .el-input__inner, .el-textarea.is-disabled .el-textarea__inner{
  color: #333333 !important;
}
.el-select .el-input.is-disabled .el-input__inner{
  background-color: #F5F7FA;
  border: 1px solid #E4E7ED;
  color: #333333;
}
.custom__p_margin{
  margin:5px 0;
}
.match-add-list-item{
  color:#409EFF;
}
.component-item >.el-select .el-input--suffix .el-input__inner, .component-item .el-input--suffix .el-input__inner{
  padding-left:8px;
}
.component-item .el-input--suffix.el-date-editor--date .el-input__inner,.component-item .el-input--suffix.el-date-editor--datetime .el-input__inner,.component-item .el-input--suffix.el-date-editor--year .el-input__inner,.component-item .el-input--suffix.el-date-editor--month .el-input__inner{
  padding-left:30px;
}


.el-tooltip__popper{
  max-width: 40%;
  line-height: 1.2;
}
.el-select .el-input__prefix, .el-input__suffix{
  display: flex;
  align-items: center;
}
/* 数据分析增加，图内总计 start */
.tu-biao-inset-count{
  position: absolute;
  top: 40px;
  height: 30px;
  line-height: 30px;
  z-index: 10;
  cursor: pointer;
}
.tu-biao-inset-count.tu-biao-inset_right{
  right: 20px;
}
.tu-biao-inset-count.tu-biao-inset_left{
  left: 15px;
}
.tu-biao-inset-pop{
  min-width: 100px !important;
}
.tu-biao-inset-pop .oporator-box >div{
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  cursor: pointer;
  position: relative;
}
.tu-biao-inset-pop .oporator-box >div:hover{
  background: #f0f4f9;
}
.tu-biao-inset-pop .oporator-box >div i{
  position: absolute;
  right: 10px;
  font-size: 12px;
  color: #1989fa;
}
/* 数据分析增加，图内总计 end */

/* 富文粗体和字体大小不一致处理 start */
strong{
  font-size: inherit;
}
/* 富文粗体和字体大小不一致处理 end */
.select-picklist-list-style{
  display: inline-block;
  margin-left: 10px;
  width: 178px;
  min-width: 178px;
}
.select-picklist-list-style .el-select .el-input__inner{
  height: 34px;
  line-height: 34px;
}
.bottom-line-style2{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1890FF;
}

/* 国际手机号 */
.country-phone .el-select{
  width: 80px!important;
}
.country-phone .el-select .el-input__inner{
  color: #333!important;
  padding: 0 15px;
  height: 100%;
  border: none!important;
  background: none!important;
}
.country-phone .el-input-group__prepend{
  background: none;
}
.phone-search-dropdowm-tx{
  min-width: 246px!important;
}
.phone-search-dropdowm-tx .el-select-dropdown__item .right{
  float: right;
  color: #8492a6;
  font-size: 13px;
}
.phone-search-dropdowm-tx .el-select-dropdown__item.selected .right{
  color: #409EFF;
}
.el-select-dropdown{
  z-index: 50000 !important;
}
.more-language-set-btn{
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: #1989FA;
  cursor: pointer;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.full-screen__subform{
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  background: #fff;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 10px 20px;
  z-index: 100 !important;
  overflow-y: auto;
}
.full-screen__subform .component-item{
  max-height: 100% !important;
}
.full-screen__subform .component-item >label{
  display: none !important;
}
.full-screen__subform .component-item .subform-fixed-number,.full-screen__subform .component-item .button-a{
  left: 0 !important;
}
.full-screen__subform .component-item .subform-fixed-number{
  display: none !important;
}
.full-screen__subform .component-item .fullscreen-icon{
  top: 0 !important;
  left: 1px !important;
  z-index: 10;
  background: #F5F5F5;
  width: 48px;
  height: 32px;
  line-height: 34px;
  text-align: center;
}
.full-screen__subform .top-a{
  left: 0 !important;
}
.full-screen__subform .component-item .top45 .fullscreen-icon{
  top: 46px !important;
}
/* .full-screen__subform .component-item .top45 .subform-fixed-number{
  top: 45px !important;
} */
/* .full-screen__subform .component-item .top11 .subform-fixed-number{
  top: 10px !important;
} */
.full-screen__subform .component-item .top11 .fullscreen-icon{
  top: 11px !important;
}
.full-screen__subform .subform-box .list .item{
  height: auto !important;
}
.full-screen__subform .subform-box.custion-subform__box .title.layout-component{
  width: auto !important;
}
.locale_en .el-collapse-item .el-radio-button .el-radio-button__inner{
  max-width: 100%;
}
.el-radio .el-radio__label{
  font-weight: 400;
}

/* 英文弹窗标题省略 */
.ellipsis-form-label .el-form-item__label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.el-table .el-table-column--selection .cell{
  text-overflow: initial;
}
.drog_line_diffpage{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  z-index: 1000;
  background: #1890FF;
}

/* okr时间选择，不需要时分秒 */
.okr-date-notTime .el-picker-panel__body .el-date-range-picker__time-header .el-date-range-picker__editors-wrap >span:last-child >div >input{
  pointer-events: none;
  opacity: 0;
}
.okr-date-notTime .el-picker-panel__footer .el-button:first-child{
  display: none;
}

/* prompt输入框 */
.custom-prompt-dialog .el-message-box__content{
  display: flex;
  padding: 25px 30px 10px;
}
.custom-prompt-dialog .el-message-box__content p{
  font-size: 14px!important;
}
.custom-prompt-dialog .el-message-box__input{
  flex: 1;
  margin-left: 12px;
  padding: 0;
  height: 80px;
}
.custom-prompt-dialog textarea{
  resize: none;
  min-height: 80px!important;
}
.empty-div-img-new >div{
  background-image: url(/static/img/custom/list_empty.png);
  height: 100px;
  width:100px;
  margin: 0 auto;
}
.el-tooltip__popper.is-light.tf-tooltip-b-color{
  border-color: #D9DBDD!important;
  max-width: 300px;
}
.el-tooltip__popper.is-light.tf-tooltip-b-color[x-placement^=bottom] .popper__arrow{
  border-bottom-color: #D9DBDD!important;
}
.el-tooltip__popper.is-light.tf-tooltip-b-color[x-placement^=top] .popper__arrow{
  border-top-color: #D9DBDD!important;
}
.css__ellipsis_2,.css__ellipsis_3,.css__ellipsis_4,.css__ellipsis_5{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.css__ellipsis_2{
  -webkit-line-clamp: 2;
}
.css__ellipsis_3{
  -webkit-line-clamp: 3;
}
.css__ellipsis_4{
  -webkit-line-clamp: 3;
}
.css__ellipsis_5{
  -webkit-line-clamp: 3;
}
/* 2022-06-17 优化偶尔出现弹窗后背景变成全黑的问题 */
.v-modal{
  /* opacity: 1 !important;
  background-color: rgba(0,0,0,.5) !important; */
}

.tab-box32{
  overflow: hidden;
  height: 33px;
  box-shadow: inset 0 -1px 0 0 #e8e8e8;
  padding: 0 5px;
  margin-bottom: 10px;
}
.tab-box32 .tab{
  float: left;
  width: 88px;
  height: 32px;
  text-align: center;
  line-height: 34px;
  background: #F8F8F9;
  border: 1px solid #E8E8E8;
  border-radius: 4px 4px 0 0;
  margin-right: 4px;
  border-bottom: none;
  cursor: pointer;
}
.tab-box32 .tab.active{
  height: 33px;
  color: #1890FF;
  background: #fff;
}

/* 密码框 */
.password-box input[type="password"]+.el-input__suffix .el-input__icon:before{
  font-family: "iconfont" !important;
  content: "\eaad";
}
.password-box input[type="text"]+.el-input__suffix .el-input__icon:before{
  font-family: "iconfont" !important;
  content: "\eaae";
}
.el-dialog__wrapper.tf_common_border .el-dialog__header{
  border-bottom: 1px solid #E5E5E5;
  padding: 15px 20px;
}
.el-dialog__wrapper.tf_common_border .el-dialog__footer{
  border-top: 1px solid #E5E5E5;
  padding: 10px 20px;
}
.is-pointer{
  cursor: pointer;
}

.el-switch28.el-switch{
  line-height: 16px;
  height: 16px;
}
.el-switch28 .el-switch__core{
  width: 28px!important;
  height: 16px;
}
.el-switch28 .el-switch__core:after{
  width: 12px;
  height: 12px;
}
.el-switch28.is-checked .el-switch__core::after{
  margin-left: -14px!important;
}

.mw300{
  max-width: 300px;
}
.teamface-common-dialog .el-dialog__header{
  padding: 15px 20px;
  border-bottom: 1px solid #E5E5E5;
}
.teamface-common-dialog .el-dialog__footer{
  border-top: 1px solid #E5E5E5;
  padding: 10px 20px;
}
.z9999{
  z-index: 9999!important;
}
#baidu_jsapi_watermark >div{
  display: none !important;
}