/**

公用样式

 */


/* 全局都能用的样式，避免重复写 ----start */
/*
尽量避免这种全局样式的修改 * 可能引起一些意想不到的样式错乱
* {
    box-sizing: border-box;
}
*/
/*权限管理按钮样式*/
.author-identification {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.oh {
    overflow: hidden;
}

.h100 {
    height: 100%;
}

.pointer {
    cursor: pointer;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.v-a-m {
    vertical-align: middle;
}

.m-l-5 {
    margin-left: 5px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-r-20 {
    margin-right: 20px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-r-20 {
    padding-right: 20px;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both
}

/* 全局都能用的样式，避免重复写 ----end */

/*滚动条  -----start*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    /* background-color: #f1f1f1; */
    background-color: transparent;
    border-radius: 10px;
}

/*滚动条  ----end*/
/* 蓝色标题样式全局 ----start */
.header-title-blue>.blue-bar {
    display: inline-block;
    width: 4px;
    height: 20px;
    background: #2780ec;
    vertical-align: middle;
}

.header-title-blue-big>.blue-bar {
    height: 20px;
    vertical-align: middle;
}

.header-title-blue-sm>.blue-bar {
    height: 14px;
    vertical-align: text-top;
}

.header-title-blue>.title-name {
    font-size: 14px;
    margin-left: 4px;
}

/* 蓝色标题样式全局 ----end */

/* table样式全局 ----start */
.layui-table-cell {
    height: auto;
    white-space: normal;
    position: relative;
}

.table-title-reset {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
}

.table-title-reset>.table-icon-sense {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #d54351;
    border-radius: 2px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: 20%;
}

.table-title-reset>.table-title-content {
    display: inline-block;
    width: 68%;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.table-title-reset>.table-icon-type {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    margin-left: 4px;
    position: absolute;
    right: 0;
    top: 20%;
}

.layui-table-view .layui-table td[lay-event=getDetail] {
    cursor: pointer;
}

.layui-table-view .layui-table td[lay-event=getDetail]:hover {
    color: red;
}


/* 图标样式分类 */
.table-title-reset>.table-icon-type.table-icon-pic {
    background-color: #d2dfff;
    color: #2a60e4;
}

.table-title-reset>.table-icon-type.table-icon-sound {
    background-color: #ffe2d2;
    color: #DD7316;
}

.table-title-reset>.table-icon-type.table-icon-video {
    background-color: #ccede0;
    color: #139363;
}

.table-title-reset>.table-icon-type.table-icon-text {
    background-color: #ffd2d3;
    color: #d50e21;
}

.layui-table-cell>.table-icon-tpl {
    font-size: 18px;
    margin-right: 8px;
    color: #959cad;
}

.layui-table-cell>.table-icon-tpl.active {
    color: #2780ec;
}

.table-btn-tpl {
    /* width: 70px; */
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    font-size: 14px;
}

.table-status {
    display: inline-block;
    width: 50px;
    height: 24px;
    line-height: 24px;
    background-color: #19be80;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
}

.table-status-no {
    background-color: #e2893a;
}

/* table样式全局 ----end */

.white_bt {
    color: #535353;
    background-color: #fff;
    font-size: 14px;
}

.white_bt:hover {
    background-color: #959595;
    color: #fff;
}

.white_bt:active {
    background-color: #5b5858;
    color: #fff;
}

.gray_bt {
    background-color: #959595;
    color: #fff;
    font-size: 14px;
}

.gray_bt:hover {
    background-color: #7c7a7a;
}

.gray_bt:active {
    background-color: #5b5858;
}

.blue_bt {
    background-color: #0A74A9;
    color: #fff;
    font-size: 14px;
}

.blue_bt:hover {
    background-color: #0A5E8D;
}

.blue_bt:active {
    background-color: #0A456A;
}

.green_bt {
    background-color: limegreen;
    color: #fff;
    font-size: 14px;
}

.green_bt:hover {
    background-color: #2EB12E;
}

.green_bt:active {
    background-color: #259025;
}

.red_bt {
    background-color: #a90808;
    color: #fff;
    font-size: 14px;
}

.red_bt:hover {
    background-color: #9d0404;
}

.red_bt:active {
    background-color: #920303;
}

button.touming_bt {
    color: #454545;
    background-color: transparent;
    font-size: 14px;
}

.touming_bt:hover {
    background-color: transparent;
    color: #454545;
}

.touming_bt:active {
    background-color: transparent;
    color: #454545;
}

.layui-btn-sm {
    line-height: 28px;
}

.w90px {
    width: 90px;
}

/*下拉框样式*/
.select_box {
    overflow: visible;
}

.select_box>.ui-select {
    height: 100%;
    width: 100% !important;
    padding: 0;
    border: none;
}

.select_box>.ui-select>a {
    height: 100%;
    font-size: 14px;
    /*0.9375vw*/
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #333;
    border-width: 1px;
    border-color: #C9C9C9;
    border-style: solid;
    border-radius: 0;

}

.select_box>.ui-select>a .ui-select-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333;
}

.select_box>.ui-select>a>i {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-51%);
    -moz-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    -o-transform: translateY(-51%);
    transform: translateY(-51%);
    color: #333;
    font-size: 0.9375vw;
}

.select_box>.ui-select div.ui-select-datalist {
    top: 34px;
    /*2.2917vw*/
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.select_box>.ui-select .ui-select-datalist>.ui-select-datalist-li {
    font-size: 14px;
    /*0.9375vw*/
}

.select_box>.ui-select .ui-select-datalist>.ui-select-datalist-li:hover {
    background-color: #f5f5f5;
}

.select_box>.ui-select .ui-select-datalist>.selected {
    background-color: #f5f5f5;
}

/*关键词搜索框样式*/
.search_bar {
    float: left;
    width: 250px;
    height: 30px;
    overflow: hidden;
    position: relative;
}

.search_bar input {
    display: block;
    float: left;
    width: calc(100% - 32px);
    height: 100%;
    line-height: 28px;
    border-width: 1px;
    border-right-width: 0;
    border-color: #ccc;
    border-style: solid;
    padding: 0 5px;
    background-color: #fff;
    font-size: 14px;
    color: #535353;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search_bar button {
    float: left;
    border-width: 0;
    border-left-width: 1px;
    border-color: #ccc;
    border-style: solid;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

/*筛选区域样式  -------start*/

.shaixuan_area {
    width: 100%;
    padding: 20px;
}

.shaixuan_area .line {
    width: 100%;
    height: 1px;
    background: #f4f4f4;
    box-shadow: 0px 1px 0px 0px #e7eaee;
    opacity: 0.8;
    margin-top: 10px;
}

.shaixuan_area .tiaojian_list {
    width: 100%;
    position: relative;
}

.shaixuan_area .tiaojian_list ul {
    width: calc(100% - 110px);
    float: left;
}

/* .shaixuan_area.active .tiaojian_list ul {
    height: 39px;
} */

.shaixuan_area .tiaojian_list ul>li {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    margin-top: 10px;
}

.shaixuan_area .tiaojian_list ul>li label.tiaojian_title {
    width: 76px;
    font-size: 14px;
    color: #4C5059;
    position: relative;
    float: left;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align: left;
}

.shaixuan_area .tiaojian_list ul>li div.check_box_group {
    position: relative;
    float: left;
    width: calc(100% - 76px);
}

/*.tiaojian_list ul>li .check_box_group {
    width:calc(100% - 110px);
    overflow: hidden;
    float: left;
}*/
.shaixuan_area .tiaojian_list ul>li .check_box {
    position: relative;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    margin-top: 1px;
    margin-bottom: 4px;
    text-align: center;
    cursor: pointer;
    padding: 0 20px;
}

.shaixuan_area .tiaojian_list ul>li .check_box.active {
    background-color: #2780ec;
    color: #fff;
}

.shaixuan_area .tiaojian_list ul>li .riqi_tiaojian .check_box.active {
    background-color: transparent;
    color: #666;
}

.shaixuan_area .tiaojian_list ul>li .check_box:hover {
    background-color: #2780ec;
    color: #fff;
}

.shaixuan_area .tiaojian_list ul>li .riqi_tiaojian .check_box:hover {
    background-color: transparent;
    color: #666;
}

.shaixuan_area .tiaojian_list ul>li .check_box>input {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.shaixuan_area .tiaojian_list ul>li.date_range .check_box>input {
    opacity: 1;
    position: relative;
}

.shaixuan_area .tiaojian_list ul>li .check_box .layui-form-checkbox i.layui-icon {
    width: 18px;
    height: 18px;
    font-size: 12px !important;
}

.shaixuan_area .tiaojian_list ul>li .data_sel {
    float: left;
    overflow: visible;
    position: relative;
    margin: 0;
    margin-top: 1px;
    /*margin-right: 27px;*/
}

.shaixuan_area .tiaojian_list ul>li .data_sel>div {
    float: left;
    overflow: visible;
    position: relative;
}

.shaixuan_area .tiaojian_list ul>li .data_sel>div.layui-form-mid {
    padding: 2px 0 !important;
    margin: 0 5px;
}

.shaixuan_area .tiaojian_list ul>li .data_sel>div>input {
    background: none;
    outline: none;
    text-align: left;
    color: #535353;
    font-size: 14px;
    width: 220px;
    position: relative;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    /*padding-right: 24px;*/
    box-shadow: none;
}

.shaixuan_area .tiaojian_list ul>li .data_sel>div>span {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    font-size: 18px;
}

.shaixuan_area .tiaojian_list ul>li .data_sel>span {
    float: left;
    position: relative;

    padding: 0 3px;
    color: #535353;
    font-size: 14px;
    line-height: 34px;
}

.shaixuan_area .tiaojian_list .about_person {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 4px 0;
}

.shaixuan_area .tiaojian_list .about_person>div {
    float: left;
    overflow: visible;
    margin-right: 20px;
}

.shaixuan_area .tiaojian_list .about_person>div>b {
    width: 110px;
    font-weight: 600;
    font-size: 14px;
    color: #535353;
    position: relative;
    float: left;
    line-height: 34px;
}

.shaixuan_area .tiaojian_list .about_person>div>input {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    outline: none;
    text-align: left;
    color: #535353;
    font-size: 14px;
    width: 140px;
    position: relative;
    height: 34px;
    line-height: 32px;
    padding: 0 2px;
    float: left;
    border-color: #979797;
}

.shaixuan_area .tiaojian_list .yincang {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 4px 0;
}

.shaixuan_area .tiaojian_list .yincang>b {
    width: 110px;
    font-weight: 600;
    font-size: 14px;
    color: #535353;
    position: relative;
    float: left;
    line-height: 34px;
}

.shaixuan_area .tiaojian_list .yincang>div {
    position: relative;
    float: left;
    font-size: 14px;
    color: #535353;
    height: 32px;
    width: 66px;
    margin: 0 3px;
    text-align: center;
}

.shaixuan_area .tiaojian_list .yincang>div>input {
    width: 15px;
    height: 15px;
    margin: 0;
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 3px;
}

.shaixuan_area .tiaojian_list .yincang>div>label {
    position: relative;
    margin: 0;
    float: left;
    font-size: 14px;
    color: #535353;
    height: 32px;
    line-height: 32px;
    padding: 0;
    text-align: center;
}

.shaixuan_area .show_shaixuan {
    float: right;
    width: 90px;
    overflow: hidden;
    margin-top: 5px;
    line-height: 28px;
    position: absolute;
    padding-right: 27px;
    top: 10px;
    right: 27px;
}

.shaixuan_area .show_shaixuan>b {
    font-weight: 400;
}

.shaixuan_area .show_shaixuan>b:nth-of-type(2) {
    display: none;
}

.shaixuan_area.active .show_shaixuan>b:nth-of-type(2) {
    display: inline;
}

.shaixuan_area.active .show_shaixuan>b:nth-of-type(1) {
    display: none;
}

.shaixuan_area .show_shaixuan>i.layui-icon-up {
    margin-left: 5px;
    position: absolute;
    top: calc(50% - 1px);
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

.shaixuan_area.active .show_shaixuan>i.layui-icon-up {
    top: calc(50% + 1px);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.shaixuan_area .riqi_tiaojian {
    min-height: 30px;
    float: left;
    margin-left: 0;
    /*margin-right: 27px;*/
}

.shaixuan_area .riqi_tiaojian button {
    padding: 0 !important;
    margin-right: 25px !important;
}

.opera_area {
    width: 100%;
    overflow: visible;
    padding: 10px;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.opera_area input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.opera_area input:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.opera_area input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.opera_area input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: none;
    outline-offset: none;
}

.opera_area .select_box {
    height: 30px;
}

.opera_area .opera_bt_group {
    float: left;
}

.key_search_area {
    float: left;
    height: 32px;
    overflow: visible;
    position: relative;

}

.key_search_area .select_box {
    float: left;
}

.key_search_area .layui-select-title input {
    height: 30px;
    border-color: #C9C9C9;
}

.key_search_area .search_bar {
    float: left;
}

.key_search_area .search_bar input {
    display: block;
    float: left;
    width: calc(100% - 72px);
    height: 100%;
    line-height: 30px;
    border-width: 1px;
    border-style: solid;
    padding: 0 5px;
    background-color: #fff;
    font-size: 14px;
    color: #535353;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.key_search_area button {
    float: left;
    border-width: 0;
    border-left-width: 1px;
    border-color: #ccc;
    border-style: solid;
    width: 65px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    margin-left: 7px;
    border-radius: 4px;
}

.key_search_area .layui-form-select .layui-anim {
    top: 35px;
}

.key_search_area .layui-unselect {
    float: left;
    margin-right: 10px;
}

/* 隐藏动画 */
@-webkit-keyframes fadeRow {

    /*设置内容由显示变为隐藏*/
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }

}

/*筛选区域样式  -------end*/

/*页面三级目录样式 start xiaomw */
.third-tab-list-contain {
    width: 218px;
    background: #f4f5f9;
    box-shadow: 0px 3px 10px -4px #c3d2f8;
}

.third-tab-item {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-left: 2px solid #f4f5f9;
    text-align: center;
    color: #3c3d42;
    cursor: pointer;
    box-sizing: border-box;
}

.third-tab-item:hover {
    color: #2579eb;
}

.third-tab-item-active {
    background: #fff;
    border-left: 2px solid #5096ee;
    color: #2579eb;
    cursor: default;
}

/*页面三级目录样式 end xiaomw */
/*页面内多级目录样式 start xiaomw*/
.sa-layui-tree {
    width: 100%;
    /* background-color: #f0f0f0; */
    background-image: linear-gradient(#ffffff,
            #ffffff),
        linear-gradient(#f3f5f9,
            #f3f5f9);
    background-blend-mode: normal,
        normal;
    /*box-shadow: 0px 4px 10px 0px rgba(126, 131, 142, 0.2);*/
}

.sa-layui-tree .layui-this>a {
    color: #2780ec !important;
}

.sa-layui-tree .layui-nav-child a {
    color: gray !important;
}

.sa-layui-tree .layui-nav-item a {
    color: #383c42 !important;
    /* font-weight: 550;
    font-size: 12px; */
}

.sa-layui-tree .layui-nav-itemed>.layui-nav-child {
    background-color: transparent !important;
    /* background-color: rgba(0, 0, 0, 0.1) !important; */
}

.sa-layui-tree .layui-nav-item a:hover {
    background-color: transparent;
    /* background-color: #c8cede; */
    color: #2780ec !important;
}

.sa-layui-tree .layui-nav-bar {
    display: none !important;
}

.sa-layui-tree .layui-this,
.sa-layui-tree .layui-this>a,
.sa-layui-tree .layui-nav-child dd.layui-this,
.sa-layui-tree .layui-nav-child dd.layui-this a {

    background-color: #c8cede;
}

.sa-layui-tree .layui-nav-more {
    border-top-color: rgba(120, 120, 130, 0.6);
}

.sa-layui-tree .layui-nav-mored,
.layui-nav-itemed>a .layui-nav-more {
    border-color: transparent transparent rgba(120, 120, 130, 0.6)
}

.sa-layui-tree.layui-nav-tree .layui-this,
.sa-layui-tree.layui-nav-tree .layui-this>a,
.sa-layui-tree.layui-nav-tree .layui-nav-child dd.layui-this,
.sa-layui-tree.layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: transparent !important;
    color: #2780ec !important;
}

/* 缩进样式重置 */
.sa-layui-tree>.layui-nav-item>.layui-nav-child dd {
    padding-left: 20px;
}

/* .sa-layui-tree>.layui-nav-item>.layui-nav-child>dd>.layui-nav-child>dd {
    padding-left: 20px;
} */

/*页面内多级目录样式 end xiaomw*/

/*table 中标签等样式 start xiaomw */

.sa-tip-table {
    flex-shrink: 0;
    /* width: 18px; */
    padding: 0 2px;
    height: 18px;
    float: left;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    border-radius: 3px;
    margin-right: 3px;
}

/*顶*/
.sa-tip-ding {
    background: #5299f0;
    color: #fff;
}

/*荐  敏+*/
.sa-tip-min {
    background: #d54351;
    color: #fff;
}

.sa-tip-tu {
    background-color: #d2dfff;
    color: #2a60e4;
}

.sa-tip-red {
    background-color: #ff0303;
    color: #fff;
}

.sa-tip-wen {
    background-color: #555;
    color: #fff;
}

.sa-tip-fu {
    background-color: #ffd2d3;
    color: #d50e21;
}

.sa-pix-wqf {
    background-color: #e2893a;
    color: #ffffff;
}

.sa-pix-yqf {
    background-color: #19be80;
    color: #ffffff;
}

.sa-tip-yin {
    background-color: #ffe2d2;
    color: #dd7316;
}

.sa-tip-shi {
    background-color: #ccede0;
    color: #139363;
}

.sa-tip-push {
    width: auto;
    padding: 0 2px;
    background-color: #f3ba1e40;
    color: #c08c00;
}

.sa-tip-push:hover {
    color: #dba208;
}

.sa-tip-distribute {
    width: auto;
    padding: 0 2px;
    background-color: #2a28ed36;
    color: #2a28ed;
}

.sa-tip-distribute:hover {
    color: #5756eb;
}

.sa-tip-use {
    width: auto;
    padding: 0 2px;
    background-color: #26690f42;
    color: #26690f;
}

.sa-tip-use:hover {
    color: #4a8a34;
}

/* 状态标签 ----start*/
.sa-pix-table {
    height: 18px;
    float: left;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    margin-right: 3px;
    padding: 0 4px;
}

.sa-pix-orange {
    background-color: #e2893a;
    color: #ffffff;
}

.sa-pix-green {
    background-color: #19be80;
    color: #ffffff;
}

.sa-pix-blue {
    background-color: #2780ec;
    color: #ffffff;
}

.sa-pix-gray {
    background-color: #2780ec;
    color: #ffffff;
}

/* 状态标签 ----end*/

.al_center {
    text-align: center;
}

.al_center .sa-tip-table {
    float: inherit;
    display: inline-block;
}

.h_line_3 {
    max-height: 60px;
    overflow: hidden;
}

.sa-table-btn-box {
    text-align: left;
}

.sa-table-btn-box .layui-btn+.layui-btn {
    margin-left: 5px;
}

/*按钮*/
.sa-in-table-btn {
    font-size: 14px;
    padding: 0 6px;
    height: 28px;
    line-height: 26px;
    margin: 2px 5px;
}

.noPadding {
    padding: 0 !important;
}

.noMargin {
    margin: 0 !important;
}

/*table 中标签等样式 end xiaomw */
/*layui tips 点击关闭等样式 start xiaomw*/
.sa-text-label {
    float: left;
    display: block;
    padding: 9px 0;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
}

.create_team_window {
    padding: 15px 30px 0 0;
}

.sa-layui-select {
    margin-left: 110px;
}

.person_selected {
    float: left;
    border: 1px solid #b8bfd3;
    padding: 5px 30px 5px 12px;
    margin: 10px 10px 5px 0;
    border-radius: 2px;
}

.person_selected a.layui-layer-ico {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    font-size: 12px;
    background-position: 1px -40px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: #333;
    text-decoration: none;
    margin-top: 2px;
    position: absolute;
}


/*导图样式开始*/
.articles_attr .articles_attr_box ul li.daodutu_li .daotu_item {
    position: relative;
}

.articles_attr .articles_attr_box ul li.daodutu_li .daotu_item>span {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 18px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
}

.articles_attr .articles_attr_box ul li.daodutu_li .daotu_item>span:nth-of-type(2) {
    top: 35px;
}

.articles_attr .articles_attr_box ul li.daodutu_li .daodutu_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-color: #f5f5f5;
}

.articles_attr .articles_attr_box ul li.daodutu_li .daodutu_img>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.articles_attr .articles_attr_box ul li.daodutu_li button[lay-type="sub"] {
    left: 10px;
}

.articles_attr .articles_attr_box ul li.daodutu_li button[lay-type="add"] {
    right: 10px;
}

.articles_attr .articles_attr_box ul li.daodutu_li .daotu_xuanyong {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: visible;
    display: none;
}

.articles_attr .articles_attr_box ul li.daodutu_li:hover .daotu_xuanyong {
    display: block;
}

.articles_attr .articles_attr_box ul li.daodutu_li .daotu_xuanyong>button {
    width: 33.33%;
    height: 26px;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: '微软雅黑';
    float: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0 solid #fff;
}

.articles_attr .articles_attr_box ul li.daodutu_li .daotu_xuanyong>button:last-of-type {
    border-left-width: 1px;
}

.articles_attr .articles_attr_box ul li.daodutu_li .daotu_xuanyong>button:first-of-type {
    border-right-width: 1px;
}

.articles_attr .articles_attr_box ul li.daodutu_li .daotu_tip {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 26px;
    color: #535353;
    font-family: '微软雅黑';
    overflow: visible;
    text-align: center;
}

.articles_attr .articles_attr_box ul li.daodutu_li .layui-carousel>[carousel-item]:before {
    content: '';
}

.articles_attr .articles_attr_box ul li.daodutu_li .daotu_tip.active {
    display: none;
}

/*导图样式结束*/

/*导图从内容选择图片弹框样式开始*/
.daotuModal {
    height: 400px;
    overflow: auto;
    padding: 15px 15px;
}

.daotuModal ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.daotuModal ul>li {
    margin: 0 7px;
    padding: 0;
    float: left;
    width: 137px;
    height: 137px;
    position: relative;
    cursor: pointer;
    background-color: #F3F3F3;
}

.daotuModal ul>li>img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    object-fit: contain;
}

.daotuModal .layui-form-checkbox {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
}

.daotuModal .layui-form-checkbox .layui-icon {
    width: 16px;
    height: 16px;
    line-height: 14px;
}

.daotuModal ul>div {
    height: 25px;
    line-height: 25px;
    font-family: "微软雅黑";
    font-size: 22px;
    color: #5e5e5e;
    text-align: center;
    display: none;
}

.daotuModal ul>div>span {
    margin-right: 10px;
    color: #2f9833;
    position: relative;
    top: 3px;
}

.daotuModal ul>div.active {
    display: block;
}

/*导图从内容选择图片弹框样式结束*/

.record_modal {
    background-color: #fff;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.record_modal * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.record_modal.active {
    width: 0;
}

.record_modal .now_tab_content {
    height: calc(100% - 34px);
}

.record_modal>ul {
    width: 100%;
    overflow: hidden;
    background-color: #f5f6f8;
}

.record_modal>ul>li {
    width: 104px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    font-family: '微软雅黑';
    color: rgb(83, 83, 83);
    text-align: center;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #f5f6f8;
    border-top: 2px solid #f5f6f8;
}

.record_modal>ul>li.active {
    border-color: #5f8cc1;
    border-top: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.record_modal>ul>li:hover {
    border-color: #5f8cc1;
    border-top: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.record_modal .liucheng_record_tab {
    padding: 10px;
    /*display: none;*/
}

.record_modal .banben_record_tab {
    display: none;
}

.record_modal .distribute_record_tab {
    display: none;
}

.record_modal .darkHorse_record_tab {
    display: none;
}

.record_modal .audit_record_tab {
    display: none;
}


.record_modal .flow_record>li {
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
}

.record_modal .flow_record .articles_date {
    width: 114px;
    height: 21px;
    line-height: 21px;
    background-color: #e2893a;
    text-align: center;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    margin-left: 88px;
}

.record_modal .banben_record_tab .flow_record .articles_date {
    width: 152px;
}

.record_modal .darkHorse_record_tab .flow_record .heima_date {
    width: 152px;
    height: 21px;
    line-height: 21px;
    background-color: #e2893a;
    text-align: center;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    margin-left: 88px;
}

.record_modal .flow_record .flow_detail {
    width: calc(100% - 142px);
    float: right;
    margin: 0;
    padding: 15px 0 17px 0;
    margin-left: 55px;
    overflow: visible;
    border-width: 0px;
    border-left-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
}

.record_modal .banben_record_tab .flow_record .flow_detail {
    width: calc(100% - 163px);
}

.record_modal .darkHorse_record_tab .flow_record .flow_detail {
    width: calc(100% - 163px);
}

.record_modal .flow_record .flow_detail>li {
    width: 100%;
    height: auto;
    margin-bottom: 11px;
    overflow: visible;
    padding-left: 15px;
    clear: both;
}

.record_modal .flow_record .flow_detail>li>b {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: -26px;
    margin-right: 9px;
    background-color: #fff;
    position: relative;
    margin-top: 8px;
    box-shadow: 0px 5px 10px #bbcfea;
}

.record_modal .flow_record .flow_detail>li>b>i {
    padding: 0;
    display: block;
    width: 6px;
    height: 6px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #2780ec;
}

.record_modal .flow_record .flow_detail>li>span {
    margin: 0;
    padding: 0;
    line-height: 36px;
    font-family: "宋体";
    font-size: 12px;
    text-align: center;
}

.record_modal .flow_record .flow_detail>li>span:first-of-type {
    display: block;
    float: left;
    width: 67px;
    margin-right: 10px;
    /*background-image: url(../../res/img/flow/time_bg.png);*/
    background-repeat: no-repeat;
    background-position: 100%;
    color: #fff;
    background-color: #2e3136;
    margin-left: -113px;
    position: relative;
    overflow: visible;
    border-radius: 3px;
}

.record_modal .flow_record .flow_detail>li>span:first-of-type>i {
    position: absolute;
    right: -10px;
    top: 0;
    color: #2e3136;
    line-height: 36px;
}

.record_modal .flow_record .flow_detail>li>span:nth-of-type(2) {
    color: #7d7d7e;
}

.record_modal .flow_record .flow_detail>li>span:nth-of-type(3) {
    color: #265184;
}

.record_modal .flow_record .flow_detail>li>p {
    width: 436px;
    float: left;
    margin-bottom: 12px;
    text-align: left;
    margin-top: 0;
    background-color: #f4f6f8;
    padding: 0 15px;
}

.record_modal .flow_record .flow_detail>li>p>span {
    margin: 0;
    padding: 0;
    line-height: 36px;
    font-family: "宋体";
    font-size: 12px;
    text-align: left;
    margin-right: 10px;
}

.record_modal .flow_record .flow_detail>li>p>span>b {
    display: inline-block;
}

.record_modal .flow_record .flow_detail>li>p>span:first-of-type {
    color: #7d7d7e;
}

.record_modal .flow_record .flow_detail>li>p>span:nth-of-type(2) {
    color: #265184;
}

.record_modal .flow_record .flow_detail>li>p .pictures_box {
    display: block;
}

.record_modal .flow_record .flow_detail>li>p .pictures_box img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 5px;
}

.record_modal .arts_record_box .tab_ul {
    height: 100%;
    width: 36px;
    float: left;
    background-color: #f5f6f8;
}

.record_modal .arts_record_box .tab_ul>li {
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-family: '微软雅黑';
    color: rgb(83, 83, 83);
    float: left;
    cursor: pointer;
    background-color: #f5f6f8;
    border-left: 2px solid #f5f6f8;
    padding: 5px;
}

.record_modal .arts_record_box .tab_ul>li.active {
    border-color: #5f8cc1;
    border-left: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.record_modal .arts_record_box .tab_ul>li:hover {
    border-color: #5f8cc1;
    border-left: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.record_modal .arts_record_box .arts_now_tab_content {
    float: left;
    width: calc(100% - 36px);
    height: 100%;
    overflow: auto;
    padding: 15px 0;
}

/*记录弹窗样式结束*/

/*分发记录弹窗样式开始*/
.record_modal .now_tab_content .record_tab {
    display: none;
}

.record_modal .now_tab_content .record_tab.active {
    display: block;
}

/*分发记录弹窗样式结束*/

/*黑马校验记录详情弹窗开始*/
.heima_record_modal {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 100%;
}

.heima_record_modal * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.heima_record_modal.active {
    width: 0;
}

.heima_record_modal .now_tab_content {
    height: calc(100% - 34px);
    padding: 15px;
    overflow: auto;
}

.heima_record_modal .now_tab_content>div {
    display: none;

}

.heima_record_modal .now_tab_content>div.active {
    display: block;
}

.heima_record_modal .now_tab_content>div.yuan_record_tab {
    height: 100%;
}

.heima_record_modal .now_tab_content>div.yuan_record_tab .yuan_area {
    height: 100%;
}

.heima_record_modal>ul {
    width: 100%;
    overflow: hidden;
    background-color: #f5f6f8;
    margin: 0;
}

.heima_record_modal>ul>li {
    width: 104px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    font-family: '微软雅黑';
    color: rgb(83, 83, 83);
    text-align: center;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #f5f6f8;
    border-top: 2px solid #f5f6f8;
}

.heima_record_modal>ul>li.active {
    border-color: #5f8cc1;
    border-top: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.heima_record_modal>ul>li:hover {
    border-color: #5f8cc1;
    border-top: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.heima_record_modal .liucheng_record_tab {
    padding: 10px;
    /*display: none;*/
}

.heima_record_modal .banben_record_tab {
    display: none;
}

.heima_record_modal .flow_record>li {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.heima_record_modal .flow_record .articles_date {
    width: 114px;
    height: 21px;
    line-height: 21px;
    background-color: #e2893a;
    text-align: center;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    margin-left: 88px;
}

.heima_record_modal .banben_record_tab .flow_record .articles_date {
    width: 152px;
}

.heima_record_modal .flow_record .flow_detail {
    width: calc(100% - 142px);
    float: right;
    margin: 0;
    padding: 15px 0 17px 0;
    margin-left: 55px;
    overflow: visible;
    border-width: 0px;
    border-left-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
}

.heima_record_modal .jy_main_area {
    width: 100%;
    overflow: visible;
    height: 631px;
    margin-bottom: 42px;
}

.heima_record_modal .jy_main_area .result_area {
    float: left;
    width: calc(100% - 319px);
    height: 100%;
}

.heima_record_modal .jy_title {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 28px;
}

.heima_record_modal .jy_title label {
    float: left;
    width: 46px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #666666;
    margin: 0;
}

.heima_record_modal .jy_title input {
    float: left;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    height: 32px;
    line-height: 30px;
    color: #666666;
    padding: 0 5px;
    font-size: 14px;
    width: calc(100% - 46px);
    border-radius: 5px;
}

.heima_record_modal .jy_content {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 28px;
    height: calc(100% - 60px);
}

.heima_record_modal .jy_content label {
    float: left;
    width: 46px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #535353;
    margin: 0;
}

.heima_record_modal .jy_content>div {
    float: left;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    height: 100%;
    line-height: 20px;
    color: #666666;
    font-size: 14px;
    width: calc(100% - 46px);
    border-radius: 5px;
    overflow: auto;
    padding: 12px;
    word-wrap: break-word;
    white-space: pre-line;
}








.heima_record_modal .yuan_content {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 28px;
    height: calc(100% - 60px);
}

.heima_record_modal .yuan_content label {
    float: left;
    width: 46px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #535353;
    margin: 0;
}

.heima_record_modal .yuan_content>div {
    float: left;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    height: 100%;
    line-height: 20px;
    color: #666666;
    font-size: 14px;
    width: calc(100% - 46px);
    border-radius: 5px;
    overflow: auto;
    padding: 12px;
    word-wrap: break-word;
    white-space: pre-line;
}

.heima_record_modal .modify_jianyi {
    float: right;
    width: 291px;
    height: 100%;
    border: 1px solid #efefef;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}

.heima_record_modal .xzjy_title {
    width: 100%;
    background-color: #f4f6f8;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.heima_record_modal .xzjy_title>li {
    width: 50%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    margin: 0;
    padding: 0;
    float: left;
}

.heima_record_modal .modify_jianyi>div {
    width: 100%;
    height: calc(100% - 38px);
    overflow: auto;
}

.heima_record_modal .xzjy_list {
    width: 100%;
    overflow: auto;
    margin: 0;
    padding: 0;
}

.heima_record_modal .xzjy_list>li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

.heima_record_modal .xzjy_list>li>ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.heima_record_modal .xzjy_list>li>ul>li {
    width: 50%;
    min-height: 33px;
    overflow: hidden;
    line-height: 1.5;
    text-align: center;
    color: #666666;
    font-size: 14px;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    float: left;
}

.heima_record_modal .xzjy_list>li>ul>li>span {
    position: relative;
    vertical-align: middle;
}

.heima_record_modal .xzjy_list>li>ul>li:last-of-type {
    color: #e60012;
}


/*黑马校验记录详情弹窗结束*/

/*查看图片模态框开始*/
.viewpicModal-body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 17px;
    background-color: #ecf4f6;
}

.viewpic_main {
    width: 100%;
    overflow: hidden;
    height: calc(100% - 310px);
}

.viewpic_main .imgbox {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    float: left;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
}

.viewpic_main .imgbox>div {
    width: 100%;
    height: calc(100% - 40px);
    /*display: flex;*/
    /*align-items: center;*/
}

.viewpic_main .imgbox>div>img {
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
    display: block;
}

.pic_preview_text {
    display: block;
    width: 100%;
    height: 40px;
    overflow: auto;
}

.pic_preview_text p {
    line-height: 2;
    margin: 0;
    padding: 0;
    text-align: center;
}

.viewpic_main>p {
    margin: 0;
    padding: 9px;
    float: left;
    width: calc(100% - 398px);
    height: 100%;
    border: 1px solid #ddd;
    line-height: 315px;
    text-align: center;
    background-color: #fff;
}

.viewpic_main>p>a {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}

.viewpic_main>p>a img {
    display: block;
    margin: 0px auto;
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.viewpic_main .news_attrs {
    width: calc(100% - 600px);
    height: 100%;
    overflow: hidden;
    margin-top: 0px;
    border-width: 0px;
    border-color: #eaeaea;
    border-style: solid;
    background-color: #fff;
    float: right;
}

.viewpic_main .attr_detail {
    width: 100%;
    overflow: hidden;
    height: 262px;
    overflow-y: auto;
}

.viewpic_main .pic_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.viewpic_main .pic_attr>li {
    width: 100%;
    line-height: normal;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    list-style-type: none;
    word-break: break-all;
}

.viewpic_main .pic_attr>li>span {
    width: calc(100% - 75px);
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

.viewpic_main .pic_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

.viewpic_main .articles_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.viewpic_main .articles_attr>li {
    width: 100%;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

.viewpic_main .articles_attr>li>b {
    font-weight: normal;
    vertical-align: top;
}

.viewpic_main .articles_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}

.viewpic_main .articles_attr>li:first-of-type,
.articles_attr>li:nth-of-type(2),
.articles_attr>li:nth-of-type(3),
.articles_attr>li:nth-of-type(4) {
    width: 50%;
}


.articlesDetailPopup .news_attrs {
    width: calc(100% - 600px);
    height: 100%;
    overflow: hidden;
    margin-top: 0px;
    border-width: 0px;
    border-color: #eaeaea;
    border-style: solid;
    background-color: #fff;
    float: right;
}

.articlesDetailPopup .attr_detail {
    width: 100%;
    overflow: hidden;
    height: 262px;
    overflow-y: auto;
}

.articlesDetailPopup .pic_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.articlesDetailPopup .pic_attr>li {
    width: 100%;
    line-height: normal;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    list-style-type: none;
    word-break: break-all;
}

.articlesDetailPopup .pic_attr>li>span {
    width: calc(100% - 75px);
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

.articlesDetailPopup .pic_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}


.articlesDetailPopup .video_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.articlesDetailPopup .video_attr>li {
    width: 100%;
    line-height: normal;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    list-style-type: none;
    word-break: break-all;
}

.articlesDetailPopup .video_attr>li>span {
    width: calc(100% - 75px);
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

.articlesDetailPopup .video_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

.articlesDetailPopup .dmt_arts_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.articlesDetailPopup .dmt_arts_attr>li {
    width: 100%;
    line-height: normal;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    list-style-type: none;
    word-break: break-all;
}

.articlesDetailPopup .dmt_arts_attr>li>span {
    width: calc(100% - 75px);
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

.articlesDetailPopup .dmt_arts_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

.articlesDetailPopup .articles_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.articlesDetailPopup .articles_attr>li {
    width: 100%;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

.articlesDetailPopup .articles_attr>li>b {
    font-weight: normal;
    vertical-align: top;
}

.articlesDetailPopup .articles_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}

.articlesDetailPopup .articles_attr>li:first-of-type,
.articles_attr>li:nth-of-type(2),
.articles_attr>li:nth-of-type(3),
.articles_attr>li:nth-of-type(4) {
    width: 50%;
}


.viewpic_main .exif_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.viewpic_main .exif_attr>li {
    width: 100%;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

.viewpic_main .exif_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

.viewpic_main .exif_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}


.articlesDetailPopup .exif_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.articlesDetailPopup .exif_attr>li {
    width: 100%;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

.articlesDetailPopup .exif_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

.articlesDetailPopup .exif_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}


.viewpic_main .flow_record {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.viewpic_main .flow_record>li {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.viewpic_main .flow_record .articles_date {
    width: 93px;
    height: 21px;
    line-height: 21px;
    background-color: #7a7a7a;
    text-align: center;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 12px;
}

.viewpic_main .flow_record .flow_detail {
    width: calc(100% - 46px);
    float: right;
    margin: 0;
    padding: 15px 0 17px 0;
    margin-left: 46px;
    overflow: visible;
    border-width: 0px;
    border-left-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
}

.viewpic_main .flow_record .flow_detail>li {
    width: 100%;
    height: 19px;
    margin-bottom: 11px;
    overflow: visible;
    list-style-type: none;
}

.viewpic_main .flow_record .flow_detail>li>b {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
    border-radius: 50%;
    margin-left: -8px;
    margin-right: 9px;
    background-color: #fff;
}

.viewpic_main .flow_record .flow_detail>li>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 19px;
    font-family: "微软雅黑";
    font-size: 12px;
    float: left;
    text-align: center;
}

.viewpic_main .flow_record .flow_detail>li>span:first-of-type {
    width: 67px;
    margin-right: 14px;
    background-position: 100%;
    color: #fff;
}

.viewpic_main .flow_record .flow_detail>li>span:nth-of-type(2) {
    color: #7d7d7e;
}

.viewpic_main .flow_record .flow_detail>li>span:nth-of-type(3) {
    color: #265184;
}

.viewpicModal-body .backForth_bt {
    width: 100%;
    overflow: hidden;
    height: 46px;
}

.viewpicModal-body .backForth_bt a {
    padding: 0 15px;
    margin: 11px 0;
    margin-right: 5px;
    float: left;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
}

.viewpicModal-body .pic_list {
    width: 100%;
    overflow: hidden;
    height: 181px;
}

.viewpicModal-body .content-title {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 24px;
}

.viewpicModal-body .content-title span {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 19px;
    font-family: "微软雅黑";
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

.viewpicModal-body .content-inf {
    width: 100%;
    padding-bottom: 10px;
    font-size: 12px;
    color: #9B9B9B;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    margin-top: 0;
    line-height: 1;
}

.viewpicModal-body .content-inf>span {
    margin: 0 5px;
    display: inline-block;
    font-weight: 600;
}

.viewpicModal-body .pic_list>button {
    float: left;
    margin: 0;
    padding: 0;
    height: 100%;
    line-height: 0px;
    text-align: center;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.viewpicModal-body .pic_list>button span {
    margin: 0;
    padding: 0;
    color: #8f9ebc;
    display: inline-block;
    line-height: 27px;
    font-size: 27px;
    position: static;
    vertical-align: baseline;
}

.viewpicModal-body .pic_list>div {
    width: calc(100% - 55px);
    height: 175px;
    float: left;
    padding: 2px;
    border-width: 1px;
    border-color: #dddee0;
    border-style: solid;
    border-radius: 3px;
    background-color: #fff;
}

.viewpicModal-body .pic_list>div>div {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.imgScrollArea {
    margin: 0;
    padding: 0;
    position: absolute;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}

.imgScrollArea>li {
    margin: 0 5px;
    padding: 0 5px;
    float: left;
    width: 153px;
    height: 100%;
    line-height: 60px;
    position: relative;
    cursor: pointer;
    list-style-type: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow: hidden;
}

.imgScrollArea>li.active {
    box-shadow: 0px 3px 5px rgba(234, 13, 13, 0.5);
}

/*.imgScrollArea > li:hover { border: 2px solid red; }*/
.imgScrollArea>li>div:first-of-type {
    height: 145px;
    display: block;
    border: none;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.imgScrollArea input[type=checkbox] {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.imgScrollArea>li>div:first-of-type img {
    width: 100%;
    max-width: 142px;
    margin: 0px auto;
    height: auto;
    max-height: calc(100% - 12px);
    display: block;
    overflow: hidden;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}

.imgScrollArea>li>div:first-of-type>span {
    font-weight: 700;
    position: absolute;
    left: 10px;
    top: 2px;
    display: block;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 12px;
}

/*查看图片模态框结束*/

/*查看视频模态框开始*/
.viewvideoModal-body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 17px;
    background-color: #ecf4f6;
    box-sizing: border-box;
}

.viewvideoModal-body .content-title {
    width: 100%;
    color: #000000;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    padding: 10px 15px;
    background-color: #fff;
}

.viewvideoModal-body .content-inf {
    width: 100%;
    padding-bottom: 10px;
    font-size: 12px;
    color: #9B9B9B;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    margin-top: 0;
    line-height: 1;
}

.viewvideo_main {
    width: 100%;
    overflow: hidden;
    height: auto;
}

.viewvideoModal-body .content-title {
    width: 100%;
    color: #000000;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    padding: 10px 15px;
    background-color: #fff;
}

.viewvideoModal-body .content-inf {
    width: 100%;
    padding-bottom: 10px;
    font-size: 12px;
    color: #9B9B9B;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    margin-top: 0;
    line-height: 1;
}

.viewvideo_main .videobox {
    width: 100%;
    height: 450px;
    border: 1px solid #ddd;
    float: left;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
    margin-bottom: 10px;
}

.viewvideo_main .videobox>div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.viewvideo_main .videobox .fengmian {
    width: 100%;
    height: 100%;
}

.viewvideo_main .video_jieshao {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
}

.viewvideo_main #divVersion {
    display: none;
}

.viewvideo_main #divVersion.active {
    display: block;
}

.viewvideo_main .video_jieshao {
    display: block;
}

.viewvideo_main .video_jieshao.active {
    display: none;
}

.viewvideo_main .videobox>div>video {
    width: 100%;
    height: auto;
    margin: 0px auto;
}

.viewvideo_main>p {
    margin: 0;
    padding: 9px;
    float: left;
    width: calc(100% - 398px);
    height: 100%;
    border: 1px solid #ddd;
    line-height: 315px;
    text-align: center;
    background-color: #fff;
}

.viewvideo_main>p>a {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}

.viewvideo_main>p>a video {
    display: block;
    margin: 0px auto;
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.viewvideo_main .news_attrs {
    width: calc(100% - 600px);
    height: 450px;
    overflow: hidden;
    margin-top: 0px;
    border-width: 0px;
    border-color: #eaeaea;
    border-style: solid;
    background-color: #fff;
    float: right;
}

.viewvideo_main .attr_detail {
    width: 100%;
    overflow: hidden;
    height: 262px;
    overflow-y: auto;
}

.viewvideo_main .video_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.viewvideo_main .video_attr>li {
    width: 100%;
    line-height: normal;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    list-style-type: none;
    word-break: break-all;
}

.viewvideo_main .video_attr>li>span {
    width: calc(100% - 75px);
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

.viewvideo_main .video_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

.viewvideo_main .articles_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.viewvideo_main .articles_attr>li {
    width: 100%;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

.viewvideo_main .articles_attr>li>b {
    font-weight: normal;
    vertical-align: top;
}

.viewvideo_main .articles_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}

.viewvideo_main .articles_attr>li:first-of-type,
.articles_attr>li:nth-of-type(2),
.articles_attr>li:nth-of-type(3),
.articles_attr>li:nth-of-type(4) {
    width: 50%;
}

.viewvideo_main .exif_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.viewvideo_main .exif_attr>li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
}

.viewvideo_main .exif_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

.viewvideo_main .exif_attr>li>b {
    font-weight: normal;
    vertical-align: top;
}

.viewvideo_main .exif_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.viewvideo_main .exif_attr>li {
    width: 100%;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

.viewvideo_main .exif_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
}

.viewvideo_main .exif_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}

.viewvideo_main .flow_record {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

.viewvideo_main .flow_record>li {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.viewvideo_main .flow_record .articles_date {
    width: 93px;
    height: 21px;
    line-height: 21px;
    background-color: #7a7a7a;
    text-align: center;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 12px;
}

.viewvideo_main .flow_record .flow_detail {
    width: calc(100% - 46px);
    float: right;
    margin: 0;
    padding: 15px 0 17px 0;
    margin-left: 46px;
    overflow: visible;
    border-width: 0px;
    border-left-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
}

.viewvideo_main .flow_record .flow_detail>li {
    width: 100%;
    height: 19px;
    margin-bottom: 11px;
    overflow: visible;
    list-style-type: none;
}

.viewvideo_main .flow_record .flow_detail>li>b {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
    border-radius: 50%;
    margin-left: -8px;
    margin-right: 9px;
    background-color: #fff;
}

.viewvideo_main .flow_record .flow_detail>li>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 19px;
    font-family: "微软雅黑";
    font-size: 12px;
    float: left;
    text-align: center;
}

.viewvideo_main .flow_record .flow_detail>li>span:first-of-type {
    width: 67px;
    margin-right: 14px;
    background-position: 100%;
    color: #fff;
}

.viewvideo_main .flow_record .flow_detail>li>span:nth-of-type(2) {
    color: #7d7d7e;
}

.viewvideo_main .flow_record .flow_detail>li>span:nth-of-type(3) {
    color: #265184;
}

.viewvideoModal-body .backForth_bt {
    width: 100%;
    overflow: hidden;
    height: 46px;
}

.viewvideoModal-body .backForth_bt a {
    padding: 0 15px;
    margin: 11px 0;
    margin-right: 5px;
    float: left;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
}

.viewvideoModal-body .video_list {
    width: 100%;
    overflow: hidden;
    height: 181px;
}

.viewvideoModal-body .video_list>button {
    float: left;
    margin: 0;
    padding: 0;
    height: 100%;
    line-height: 0px;
    text-align: center;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.viewvideoModal-body .video_list>button span {
    margin: 0;
    padding: 0;
    color: #8f9ebc;
    display: inline-block;
    line-height: 27px;
    font-size: 27px;
    position: static;
    vertical-align: baseline;
}

.viewvideoModal-body .video_list>div {
    width: calc(100% - 55px);
    height: 175px;
    float: left;
    padding: 2px;
    border-width: 1px;
    border-color: #dddee0;
    border-style: solid;
    border-radius: 3px;
    background-color: #fff;
}

.viewvideoModal-body .video_list>div>div {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.videoScrollArea {
    margin: 0;
    padding: 0;
    position: absolute;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}

.videoScrollArea>li {
    margin: 0 5px;
    padding: 0 5px;
    float: left;
    width: 153px;
    height: 100%;
    line-height: 60px;
    position: relative;
    cursor: pointer;
    list-style-type: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow: hidden;
}

.videoScrollArea>li.group {}

/*.videoScrollArea > li:hover { border: 2px solid red; }*/
.videoScrollArea>li>div:first-of-type {
    height: 145px;
    display: block;
    border: none;
}

.videoScrollArea input[type=checkbox] {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.videoScrollArea>li>div:first-of-type video {
    width: 100%;
    max-width: 142px;
    margin: 0px auto;
    height: auto;
    max-height: calc(100% - 12px);
    display: block;
    overflow: hidden;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}

.videoScrollArea>li>div:first-of-type>span {
    font-weight: 700;
    position: absolute;
    left: 10px;
    top: 2px;
    display: block;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 12px;
}

/*查看视频模态框结束*/

/*黑马校验模态框开始*/
.jiaoyan_modal {
    width: 100%;
    overflow: hidden;
    padding: 36px;
    font-family: '微软雅黑';

    /*width:1024px;
    height:800px;
    padding:36px;
    position: absolute;
    left:0;
    top:0;
    background-color: #fff;
    z-index:9999;
    overflow: auto;*/
}

.jiaoyan_modal .jy_main_area {
    width: 100%;
    overflow: visible;
    height: 631px;
    margin-bottom: 42px;
}

.jiaoyan_modal .jy_main_area .result_area {
    float: left;
    width: calc(100% - 319px);
    height: 100%;
}

.jiaoyan_modal .jy_title {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 28px;
}

.jiaoyan_modal .jy_title label {
    float: left;
    width: 46px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #666666;
    margin: 0;
}

.jiaoyan_modal .jy_title input {
    float: left;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    height: 32px;
    line-height: 30px;
    color: #666666;
    padding: 0 5px;
    font-size: 14px;
    width: calc(100% - 46px);
    border-radius: 5px;
}

.jiaoyan_modal .jy_content {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 28px;
    height: calc(100% - 60px);
}

.jiaoyan_modal .jy_content label {
    float: left;
    width: 46px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #535353;
    margin: 0;
}

.jiaoyan_modal .jy_content>div {
    float: left;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    height: 100%;
    line-height: 20px;
    color: #666666;
    font-size: 14px;
    width: calc(100% - 46px);
    border-radius: 5px;
    overflow: auto;
    padding: 12px;
    word-wrap: break-word;
    white-space: pre-line;
}

.jiaoyan_modal .modify_jianyi {
    float: right;
    width: 291px;
    height: 100%;
    border: 1px solid #efefef;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}

.jiaoyan_modal .xzjy_title {
    width: 100%;
    background-color: #f4f6f8;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.jiaoyan_modal .xzjy_title>li {
    width: 50%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    margin: 0;
    padding: 0;
    float: left;
}

.jiaoyan_modal .modify_jianyi>div {
    width: 100%;
    height: calc(100% - 38px);
    overflow: auto;
}

.jiaoyan_modal .xzjy_list {
    width: 100%;
    overflow: auto;
    margin: 0;
    padding: 0;
}

.jiaoyan_modal .xzjy_list>li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

.jiaoyan_modal .xzjy_list>li>ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.jiaoyan_modal .xzjy_list>li>ul>li {
    width: 50%;
    min-height: 33px;
    overflow: hidden;
    line-height: 1.5;
    text-align: center;
    color: #666666;
    font-size: 14px;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    float: left;
}

.jiaoyan_modal .xzjy_list>li>ul>li>span {
    position: relative;
    vertical-align: middle;
}

.jiaoyan_modal .xzjy_list>li>ul>li:last-of-type {
    color: #e60012;
}

/*.jiaoyan_modal .modify_jianyi {
    width:100%;
    overflow: hidden;
}*/
.jiaoyan_modal .jy_canshu {
    width: 100%;
    overflow: hidden;
    display: none;
}

.jiaoyan_modal .jy_canshu>form {
    width: 100%;
    overflow: hidden;
}

.jiaoyan_modal .jy_canshu>form>h3 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 14px;
    color: #666666;
    margin-bottom: 30px;
    font-weight: 600;
}

.jiaoyan_modal .jy_canshu>form>div.jc_class {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.jiaoyan_modal .jc_class label {
    float: left;
    width: 88px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #666666;
    margin: 0;
}

.jiaoyan_modal .jc_class>div {
    float: left;
    width: calc(100% - 88px);
    overflow: visible;
}

.jiaoyan_modal .jc_class>div>span {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #535353;
    margin: 0;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 10px;
}

.jiaoyan_modal .layui-form-checkbox[lay-skin=primary] span {
    line-height: 32px;
}

.jiaoyan_modal .layui-form-checkbox[lay-skin=primary] i {
    top: 8px;
}

/*黑马校验模态框结束*/

/*大花脸样式开始*/
#PreviewNews_Content p {
    line-height: 26px;
    letter-spacing: 0.5px;
    word-wrap: break-word;
}

/*大花脸样式结束*/

/*提交审核弹窗开始*/
.tijiao_tanchuang .tuijian_qudao {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.tijiao_tanchuang .tuijian_qudao>label {
    float: left;
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #535353;
    margin: 0;
}

.tijiao_tanchuang .tuijian_qudao .qudao_list {
    float: left;
    width: calc(100% - 100px);
    overflow: visible;
    padding-left: 15px;
}

.tijiao_tanchuang .tuijian_qudao .qudao_list>span {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #535353;
    margin: 0;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 10px;
}

.tijiao_tanchuang .tuijian_qudao .qudao_list>span>div {
    margin-top: 1px;
}

.tijiao_tanchuang .tuijian_qudao .work_flow_list {
    overflow: visible;
    height: 37px;
}

.tijiao_tanchuang .work_flow_list label {
    float: left;
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #535353;
    margin: 0;
}

.tijiao_tanchuang .work_flow_list>div.layui-form-select {
    float: left;
    width: 300px;
}

.tijiao_tanchuang .layui-layer-content {
    overflow: visible;
}

/*提交审核弹窗结束*/

/*驳回弹窗开始*/
.bohui_tanchuang>div {
    width: 100%;
    height: 100%;
}

.bohui_tanchuang>div textarea {
    border: 1px solid #ccc;
    resize: none;
    font-size: 14px;
    font-family: '微软雅黑';
    color: #535353;
    line-height: 1.5;
    overflow: auto;
    height: 335px;
    width: 100%;
    padding: 10px;
}

.bohui_tanchuang .layui-form-select {
    margin-bottom: 10px;
}

/*驳回弹窗结束*/

/*渠道弹窗开始*/
.qudao_tanchuang>ul {
    width: 100%;
    overflow: hidden;
    background-color: #f5f6f8;
}

.qudao_tanchuang>ul>li {
    min-width: 96px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    font-family: '微软雅黑';
    color: rgb(83, 83, 83);
    text-align: center;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #f5f6f8;
    border-top: 2px solid #f5f6f8;
}

.qudao_tanchuang>ul>li.active {
    border-color: #5f8cc1;
    border-top: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.qudao_tanchuang>ul>li:hover {
    border-color: #5f8cc1;
    border-top: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.qudao_tanchuang .now_tab_content {
    height: calc(100% - 34px);
}

.qudao_tanchuang .now_tab_content {
    height: calc(100% - 34px);
}

.qudao_tanchuang .qudao_box {
    padding: 10px;
    display: none;
    height: 100%;
    overflow: auto;
}

.qudao_tanchuang .qudao_box:first-of-type {
    display: block;
}

.qudao_tanchuang .qudao_box .layui-input-xs {
    width: 80%;
    height: 30px;
}

.qudao_tanchuang .qudao_box .delete-select {
    color: red;
    margin-left: 10px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

/*渠道弹窗结束*/

/*多媒体稿件详情弹窗开始*/
.article_detail .content-title {
    box-sizing: border-box;
    padding: 15px 15px;
    margin-top: 20px;
    color: #000000;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    background-color: #fff;
}

.article_detail .title_record {
    padding: 8px 15px;
    text-align: right;
    padding-bottom: 0px;
}

.article_detail .title_record>button {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    margin: 5px 2px;
    width: 86px;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    border-width: 0;
    outline: none;
    text-align: center;
    color: #fff;
}

.article_detail button.only_self {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    margin: 5px 2px;
    width: 86px;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    border-width: 0;
    outline: none;
    text-align: center;
    color: #fff;
    margin-left: 8px;
}

.viewpicModal-body .title_record {
    padding: 8px 15px;
    text-align: right;
    padding-bottom: 0px;
}

.viewpicModal-body .title_record>button {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    margin: 5px 2px;
    width: 86px;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    border-width: 0;
    outline: none;
    text-align: center;
    color: #fff;
}

.viewvideoModal-body .title_record {
    padding: 8px 15px;
    text-align: right;
    padding-bottom: 0px;
}

.viewvideoModal-body .title_record>button {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    margin: 5px 2px;
    width: 86px;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    border-width: 0;
    outline: none;
    text-align: center;
    color: #fff;
}

.viewvideoModal-body button.only_self {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    margin: 5px 2px;
    width: 86px;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    border-width: 0;
    outline: none;
    text-align: center;
    color: #fff;
    margin-left: 8px;
}

.article_detail .content-inf {
    width: 100%;
    padding-bottom: 10px;
    font-size: 16px;
    color: #9B9B9B;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    margin-top: 0;
    line-height: 1;

}

.article_detail .content-inf>span {
    margin: 0 5px;
    display: inline-block;
    font-weight: 600;
}

.article_detail .content-inf>span>i {
    font-weight: 400;
    font-style: normal;
}

.article_detail .content-txt {
    padding: 15px 50px 10px;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}

.article_detail #divVersion {
    display: none;
}

.article_detail #divVersion.active {
    display: block;
}

.article_detail .choice_btn {
    background-color: #35A9FF !important;
    color: white;
}

.article_detail .content_txt_box {
    display: block;
    word-wrap: break-word;
}

.article_detail .content_img_box {
    display: block;
    width: 60%;
    height: auto;
    margin: 0 auto;
}

.article_detail .content_img_box>img {
    width: 100%;
    height: 100%;
}

.article_detail .content_txt_box li {
    list-style: inherit;
}

.article_detail .content_txt_box.active {
    display: none;
}

.article_detail .little_word {
    line-height: 2;
    font-size: 14px;
}

.article_detail .middle_word {
    line-height: 2;
    font-size: 16px;
}

.article_detail .large_word {
    font-size: 18px;
    line-height: 2;
}

.article_detail div.content-txt p {
    /*font-family:"Heiti SC","Droid Sans Fallback";*/
    /*font-family:myFirstFont;*/

    line-height: 2.2;
    margin-bottom: 15px;
    text-align: justify;
}

.article_detail .content-txt img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.article_detail .content-txt p {
    font-size: 18px;
    color: #535353;
}

/*多媒体稿件弹窗结束*/

/*音视频稿件详情弹窗开始*/
.viewvideoModal-body .content-title {
    width: 100%;
    color: #000000;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    padding: 10px 15px;
    background-color: #fff;
}

.viewvideoModal-body .content-inf {
    width: 100%;
    padding-bottom: 10px;
    font-size: 12px;
    color: #9B9B9B;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    margin-top: 0;
    line-height: 1;

}

.viewvideoModal-body .content-inf>span {
    margin: 0 5px;
    display: inline-block;
    font-weight: 600;
}

.viewvideoModal-body .content-inf>span>i {
    font-weight: 400;
}

.viewvideoModal-body .content-txt {
    padding: 0 15px;
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}

.viewvideoModal-body div.content-txt p {
    /*font-family:"Heiti SC","Droid Sans Fallback";*/
    /*font-family:myFirstFont;*/

    line-height: 1.5;
    margin-bottom: 15px;
    text-align: justify;
}

.viewvideoModal-body .content-txt img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.viewvideoModal-body .content-txt p {
    font-size: 14px;
    color: #535353;
}

/*音视频稿件详情弹窗结束*/

/*移动端多媒体稿件预览样式开始*/
#ydViewModal {
    position: relative;
    overflow: visible;
    height: 100%;
}

#ydViewModal .modal-body {
    height: 100%;
    overflow: visible;
    padding: 0;
    position: absolute;
    /* left: 50%; */
    top: 0;
    /* transform: translate(-50%,-50%); */
    /* -webkit-transform: translate(-50%,-50%); */
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    text-indent: 0;
    background: transparent;
}

#ydViewModal .modal-body>img {
    margin: 0;
    padding: 0;
    height: 100%;
    display: block;
}

#ydViewModal .modal-body .pingmu {
    position: absolute;
    z-index: 1;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    top: 12.14%;
    width: 88.51%;
    height: 75.74%;
    overflow: hidden;
    /*border-width: 1px;
    border-color: #4a4a4a;
    border-style: solid;
    border-radius: 3px;*/
}

#ydViewModal .modal-body .ydView_detail {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 2;
    background-color: #fff;
}

#ydViewModal .modal-body .ydView_detail.active {
    display: block;
}

#ydViewModal .modal-body .ydView_detail .xinwen_style2 {
    width: 100%;
    height: 45px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    text-align: center;
}

#ydViewModal .modal-body .ydView_detail .xinwen_style2 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#ydViewModal .modal-body .ydView_detail .xinwen_style2 span {
    position: relative;
    z-index: 1;
}

#ydViewModal .modal-body .ydView_detail .xinwen_style2>a {
    width: 20px;
    height: 25px;
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "微软雅黑";
    font-size: 20px;
    line-height: 25px;
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

#ydViewModal .modal-body .ydView_detail .xinwen_style2>a:hover {
    color: #fff;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 12px;
    height: calc(89.2% - 12px);
    padding: 0 5px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content::-webkit-scrollbar {
    width: 0px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .content-title {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    overflow: hidden;
    margin-bottom: 5px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .content-title span {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 19px;
    font-family: "微软雅黑";
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .content-inf {
    width: 100%;
    padding-bottom: 10px;
    font-size: 12px;
    color: #9B9B9B;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    margin-top: 0;
    line-height: 1;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .content-inf>span {
    margin: 0 5px;
    display: inline-block;
    font-weight: 600;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .content-inf>span>i {
    font-weight: 400;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent {
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent img {
    margin: 0;
    padding: 0;
    width: 100% !important;
    display: block;
    margin-bottom: 10px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent video {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent p {
    padding: 0;
    margin: 0;
    line-height: 20px;
    font-family: "微软雅黑";
    color: #000;
    font-size: 12px;
    /*text-indent:24px;*/
    text-align: justify;
    text-justify: inter-word;
    white-space: pre-wrap;
}

/*移动端多媒体稿件预览样式结束*/

/*移动端图片稿件预览样式开始*/
#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .viewpic_main {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-bottom: 5px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .viewpic_main .imgbox {
    width: 100%;
    height: auto;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .viewpic_main .imgbox>div {
    height: auto;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .viewpic_main .imgbox>div img {
    margin: 0;
    padding: 0;
    width: 100% !important;
    display: block;
    margin-bottom: 0;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .backForth_bt {
    margin-bottom: 5px;
    text-align: center;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .backForth_bt>a {
    width: 50%;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .pic_list {
    width: 100%;
    overflow: hidden;
    height: 181px;
    margin-bottom: 5px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .pic_list>button {
    float: left;
    margin: 0;
    padding: 0;
    height: 100%;
    line-height: 0px;
    text-align: center;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .pic_list>button span {
    margin: 0;
    padding: 0;
    color: #8f9ebc;
    display: inline-block;
    line-height: 27px;
    font-size: 27px;
    position: static;
    vertical-align: baseline;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .pic_list>div {
    width: calc(100% - 55px);
    height: 175px;
    float: left;
    padding: 2px;
    border-width: 1px;
    border-color: #dddee0;
    border-style: solid;
    border-radius: 3px;
    background-color: #fff;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .pic_list>div>div {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .imgScrollArea {
    margin: 0;
    padding: 0;
    position: absolute;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .imgScrollArea>li {
    margin: 0 5px;
    padding: 0 5px;
    float: left;
    width: 153px;
    height: 100%;
    line-height: 60px;
    position: relative;
    cursor: pointer;
    list-style-type: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow: hidden;
}

/*.imgScrollArea > li:hover { border: 2px solid red; }*/
#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .imgScrollArea>li>div:first-of-type {
    height: 145px;
    display: block;
    border: none;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .imgScrollArea input[type=checkbox] {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .imgScrollArea>li>div:first-of-type img {
    width: 100%;
    max-width: 142px;
    margin: 0px auto;
    height: auto;
    max-height: calc(100% - 12px);
    display: block;
    overflow: hidden;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .imgScrollArea>li>div:first-of-type>span {
    font-weight: 700;
    position: absolute;
    left: 10px;
    top: 2px;
    display: block;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 12px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .pic_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .pic_attr>li {
    width: 100%;
    line-height: normal;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    list-style-type: none;
    word-break: break-all;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .pic_attr>li>span {
    width: calc(100% - 75px);
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .pic_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .articles_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .articles_attr>li {
    width: 100%;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .articles_attr>li>b {
    font-weight: normal;
    vertical-align: top;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .articles_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .articles_attr>li:first-of-type,
.articles_attr>li:nth-of-type(2),
.articles_attr>li:nth-of-type(3),
.articles_attr>li:nth-of-type(4) {
    width: 50%;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .exif_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .exif_attr>li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .exif_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .exif_attr>li>b {
    font-weight: normal;
    vertical-align: top;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .exif_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .exif_attr>li {
    width: 100%;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .exif_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .exif_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record>li {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record .articles_date {
    width: 93px;
    height: 21px;
    line-height: 21px;
    background-color: #7a7a7a;
    text-align: center;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 12px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record .flow_detail {
    width: calc(100% - 46px);
    float: right;
    margin: 0;
    padding: 15px 0 17px 0;
    margin-left: 46px;
    overflow: visible;
    border-width: 0px;
    border-left-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record .flow_detail>li {
    width: 100%;
    height: 19px;
    margin-bottom: 11px;
    overflow: visible;
    list-style-type: none;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record .flow_detail>li>b {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
    border-radius: 50%;
    margin-left: -8px;
    margin-right: 9px;
    background-color: #fff;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record .flow_detail>li>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 19px;
    font-family: "微软雅黑";
    font-size: 12px;
    float: left;
    text-align: center;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record .flow_detail>li>span:first-of-type {
    width: 67px;
    margin-right: 14px;
    background-position: 100%;
    color: #fff;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record .flow_detail>li>span:nth-of-type(2) {
    color: #7d7d7e;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .ydView_mainContent .flow_record .flow_detail>li>span:nth-of-type(3) {
    color: #265184;
}

/*移动端图片稿件预览样式结束*/

/*移动端视频稿件预览样式开始*/
#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main {
    height: auto;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .videobox {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 5px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main>div.video_jieshao {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .videobox>div {
    min-height: 150px;
    height: auto;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .news_attrs {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0px;
    border-width: 0px;
    border-color: #eaeaea;
    border-style: solid;
    background-color: #fff;
    float: right;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .attr_detail {
    width: 100%;
    overflow: hidden;
    height: 262px;
    overflow-y: auto;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .video_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .video_attr>li {
    width: 100%;
    line-height: normal;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    list-style-type: none;
    word-break: break-all;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .video_attr>li>span {
    width: calc(100% - 75px);
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .video_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .articles_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .articles_attr>li {
    width: 100%;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .articles_attr>li>b {
    font-weight: normal;
    vertical-align: top;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .articles_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .articles_attr>li:first-of-type,
.articles_attr>li:nth-of-type(2),
.articles_attr>li:nth-of-type(3),
.articles_attr>li:nth-of-type(4) {
    width: 50%;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .exif_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .exif_attr>li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .exif_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .exif_attr>li>b {
    font-weight: normal;
    vertical-align: top;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .exif_attr {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .exif_attr>li {
    width: 100%;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #535353;
    font-size: 12px;
    float: left;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .exif_attr>li>b {
    font-weight: bolder;
    vertical-align: top;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .exif_attr>li>span {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    font-family: "微软雅黑";
    color: #9fa0a0;
    font-size: 12px;
    max-width: calc(100% - 60px);
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record {
    width: 100%;
    padding: 9px 15px;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record>li {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record .articles_date {
    width: 93px;
    height: 21px;
    line-height: 21px;
    background-color: #7a7a7a;
    text-align: center;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 12px;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record .flow_detail {
    width: calc(100% - 46px);
    float: right;
    margin: 0;
    padding: 15px 0 17px 0;
    margin-left: 46px;
    overflow: visible;
    border-width: 0px;
    border-left-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record .flow_detail>li {
    width: 100%;
    height: 19px;
    margin-bottom: 11px;
    overflow: visible;
    list-style-type: none;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record .flow_detail>li>b {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border-width: 2px;
    border-color: #dbdbdb;
    border-style: solid;
    border-radius: 50%;
    margin-left: -8px;
    margin-right: 9px;
    background-color: #fff;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record .flow_detail>li>span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 19px;
    font-family: "微软雅黑";
    font-size: 12px;
    float: left;
    text-align: center;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record .flow_detail>li>span:first-of-type {
    width: 67px;
    margin-right: 14px;
    background-position: 100%;
    color: #fff;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record .flow_detail>li>span:nth-of-type(2) {
    color: #7d7d7e;
}

#ydViewModal .modal-body .ydView_detail .ydView_articles_content .viewvideo_main .flow_record .flow_detail>li>span:nth-of-type(3) {
    color: #265184;
}

/*移动端视频稿件预览样式结束*/

/*我的稿库、待编稿库、待审稿库、中央稿库授权按钮样式开始*/
.authorize-opera-btn {
    display: none;
}

.authorize-table-btn {
    display: none;
}

/*带ICON图文等表格标题*/
.table-flxe {
    display: flex;
    align-items: center;
}

.table-flxe .titlt-left {
    margin: 0 5px 0;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

/* 两行溢出隐藏 */
.title-left.row2 {
    margin: 0 5px 0;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.table-area {
    width: 97%;
    margin: 0 20px;
}

/*痕迹样式调整开始*/
#PreviewNews_Content {
    overflow: auto;
    height: calc(100% - 60px);
}

.article_henji .content-title {
    width: 100%;
    color: #000000;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    padding: 10px 15px;
    background-color: #fff;
}

.article_henji .content-inf {
    width: 100%;
    padding-bottom: 10px;
    font-size: 12px;
    color: #9B9B9B;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    margin-top: 0;
    line-height: 1;

}

.article_henji .content-inf>span {
    margin: 0 5px;
    display: inline-block;
    font-weight: 600;
}

.article_henji .content-inf>span>i {
    font-weight: 400;
}

.article_henji .content-txt {
    padding: 0 15px;
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}

.article_henji div.content-txt p {
    /*font-family:"Heiti SC","Droid Sans Fallback";*/
    /*font-family:myFirstFont;*/

    line-height: 1.5;
    margin-bottom: 15px;
    text-align: justify;
}

.article_henji .content-txt img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.article_henji .content-txt p {
    font-size: 14px;
    color: #535353;
}

.article_henji #divVersion {
    display: block;
}

.article_henji #divVersion.active {
    display: none;
}

.article_henji .content_txt_box {
    display: none;
}

.article_henji .content_txt_box.active {
    display: block;
}

#PreviewNews_ShowAuthors>span>label {
    cursor: pointer;
}

#PreviewNews_ShowAuthors>span>label.color_block.active {
    color: #333333 !important;
    line-height: 11px !important;
    border: 3px #000 solid;
}

#PreviewNews_Content>p>span.active {
    color: #333333 !important;
}

#PreviewNews_Content>p>span.active.active2 {
    font-weight: 600;
}

#PreviewNews_Content>p>span.active2 {
    color: #333333 !important;
    font-weight: 600;
}

/*痕迹样式调整结束*/

/*弹窗样式调整开始*/
body .layui-layer-title {
    background-color: #4b525e;
    color: #fff;
    border: none;
}

#xiansuoModal .modal-body .modal_select_box {
    overflow: auto;
}

#xuantiModal .modal-body .modal_select_box {
    overflow: auto;
}

/*弹窗样式调整结束*/

/* 数据中心公用样式  start*/
.card-box {
    min-height: 540px;
}

/* 数据中心公用样式  end*/


/*暂存模态框开始*/
.zancunModal ul {
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
}

.zancunModal ul li {
    margin: 0;
    padding: 12px;
    overflow: hidden;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: #BABABA;
    border-style: dotted;
    cursor: pointer;
    display: none;
}

/*.zancunModal ul li:nth-child(even) {
    background: #E8F2FD;
}*/
.zancunModal ul li:hover {
    background: #E4EEF9;
}

.zancunModal ul li.active {
    display: block;
}

.zancunModal ul li>div.list_content {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: #BABABA;
    border-style: dashed;
}

.zancunModal ul li>div.list_content .list_pic {
    float: left;
    width: 103px;
    height: 64px;
    padding: 0 13px;
    overflow: hidden;
    margin-bottom: 8px;
    padding-left: 0;
}

.zancunModal ul li>div.list_content .list_pic>img {
    width: 100%;
    height: 100%;
}

.zancunModal ul li>div.list_content .list_neirong {
    float: left;
    width: calc(100% - 103px);
    margin-bottom: 8px;
}

.zancunModal ul li>div.list_content .list_neirong>h4 {
    margin: 0;
    padding: 0;
    height: 15px;
    line-height: 1;
    overflow: hidden;
    font-size: 14px;
    color: #313131;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    margin-bottom: 5px;
}

.zancunModal ul li>div.list_content .list_neirong>span {
    margin: 0;
    padding: 0;
    line-height: 22px;
    overflow: hidden;
    font-size: 14px;
    color: #a3a2a2;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 91px;
}

.zancunModal ul li>div.list_content .list_neirong>span p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 22px !important;
    overflow: hidden !important;
    font-size: 14px !important;
    color: #a3a2a2 !important;
}

.zancunModal ul li>div.list_content .list_neirong>span img {
    width: 100%;
}

.zancunModal ul li>div.list_content .list_neirong>span video {
    width: 100%;
}

.zancunModal ul li>div.list_content .list_neirong>span audio {
    width: 100%;
}

.zancunModal ul li>div.list_content .list_neirong>span .shiping-box {
    width: 100%;
    height: 170px;
    position: relative;
    background-color: #000;
}

.zancunModal ul li>div.list_content .list_neirong>span .shiping-box>span {
    font-size: 30px;
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.zancunModal ul li>div.list_content .list_neirong>span .yinping-box {
    width: 100%;
    height: 170px;
    position: relative;
    background-color: #000;
}

.zancunModal ul li>div.list_content .list_neirong>span .yinping-box>img {
    width: 100%;
    height: 100%;
}

.zancunModal ul li>div.list_content .list_neirong>span .yinping-box>span.look-detail-audio {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 40px;
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #2b3443;
    text-align: center;
    line-height: 60px;
}

.zancunModal ul li>div.list_about {
    padding-top: 10px;
    overflow: hidden;
    padding-left: 12px;
    width: calc(100% - 48px);
    float: left;
}

.zancunModal ul li>div.list_about>b {
    display: block;
    font-size: 12px;
    color: #a3a2a2;
    line-height: 1;
    font-weight: 400;

}

.zancunModal ul li>div.list_about>div {
    overflow: hidden;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
}

.zancunModal ul li>div.list_about>div>span {
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
    background-color: #d2dfff;
    font-size: 12px;
    color: #2c61e3;
    margin-right: 9px;
    display: inline-block;
}

.zancunModal ul li>div.list_about>div>i {
    font-style: normal;
    color: #a3a2a2;
}

.zancunModal ul li>div.list_about>button {
    float: right;
    width: 52px;
    height: 26px;
    text-align: center;
    padding: 0;
    line-height: 26px;
    margin: 0 5px;
    font-size: 20px;
}

.zancunModal ul li>div.list_about>button.apply_zancun span {
    font-size: 23px;
}

.zancunModal ul li>div.yingru {
    float: left;
    width: 48px;
    height: 16px;
    line-height: 16px;
    color: #5f8cc1;
    font-size: 14px;
    margin-top: 14px;
}

.zancunModal ul li.active>div.yingru {
    display: block;
}

.zancunModal ul li>div.yingru>span {
    margin-right: 4px;
}

/*暂存模态框结束*/

/* 纸媒分发样式 -------------start*/
.al-r {
    text-align: right;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-t-10 {
    margin-top: 10px;
}

#qudao_tanchuang_common .select-area {
    height: 250px;
    overflow-y: auto;
    padding-bottom: 10px;
}

#qudao_tanchuang_common .paper-date-input {
    background: none;
    outline: none;
    text-align: center;
    color: #535353;
    font-size: 14px;
    width: 220px;
    position: relative;
    height: 30px;
    line-height: 28px;
    padding: 0 2px;
    padding-right: 24px;
    box-shadow: none;
}

#qudao_tanchuang_common .paper-icon-calendar {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    font-size: 18px;
}

#qudao_tanchuang_common .box-select {
    width: 80%;
    height: 30px;
}

#qudao_tanchuang_common .box-select .layui-select-title input {
    height: 30px;
}

#qudao_tanchuang_common .news-content-text {
    display: inline-block;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

#qudao_tanchuang_common .show-pic-title {
    cursor: pointer;
    /* display: inline-block;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom; */
}

#qudao_tanchuang_common .pop-img {
    position: absolute;
    left: 300px;
    width: 260px;
    height: auto;
    display: none;
    z-index: 99;
}

#qudao_tanchuang_common .pop-img img {
    width: 100%;
    height: 100%;
}

#qudao_tanchuang_common .delete-btn {
    cursor: pointer;
}

#qudao_tanchuang_common .layui-form-selected dl {
    height: 100px;
    overflow-y: auto;
}

/* 纸媒分发样式 -------------end*/

/*纸媒分发重稿警示弹窗样式开始*/
.reprint_compare ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
}

.reprint_compare ul li {
    float: left;
    width: calc(50% - 20px);
    height: 100%;
    margin: 10px;
    padding: 0;
}

.reprint_compare ul li .content-title {
    margin: 0;
    padding: 0;
    height: 30px;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.reprint_compare ul li .be_alike_degree {
    margin: 0;
    padding: 0;
    height: 30px;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[lay-id="tableCom"] .repeat-icon:hover {
    opacity: 0.6;
}

.reprint_compare ul li .content-txt {
    width: 100%;
    height: calc(100% - 30px);
    padding: 0;
    clear: both;
    box-sizing: border-box;
}

.reprint_compare ul li .content-txt .content_txt_box {
    width: 100%;
    height: calc(100% - 20px);
    overflow: auto;
    padding: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.reprint_compare ul li .content-txt .word_num {
    text-align: right;
}

.reprint_compare ul li .content-txt .be_alike_degree {
    float: left;
    width: 130px;
    height: 30px;
    line-height: 30px;
}

/*纸媒分发重稿警示弹窗样式结束*/
/*纸媒分发重稿警示弹窗样式结束*/

/* 公开稿件  start*/
.director_review_pop {
    padding: 15px;
}

.director_review_pop .layui-elem-quote {
    margin: 10px 0;
    padding: 5px 15px;
    line-height: 22px;
    border-left: 5px solid #2780ec;
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2;
    font-size: 14px;
}

.director_review_pop .opera_unit {
    margin-bottom: 20px;
    overflow: visible;
}

.director_review_pop .opera_unit .shenhe_style {
    margin-right: 30px;
    margin-bottom: 10px;
    height: 32px;
    line-height: 32px;
}

.director_review_pop .opera_unit .shenhe_style .layui-form-select {
    display: inline-block;
}

.director_review_pop .opera_unit .shenhe_style .layui-form-radio {
    margin: 0;
}

.director_review_pop .opera_unit .layui-select-title input {
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    height: 32px;
    line-height: 30px;
    color: #535353;
    padding: 0 5px;
    font-size: 14px;
}

.director_review_pop .opera_unit .layui-anim {
    top: 34px;
}

.director_review_pop .opera_unit .layui-form-select {
    width: 200px;
}

.director_review_pop .opera_unit .layui-form-select .layui-edge {
    top: 16px;
}

.director_review_pop .opera_unit .public_mode {
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 15px;
    vertical-align: middle;
    line-height: 32px;
}

.director_review_pop .opera_unit .public_mode .public_select {
    display: inline-block;
    overflow: hidden;
    margin-left: 41px;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    line-height: 30px;
    color: #535353;
    padding: 0 5px;
    padding-right: 22px;
    font-size: 14px;
    width: 420px;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    height: auto;
}

.director_review_pop .opera_unit .public_mode .public_select b {
    border: none;
    line-height: 28px;
    min-height: 28px;
    width: 100%;
    position: relative;
    top: -1px;
    resize: none;
    font-weight: 400;
    display: block;
}

.director_review_pop .opera_unit .public_mode .public_select>span {
    position: absolute;
    right: 5px;
    top: 0;
}

.director_review_pop .opera_unit .public_mode>button {
    position: relative;
    top: -2px;
}

.zr_audit_role_sel .modal-body .modal_select_box ul {
    width: 100%;
    overflow: auto;
}

.zr_audit_role_sel .modal-body .modal_select_box ul>li {
    overflow: hidden;
    height: 35px;
    line-height: 34px;
    cursor: pointer;
    width: 100%;
    font-family: '微软雅黑';
    color: #535353;
    font-size: 14px;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: #ccc;
    border-style: dotted;
    margin: 0;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

.zr_audit_role_sel .modal-body .modal_select_box ul>li>span {
    position: absolute;
    right: 5px;
    top: 2px;
    color: #ff0a00;
    font-weight: 600;
    display: none;
}

.zr_audit_role_sel .modal-body .modal_select_box ul>li:nth-child(even) {
    background-color: #f4f7fb;
}

.zr_audit_role_sel .modal-body .modal_select_box ul>li.active {
    background-color: #d6e0eb;
}

.zr_audit_role_sel .modal-body .modal_select_box ul>li.active>span {
    display: block;
}

.zr_audit_role_sel .modal-body .modal_select_box ul>li:hover {
    background-color: #D4D4D4;
}

/* 公开稿件  end*/

/*消息浮动弹窗样式------------开始*/
.message_tips_box {
    position: fixed;
    overflow: visible;
    bottom: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    height: 195px;
}

.message_tips_box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.message_tips_window {
    display: none;
    width: 300px;
    height: 450px;
    overflow: hidden;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}

.message_tips_box.active {
    height: 450px;
}

.message_tips_box.active .message_tips_window {
    display: block;
}

.message_tips_window .message_tips_top {
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #fff;
    background-color: #18214a;
    padding: 0 10px;
}

.message_tips_window .message_tips_num {
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    padding: 0 5px;
    border-bottom: 1px solid #ccc;
}

.message_tips_window .message_tips_num i {
    float: right;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer;
    color: #2780ec;
}

.message_tips_window .message_tips_num i:hover {
    color: #061EEC;
}

.message_tips_window .message_tips_main {
    height: calc(100% - 85px);
    width: 100%;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.message_tips_window .message_tips_main>ul {
    float: left;
    width: 28px;
    height: 100%;
    background-color: #f5f6f8;
}

.message_tips_window .message_tips_main>ul>li {
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-family: 微软雅黑;
    color: rgb(83, 83, 83);
    float: left;
    cursor: pointer;
    background-color: rgb(245, 246, 248);
    border-left: 2px solid rgb(245, 246, 248);
    padding: 5px;
}

.message_tips_window .message_tips_main>ul>li:hover {
    border-color: #5f8cc1;
    border-left: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.message_tips_window .message_tips_main>ul>li.active {
    border-color: #5f8cc1;
    border-left: 2px solid #2880ec;
    color: #4b4e53;
    background-color: #fff;
}

.message_tips_window .message_tips_main .arts_now_tab_content {
    float: right;
    width: calc(100% - 28px);
    height: 100%;
    overflow: hidden;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div {
    overflow: auto;
    width: 100%;
    height: 100%;
    display: none;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div.active {
    display: block;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div ul {
    width: 100%;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div ul>li {
    width: 100%;
    border-width: 0px;
    border-bottom-width: 1px;
    border-color: #d5d6d8;
    border-style: dashed;
    padding-right: 15px;
    overflow: hidden;
    position: relative;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div ul>li .news_inform .news_title {
    width: 100%;
    padding-top: 9px;
    line-height: 18px;
    font-family: 微软雅黑;
    font-size: 14px;
    font-weight: 600;
    color: #4C5059;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div ul>li .news_inform .news_title>span {
    text-decoration: underline;
    color: blue;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div ul>li .news_inform .news_other {
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin-bottom: 2px;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div ul>li .news_inform .news_other>span {
    margin: 0;
    margin-right: 10px;
    padding: 0;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    font-family: 微软雅黑;
    font-size: 12px;
    color: #a3a2a2;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div ul>li .news_inform .news_other>button {
    float: right;
    cursor: pointer;
    padding: 0 5px;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div ul>li .close_message_tips_li {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #666;
    cursor: pointer;
}

.message_tips_window .message_tips_main .arts_now_tab_content>div ul>li .close_message_tips_li:hover {
    color: #000;
}

.message_tips_window .message_tips_main .message_tips_set {
    position: absolute;
    display: none;
    width: calc(100% - 28px);
    overflow: hidden;
    right: 0;
    height: 100%;
}

.message_tips_window .message_tips_main .message_tips_set.active {
    display: block;
    background-color: #fff;
}

.message_tips_window .message_tips_bottom .layui-btn-group {
    float: right;
}

.message_tips_window .message_tips_bottom .layui-btn-group>button {
    border-width: 0 1px;
    cursor: pointer;
}

.message_tips_window .message_tips_main .message_tips_set .layui-form-item label {
    padding: 0;
    height: 28px;
    padding-left: 5px;
    line-height: 28px;
    margin: 0;
    text-align: left;
    width: 145px;
}

.message_tips_window .message_tips_main .message_tips_set .layui-form-item {
    padding: 0 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}

.message_tips_window .message_tips_main .message_tips_set .layui-form-item button {
    cursor: pointer;
}

.message_tips_box .message_tips_drag {
    width: 36px;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}

.message_tips_box.active .message_tips_drag {
    display: none;
}

.message_tips_box .message_tips_drag button {
    width: 100%;
    background-color: #18214a;
    height: 100px;
    border: none;
    color: #fff;
    /*text-shadow: 0px 5px 10px rgba(255, 255, 255, 0.25);
    font-size:20px;*/
}

.message_tips_box .message_tips_drag:hover button>span {
    text-shadow: 3px 1px 5px #fff;
    font-size: 20px;
}

.message_tips_box .message_tips_drag b {
    display: block;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-family: 微软雅黑;
    color: rgb(83, 83, 83);
    padding: 5px;
    padding-bottom: 0;
}

.message_tips_box .message_tips_drag i {
    display: block;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    color: red;
    text-align: center;
    font-family: 微软雅黑;
    padding: 5px 0;
}

/*消息浮动弹窗样式------------结束*/
/*智能检测start*/
.sensitive_top {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #333;
}

.top_title {
    width: 33%;
    border-right: 1px solid #333;
    display: inline-block;
    text-align: center;
}

.top_title.active {
    color: #0a72f1;
    font-weight: bold;
    font-size: 18px;
}

#textContentContainer * {
    font-size: 18px;
}

#textContentContainer p {
    padding: 10px 0;
}

#textContentContainer span.active {
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-color: red;
    border-style: solid;
}

#sensitiveList {
    display: flex;
    flex-flow: column nowrap;
}

.sensitive_bottom {
    flex: 1;
    overflow: auto;
}

.sensitive_item {
    cursor: default;
    display: flex;
    flex-flow: row nowrap;
    font-size: 18px;
}

.sensitive_item:nth-child(1) {
    font-weight: bold;
}

.sensitive_error {
    flex: 1;
    text-align: center;
    line-height: 1.8em;
}

/*.sensitive_error:nth-child(1){
    font-weight: bold;
}*/
.sensitive_true {
    flex: 1;
    text-align: center;
    line-height: 1.8em;
}

/*.sensitive_true:nth-child(1){
    font-weight: bold;
}*/
/*智能检测end*/


.view_list {
    width: 100%;
}

.view_list ul {
    width: 100%;
}

.view_list ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 10px 5px;
    border-bottom: 1px solid #f1f1f1;
}

.view_list ul li.openView {

    border-bottom: 1px solid #afd3ff;
}

.view_list ul li .urlNum {
    padding: 0px 5px;
    font-size: 12px;
}

.view_list ul li .urlAddress {
    flex: 1;
    color: #1e9fff;
}

.view_list ul li .urlState {
    padding: 0px 5px;
    font-size: 12px;
    border: 1px solid #f1f1f1;
    color: #999;
    border-radius: 3px;
}

.view_list ul li .urlBtn {
    padding: 0px 5px;
    border: 1px solid #f1f1f1;
    color: #1e9fff;
    border-radius: 3px;
    cursor: pointer;
}

.view_list ul li.openView:hover {
    border-bottom-color: #1e9fff;
}

.view_list ul li.openView:hover .urlBtn {
    border-color: #1e9fff;
}

.nodata {
    margin: 10px auto;
    text-align: center;
    font-size: 20px;
}