/* 重置标签样式 */
*{padding: 0;margin: 0;font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, 'Material Icons';}

/* 旧页面图标日期组件暂时使用 */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/resource/resmod/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(/resource/resmod/fonts/MaterialIcons-Regular.woff)
      format('woff'), url(/resource/resmod/fonts/MaterialIcons-Regular.ttf) format('truetype');
  }
  
  .material-icons {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
  }
  

/* 引用阿里图标库 */
.icon {
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: -0.15em;
    fill: #4B5667;
    overflow: hidden;
    font-size: 24px;
 }
.iconfont{
    line-height: 1;
    color: #4B5667;
}
 svg.icon{background: none !important;}
 /* 图标颜色 */
.primary_fill{fill: #2386EE !important;}
.green_fill{fill: #01BD88 !important;}
.orange_fill{fill:#FA8C16 !important;}
.red_fill{fill: #FF4D4D !important;}
.normal_fill{fill: #0D1C28 !important;}
/* 次要信息 */
.very_light_fill,
.icon.icon_down{fill: #86909C !important;}

/* 字体大小 */
.f13{font-size: 13px !important;}
.f14{font-size: 14px !important;}
.f15{font-size: 15px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f22{font-size: 22px !important;}
.f48{font-size: 48px !important;}
.f48{font-size: 48px !important;}
/* 引用阿里图标库 end*/

body{
    color: #0D1C28;
    line-height: 1.5;
    font-size: 14px;
    background-color: #F0F2F5;
    box-sizing: border-box;
    overflow-x: auto !important;
}
html,body{min-width: 1200px !important;}
button{border: 0;background-color: transparent;cursor: pointer;outline:none;}
img{border: 0;}
ul,li,ol,li{list-style: none;}
a{text-decoration: none;color: inherit;cursor: pointer;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
/* 表单公共样式包含input、select、textarea */
input::-ms-clear,
select::-ms-clear,
textarea::-ms-clear {display: none;}

input[type="password"]{font-size: 24px;} 
/* letter-spacing: 4px; 去掉（暂时解决文案间隔问题） */
/* input_text类名覆盖老样式border:0 */
input,textarea,select,input.input_text{
    border: 1px solid #c9cdd4;
    background: #fff;
    color: #0D1C28;
    outline: none;
    box-sizing: border-box;
    filter: none !important;
    /* cursor: pointer; */
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    transition: all .3s;
}
input,select,input.input_text{padding: 8px;height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
textarea{
    resize: none;
    font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 12px 8px;
    display: block;
    line-height: 1.5;
}

/* 主题颜色 */
.blueColor{color: #2386EE;}

/* 文字 */
.bigFont{font-weight: bold;}
.normalFont{font-weight: normal;}
.T_center{text-align: center !important;}
.T_left{text-align: left !important;}

/* 索引栏 */
.indexBar{
    padding: 24px 0px 8px;
    border-top: 1px dashed #E5E6EB;
    color: #4B5667;
    margin-bottom: 16px;
}
.indexBar .test,.indexBar .bar{
    display: flex;
    justify-content: space-between;
}
.indexBar .test{
    margin-bottom: 10px;
}
.indexBar .bar .barItem{
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #E5E6EB;
    border-radius: 4px;
    cursor: pointer;
}
.indexBar .bar .barItem.active{
    color: #2386EE;
    border-color: #2386EE;
}
.indexBar .bar .barItem:hover{
   color: #2386EE;
   border-color: #2386EE;
}


/* 聚焦 */
input:focus,textarea:focus,select:focus{border-color: #2386EE;}
 /* 修改placeholder颜色 */
input::input-placeholder,
textarea::input-placeholder{color:  #C9CDD4}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #C9CDD4 }
input:-moz-placeholder ,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #C9CDD4}
input::-moz-placeholder ,
textarea::-moz-placeholder{ /* Mozilla Firefox 19  */ color: #C9CDD4 }
input:-ms-input-placeholder ,
textarea:-ms-input-placeholder { color: #C9CDD4 }
/* 获取焦点 placeholder消失-开始 */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color: transparent;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color: transparent;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color: transparent;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color: transparent;}
/* 鼠标移入 */
input:hover,textarea:hover,select:hover{border-color: #4799EE;}
/* 表单禁用样式 */
input[disabled='true'],
select[disabled='true'],
textarea[disabled='true']{background-color: #F2F3F5;border: 1px solid #E5E6EB;}

/* 表单只读样式 */
input[readonly='true'],
input[readonly='true']:focus,
select[readonly='true'],
select[readonly='true']:focus,
textarea[readonly='true'],
textarea[readonly='true']:focus{background-color: #F2F3F5;border: 1px solid #E5E6EB;}

input[type="checkbox"], input[type="radio"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    top: 3px;
    /* margin-right: 8px; */
}

/* 文字颜色 */
.normal_color{color: #0D1C28 !important;} 
.primary_color{color: #2386EE !important;}/* 主颜色 */
.light_color{color: #4B5667 !important;}/* 次强调 */
.very_light_color{color: #86909C !important;}/* 次要信息 */
.success_color{color: #01BD88 !important;}/* 成功 */
.orange_color{color: #FA8C16 !important;}/* 警告 */
.wrong_color{color: #FF4D4D !important;}/* 错误 */
.prohibit_color{color: #C9CDD4 !important;}/* 置灰 */

/* 元素类型 */
.dis_block{
    display: block;
}
.dis_inline{
    display: inline;
}
.dis_inline_block{
    display: inline-block;
}
.dis_none{
    display: none !important;
}

/* 间距 */
.p0{
    padding: 0 !important;
}
.mt{margin-top: 8px;}
.mt_8{margin-top: 8px;}
.mt_12{margin-top: 12px;}
.mt_16{margin-top: 16px;}
.mt_24{margin-top: 24px;}

.mb{margin-bottom: 8px;}
.mb_8{margin-bottom: 8px;}
.mb_24{margin-bottom: 24px;}

.ml_2{margin-left: 2px;}
.ml_4{margin-left: 4px;}
.ml_8{margin-left: 8px;}
.ml_16{margin-left: 16px!important;}
.ml_24{margin-left: 24px;}
.ml_60{margin-left: 60px;}

.mr_4{margin-right: 4px;}
.mr_6{margin-right: 6px;}
.mr_8{margin-right: 8px;}


.pr_32{padding-right: 32px !important;}

/* 鼠标经过 */
a.primary_color:hover{color: #4799EE !important;border-bottom:1px solid #4799EE}
a.a_link:hover{color: #2386EE !important;border-bottom:1px solid #2386EE;box-sizing: border-box;height: 21px;}/* 链接 */
a.a_link:hover .icon {color: #2386EE;fill: #2386EE; }/* 链接 */
a:hover{color: #2386EE}

/* 文字加粗 */
.text_bold{font-weight: 700 !important;}
/* flex布局 */
.flex{display: flex;}
.flex1{flex: 1;}
.flex2{flex: 2;}
/* 水平居中 */
.flex_level_center{display: flex;align-items: center;}
/*底端对齐*/
.flex_bottom{display: flex;align-items:flex-end;}
/* 垂直水平居中 */
.flex_center{
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 左右分开 */
.flex_sb{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flexColumn{
    flex-direction: column;
}
.flex_sb_c{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex_l_c{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex_c_c{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex_c_s{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.flex_c_e{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.flex_s_c{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


/* 单行添加省略号 兼容ie*/
.text_ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
/* 单行文本省略号不兼容ie */
.ellipsis_native1{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/* 多行文本省略号不兼容ie */
.ellipsis_native2{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.w1400{
    min-width: 1200px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    width: auto;
    box-sizing: border-box;
}

 
    /* 头像大小通用样式 */
    .avatar_common{
        cursor: pointer;
        flex-shrink: 0;
        position: relative;
        border: 1px solid #f2f3f5;
        box-shadow: 0px 2px 5px rgb(75,86,103,0.1);
        border-radius: 50%;
        box-sizing: border-box;
        display: block;
    }
    .avatar_common img{
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }
    /*机器人*/
    .avatar_common.robot{
    background: #e8f3ff;
    }

    /* vip图标通用样式 */
    .vip_1:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 12px;
        height: 12px;
        background: url(../images-v9/icon/vip_1.svg) no-repeat;
        background-size: cover;
    }

    .vip_2:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 12px;
        height: 12px;
        background: url(../images-v9/icon/vip_2.svg) no-repeat;
        background-size: cover;
    }

    /*不同大小容器区别控制*/
    .avatar_32 {width: 32px;height: 32px;}
    .avatar_36 {width: 36px;height: 36px;}
    .avatar_40 {width: 40px;height: 40px;}
    .avatar_48 {width: 48px;height: 48px;}
    .avatar_56 {width: 56px;height: 56px;}
    .avatar_64 {width: 64px;height: 64px;}
    .avatar_80 {width: 80px;height: 80px;}
    .avatar_96 {width: 96px;height: 96px;}
    .avatar_120 {width: 120px;height: 120px;}
    .avatar_136 {width: 136px;height: 136px;}

    /*VIP图标不同大小控制*/
    .avatar_32:before {width: 12px;height: 12px;}
    .avatar_36:before {width: 12px;height: 12px;}
    .avatar_40:before {width: 13px;height: 13px;}
    .avatar_48:before {width: 15px;height: 15px;}
    .avatar_56:before {width: 16px;height: 16px;}
    .avatar_64:before {width: 18px;height: 18px;right:2px;bottom:1px;}
    .avatar_80:before {width: 20px;height: 20px;right:4px;bottom:2px;}
    .avatar_96:before {width: 21px;height: 21px;right:7px;bottom:3px;}
    .avatar_120:before {width: 22px;height: 22px;right:8px;bottom:6px;}
    .avatar_136:before {width: 24px;height: 24px;right:10px;bottom:6px;}
/* 头像大小通用样式 ---------------------------------------------------------------end*/

/* 按钮 */
.btn_v9{
    height: 36px;
    min-width: 88px;
    padding: 0 16px;
    border: 1px solid #C9CDD4;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: 1;
    cursor: pointer;
    background-color: #fff;
    font-size: 14px;
    color: #4B5667;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all .1s cubic-bezier(0,0,1,1);
    box-shadow: 0px 2px 2px rgba(75, 86, 103, 0.1);
}
.btn_primary_v9{/* 主要按钮 */
    background-color: #2386EE;
    border-color: #2386EE;
    color: #fff;
}
.btn_primary_v9 .iconfont{color: #fff;}
.btn_outline_v9{/* 线型按钮 */
    color: #2386EE;
    border-color: #2386EE;
}
.btn_outline_v9 .iconfont{/* 线型按钮 */
    color: #2386EE;
}
.btn_outline_v9 > .iconfont{/* 线型按钮 */
    margin-right: 8px;
}
/* 按钮的鼠标经过效果 */
.btn_v9.btn_primary_v9:hover{/* 主按钮 */
    background-color: #0068DD;
    border-color:#0068DD ;
    color: #fff;
}
.btn_v9.btn_primary_v9:hover .iconfont{color: #fff;background: none;}
.btn_v9:hover{/* 默认按钮 */
    color: #2386EE;
    border-color: #2386EE;
}
.btn_v9:hover .icon,.btn_v9:hover .iconfont{fill: #2386EE !important;color: #2386EE;}
.btn_v9.btn_outline_v9:hover{/* 线型按钮 */
    border-color: #2386EE;
    background-color: #2386EE;
    color: #fff;
}
.btn_v9.btn_outline_v9:hover .icon,
.btn_v9.btn_outline_v9:hover .iconfont{
    fill: #fff !important;
    color: #fff;
}
.btn_v9.btn_outline_v9:hover svg.icon{fill: #2386EE;}
/* 鼠标点击 */
/* 默认按钮 */
/*.btn_v9:active{*/
/*    color: #2386EE;*/
/*    border-color: #2386EE;*/
/*}*/
/* 主按钮 */
/*.btn_v9.btn_primary_v9:active{*/
/*    background-color: #0068DD;*/
/*    border-color: #0068DD;*/
/*}*/
/* 线型按钮 */
/*.btn_v9.btn_outline_v9:active{*/
/*    color: #fff;*/
/*    border-color: #0068DD;*/
/*    background-color: #0068DD;*/
/*}*/
/* 禁止状态 */
.btn_v9.is_disabled,
.btn_v9.btn_outline_v9.is_disabled{
    background: #F2F3F5 !important;
    color: #C9CDD4 !important;
    border-color: #E5E6EB !important;
    cursor: default;
    pointer-events: none;
    /* 不可复制 */
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* Khtml内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
.btn_v9.btn_primary_v9.is_disabled{
    background: #E5E6EB !important;
    color: #C9CDD4 !important;
    border-color: #E5E6EB !important;
    cursor: default;
    pointer-events: none;
    /* 不可复制 */
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* Khtml内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
/* 只读状态 */
.btn_v9.is_readonly,
.btn_v9.btn_outline_v9.is_readonly{
    background: #F2F3F5 !important;
    color: #0D1C28 !important;
    border-color: #E5E6EB !important;
    cursor: default;
    pointer-events: none;
    /* 不可复制 */
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* Khtml内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
.btn_v9.btn_primary_v9.is_readonly{
    background: #E5E6EB !important;
    color: #0D1C28 !important;
    border-color: #E5E6EB !important;
    cursor: default;
    pointer-events: none;
    /* 不可复制 */
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* Khtml内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
/* 结束 */
.btn_v9.is_end,
.btn_v9.btn_primary_v9.is_end{
    background: #86909C;
    color: #fff;
    border-color: #86909C;
    cursor: default;
}

/* 按钮里面的图标 */
.btn_v9 svg.icon{margin-right: 8px;font-size: 16px;}
.btn_v9.btn_primary_v9 svg.icon{fill: #fff !important;}
.btn_v9.btn_outline_v9 svg.icon{fill: #2386EE !important;}

/* 按钮群组 */
.btn_group{display: flex;}
.btn_group .btn_v9 + .btn_v9{margin-left: 8px;}
.btn_group .download_btn{margin-left: 24px;}

/* 下载按钮 */
.download_btn{
    color: #2386EE;
    display: flex;
    align-items: center;
}
.download_btn span{border-bottom: 1px solid transparent;}
.download_btn svg.icon{font-size: 20px;fill: #2386EE;margin-right: 4px;}
.download_btn + .btn_v9,
.download_btn + .download_btn{margin-left: 24px}
.download_btn:hover{color: #4799EE;}
.download_btn:hover svg.icon{fill: #4799EE;}
.download_btn:hover span{border-bottom: 1px solid #4799EE;}

/* 开通会员按钮------渐变 */
.open_vip_btn{
    background: linear-gradient(270.63deg, #2386EE 0%, rgba(35, 134, 238, 0.6) 100%);
    box-shadow: 0px 2px 2px rgba(75, 86, 103, 0.1);
    height: 44px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
    width: 204px;
}
.open_vip_btn:hover{
    opacity: 0.85;
    color: #fff;
}

/* 上传 */
.upload_btn{position: relative;}
.upload_btn input[type=file] {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    font-size: 0;
}

/* 图标按钮 */
.icon_btn{
    width: 36px;
    height: 36px;
    border: 1px solid #C9CDD4;
    box-shadow: 0px 2px 2px rgba(75, 86, 103, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
}
.icon_btn svg.icon{fill: #86909C;font-size: 20px;}
.icon_btn.is_disabled{border-color: #E5E6EB;background-color: #F2F3F5;}
.icon_btn.is_disabled svg.icon{fill: #C9CDD4;}
.icon_btn:active{border-color: #0068DD;}
.icon_btn:active svg.icon{fill: #0068DD;}
.icon_btn:hover{border-color: #2386EE;}
.icon_btn:hover svg.icon{fill: #2386EE;}
.btn_v9.has_icon_btn{padding: 0 16px;}
/* 图标按钮 ------------------------------------------------------------------------end*/

/* 更多按钮 */
.more_btn{color: #4B5667; font-size: 14px;display: flex;align-items: center;}
.more_btn .icon,.more_btn .iconfont{fill: #86909C;margin-left: 4px;color: #86909C;}
.more_btn:hover .icon,.more_btn:hover .iconfont{fill: #2386EE;color: #2386EE;}

/* 关注按钮 */
.follow_btn{color: #2386EE;display: flex;align-items: center;}
.follow_btn .icon{fill: #2386EE;font-size: 18px;margin-right: 4px;}
.follow_btn:hover{color: #0068DD;}
.follow_btn:hover .iconfont{fill: #0068DD;}

/* 删除按钮 */
/* 类型一 */
.close_btn{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s;
}
.close_btn .icon-close,.close_btn .icon_close{fill: #86909C;color: #86909C;font-size: 20px;}
.close_btn:hover{background-color: #F2F3F5;}
.close_btn:hover .icon_close{fill: #4B5667;}
/* 类型二 */
.delete_btn{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #C9CDD4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.delete_btn .icon_close,.delete_btn .iconfont{font-size: 12px;fill: #FFF;color: #FFF;}
.delete_btn:hover{background-color: #FF4D4D;}
.delete_btn:hover .iconfont{font-size: 12px;fill: #FFF;color: #FFF;}
/* 类型三 */
.eliminate_btn{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.eliminate_btn .icon_close{font-size: 12px;fill: #86909C;}
.eliminate_btn:hover{background-color: #FF4D4D;}
.eliminate_btn:hover .icon_close{fill: #fff;}
/* 删除按钮 ----------------------------------------------------end*/

/* 多个操作合并 */
.direction_item{position: relative;}
.direction_item .btn_v9{padding: 0 16px;}
.direction_item .btn_v9 svg.icon{ margin-left: 8px;margin-right: 0;}
.direction_item .direction_down{
    padding-top: 2px;
    position: absolute;
    right: 0px;
    z-index: 1;
    min-width: 100%;
    transform-origin:50% 0px;
    opacity: 0;
    visibility: hidden;
    /* transform: scale(0); */
    /* display: none; */
    transition: all 0.2s ease-in-out;
}
.direction_item .direction_down ul{
    background: #FFFFFF;
    border: 1px solid #E5E6EB;
    box-shadow: 0px 4px 12px rgba(75, 86, 103, 0.15);
    border-radius: 4px;
    padding: 5px 0;
}
.direction_item .direction_down ul li a{
    padding: 0 16px;
    white-space: nowrap;
    color: #4B5667;
    width: 100%;
    height: 36px;
    display: flex;
    align-items:center;
    box-sizing: border-box;
    font-size: 14px;
}
.direction_item .direction_down ul li a>svg.icon{ margin-right: 8px;font-size: 16px;}
.direction_item .direction_down .icon_import{transform: rotate(270deg);}
/* 内容朝上 */
.direction_item.top .direction_down{
    bottom: 36px;
    padding-top: 0;
    padding-bottom: 2px;
    left: 0;
    right: auto;
    transform-origin: center bottom;
}
.direction_item .direction_down ul li:hover{background-color: #F2F3F5;}
.direction_item:hover .btn_v9{color: #2386EE;border-color: #2386EE;}
.direction_item:hover .btn_v9 svg.icon{ fill:#2386EE}
.direction_item:hover .btn_v9.btn_outline_v9{color: #2386EE;border-color: #2386EE;background-color: #fff;}
.direction_item:hover .btn_v9.btn_outline_v9 svg.icon{fill:#2386EE !important }
.direction_item:hover .direction_down{opacity: 1; visibility: visible;}
/* 多个操作合并 ---------------------------------------------------------------------------end*/

/* 复选框、单选框*/
.checkbox_default,
.radio_default{
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.checkbox_default label.checkBox,
.radio_default label.radioBox{
    width: 16px;
    height: 16px;
    border: 2px solid #C9CDD4;
    background: #fff;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    cursor: pointer;
}
.checkbox_default label.checkBox svg.icon{fill: #fff;font-size:12px ;}
.radio_default label.radioBox{border-radius: 50%;align-items: center;justify-content: center;}
.checkbox_default input[type=checkbox],
.radio_default input[type=radio]{
    position: absolute;
    width: 0;
    height: 0;
    border: none;
    opacity: 0;
}
.checkbox_default span,
.radio_default span{margin-left: 8px;}
/*选中*/
.checkbox_default.is_checked .checkBox,
.radio_default.is_checked .radioBox{background-color: #2386EE;border-color: #2386EE;}
/* 选中禁止 */
.checkbox_default.checked_disabled .checkBox ,
.radio_default.checked_disabled label.radioBox{
    background-color: #2386EE;
    border-color: #2386EE;
    opacity: 0.3;
    cursor: default;
}
.radio_default.checked_disabled,
.checkbox_default.checked_disabled{cursor: default;}
/* 禁用状态 */
.checkbox_default.checkbox_disabled .checkBox,
.checkbox_default.checkbox_disabled:hover .checkBox,
.radio_default.radio_disabled .radioBox,
.radio_default.radio_disabled:hover .radioBox{
    border-color: #E5E6EB;
    background-color: #F2F3F5;
    color: #F2F3F5;
    cursor: default;
}
.checkbox_default.checkbox_disabled .checkBox img,
.radio_default.radio_disabled .radioBox img{display: none;}
.radio_target,.checkbox_target{cursor: pointer;}
.checkbox_default:hover label.checkBox,
.radio_default:hover label.radioBox{border-color: #2386EE;}
/* 单选表单 */
.form_content .form_item.check_form_item .form_item_label{padding: 0;}
/* 单选群组 */
.radio_group{display: flex;align-items: center;height: 100%;flex-wrap: wrap;}
.radio_group .radio_default + .radio_default{margin-left: 24px;}
/* 垂直排列单选群组 */
.radio_group_vertical .radio_default + .radio_default{margin-top: 16px;}
/* 多选群组 */
.checkbox_group{display: flex;align-items: center;height: 100%;flex-wrap: wrap;}
.checkbox_group .checkbox_default + .checkbox_default{margin-left: 24px;}
/* 垂直排列单选群组 */
.checkbox_group_vertical .checkbox_default + .checkbox_default{margin-top: 16px;}
/* 单选/多选---------------------------------------------------------------------end */

/* 日期选择 */
.calendar_range_picker{
    position: relative;
    padding-right: 32px;
    padding-left: 8px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #E5E6EB;
}
.calendar_range_picker input{
   padding: 0 !important;
   border: 0;
   height: 34px;
   flex: 1;
}
.range_picker_separator{color: #C9CDD4;margin-right: 8px;}
.calendar_range_picker .icon_date{
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    fill: #86909C;
    cursor: pointer;
}
.calendar_range_picker:hover{border-color: #4799EE;}
.calendar_range_picker.active{border-color: #2386EE;}
/* 气泡提示 */
.tooltip_item{position: relative;cursor: pointer;display: inline-block;}
.tooltip_icon{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #F2F3F5;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.1s;
}
.tooltip_item .trigger_popup{
    position: absolute;
    top: 100%;
    padding-top: 8px;
    z-index: 10;
    opacity: 0;
    transform: scale(0);
    transition: all 0.15s;
}
.tooltip_item .tooltip_content{
    background: #4B5667;
    padding: 8px 16px;
    border-radius: 2px;
    white-space: nowrap;
    color: #FFFFFF;
}
.tooltip_item .trigger_arrow{
    width: 0;
    height: 0;
    border-bottom: 5px solid #4B5667;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position:absolute;
    top: 3px;
    left: calc(50% - 5px );
}
/* 气泡在上居中 */
.tooltip_item.top_center .trigger_popup {
    bottom: 100%;
    padding-bottom: 8px;
    top: auto;
    padding-top: unset;
}
.tooltip_item.top_center .trigger_arrow{bottom: 3px;transform: rotate(180deg);top: auto;}
/* 气泡右居中 */
.tooltip_item.center_right .trigger_popup {
    top: 50%;
    left: 100%;
    transform: translateY(-50%) scale(0);
    padding-left: 11px;
    padding-top: unset;
}
.tooltip_item.center_right .trigger_arrow{
    left: 4px;
    top: calc(50% - 4px);
    transform: rotate(-90deg);
}
/* 气泡左居中 */
.tooltip_item.center_left .trigger_popup {
    top: 50%;
    right: 100%;
    transform: translateY(-50%) scale(0);
    padding-right: 11px;
    padding-top: unset;
}
.tooltip_item.center_left .trigger_arrow{
    right: 4px;
    left: auto;
    top: calc(50% - 4px);
    transform: rotate(90deg);
}
/* 小的气泡提示 */
.tooltip_item.mini_tooltip .tooltip_content{padding: 4px 16px;}
.tooltip_item:hover .trigger_popup{opacity: 1;transform:scale(1);}
.tooltip_item.center_left:hover .trigger_popup,
.tooltip_item.center_right:hover .trigger_popup{transform:translateY(-50%) scale(1);}
.tooltip_item:hover .tooltip_icon{background-color:#E5E6EB;}
/* 气泡提示---------------------------------------------------------------------------------end */

/* 气泡卡片提示 */
/* 气泡卡片 */
.popover_item{position: relative;cursor: pointer;display: flex;width: fit-content;}
.popover_item .secondary_btn{display: flex;align-items: center;}
.popover_item .secondary_btn>span.text{line-height: 1;}
.popover_item .popover_popup{
    position: absolute;
    top: 100%;
    width: 240px;
    padding-top: 10px;
    box-sizing: border-box;
    z-index: 1;
    opacity: 0;
    transform:scale(0);
    transition: all 0.15s;
}
.popover_item .popover_content{
    padding: 16px;
    border:1px solid #D9D9D9;
    border-radius: 4px;
    box-shadow: 0px 4px 12px rgba(75, 86, 103, 0.15);
    background-color: #fff;
    text-align: left;
}
.popover_item .popover_content .popover_title{
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    color: #0D1C28;
}
.popover_item .popover_content .popover_title + p{margin-top: 8px;}
.popover_item .popover_content p{color: #4B5667;font-size: 14px;}
.popover_item .popover_arrow{
    width: 10px;
    height: 10px;
    position: absolute;
    background: #fff;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    border-left: 0;
    top: 5px;
    left: calc(50% - 6px);
    transform: rotate(-45deg);
}
/* 气泡卡片在上 */
.popover_item.top_center .popover_popup {
    top: auto;
    bottom: 100%;
    padding-top: inherit;
    padding-bottom: 10px;
}
.popover_item.top_center .popover_arrow{
    transform: rotate(135deg);
    top: auto;
    bottom: 5px;
}
.popover_item .secondary_btn svg.icon{margin-right: 4px;}
/* 带有图标的提示 */
/* 镂空问好 */
.popover_item .secondary_btn svg.icon_question_circle{margin-left: 4px;font-size: 16px;margin-right: 0;}
/* 带有蓝色图标的提示 */
.popover_item.main_color .secondary_btn{color: #2386EE;}
.popover_item.main_color .secondary_btn svg.icon{
    fill: #2386EE;
    font-size: 20px;
    margin-left: 0;
    margin-right: 4px;
}
/* 带有橙色图标的提示 ------------------------注意事项*/
.popover_item.orange_color .secondary_btn svg.icon{fill: #FA8C16;font-size: 22px;}
.popover_item.orange_color .popover_popup{padding-top: 8px;}
.popover_item.orange_color .popover_arrow{display: none;}
.popover_item.orange_color .popover_content{padding: 32px 48px;}
.popover_item.orange_color .popover_content .popover_title{color: #2386EE;}
.popover_item.orange_color .popover_content .popover_title .icon{
    font-weight: normal;
    margin-right: 8px;
    fill: #2386EE;
}
.popover_item.orange_color .popover_content h3{
    margin-top: 16px;
    font-weight: 700;
    font-size: 14px;
}
.popover_item:hover .popover_popup{ opacity: 1;transform:scale(1);}
/* 气泡卡片提示-----------------------------------------------------------------------------end */

/*上传文件*/
.upload_list li{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.upload_list li:last-child {margin-bottom: 0;}
.upload_list li .upload_list_name {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    color: #2386EE;
    line-height: 24px;
}
.upload_list li .upload_list_name .icon_document {
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
}
.upload_list li.pdf .upload_list_name .icon_document {background-image: url(../images-v9/file/pdf.svg);}
.upload_list li.word .upload_list_name .icon_document {background-image: url(../images-v9/file/word.svg);}
.upload_list li.excel .upload_list_name .icon_document {background-image: url(../images-v9/file/excel.svg);}
.upload_list li.zip .upload_list_name .icon_document {background-image: url(../images-v9/file/zip.svg);}
.upload_list li.ppt .upload_list_name .icon_document {background-image: url(../images-v9/file/ppt.svg);}
.upload_list li.img .upload_list_name .icon_document {background-image: url(../images-v9/file/img.svg);}
/* .upload_list li.img .upload_list_name{color: #0D1C28} */
/*未上传*/
.upload_list li.no_upload .upload_list_name{color: #86909C}
.upload_list li.no_upload .upload_list_name .icon_document {background-image: url(../images-v9/file/file_icon.svg);}
.upload_list li .upload_list_name .icon_upload {
    font-size: 20px;
    fill: #2386EE;
    margin-right: 4px;
    float: left;
    margin-top: 2px;
}
.upload_list li .limit_time>span {color: #86909C;margin-left: 4px;}
.upload_list li .eliminate_btn{margin-left: 8px}
.upload_list li:not(.no_upload) .upload_list_name:hover span {border-bottom: 1px solid #2386EE;color: #2386EE}
/*上传文件----------------------------------------------------------------------------------end*/

/* 表单 */
.label_width_100 .form_item,
.label_width_120 .form_item,
.label_width_128 .form_item,
.label_width_200 .form_item {display: flex;}
.label_width_100 .form_item_label{ width: 100px; }
.label_width_120 .form_item_label{ width: 120px; }
.label_width_128 .form_item_label{ width: 128px; }
.label_width_200 .form_item_label{width: 200px;}

.form_content .form_item{margin-top: 32px;}
.form_content .form_item .form_item_label{
    color: #4B5667;
    box-sizing: border-box;
    padding: 7px 0 7px 10px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    margin-right: 24px;
    position: relative;
}
.form_content .form_item .form_item_content{position: relative;flex: 1;}
.form_item .form_item_content .form_item_message {
    position: absolute;
    top: 100%;
    font-size: 12px;
    display: none;
}
.form_item.is_required .form_item_label label:before {
    content: "*";
    color: #FF4D4D;
    position: absolute;
    left: 0;
}
.form_item.is_error .form_item_message { color: #FF4D4D;display: block;}
.form_item.is_error .form_item_content>.input_inner:first-child input,
.form_item.is_error .form_item_content .select_wrapper:first-child input,
.form_item.is_error .form_item_content .textarea_inner textarea{border-color: #FF4D4D;}
.form_content .form_item .form_item_label .popover_item svg.icon{fill: #86909C;}
.form_content .form_item .form_item_label svg.icon_question_circle{fill: #4B5667 !important;margin-top: 3px;}
.form_content .form_item .input_count {
    background: #fff;
    position: absolute;
    bottom: 8px;
    right: 8px;
    color: #C9CDD4;
}
/* 两个表单合并在一行 */
.form_content .form_inline{display: flex;}
.form_content .form_inline .form_item + .form_item{margin-left: 12%;}
.form_content .form_inline .form_item{flex: 1;}
.form_content .form_item .drag_upload{flex: 1;max-width: 400px;}
.form_content .form_item .tips_words{color: #86909C;margin-top: 16px;}
.form_content .form_item .upload_list{margin-top: 16px;}
.form_content .form_item_content .recommend_key_word{margin-top: 10px;}
.form_content .form_item_content .recommend_key_word li{
    background-color: #F2F3F5;
    height: 28px;
    line-height: 26px;
}

/* 表单----------------------------------------end */


/*拖拽上传*/
.drag_upload{
    background-color: #F8F9FC;
    border: 1px dashed #E5E6EB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 224px;
    cursor: pointer;
    box-sizing: border-box;
}
.drag_upload>.icon{fill: #C9CDD4 }
.drag_upload .text{color: #4B5667;font-size: 18px;margin: 16px 0 8px}
.drag_upload:hover{border-color: #2386EE;background-color: rgba(240, 245, 255, 0.5);;}
.drag_upload:hover .icon{fill: #2386EE}
/*拖拽上传-----------------------------------------end*/

/* 上传图片 */
.upload_content{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.upload_content .upload_list_img{
    display: inline-block;
    width: 48%;
    height: 224px;
    margin-right: 4%;
    position: relative;
    border: 1px dashed #E5E6EB;
    flex-shrink: 0;
    box-sizing: border-box;
    /* margin-bottom: 16px; */
    text-align: center;
    overflow: hidden;
    max-width: 400px;
    background-color: #F8F9FC;
}
.upload_content .upload_list_img:nth-child(2n){margin-right: 0;}
.upload_content .upload_list_img:last-child{margin-bottom: 0;}
.upload_content .upload_list_img img{
    height: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* 上传文件 */
.upload_content .upload_list_img .delete_btn{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
    opacity: 0.8;
    background-color: #FF4D4D;
    display: none;
}
.upload_content .upload_list_img .delete_btn .icon{font-size: 18px;fill: #fff;}
.upload_content .upload_list_img:hover{border-color: #2386EE;}
.upload_content .upload_list_img:hover .delete_btn{display: flex;}
.upload_content .upload_list_img .delete_btn:hover{opacity: 1;}
/* 上传图片 -----------------------------------------end*/

/* 弹窗 */
.mask_alert{
    background: rgba(13, 28, 40, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
/* 公共样式 */
.alert_box_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.alert_box_wrap .alert_container{
    background-color: #fff;
    padding: 32px 32px 24px;
    width: 720px;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(75, 86, 103, 0.1);
    border-radius: 4px;
}
/* 大小 */
.alert_box_wrap .alert_container.min{
    width: 480px;
}
.alert_box_wrap .alert_container.normal{
    width: 720px;
}
.alert_box_wrap .alert_container.middle{
    width: 960px;
}
.alert_box_wrap .alert_container.big{
    width: 1200px;
}
.alert_box_wrap .alert_container.plus{
    width: 1400px;
}
/* 无边框 */
.alert_box_wrap .alert_container.no_border .alert_header,
.alert_box_wrap .alert_container.no_border .alert_footer{
    border: 0;
}
/* 无边距 */
.alert_box_wrap .alert_container.no_padding .alert_content{
    padding-top: 0;
    padding-bottom: 0;
}
.alert_box_wrap .alert_container .alert_header{
    border-bottom: 1px solid #E5E6EB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 16px;
}
.alert_box_wrap .alert_container .alert_header .title{display: flex;align-items: center;}
.alert_box_wrap .alert_container .alert_header .title h2{ font-weight: 700;font-size: 16px;display: flex;align-items: center;}
.alert_box_wrap .alert_container .alert_header .title h2 .iconfont{margin-right: 4px;font-size: 20px;}
/* .alert_box_wrap .alert_container .alert_header .title svg.icon{margin-right: 8px;margin-top: 2px;} */
/* .alert_box_wrap .alert_container .alert_content {margin-top: 32px;max-height: calc(100vh - 300px);overflow-y: auto;} */
.alert_box_wrap .alert_container .alert_content{
    padding-top: 24px;
    padding-bottom: 24px;
}
.alert_box_wrap .alert_container .alert_header .close_btn{
    position: absolute;
    top: -6px;
    right: -8px;
}
/* 弹窗底部 */
.alert_footer{
    padding-top: 16px;
    border-top: 1px solid #E5E6EB;
    display: flex;
    justify-content: space-between;
}
.alert_footer .btn_group{justify-content: flex-end;flex: 1;}

/* 弹窗内容超出添加滚动条 */
.alert_box_wrap.scroll_modal .alert_container .alert_content{
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    /* padding-right: 24px; */
}
/* 弹窗添加最小高度 */
/* .alert_container .alert_content{min-height: 320px;} */

/* 竖向弹窗布局（用于消息提醒对话框）： direction-column; */
.alert_box_wrap .alert_container.direction-column{
    padding: 48px;
}
.alert_box_wrap .alert_container.direction-column .alert_header .close_btn{
    top: -30px;
    right: -24px;
}
.alert_box_wrap .alert_container.direction-column .alert_header .title{
    width: 100%;
}
.alert_box_wrap .alert_container.direction-column .alert_header .title h2{
    width: 100%;
    flex-direction: column;
    font-size: 18px;
}
.alert_box_wrap .alert_container.direction-column .alert_header .title h2 .iconfont{
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 48px;
    margin-bottom: 8px;
}
.alert_box_wrap .alert_container.direction-column .alert_footer{
    text-align: center;
}
/* 弹窗 ------------------------------------------------------------------------------------------------ start*/



/*推荐关键词*/
.recommend_key_word {display: flex;flex-wrap: wrap;}
.recommend_key_word li {
    background: #f3f2f5;
    border-radius: 2px;
    color: #4B5667;
    height: 28px;
    line-height:28px;
    padding: 0 8px;
    margin-right: 6px;
    cursor: pointer;
    border:0;
    box-sizing: border-box;
    margin-bottom: 8px;
    font-size: 13px;
}
.recommend_key_word li+.refresh_btn{margin-left: 8px}
.recommend_key_word li:hover {
    background: #F0F5FF;
    color: #2386EE;
}
/*换一批按钮*/
.refresh_btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #86909C;
    height: 28px;
}
.refresh_btn:hover,.refresh_btn:hover .iconfont{color: #2386EE;}
.refresh_btn .iconfont{margin-right: 4px;color: #86909c;}
.refresh_btn .icon{font-size: 18px;margin-right: 4px;fill:#86909C ;margin-top: 2px}
.refresh_btn:hover .icon{fill: #2386EE}

/* 推荐度 */
.recommend_degree_list{display: flex;justify-content: center;}
.recommend_degree_list span{
    background: #E5E6EB;
    width: 10px;
    height: 6px;
}
.recommend_degree_list span+span{margin-left: 2px;}
.recommend_degree_list.active1 span:first-child,
.recommend_degree_list.active2 span:nth-of-type(-n+2),
.recommend_degree_list.active3 span:nth-of-type(-n+3){background-color: #01BD88;}
/* 推荐度 ---------------------------------------------------------------------end*/

/* 成果图标 */
.vector_icon{
    width: 16px;
    height: 16px;
    background-image: url(../images-v9/icon/v_dw.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    float: left;
    margin:4px 4px 0 0;
}
.vector_icon.v_doi{background-image: url(../images-v9/icon/v_doi.svg);}
.vector_icon.v_xm{background-image: url(../images-v9/icon/v_xm.svg);}

/* 人员，文件，专利等图片的公用样式 */
.list_file_icon,
.patent_img{
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    overflow: hidden;
    /* 防止图片变形拉伸 */
    /* flex-shrink: 0;
    overflow: hidden;
    box-sizing: border-box;
    display: block; */
}
.list_file_icon{
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border: 1px solid #E5E6EB;
    box-shadow: 0px 2px 5px rgba(75, 86, 103, 0.1);
    box-sizing: border-box;
    /* padding: 12px 12px 14px 12px; */
    padding: 2px;
}
.list_file_icon img{width: 100%;height: 100%;}
/* 截取图片防止图片变形拉伸 */
/* .list_file_icon>img,
.patent_img>img{
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
 */
/* 列表中的文件大图标 默认*/
.list_file_icon span{
    background-color: #F2F3F5;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: #86909C;
    padding: 4px;
    box-sizing: border-box;
    text-align: center;
    display: none;
}
.list_file_icon:hover span{display: block;}


/* 删除横线 */
.no_border{border: 0 !important;}

/* 表格 */
/* 表格公用css */
/* 添加表格滚动：给table套一个class为table_scroll的div，且给table添加（最小）宽度 */
.table_scroll{
  overflow: auto;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
    /* font-size: 16px; 这个不知道有什么用,所以暂时注释了 */
    border: 0;
}
/* 表格整体文字居中 */
table.table_t_center th, table.table_t_center td {
    text-align: center;
}
/* 表格整体局右 */
table.table_t_right th, table.table_t_right td {
    text-align: right;
}
table tr th{
    font-weight: normal;
    vertical-align: middle;
    color: #86909C;
    background: #F8F9FC;
    padding-top: 14px;
    padding-bottom: 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #E5E6EB;
    font-size: 14px;
    /* 设置表头不可复制 */
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* Khtml内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
table tr td{
    color: #4B5667;
    border-bottom: 1px solid #E5E6EB;
    vertical-align: middle;
    box-sizing: border-box;
}
/* 下边框虚线 */
table.border_b_dashed tr td{
   border-bottom-style: dashed;
}
/* 给表格添加边框 */
.table_border{ border: 1px solid #E5E6EB;}

/*table tr td:last-child{padding-right: 0 !important;}*/
/* 表格中的表格按钮添加100% */
table tr td .btn_v9{width: 100%;}

/* 鼠标经过tr变色 */
/*table tbody tr:hover{background-color: rgba(240, 245, 255, 0.5);}*/

/* 表格中的分割线 '/' */
.table_th_line{
    transform: scale(0.85);
    color: #C9CDD4;
    display: inline-block;
    margin: 0 2px;
}
/* 表格中的时间 */
.table_cell_time{color: #86909C;}
.status_tag_btn + .table_cell_time{margin-top: 4px;}
/* 截止时间的颜色*/
.table_cell_time.by_time{color: #FF4D4D;}
/* 表格对齐方式 */
/* 金钱右对齐 */
.column_money{text-align: right;}
.table_cell_center{text-align: center !important;}
.table_cell_left{text-align: left !important;}
/* 列表--排序图标---上下箭头 */
.cell_table_sort{ display: inline-flex;cursor: pointer;flex-shrink: 0;align-items: center;}
.cell_table_sort i{
    width: 12px;
    height: 12px;
    background-image: url(../images-v9/icon/sort.svg);
    background-repeat: no-repeat;
    background-size: cover;
    float: right;
    margin-top: 5px;
    margin-left: 2px;
}
.cell_table_sort.ascending i{background: url(../images-v9/icon/asc.svg) no-repeat;}
.cell_table_sort.descending i{background: url(../images-v9/icon/desc.svg) no-repeat;}

/* 删除多选、文件大图标 */
table.no_checkbox .list_table_select,
table.no_list_file_icon .list_column .list_file_icon {display: none;}

/* 常规列表 */
table.saas_list tr th,
table.saas_list tr td{padding-right: 16px;text-align: center;}

table.saas_list tr td{padding-top: 24px;padding-bottom: 24px;}

table.saas_list tr th{padding-left: 0;height: 48px;}
table.saas_list tr th:first-child{padding-left: 16px;}
table.saas_list tr th:last-child,
table.saas_list tr td:last-child{padding-right: 0;text-align: center;}
table.saas_list .list_column{
    flex: 1;
    box-sizing: border-box;
    display: flex;
    text-align: left;
}
table.saas_list .list_column .list_content{width: 0;flex: 1;}
table.saas_list .list_column .list_content .title{color: #0D1C28;position: relative;}

/* 需要小边距 列表时，需要给该列表添加 smallSpacing 的classname。 */
table.saas_list.smallSpacing tr td{
    padding-top: 16px;padding-bottom: 16px;
}

/* 当列表存在 勾选框 / 序号 / 文件图标 的情况下，该th/td需要添加
 table_checkbox / table_number / table_file 
 的classname，该属性设置了固定宽度且为居中对齐。 */
.saas_list tr th.table_checkbox,
.saas_list tr td.table_checkbox,
.saas_list tr th.table_number,
.saas_list tr td.table_number,
.saas_list tr th.table_file,
.saas_list tr td.table_file
{ 
    width: 40px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center;
}
.saas_list tr td.table_number{
    color: #86909C;
}

/* 认证图标添加定位 */
table.saas_list .list_column .list_content .title .popover_item{position: absolute;}
/* 如果有认证图标标题就缩进20px */
table.saas_list .list_column .list_content .title .popover_item + a{text-indent: 20px;/*首行缩进*/}
/* 没有认证图标标题就不缩进 */
table.saas_list .list_column .list_content.no_vector_icon .title .popover_item + a{text-indent: 0;}
table.saas_list .list_column .list_content .title>a{
    overflow: hidden;
    display: block;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-weight: 700;
    font-size: 16px;
    /* margin-bottom: 6px; */
    max-height: 48px;
}

/* 表格的下边框为虚线 */
table.saas_list.borderDashed tr td{
    border-bottom-style: dashed;
}


/* 加粗 */
table.saas_list .list_column .list_content b{font-weight: 700;}
/* 斜体 */
table.saas_list .list_column .list_content em ,
table.saas_list .list_column .list_content i { font-style: italic;}
/* 不要成果图标 */
table.saas_list .list_content.no_vector_icon .vector_icon{display: none;}
/* 表格中单行省略 */
table.saas_list .list_column .list_content dd:not(.operation){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
/* table.saas_list .list_column .list_content dd + dd{margin-top: 6px;} */
table.saas_list .list_column .list_content dd{margin-top: 6px;}
table.saas_list .list_column .list_content .info{color: #86909C;}
/* 赞,收藏,分享,浏览 */
table.saas_list .list_column .list_content .toolbar_item{margin-bottom: -6px;}
table.saas_list .list_column .list_content .toolbar_item a{margin-bottom: 6px;}
/* 表格中多列合并（数字） */
.column_merge_num{display: flex; justify-content: space-around;}
.column_merge_num span{flex: 1;}
table.saas_list .list_column .table_dd_line{
    height: 12px;
    width: 1px;
    transform: rotate(25deg) translateY(1px);
    background-color: #C9CDD4;
    display: inline-block;
    margin: 0 8px;
}
/* 专利，人员，文件图片 */
table .list_file_icon,
table .patent_img,
table.saas_list .list_column .avatar_common,
.recommend_patent_list .list_file_icon{margin-right: 16px;margin-top:2px;}
/* 专利 图片 */
.patent_img{width: 176px;height: 99px;}
/* .patent_img img{border-radius: 4px;max-width: 176px;} */
.patent_img img{border-radius: 4px;width: 100%;height: 100%;object-fit: contain;}
/*单行表格*/
table.a_line_table tr th{text-align: left;padding-right: 16px;padding-left: 0;}
table.a_line_table tr th:last-child{text-align: right;}
table.a_line_table tr th:first-child {
    padding-left: 16px;
}
table.a_line_table tr td{padding: 20px 16px 20px 0;text-align: left}
table.a_line_table tr td.tdCenter{text-align: center}
table.saas_list .list_column .list_content a:hover{color: #2386EE;}
table.saas_list .list_column .list_content a.browse_item:hover{color: #86909C;}

/* 常规表格 */
.saas_table{font-size: 14px;}
.saas_table th{
    font-weight: bold;
    color: #0d1c28;
    height: 48px;
}
.saas_table th, .saas_table td{
    text-align: left;
    padding:16px 12px;;
    border:1px solid #e5e6eb;
}
.saas_table td{
    color: #0d1c28;
    height: 52px;
}
.saas_table tr td:last-child{padding-right: 12px!important;}
/*二级*/
.saas_table .secondary td{background: rgba(35, 134, 238, 0.05);}
/*勾选*/
.saas_table tr.check{background: #f0f5ff;}


/* 
当表格中存在按钮/可编辑（input、select、textarea）的情况下，
需要为该table添加 middle （ td的padding值修改为上下左右都是12px;）的classname。
*/
.saas_table.middle th, .saas_table.middle td{
    padding: 12px;
}

/* 
该种表格除了table本身的border外，
其中的th/td都不会出现竖线边框，
需要使用该风格就在saas_table后添加 
no_vertical_line 的classname即可。
*/
.saas_table.no_vertical_line th, .saas_table.no_vertical_line td{
    border-left: 0;
    border-right: 0;
}
.saas_table.no_vertical_line th:first-child,
.saas_table.no_vertical_line td:first-child{
    border-left: 1px solid #e5e6eb;
}
.saas_table.no_vertical_line th:last-child,
.saas_table.no_vertical_line td:last-child{
    border-right: 1px solid #e5e6eb;
}



/* 可编辑表格 */
.fillIn_table{
    border-collapse: inherit;
    border-bottom: 0;
    border-left: 0;
}
table.fillIn_table tr th {
    text-align: left;
    padding: 16px 0 16px 16px;
}
table.fillIn_table tr td {
    padding: 16px 0 16px 16px;
    position: relative;
    color: #0D1C28;
    height: 100%;
    text-align: left;
}
/* table.fillIn_table tr td .date_editor,
table.fillIn_table tr td .input_inner,
table.fillIn_table tr td .calendar_range_picker{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
} */
/* table.fillIn_table tr td .calendar_range_picker{padding: 0 40px 0 16px;border-color: transparent;} */
/* .fillIn_table .calendar_range_picker .icon_date{right: 16px;} */
/* .fillIn_table tr td input{
    border-radius: 0px;
    border-color: transparent;
    padding: 0 12px;
    width: 100%;
    height: 100%;
} */
/* .fillIn_table tr td input:hover,
table.fillIn_table tr td .calendar_range_picker:hover {border-color: #4799EE;}
.fillIn_table tr td input:focus {border-color: #2386EE;} */
.fillIn_table tr td .table_triangle {
    display: none;
    /* width: 0;
    height: 0;
    border-left: 6px solid #2386EE;
    border-top: 6px solid transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9; */
}
table.fillIn_table tr:hover{background-color: transparent;}
/* 表格-------------------------------------------------------------------------end */

/* 分页器 */
.table_pagination{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #4B5667;
    padding-top: 16px;
    /* border-top: 1px solid #E5E6EB; */
}
.table_pagination input{height: 32px;color: #4B5667;}
.pagination_total{color: #86909C;}
.table_pagination .select_wrapper{margin-left: 16px;}
.table_pagination .pagination_list .pagination_jumper input{
    margin:0 8px;
    width: 60px;
    padding: 0 8px;
}
.table_pagination .pagination_list,
.table_pagination .pagination_list ul.pager{display: flex;align-items: center;}
.table_pagination .pagination_list ul.pager .pagination_item{
    border: 1px solid #E5E6EB;
    width: 32px;
    height: 32px;
    border-radius: 2px;
    margin-left: 8px;
    text-align: center;
    box-sizing: border-box;
    line-height: 30px;
    cursor: pointer;
    transition: all .3s;
}
.table_pagination .pagination_list ul.pager .pagination_item svg.icon{fill:#86909C ;font-size: 16px;}
.table_pagination .pagination_list ul.pager .pagination_item:hover  svg.icon{fill:#2386EE ;}
.table_pagination .pagination_list ul span.pagination_item{color: #86909C;}
.table_pagination .pagination_list ul .pagination_item:hover{border-color: #2386EE;color: #2386EE;}
.table_pagination .pagination_list ul .pagination_item.active{
    border-color: #2386EE;
    color: #fff;
    background-color: #2386EE;
}
.table_pagination .pagination_list ul .pagination_item.pagination_item_ellipsis{border: 0;}
.table_pagination .pagination_list .pagination_jumper{margin-left:8px;color: #86909C;}
/* 分页器---------------------------------------------------------------------------------------- */

/* 状态标签 */
/* 默认状态 --- 已取消 */
a.status_tag_btn{
    border-radius: 2px;
    height: 24px;
    box-sizing: border-box;
    line-height: 24px;
    display: inline-block;
    padding: 0 8px;
    background: rgba(75, 86, 103, 0.1);
    color: #4B5667;
}
/* 填写中 */
.status_tag_btn.status_normal{ background: rgba(35, 134, 238, 0.1);color: #2386EE;}
/* 待审核 */
.status_tag_btn.status_await{background: rgba(255, 125, 0, 0.1);color: #FF7D00;}
/* 审核通过 */
.status_tag_btn.status_success{background: rgba(1, 189, 136, 0.1);color: #01BD88;}
/* 退回修改 */
.status_tag_btn.status_return{background: rgba(245, 63, 63, 0.1);color: #F53F3F;}
/* 状态标签 --------------------------------------------------------end*/


/* 下拉选择 */
.select_wrapper{position: relative;width: 100%;box-sizing: border-box;}
.select_wrapper .select_down_box{
    position: absolute;
    right: 0;
    z-index: 1;
    margin-top: 2px;
    padding: 5px 0;
    background: #FFFFFF;
    border: 1px solid #E5E6EB;
    box-shadow: 0px 4px 12px rgb(75,86,103,15%);
    border-radius: 4px;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
    display: none;
}
.select_wrapper .select_down_box .is_disabled {
  color: #B9BEC6;
  cursor: not-allowed;
}
.select_wrapper .select_down_box .active {
  color: #0082EE;
}
.select_down_box.floatTop{
    top: 100%;
}
.select_down_box.floatBottom{
    bottom: 100%;
}
.select_wrapper .input_suffix input{cursor: pointer;}
.select_wrapper .input_inner .iconfont{color: #86909C;}
.select_wrapper .select_down_box li{
    padding: 10px 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4B5667;
    box-sizing: border-box;
    cursor: pointer;
}
.select_wrapper .select_down_box li:hover{background-color: #F2F3F5;}
/* 
暂时不需要图标翻转的动作 2024-1 新UI标准
.select_wrapper.active .input_inner svg.icon{transform: translateY(-50%) rotate(180deg);}
.select_wrapper.active .input_inner .iconfont{transform: translateY(-50%) rotate(180deg);} */
/* 禁止 */
.select_wrapper.is_disabled .input_inner input{background-color: #F2F3F5;border: 1px solid #E5E6EB;}

/* 纯文字版（没有边框、边距） */
.text_select_wrapper.select_wrapper .input_inner input{
    width: 100%;
    height: 100%;
    padding: 0 !important;
    border: 0 !important;
    padding-right: 24px !important;
    cursor: pointer;
}
/* 下拉选择------------------------------------end */


/* 多下拉选择特殊处理 静态GPT页面 */
.select_wrapper .gptLikeTex:hover{
    background: #F0F5FF;
    cursor: pointer;
}
/* .select_wrapper.active .gptLikeTex{
    background: #F0F5FF;
    cursor: pointer;
} */
.select_down_box.multipleChoice{
    max-height: 412px;
}
.select_down_box.multipleChoice .checkbox_default span{
    width: 280px;
}



/* 输入框 */
.input_inner{width: 100%}

/* 输入框后面添加图标 */
.input_suffix{position: relative;}
.input_suffix input{width: 100%;padding-right: 32px !important;}
.input_suffix .icon_suffix{
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    fill: #86909C;
    cursor: pointer;
}
.input_suffix .icon_suffix .icon_down{font-size: 16px;fill: #86909C;}
.input_suffix .icon_suffix .eliminate_btn{display: none}
.input_suffix .icon_suffix:hover .icon_down{display: none}
.input_suffix .icon_suffix:hover .eliminate_btn{display: flex}


/* 徽标数 */
.badge_number {
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 19px;
    background: rgba(255, 77, 77, 0.9);
    z-index: 2;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    border-radius: 20px;
}
/* 徽标数添加定位 */
.badge_number_locate{position: relative;}
.badge_number_locate .badge_number{position: absolute;}
/* 徽标数--------------------------------------------------------------------------------end */

/* 点赞评论收藏 */
.toolbar_item{color: #86909C;display: flex;align-items: center;font-size: 14px;flex-wrap: wrap;}
.toolbar_item a{display: flex;align-items: center;margin-right: 24px;line-height: 1;}
.toolbar_item a:last-child{margin-right: 0;}
.toolbar_item svg{font-size: 18px;fill: #86909C;margin-right: 4px;}
.toolbar_item a:hover:not(.browse_item) svg{fill: #2386EE;}
.toolbar_item a.browse_item{cursor: default;}
.toolbar_item a.browse_item:hover{color: #86909C;}

/*图标操作增删改查*/
.personnel_action {
    display: flex;
    justify-content: center;
    align-items: center;
}
.personnel_action .tooltip_item .tooltip_icon {
    background-color: transparent;
    width: 32px;
    height: 32px
}
.personnel_action .tooltip_item .tooltip_icon svg.icon {font-size: 20px;fill: #86909C;}
.personnel_action .tooltip_item:hover .tooltip_icon svg.icon {fill: #4B5667;}
/*图标操作增删改查--------------------------------------------------------------------------end*/


/* 多级选择 */
.select_tree{position: relative;}
.tree_input,.input_prefix{flex: 1;position: relative;}
/*选择内容*/
.select_tree .select_view_suffix{
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    white-space: nowrap;
    user-select: none;
    cursor: pointer;
    padding: 0 6px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}
.select_tree .select_view_suffix .eliminate_btn{display: none;}
.select_tree input:hover{
    cursor: pointer;
}
.select_tree .select_view_suffix:hover .icon_down{display: none !important;}
.select_tree .select_view_suffix:hover .eliminate_btn{display: flex;}
.select_tree .tree_input.on .select_view_suffix{transform:translateY(-50%) rotate(0);}

/* 多级选择----》搜索状态：样式 */
.tree_search_list{
    position: absolute;
    top: 38px;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    z-index: 9;
    display: none;
    min-width: 180px;
}
.tree_search_list ul.tree_menu{
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}
.tree_search_list ul.tree_menu li{
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    outline: none;
}
.tree_search_list ul.tree_menu li .list_node{
    display: block;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*多级选择 样式*/
.tree_dropdown{
    position: absolute;
    z-index: 1;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(75, 86, 103, 0.1);
    border: 1px solid #E5E6EB;
    border-radius: 2px;
}
.tree_dropdown.floatTop{
    top: calc(100% + 2px);
}
.tree_dropdown.floatBottom{
    bottom: calc(100% + 2px);
}
/* 多级选择----选择状态 */
.tree_dropdown .menu_listBox{
    display: none;
    position: relative;
    border-left: 1px solid #E5E6EB;
    min-width: 220px;
    max-height: 300px;
    overflow-y: auto;
}
.tree_dropdown .menu_listBox:first-child{border-left:0;}
.second-level ul,
.third-level ul{display: none;}
.tree_dropdown ul{padding: 8px 0;}
.tree_dropdown ul li{
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    display: flex;
    align-items: center;
    outline: none;
    position: relative;
    padding-left: 20px ;
}
.tree_dropdown ul li .list_node{
    display: block;
    flex-grow: 1;
    padding-right: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*箭头*/
.tree_dropdown ul li .very_light_fill {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.tree_dropdown ul li .checkbox_default {margin-right: 8px;}
.select_tree .tree_input input{border-color: #2386EE;}
.select_tree .tree_input.on input{border-color: #E5E6EB;}

/* 鼠标经过/选中背景颜色 */
/* 多级选择----搜索状态：选中之后的样式 */
.tree_search_list ul li:hover,
.tree_dropdown ul li:hover,
.active-bg{  background: #F0F7FF;  }
/*从某级进入----颜色，背景，箭头颜色*/
.treeActiveEnter{  background: #F0F7FF;  }
.treeActiveEnter span{color: #2386EE}
.treeActiveEnter .icon{fill: #2386EE;}
/*多级选择----选择状态选中之后*/
.treeActive span{  color: #2386EE;}

/* 搜索状态：样式 */
.cascader_suggestion_panel{
    position: absolute;
    top: 38px;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    z-index: 9;
    width: 100%;
    display: none;
}
.cascader_suggestion_panel ul.cascader_suggestion_list{
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}
.cascader_suggestion_panel ul.cascader_suggestion_list li{
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    outline: none;
    
}
.cascader_suggestion_panel ul.cascader_suggestion_list li span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    flex: 1;
}
.cascader_suggestion_panel ul.cascader_suggestion_list li span i{font-weight: bold;display: inline-block;color: #2386EE;font-style: normal;}
.cascader_suggestion_panel ul.cascader_suggestion_list li:hover{background-color: #F2F3F5;}
/* 选中之后内容 */
.cascader_tags{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 4px;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    width: fit-content;
}
.cascader_tags .tag_info{
    height: 28px;
    line-height: 28px;
    background: #E8F3FF;
    border-radius: 4px;
    margin-right: 6px;
    padding: 0 6px 0 8px;
    display: flex;
    align-items: center;
}
.cascader_tags .tag_info .eliminate_btn{ margin-left: 8px;}

/* 页面的模糊搜索框 */
.vague_search {position: relative;max-width: 240px;width: 100%;}
.vague_search input {
    background: #fff;
    border-radius: 18px;
    padding-right: 36px;
    border-color:#e5e6eb;
    width: 240px;
    padding-left: 16px;
}
.vague_search .vague_search_icon {
    position: absolute;
    top: 50%;
    right:0;
    transform: translateY(-50%);
    cursor: pointer;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    padding-left: 4px;
    box-sizing: border-box;

}
.vague_search .vague_search_icon .icon,.vague_search .vague_search_icon .iconfont{fill: #86909C;color: #86909C; font-size: 18px;}
.vague_search .vague_search_icon:hover .icon,.vague_search .vague_search_icon:hover .iconfont{fill: #2386EE;color: #2386EE;}
.vague_search input:hover { border-color: #4799EE;background-color: #fff;}
.vague_search input:focus { background-color: #fff; border-color: #2386EE;}


/* 面包屑 */
.breadcrumb_wrap{
    margin-bottom:24px;
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.breadcrumb{color: #4B5667;}
.breadcrumb>span{margin: 0 8px;}
.breadcrumb>span .icon{fill:#C9CDD4;}
.breadcrumb>.now{color: #0D1C28;font-weight: 600;}


/* 侧边筛选 */
.sider_children{
    margin-right: 24px;
    width: 300px;
    transition: all 0.3s;
    flex-shrink: 0;
}
.sider_children .screen_group_box {
    /* padding: 24px 32px 12px; */
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 24px;
    box-shadow: 0px 2px 5px rgba(75, 86, 103, 0.1);
    border-radius: 4px;
    padding-bottom: 12px;
}
.sider_children .screen_group_box:last-child{margin-bottom: 0;}
.sider_children .screen_group_box h3{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    /* padding-bottom: 12px; */
    justify-content: space-between;
    cursor: pointer;
    padding: 24px 32px 12px;
}
.sider_children .screen_group_box h3 svg.icon{font-size: 16px;fill: #86909C;transform: rotate(180deg);}
.sider_children .screen_group_box h3.active svg.icon{transform: rotate(0deg);}
/* .sider_children .screen_group_box h3.active{
    padding-bottom: 24px;
} */
.sider_children .screen_group_box .screen_group_item{
    border-top: 1px solid #E5E6EB;
    padding-top: 6px;
    display: block;
    overflow: hidden;   
    max-height: 328px;
    margin: 0 24px;
}
.sider_children .screen_group_box.down .screen_group_item{
    max-height: 100%;
}
.sider_children .screen_group_box.down .sider_pagination_btn .unfoldBtn::before{
    content: '收起';
}
.sider_children .screen_group_box.down .sider_pagination_btn .unfoldBtn .iconfont{
    transform: rotate(180deg);
}
 
.sider_children .screen_group_box .screen_group_item li{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 8px;
    box-sizing: border-box;
    width: 100%;
    /* margin-left: -8px; */
    font-size: 14px;
}
.sider_children .screen_group_box .screen_group_item li:hover{background-color: #f2f3f5;}
.sider_children .screen_group_box .screen_group_item li.active{background: #F0F5FF;}
.sider_children .screen_group_box .screen_group_item li.active span{color: #2386EE !important;}
.sider_children .screen_group_box .screen_group_item li .text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.sider_children .screen_group_box .screen_group_item li .operate{
    /* margin-left: 8px; */
    flex-shrink: 0;
    display: none;
}
.sider_children .screen_group_box .screen_group_item li .operate .icon-delete{
    margin-left: 12px;
    display: inline-block;
}
.sider_children .screen_group_box .screen_group_item li:hover .operate,
.sider_children .screen_group_box .screen_group_item li.active .operate{
display: block;
}
.operate .icon-delete:hover,.operate .icon-edit:hover{
    color: #2386EE;
}
.sider_children .screen_group_box .screen_group_item li .text,
.sider_children .screen_group_box h3>span{margin-right: 8px;}
.sider_children .screen_group_box .addVsBtn{
    margin: 6px 24px 0 24px;
    justify-content: center;
}
/* 二级选项课 */
.sider_children .screen_group_box .screen_group_item li.secondary .icon-caret-right{
    display: inline-block;
    margin-right: 8px;
}
.sider_children .screen_group_box .screen_group_item li.secondary .icon-caret-right.active{
    color: #2386EE;
    transform: rotate(90deg);
}
.sider_children .screen_group_box .screen_group_item li.secondary{
    flex-direction: column;
    padding: 0;
}
.sider_children .screen_group_box .screen_group_item li.secondary .item_content{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 8px;
    box-sizing: border-box;
}
.sider_children .screen_group_box .screen_group_item li.secondary .item_content.defaultColor .text,
.sider_children .screen_group_box .screen_group_item li.secondary .item_content.defaultColor .very_light_color{
    color: #0D1C28 !important;
}
.sider_children .screen_group_box .screen_group_item li.secondary .secondary_screen_group_item{
    width: 100%;
    display: none;
}
.sider_children .screen_group_box .screen_group_item li.secondary .secondary_screen_group_item li{
    padding-left: 32px;
}
.sider_children .screen_group_box .screen_group_item li.secondary .secondary_screen_group_item li span{
    color: #0d1c28 !important;
}
.sider_children .screen_group_box .screen_group_item li.secondary .secondary_screen_group_item li.active span{
    color: #2386EE !important;
}




/* 左右按钮形式 */
.sider_pagination_btn{display: flex;justify-content: center;margin-top: 8px;padding-bottom: 4px;}
.sider_pagination_btn span{
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border: 1px solid #E5E6EB;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}
.sider_pagination_btn span svg{fill: #86909C;font-size: 18px;}
.sider_pagination_btn span.sider_pagination_next{margin-left: 24px;}
.sider_pagination_btn span:hover{background-color: #F0F5FF;}
.sider_pagination_btn span:hover svg{fill: #2386EE;}
.sider_pagination_btn span.is_disabled{
    background-color: #F8F9FC;
    cursor: not-allowed;
}
.sider_pagination_btn span.is_disabled svg{fill:#C9CDD4}

/* 展开收起形式 */
.sider_pagination_btn .unfoldBtn{
    width: 100%;
    height: 36px;
    line-height: 36px;
    color: #2386EE;
    cursor: pointer;
    text-align: center;
    margin-top: -8px;
}
.sider_pagination_btn .unfoldBtn::before{
   content: '展开';
}
.sider_pagination_btn .unfoldBtn .iconfont{
  margin-left: 4px;
  margin-top: 4px;
  display: inline-block;
  color: #2386EE;
}

/* 侧边筛选 ----------------------------------------------------------------end*/



/* 内容区 */
/* 内容的公共样式 */
.container_v9 { margin:32px auto 0;display: flex; }
/*宽屏*/
.full_screen{min-width: 1200px;}
/* 有二级菜单 内容区和二级直接的间距*/
.has_two_nav_container{margin:24px auto 0;display: flex;}

.minW1000{
    min-width: 1000px;
}
.minW1200{
    min-width: 1200px;
}
.minW1400{
    min-width: 1400px;
}
.minW1600{
    min-width: 1600px;
}

.content_v9 {
    background-color: #fff;
    padding: 24px 32px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 2px 5px rgba(75, 86, 103, 0.1);
    border-radius: 4px;
    flex: 1;
    align-self: baseline;
}
/* 分割线 */
.division_line{
    height: 24px;
    background-color: #F0F2F5;
}
/* 内页公共样式-------内容部分上移 */
.container_content .container_v9{margin-top: -70px;}

/* 每个页面右边表格上面的标题 */
.content_v9 .title_wrap{
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 标题添加下划线has_border */
.has_border{border-bottom: 0;padding-bottom: 12px;border-bottom: 1px solid #E5E6EB}
.content_v9 .title_wrap .title{display: flex;align-items: center;font-size: 18px;flex-shrink: 0;font-weight: 600;}
.content_v9 .title_wrap ._title{
    margin-bottom: 20px;
}
.content_v9 .title_wrap .title h2{
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.content_v9 .title_wrap .title span.text{font-size: 16px;color: #86909C;margin-left: 8px;}
/* .content_v9 .title_wrap .title span.text{color: #4B5667; font-weight: 400;margin-left: 8px;} */
.list_top_wrap{display: flex;align-items: center;}
.title + .list_top_wrap,
.list_top_wrap .vague_search + .btn_group{margin-left: 16px;}

/* 空状态 */
.empty_content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 16px;
}
/*空状态*/
.empty_content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    padding: 32px 0px 96px
}
.empty_content .empty_images{
    width: 240px;
    height: 240px;
    background-size: cover;
    background-repeat: no-repeat;
}
.empty_content .empty_title{font-weight: 700;font-size: 20px;color: #86909C;margin-bottom: 24px;}
.empty_content .empty_describe{font-size: 16px;line-height: 1;color: #86909C;}
.empty_content .empty_describe span.time{color: #2386EE;font-weight: 700;}
.empty_content .btn_v9{margin-top: 24px;}
/* 无数据 */
.empty_content.empty_normal1 .empty_images{background-image: url("../images-v9/empty_img/empty_img_normal1.svg")}
.empty_content.empty_normal2 .empty_images{background-image: url("../images-v9/empty_img/empty_img_normal2.svg")}
.empty_content.empty_normal3 .empty_images{background-image: url("../images-v9/empty_img/empty_img_normal3.svg")}
.empty_content.empty_normal403 .empty_images{background-image: url("../images-v9/empty_img/empty_img403.svg")}


/* 飘窗 */
.bay_window{
    position: relative;
}
.bay_window_content{
    position: absolute;
    top: 0;
    left: -124px;
    width: 100px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(75, 86, 103, 0.1);
    border-radius: 4px;
}
.bay_window_content li{padding: 20px 17px;display: flex;justify-content: center;}
.bay_window_content li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bay_window_content li span{
    font-size: 15px;
    color: #4B5667;
    margin-top: 8px;
    /* line-height: 1; */
}
.bay_window_content li .bay_wrap{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    /* box-sizing: border-box; */
}
.bay_window_content li .bay_wrap i{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bay_window_content li i svg{font-size: 28px;}
/* 推广专利 */
.bay_window_content li .tgzl i{background-color: rgba(35, 134, 238, 0.08);}
.bay_window_content li .tgzl svg{fill: #2386EE;}
/* 联系客户 */
.bay_window_content li .lxkh i{background-color: rgba(1, 189, 136, 0.08);}
.bay_window_content li .lxkh svg{fill: #01BD88;}
/* 生成报告 */
.bay_window_content li .scbg i{background-color: rgba(250, 140, 22, 0.1);}
.bay_window_content li .scbg svg{fill: #FA8C16;}
/* 鼠标经过 */
.bay_window_content li:nth-child(1):hover i{
    background-color: rgba(35, 134, 238, 0.15);
}
.bay_window_content li:nth-child(3):hover i{
    background-color: rgba(1, 189, 136, 0.15);  
}
.bay_window_content li:nth-child(5):hover i{
    background-color: rgba(250, 140, 22, 0.15);
}
/* 聚焦 */
.bay_window_content li.active .bay_wrap{
    width: 62px;
    height: 62px;
    border: 2px dotted transparent;
}
/* 推广专利 */
.bay_window_content li.active .tgzl{background-color: rgba(35, 134, 238, 0.08);border-color: rgba(35, 134, 238, 0.6);}
.bay_window_content li.active .tgzl i{background-color: #2386EE;}
/* 联系客户 */
.bay_window_content li.active .lxkh{background-color: rgba(1, 189, 136, 0.08);border-color: rgba(1, 189, 136, 0.6);}
.bay_window_content li.active .lxkh i{background-color: #01BD88;}
/* 生成报告 */
.bay_window_content li.active .scbg{background-color: rgba(250, 140, 22, 0.1);border-color: rgba(250, 140, 22, 0.6);}
.bay_window_content li.active .scbg i{background-color: #FA8C16;}

.bay_window_content li.active .lxkh svg,
.bay_window_content li.active .tgzl svg,
.bay_window_content li.active .scbg svg{fill: #fff;}

/* 置灰 */
/* 推广专利 */
.bay_window_content li.is_disabled i,
.bay_window_content li.is_disabled:hover i{background-color: #F2F3F5;}
.bay_window_content li.is_disabled svg,
.bay_window_content li.is_disabled:hover svg{fill: #86909C;}
/* .bay_window_content li:nth-child(1) i{
    background-color: rgba(35, 134, 238, 0.08);
    background-image: url(../images-v9/bay_tgzl.svg);
}
.bay_window_content li:nth-child(3) i{
    background-color: rgba(1, 189, 136, 0.08);  
    background-image: url(../images-v9/bay_lxkh.svg);  
}
.bay_window_content li:nth-child(5) i{
    background-color: rgba(250, 140, 22, 0.1);
    background-image: url(../images-v9/bay_scbg.svg);
} */
.bay_window_content .bay_rectangle{
    width: 100px;
    height: 26px;
    background-image: url(../images-v9/bay_rectangle.svg) ;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}


/* 已下架 */
.off_shelf_box{position: relative;}
.off_shelf_box .off_shelf_img{
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px;
}


/* 分享 */
.overlay_wrapper_box{
    position: absolute;
    display: none;
    z-index: 99;
}
 .overlay_wrapper{
    background-color: #fff;
    box-shadow: 0px 4px 10px rgb(75,86,103,0.1);
    border-radius: 4px;
}
 .overlay_wrapper .triangle_left{
    width: 0;
    height: 0;
    position: absolute;
    z-index: 9;
}
/* 分享链接 */
 .share_forward_wrap .overlay_wrapper{padding: 8px 24px;}
 .share_forward_wrap .share_forward a{
    display: flex;
    white-space: nowrap;
    padding: 16px 0;
    border-bottom: 1px solid #E5E6EB;
    align-items: center;
    font-size: 16px;
    color: #4B5667;
    /* cursor: default; */
}
 .share_forward_wrap .share_forward a:last-child{border: 0;}
 .share_forward_wrap .share_forward a img{ margin-right: 8px;width: 24px;}
 .share_forward_wrap .share_forward a.link_wrap img{opacity: 0.8;}
 .share_forward_wrap .share_forward a:hover{color: #2386EE;}
/* 扫码预览 */
.scm_er_code_v9 .overlay_wrapper{padding: 24px;}
.scm_er_code_v9 .scm_er_code{text-align: center;}
.scm_er_code_v9 .scm_er_code img{display: block;width: 92px;cursor: default;}
.scm_er_code_v9 .scm_er_code p{margin-top: 8px;color: #4B5667;}
.side_windows_v9 ul li:hover .overlay_wrapper_box{display: block;}
/* 客服电话 */
.customer_service_phone_v9 .overlay_wrapper{padding: 24px;white-space: nowrap;}
.customer_service_phone_v9 .customer_service_phone p{
    font-weight: 700;
    font-size: 21px;
    color: #2386EE;
}
.side_windows_v9 .overlay_wrapper_box.customer_service_phone_v9{top: calc(50% - 50px);}
.side_windows_v9 .overlay_wrapper_box.customer_service_phone_v9 .triangle_left{top: calc(50% - 10px);}

/* 多行文本输入 */
.textarea_inner .textarea_word_limit{display: none;}
.textarea_limit{position: relative;}
.textarea_inner.textarea_limit .textarea_word_limit{
    position: absolute;
    bottom: 8px;
    right: 8px;
    color: #C9CDD4;
    display: block;
}

/* 开关按钮 */
.switch{
    position: relative;
    background: #86909C;
    width: 32px;
    height: 16px;
    border-radius: 16px
}
.switch:hover{
    cursor: pointer;
}
.switch::after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 2px;
    top: 2px;
    background: #FFFFFF;
    border-radius: 12px
}
.switch.open{
    background: #2386EE;
}
.switch.open::after{
    left: auto;
    right: 2px;
}

.switch.disable{
    background: #E5E6EB;
}
.switch.disable:hover{
    cursor: default;
}
.switch.disable.open{
    background:  rgba(35, 134, 238, 0.4);;
}

/* 全局提示 */
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.message_item{
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.message_item li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 14px 14px 18px;
    box-shadow: 0 2px 20px rgba(75, 86, 103, 0.2);
    border-radius: 4px;
    background-color: #fff;
    min-width: 272px;
    box-sizing: border-box;
}
.message_item .message_content{display: flex;align-items: center;}
.message_item .message_content .iconfont{margin-right: 14px;font-size: 20px;width: 20px;height: 20px;}
.message_item span{color: #86909C;}
/* font类型 */
.message_item .warning .iconfont{color: #FA8C16;}
.message_item .success .iconfont{color: #1BC47D;}
.message_item .error .iconfont{color:#FF4D4D}
.message_item .upload .iconfont{
    color: #2386EE;
    animation: rotate 1s linear infinite;
    -webkit-animation: rotate 1s linear infinite;
}
/* 全局提示 ------------------------------------------------------end*/



/* 表格筛选 */
.table_screen{position: relative;}
.table_screen.table_screen_w360 .screen_content{width: 360px;}
.table_screen.table_screen_w360 .screen_content ul li{width: 49%;margin-right: 2%;}
.table_screen.table_screen_w360 .screen_content ul li:nth-child(2n){margin-right: 0;}
.table_screen .screen_content{
    position: absolute;
    right: -50px;
    top: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 0px rgba(75, 86, 103, 0.15);
    padding: 16px;
    box-sizing: border-box;
    margin-top: 4px;
    display: none;
    border-radius: 4px;
    max-height: 256px;
    width: auto;
    min-width: 180px;
    overflow-y: auto;
    z-index: 9;
    /* border: 1px solid #E5E6EB; */
}
.table_screen .screen_content ul{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    
}
.table_screen .screen_content ul li{
    width: 100%;
    box-sizing: border-box;
}
.table_screen .screen_content ul li .checkbox_default span{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*color: #0D1C28;*/
}
/* .table_screen .screen_content .down_btn{
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
    padding-top: 16px;
    border-top: 1px solid #E5E6EB;
}
.table_screen .screen_content .down_btn .btn{min-width: 60px;height:32px;padding: 0 16px;}
.table_screen .screen_content .down_btn .btn + .btn{margin-left: 12px;} */
.table_screen .secondary_btn .iconfont:hover{color: #2386EE;}
.table_screen.active .secondary_btn .iconfont{color: #2386EE;}
.table_screen.active .secondary_btn .icon_btn{border-color: #2386EE;color: #2386EE;}
/* 表格筛选 ------------------------------------------------------------------end*/