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 */
.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 */