em,
i {
    font-style: normal;
}

/*自定义滚动条样式 start*/

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    /*滚动条这里设置宽度*/
}

::-webkit-scrollbar-track-piece {
    /*滚动条背景*/
    background-color: #ecebeb;
    /*-webkit-border-radius: 6px;*/
}

::-webkit-scrollbar-thumb:vertical {
    /*纵向滚动条滑块*/
    background-color: #c5c5c5;
    /*-webkit-border-radius: 6px;*/
}

::-webkit-scrollbar-thumb:vertical:hover {
    /*纵向滚动条滑块 hover*/
    background-color: #9e9e9e;
    /*-webkit-border-radius: 6px;*/
}

::-webkit-scrollbar-thumb:horizontal {
    /*横向滚动条滑块*/
    background-color: #9e9e9e;
    /*-webkit-border-radius: 6px;*/
}

::-webkit-scrollbar-thumb:horizontal:hover {
    /*横向滚动条滑块 hover*/
    background-color: #c5c5c5;
    /*-webkit-border-radius: 6px;*/
}

/*自定义滚动条样式 end*/

/*图标20x20 start*/

i.file-icon-20 {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 2px;
}

i.ico-doc-20,
em.ico-doc-20 {
    background: url('../images/file-icon-20px.png') no-repeat 0 0 !important;
}

i.ico-xls-20,
em.ico-xls-20 {
    background: url('../images/file-icon-20px.png') no-repeat -20px 0 !important;
}

i.ico-ppt-20,
em.ico-ppt-20 {
    background: url('../images/file-icon-20px.png') no-repeat -40px 0 !important;
}

i.ico-pdf-20,
em.ico-pdf-20 {
    background: url('../images/file-icon-20px.png') no-repeat -60px 0 !important;
}

i.ico-txt-20,
em.ico-txt-20 {
    background: url('../images/file-icon-20px.png') no-repeat -80px 0 !important;
}

i.ico-7z-20,
em.ico-7z-20 {
    background: url('../images/file-icon-20px.png') no-repeat -100px 0 !important;
}

i.ico-rar-20,
em.ico-rar-20 {
    background: url('../images/file-icon-20px.png') no-repeat -100px 0 !important;
}

i.ico-zip-20,
em.ico-zip-20 {
    background: url('../images/file-icon-20px.png') no-repeat -100px 0 !important;
}

i.ico-mp3-20,
em.ico-mp3-20 {
    background: url('../images/file-icon-20px.png') no-repeat -120px 0 !important;
}

i.ico-mp4-20,
em.ico-mp4-20 {
    background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important;
}

i.ico-mpg-20,
em.ico-mpg-20 {
    background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important;
}

i.ico-mkv-20,
em.ico-mkv-20 {
    background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important;
}

i.ico-rm-20,
em.ico-rm-20 {
    background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important;
}

i.ico-rmvb-20,
em.ico-rmvb-20 {
    background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important;
}

i.ico-wmv-20,
em.ico-wmv-20 {
    background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important;
}

i.ico-swf-20,
em.ico-swf-20 {
    background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important;
}

i.ico-flv-20,
em.ico-flv-20 {
    background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important;
}

i.ico-avi-20,
em.ico-avi-20 {
    background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important;
}

i.ico-bt-20,
em.ico-bt-20 {
    background: url('../images/file-icon-20px.png') no-repeat -220px 0 !important;
}

i.ico-bmp-20,
em.ico-bmp-20 {
    background: url('../images/file-icon-20px.png') no-repeat -160px 0 !important;
}

i.ico-gif-20,
em.ico-gif-20 {
    background: url('../images/file-icon-20px.png') no-repeat -160px 0 !important;
}

i.ico-png-20,
em.ico-png-20 {
    background: url('../images/file-icon-20px.png') no-repeat -160px 0 !important;
}

i.ico-jpg-20,
em.ico-jpg-20 {
    background: url('../images/file-icon-20px.png') no-repeat -160px 0 !important;
}

i.ico-html-20,
em.ico-html-20 {
    background: url('../images/file-icon-20px.png') no-repeat -200px 0 !important;
}

i.ico-any-20,
em.ico-any-20 {
    background: url('../images/file-icon-20px.png') no-repeat -180px 0 !important;
}

.file-list {
    margin: 0;
}

.file-list .thumbnail {
    padding: 5px;
    border-bottom: 1px dotted #e1e1e1;
}

.file-list .thumbnail:last-child {
    border-bottom: none;
}

.file-list .thumbnail .file-type {
    display: inline-block;
    vertical-align: middle;
}

.file-list .thumbnail .file-name {
    display: inline-block;
    max-width: calc(100% - 44px);
    margin-left: 2px;
    vertical-align: middle;
}

.file-list .thumbnail .delete-file i,
.file-list .thumbnail .select-cancel i {
    font-weight: bold;
    margin-left: 4px;
    vertical-align: bottom;
    font-size: 18px;
}

.file-list .thumbnail .delete-file:hover i,
.file-list .thumbnail .select-cancel:hover i {
    color: #ff2d2d;
}

.file-list .thumbnail .download-file i {
    font-weight: bold;
    margin-left: 4px;
    vertical-align: bottom;
}

.file-list .thumbnail .download-file:hover i {
    color: #15499a;
}

.file-list .thumbnail .file-type i {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.file-list .thumbnail .file-type i.file-icon-20 {
    background: url(/Public/images/file-icon-20px.png) no-repeat -160px 0 !important;
}

tr .file-list {
    margin: 0;
}

/*图标20x20 end*/

/* layui弹窗 start */

.box-content {
    padding-top: 20px;
}

.box-content .layui-form-item .layui-input-inline {
    width: 240px;
}

.box-content .layui-input-block {
    margin: 20px 0 0 0;
}

.wid-auto .layui-form-item .layui-input-inline {
    width: calc(100% - 137px);
}

.wid-auto .layui-form-item .layui-input-inline .edui-default .edui-editor {
    width: calc(100% - 3px) !important;
}

.wid-auto .layui-form-item .layui-input-inline textarea,
.wid620 .layui-form-item .layui-input-inline textarea {
    width: 100%;
    min-height: 100px;
    resize: vertical;
}

.wid620 .layui-form-item .layui-input-inline {
    width: 620px;
}

.layui-form[wid120] .layui-form-label {
    width: 120px;
}

.wid-auto[wid120] .layui-form-item .layui-input-inline {
    width: calc(100% - 178px);
}

.wid-auto .essay-operate .layui-input-block {
    margin-left: 130px;
}

.wid-auto[wid120] .essay-operate .layui-input-block {
    margin-left: 150px;
}

.layui-form-item .layui-elem-field>.layui-form-checkbox {
    position: absolute;
    right: 10px;
    top: -10px;
    background: #fff;
}

.layui-elem-field>.layui-form-checkbox[lay-skin=primary] span {
    padding-left: 15px;
}

.open-win-box .layui-field-box {
    padding-top: 4px;
}

.open-win-box .layui-elem-field legend {
    font-size: 14px;
    font-weight: unset;
}

.open-win-box .layui-elem-field legend .layui-form-checkbox span {
    font-size: 12px;
}

.open-win-box .custom-btn-box {
    margin: 15px auto;
}

.open-win-box .table-box {
    margin: 0 auto;
    padding: 0 20px;
    width: calc(100% - 40px);
    overflow: hidden;
}

.open-win-box .table-box .layui-field-title {
    margin: 0;
}

.open-win-box .layui-colla-content .layui-tab {
    margin: 0;
}

.open-win-box .layui-input-block {
    margin-left: 0;
    text-align: center;
}

.table-box .layui-table th,
.table-box .layui-table td {
    text-align: center;
}

.layui-input-inline .view-detail {
    word-break: break-all;
}

.layui-input-inline .view-detail img {
    max-width: 100%;
}

/* layui弹窗 end */

.custom-select-box {
    border: 1px solid #e1e1e1;
}

.custom-select-box li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom: 1px dashed #e1e1e1;
}

.custom-select-box li.active {
    background-color: #eee;
}

.custom-select-box li:last-child {
    border-bottom: none;
}

.custom-select-box li .iconfont {
    font-size: 22px;
    color: #e1e1e1;
}

.custom-select-box li .iconfont.layui-extend-checked {
    color: #1E9FFF;
}

.custom-select-box li img {
    width: 22px;
    margin-right: 5px;
}

.custom-select-box li span {
    font-size: 12px;
}

.custom-select-box li span em {
    color: #888;
    margin-left: 2px;
}

tr.active {
    background-color: #f2f2f2;
}

/* 下拉选择控件 start */

.sl-selector-user-box .sl-selector {
    display: none !important;
}

.sl-selector-user-box .selectator_element.single,
.sl-selector-user-box .selectator_element.multiple {
    min-height: 38px !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    border: 1px solid #e6e6e6;
}

.sl-selector-user-box .selectator_element .selectator_options {
    border-color: #D2D2D2 !important;
    border-top: none;
    top: 37px;
}

.sl-selector-user-box .selectator_element.single .selectator_options {
    top: 37px !important;
}

.sl-selector-user-box .selectator_element.focused {
    box-shadow: none !important;
}

.sl-selector-user-box .selectator_option_title {
    line-height: 30px !important;
    padding-left: 5px;
}

.sl-selector-user-box .selectator_option_left img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
}

.sl-selector-user-box .multiple .selectator_chosen_item_left,
.sl-selector-user-box .single .selectator_chosen_item_left {
    width: 24px !important;
    height: 20px !important;
    border-radius: 50%;
}

.sl-selector-user-box .multiple .selectator_chosen_item_left img,
.sl-selector-user-box .single .selectator_chosen_item_left img {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
}

.sl-selector-user-box .multiple .selectator_chosen_item_title,
.sl-selector-user-box .single .selectator_chosen_item_title {
    line-height: 20px;
    padding-top: 0 !important;
}

.sl-selector-user-box .multiple .selectator_chosen_item_remove,
.sl-selector-user-box .single .selectator_chosen_item_remove {
    line-height: 26px;
    font-size: 16px !important;
    padding: 0 4px !important;
    font-weight: 100;
}

.selectator_chosen_item_remove:hover {
    color: #fff;
    background-color: #0091ff;
}

.sl-selector-user-box .multiple .selectator_chosen_item {
    margin: 5px 0 0 5px !important;
    padding: 3px 20px 3px 5px !important;
}

.sl-selector-user-box .selectator_input:focus {
    outline: none;
}

.sl-selector-user-box .selectator_input {
    padding: 0 !important;
    margin: 5px 0 0 5px !important;
    height: 30px;
}

.sl-selector-user-box .selectator_option {
    border-bottom: 1px dashed #e1e1e1;
}

.sl-selector-user-box .selectator_option:last-child {
    border-bottom: none;
}

view-video-box {
    width: calc(100% - 0);
    margin: 0 auto;
    height: 100%;
}

.view-video-box .lib-video {
    width: 100%;
    display: block;
    outline: none;
    height: 100%;
    background: #000
}

.layui-table a[view-detail]:hover {
    color: #1e9fff;
}

.layui-table-cell .sl-selector-box {
    margin-top: 5px;
}

.layui-table-cell .sl-selector-box .layui-input {
    width: calc(100% - 76px);
}

.layui-table-cell .sl-selector-box .select-open {
    cursor: pointer;
    width: 20px;
    margin-right: 5px;
}

.layui-table-cell .operate-box .sl-upload-box,
.layui-table-cell .operate-box .sl-selector-icon-box {
    margin-right: 10px;
}

.layui-table-cell .operate-box .center-split {
    margin: 5px 0;
}

.layui-table-cell .tb-selector .flex-b {
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.layui-table-cell .tb-selector .name-ipt {
    width: calc(100% - 40px);
}

.layui-table-cell .layui-input-inline {
    vertical-align: unset;
}

.layui-layout-admin .layui-body {
    top: 90px !important;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
    text-align: center;
}

.layui-table.custom-tb {
    margin-bottom: 15px;
}

.layui-table.custom-tb th,
.layui-table.custom-tb td {
    text-align: center;
}

.html-info-box {
    word-break: break-all;
}

.html-info-box img {
    max-width: 100%;
    display: block;
    margin: 5px auto;
}

.layui-elem-field>.layui-form-checkbox[lay-skin=primary] i {
    left: 15px !important;
}

/* 下拉选择控件 end */

/* 标签控件样式 start */

.wid-auto .tag-select-box .tag-item {
    margin-top: 5px;
}

.wid-auto .tag-select-box .tag-add-box {
    width: calc(100% - 110px);
    display: inline-block;
}

.wid-auto[wid120] .tag-select-box .tag-add-box {
    width: calc(100% - 150px);
    display: inline-block;
}

.wid-auto .tag-select-box .tag-add-box .tag-input {
    width: calc(100% - 122px);
}

.wid-auto .tag-select-box .tag-add-box .add-btn {
    display: inline-block;
    width: 85px;
}

.wid-auto .tag-select-box .tag-item-select,
.tag-data-box .tag-item-select {
    border-color: #1e9fff;
    color: #333;
}

.wid-auto .tag-select-box .tag-item-select .layui-icon {
    position: relative;
    left: 4px;
}

.wid-auto .tag-select-box .tag-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-content: flex-start;
}

.wid-auto .tag-select-box .tag-list .tag-item {
    padding: 5px;
}

.wid-auto .tag-data-box .item-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-content: flex-start;
}

.wid-auto .tag-data-box .item-box .tag-item {
    padding: 5px;
}

.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.bg-img-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 标签控件样式 end */

/* 微信公众号文章样式 start */

.rich_media_content {
    max-width: 677px;
    margin: 0 auto;
    font-size: 18px;
}

.rich_media_content ul li {
    list-style: disc;
}

/* 微信公众号文章样式 end */

/* 全局公共 start */

.inline-block {
    display: inline-block;
}

.none {
    display: none;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.center {
    text-align: center;
}

.clear-both,
.clearfix {
    clear: both;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.relative {
    position: relative;
}

.bold {
    font-weight: bold;
}

.pointer {
    cursor: pointer;
}

.red {
    color: red !important;
    font-size: 12px !important;
}

.nodata {
    color: #a9a9a9;
}

.wid30 {
    width: 30px !important;
}

.wid40 {
    width: 40px !important;
}

.wid50 {
    width: 50px !important;
}

.wid60 {
    width: 60px !important;
}

.wid70 {
    width: 70px !important;
}

.wid80 {
    width: 80px !important;
}

.wid90 {
    width: 90px !important;
}

.wid100 {
    width: 100px !important;
}

.wid110 {
    width: 110px !important;
}

.wid120 {
    width: 120px !important;
}

.wid130 {
    width: 130px !important;
}

.wid140 {
    width: 140px !important;
}

.wid150 {
    width: 150px !important;
}

.wid160 {
    width: 160px !important;
}

.wid180 {
    width: 180px !important;
}

.wid200 {
    width: 200px !important;
}

.wid220 {
    width: 220px !important;
}

.wid240 {
    width: 240px !important;
}

.wid260 {
    width: 260px !important;
}

.wid280 {
    width: 280px !important;
}

.wid300 {
    width: 300px !important;
}

.wid400 {
    width: 400px !important;
}

.wid500 {
    width: 500px !important;
}

.wid600 {
    width: 600px !important;
}

.wid700 {
    width: 700px !important;
}

.wid800 {
    width: 800px !important;
}

.wid900 {
    width: 900px !important;
}

.wid1000 {
    width: 1000px !important;
}

.wid-auto {
    width: auto !important;
}

.wid-full {
    width: 100% !important;
}

.display-flex {
    display: flex;
}

.flex-bc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-b {
    display: flex;
    justify-content: space-between;
}

.flex-c {
    display: flex;
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.ellipsis-1 {
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.ellipsis-2 {
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.ellipsis-3 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.ellipsis-4 {
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.ellipsis-5 {
    overflow: hidden;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.ellipsis-6 {
    overflow: hidden;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
}

/* 全局公共 end */