html, body { background: white; width: 100%; }
.tdtop td { vertical-align: top; }

.popupwrap .footer.twobtn { padding: 0; height: 44px; }
.popupwrap .footer.twobtn button { border-radius: 0; width: 100%; padding: 0; height: 44px; }
.popupwrap .footer.twobtn button.yellow { background-color: #FFBB11; }

#failurehour + select { height: 34px; }

.toolbar button, .footer button, .btnface, .footbtn { background-color: #419dfd; color: white; }
.toolbar .dsui-btn { padding: 0 8px; }

thead { height: 25px; }

td input { vertical-align: middle; }

td input[type=checkbox] { height: 12px; width: 12px; }

td.tr { font-weight: bold; font-size: 12px; }

table.tdfirst > tbody > tr > td:first-child { font-weight: bold; text-align: right; font-size: 12px; }

a { color: #0D93BF; text-decoration: none; }

table tr.line td, table.line tr td { border-bottom: solid 1px #e1e1e1; }

input { border: solid 1px gray; }

input[type=checkbox], input[type=radio] { border-color: transparent; }

input.readonly, textarea.readonly, textarea.readonly:focus, textarea.readonly:hover, input.readonly:focus, input.readonly:hover { background: #FFF; border: solid 1px; border-color: #EEE #F5F5F5 #F5F5F5 #EEE; }

.dsui-btn { display: inline-block; padding: 0px 5px; height: 22px; line-height: 22px; border-radius: 3px; background-color: #1a88a1; border: solid 1px #1a88a1; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; font-size: 12px; }
.dsui-btn i { padding-right: 2px; }
.dsui-btn:hover { opacity: 0.6; }

.dsui-btn-del { background-color: #FF5722; border: solid 1px #FF5722; }
.dsui-btn-add { background-color: #009688; border: solid 1px #009688; }
.dsui-btn-view { background-color: #1a88a1; border: solid 1px #1a88a1; }
.dsui-gray { background-color: gray; color: #DCDCDC; border: solid 1px #DCDCDC; }
.dsui-green { background-color: green; border: solid 1px green; }
.dsui-blue { background-color: blue; border: solid 1px blue; }
.dsui-red { background-color: red; border: solid 1px red; }
.dsui-blueviolet { background-color: blueviolet; border: solid 1px blueviolet; }
.dsui-aliceblue { background-color: aliceblue; border: solid 1px aliceblue; }
.dsui-chocolate { background-color: chocolate; border: solid 1px chocolate; }
.dsui-trans { background-color: transparent; border: none; color: black; }
/* 编辑按钮 */
.dsui-btn-edit i:before { content: "\e72e"; }

/* 禁用按钮 */
.dsui-btn-dis i:before { content: "\e725"; }

/* 删除按钮 */
.dsui-btn-del i:before { content: "\e725"; }

/* 添加按钮 */
.dsui-btn-add i:before { content: "\e6db"; }

/* 减号按钮 */
.dsui-btn-minus i:before { content: "\e6dc"; }

/* 查看按钮 */
.dsui-btn-view i:before { content: "\e70b"; }

/* 交换 */
.dsui-btn-transfer i:before { content: "\e74a"; }

/* 开卡 */
.dsui-btn-card i:before { content: "\e666"; }

/* 升级 */
.dsui-btn-update i:before { content: "\e67a"; }

/*报课、预约*/
.dsui-btn-subscribe i:before { content: "\e661"; }

/*续卡*/
.dsui-btn-renew i:before { content: "\e631"; }

/*增减调整*/
.dsui-btn-plusminus i:before { content: "\e694"; }

/*消息*/
.dsui-btn-msg i:before { content: "\e71b"; }

/*设置*/
.dsui-btn-set i:before { content: "\e734"; }

/*设置*/
.dsui-btn-set1 i:before { content: "\e6e0"; }

/*退款*/
.dsui-btn-6c2 i:before { content: "\e6c2"; }

.dsui-btn-64b i:before { content: "\e64b"; }
/*下载*/
.dsui-btn-down i:before { content: "\e675"; }
/* 保存按钮 */
.dsui-btn-save i:before { content: "\e660"; }
/*换一批*/
.dsui-btn-refresh i:before { content: "\e66b"; }
/*确认*/
.dsui-btn-confirm i:before { content: "\e6e9"; }
/*取消*/
.dsui-btn-cancel i:before { content: "\e699"; }
/*分享1*/
.dsui-btn-share1 i:before { content: "\e6ed"; }
/*支付*/
.dsui-btn-pay i:before { content: "\e721"; }
/*选择*/
.dsui-btn-select i:before { content: "\e002"; }
/*管理*/
.dsui-btn-manage i:before { content: "\e66a"; }
/*更多*/
.dsui-btn-more i:before { content: "\e6c8"; }
/*列表*/
.dsui-btn-item i:before { content: "\e6d7"; }
/*书04*/
.dsui-btn-book4 i:before { content: "\e74c"; }
/*换一批*/
.dsui-btn-huanyipi i:before { content: "\e63f"; }
/*认领*/
.dsui-btn-claim i:before { content: "\e661"; }
/*分派*/
.dsui-btn-assign i:before { content: "\e6ae"; }
/*同步*/
.dsui-btn-sync i:before { content: "\e717"; }
/*扫码*/
.dsui-btn-scanqr i:before { content: "\e6dd"; }
/*二维码*/
.dsui-btn-qrcode i:before { content: "\e67c"; }
/*微信*/
.dsui-btn-weixin i:before { content: "\e679"; }
/*关联*/
.dsui-btn-relation i:before { content: "\e74a"; }
/*链接*/
.dsui-btn-link i:before { content: "\e67d"; }
/*移除e6dc*/
.dsui-btn-remove i:before { content: "\e658"; }
/*成员*/
.dsui-btn-member i:before { content: "\e73f"; }
/*密码*/
.dsui-btn-pwd i:before { content: "\e67b"; }
/*搜索*/
.dsui-btn-seacher i:before { content: "\e654"; }
.dsui-btn-search i:before { content: "\e654"; }
/*BAN*/
.dsui-btn-ban i:before { content: "\e754"; }
/*详情*/
.dsui-btn-detail i:before { content: "\e72a"; }
/*可视化*/
.dsui-btn-visual i:before { content: "\e001"; }
/*停用*/
.dsui-btn-disable i:before { content: "\e181"; }
/*启用*/
.dsui-btn-enable i:before { content: "\e182"; }
/*暂停*/
.dsui-btn-pause i:before { content: "\e180"; }
/*绑定*/
.dsui-btn-bind i:before { content: "\e183"; }
/*拷贝*/
.dsui-btn-copy i:before { content: "\e187"; }
/*上线*/
.dsui-btn-online i:before { content: "\e188"; }
/*下线*/
.dsui-btn-offline i:before { content: "\e189"; }
/*入库*/
.dsui-btn-instorage i:before { content: "\e195"; }
/*出库*/
.dsui-btn-outstorage i:before { content: "\e196"; }
/*通讯录*/
.dsui-btn-contacts i:before { content: "\e197"; }
/*账号绑定*/
.dsui-btn-userbind i:before { content: "\e198"; }
/*聊天*/
.dsui-btn-chat i:before { content: "\e199"; }
/*播放*/
.dsui-btn-play i:before { content: "\e200"; }
/*停止*/
.dsui-btn-stop i:before { content: "\e201"; }
/*出库记录*/
.dsui-btn-outstoragelog i:before { content: "\e203"; }
.dsui-btn-outstoragelog-v2 i:before { content: "\e202"; }
/*快速下单*/
.dsui-btn-order i:before { content: "\e209"; }
/*评分*/
.dsui-btn-score i:before { content: "\e210"; }
/*下移*/
.dsui-btn-movedown i:before { content: "\e211"; }
/*上移*/
.dsui-btn-moveup i:before { content: "\e212"; }
/*选择*/
.dsui-btn-select-item i:before { content: "\e213"; }
/*购物车*/
.dsui-btn-shop-cart i:before { content: "\e218"; }
/*记录*/
.dsui-btn-record i:before { content: "\e219"; }
/*投票*/
.dsui-btn-vote i:before { content: "\e220"; }
/*排行*/
.dsui-btn-ranking i:before { content: "\e221"; }
/*驳回*/
.dsui-btn-reject i:before { content: "\e226"; }
/*汇总*/
.dsui-btn-summary i:before { content: "\e227"; }
/*售后*/
.dsui-btn-service i:before { content: "\e228"; }
/*导出*/
.dsui-btn-export i:before { content: "\e229"; }
/*excel*/
.dsui-btn-excel i:before { content: "\e230"; }
/*装饰*/
.dsui-btn-decorate i:before { content: "\e231"; }
/*退出1*/
.dsui-btn-exit i:before { content: "\e232"; }
/*退出2*/
.dsui-btn-exit_2 i:before { content: "\e233"; }
/*私域管理*/
.dsui-btn-private i:before { content: "\e234"; }
/*私域直播管理*/
.dsui-btn-privatelive i:before { content: "\e235"; }
/*字幕*/
.dsui-btn-subtitle i:before { content: "\e236"; }
/*主题*/
.dsui-btn-subject i:before { content: "\e237"; }
/*主题2*/
.dsui-btn-subject_2 i:before { content: "\e238"; }
/*摄像头*/
.dsui-btn-camera i:before { content: "\e239"; }
/*摄像头*/
.dsui-btn-camera_2 i:before { content: "\e240"; }

.btn { display: inline-block; border: none; padding: 0px 18px; /* height: 38px; */ line-height: 38px; border-radius: 3px; background-color: #419dfd; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; font-size: 14px; }

.btn:hover { opacity: .8; }
.btn-default { border: 1px solid #C9C9C9; background-color: #fff; color: #555; height: auto; line-height: normal; }
.btn-default:hover { border-color: #009688; color: #333; }
.dsui-btn.btn-blue { border: 1px solid #1E9FFF; background-color: #1E9FFF; }
.dsui-btn.btn-green { border: 1px solid #2ecc71; background-color: #2ecc71; }
.dsui-btn.btn-darkcyan { border: 1px solid darkcyan; background-color: darkcyan; }
.dsui-btn.btn-black { border: 1px solid #363636; background-color: #363636; }
.dsui-btn.btn-red { border: 1px solid #FF5722; background-color: #FF5722 !important; }
.dsui-btn.btn-gray { border: 1px solid #C9C9C9; background-color: #C9C9C9 !important; }
.dsui-btn.btn-orange { border: 1px solid #f1c40f; background-color: #f1c40f !important; }
.btn-big { height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px; border-radius: 3px; border-radius: 3px }
.btn-small { height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px }
.btn-mini { height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px }

.dsui-btn.hide { display: none; }
/* 颜色样式 */
.red { color: red; }
.blue { color: #06C; }
.orange { color: #F60; }
.green { color: #093; }
.bold { font-weight: bold; color: #545454 }

input[type="text"]:focus, input[type="text"]:hover, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:hover, input[type="password"]:active, textarea:hover, textarea:focus, textarea:active { color: #33464F; background-color: #fff; border-color: #71CBEF; -moz-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5); -webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5); box-shadow: 0 0 5px rgba(82, 168, 236, 0.5); }

.tiledlayout ul { height: 99%; overflow: hidden; display: inline-block; }
.tiledlayout li { display: inline-block; height: 100%; width: 600px; }
.tiledlayout li.w250 { width: 250px; }
.tiledlayout li.w300 { width: 300px; }
.tiledlayout li.w350 { width: 350px; }
.tiledlayout li.w500 { width: 500px; }

[matter] img { max-width: 100%; }

.datagrid-cell .avatar, .layui-table-cell .avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: inline-block; }
.datagrid-cell .avatar.w25, .layui-table-cell .avatar.w25 { width: 25px; height: 25px; }
.avatar img { width: 100%; }

.datagrid-cell .ico, .layui-table-cell .ico { width: 50px; height: 30px; border-radius: 3px; overflow: hidden; display: inline-block; }
.ico img { width: 100%; }

.helptoast { position: absolute; }

.datagrid-cell .layui-btn { padding: 0px 5px; height: 24px; line-height: 22px; border-radius: 3px; background-color: #1a88a1; font-size: 12px; }

.mainwrap.layui-tab, .layui-tab.nomargin { margin: 0; top: 0; }
.mainwrap.layui-tab.border { border: solid 1px #eee; }
.mainwrap.layui-tab.nomargin { margin: 0; top: 0; left: 0; right: 0; bottom: 0; }
.bodywrap.layui-tab-content { padding: 0; }
.bodywrap.layui-tab-content > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }


.linelayout .searchbar input { height: 28px; }
.linelayout .searchbar select, .linelayout .searchbar button { height: 30px; }
.linelayout .searchbar button { line-height: 1em; padding: 0 10px; }
.linelayout.spacing5 > li { margin: 0; margin-bottom: 5px; }
.mainwrap .linelayout.mrnt5 > li:first-child { margin-top: 0; }

.easyuiwrap .mainwrap.layui-row > div { position: relative; overflow: hidden; height: 100%; }
.easyuiwrap .linelayout .searchbar { padding: 5px 0; }
.easyuiwrap .linelayout .toolbar { margin: 0; padding: 5px 0; }

.easyuiwrap .linelayout > li { margin: 10px; margin-bottom: 0; }
.easyuiwrap .linelayout.nomargin > li { margin: 0px; }
.easyuiwrap .linelayout > li .mainwrap { left: 0; top: 0; right: 0; bottom: 0; }
.easyuiwrap .linelayout .bodywrap { padding: 0; }

.easyuiwrap .linelayout .searchbar.nopad { padding: 0; }


.datagrid-view1 .datagrid-header .datagrid-htable td { border-bottom: none; }


.layui-tab-item .columnlayout > div > .searchbar { margin-top: 0; }
.layui-tab-item .columnlayout > div > .searchbar + .bodywrap { top: 42px; }

.layui-tab-item .mainwrap.left0 { left: 0; }
.layui-tab-item .mainwrap.top0 { top: 0; }
.layui-tab-item .mainwrap.left5 { left: 5px; }


.starlevel:after { content: '-'; }
.starlevel1:before { content: ''; color: red; }
.starlevel1:after { content: ''; }
.starlevel2:before { content: ''; color: red; }
.starlevel2:after { content: '' }
.starlevel3:before { content: ''; color: red; }
.starlevel3:after { content: '' }
.starlevel4:before { content: ''; color: red; }
.starlevel4:after { content: '' }
.starlevel5:before { content: ''; color: red; }

.searchbar .layui-form-checkbox, .searchbar .layui-form-checkbox i { height: 28px; line-height: 26px; }
.searchbar .layui-form-checkbox { padding-right: 28px; }
.searchbar .layui-form-checkbox i { width: 28px; }
.searchbar .layui-form-checkbox span { padding: 0 8px; }

.datagrid-wrap .layui-form-checkbox, .datagrid-toolbar .layui-form-checkbox i { height: 16px; line-height: 16px; border-radius: 0 3px 3px 0; }
.datagrid-wrap .layui-form-checkbox { padding-right: 25px; }
.datagrid-wrap .layui-form-checkbox i { width: 16px; height: 16px; border-radius: 0 3px 3px 0; font-size: 16px; }
.datagrid-wrap .layui-form-checkbox span { padding: 0 7px; }

.tabs { padding: 0; }
.tabs li { margin: 0; }
.tabs-header { padding: 0; border-top: 0; border-right: 0; background: #EFF5FF; }
.tabs li .tabs-inner { border-radius: 0; background: #EFF5FF; border-left: 0; }
.tabs li.tabs-selected .tabs-inner { background: white; }
.toolbar button, .footer button, .btnface, footer button, .searchbar button, .btn { border-radius: 0; height: 32px; line-height: 32px; }
.textbox, .dsui-btn { border-radius: 0; }
input, select, input[type="text"]:focus, input[type="text"]:hover, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:hover, input[type="password"]:active, textarea:hover, textarea:focus, textarea:active, input[type="text"], input[type="number"], input[type="password"], textarea, select { border-color: #95b8e7; border-radius: 0; }

.datagrid-header td, .datagrid-body td, .datagrid-footer td { border-right-color: rgba(237, 237, 237, 0.56); }

.toolbar input, .searchbar input, .toolbar select, .searchbar select { height: 30px; line-height: 30px; }

.datagrid-header, .datagrid-td-rownumber { background: rgba(243, 243, 243, 0.30); }

.rightlayer.panel-noscroll { overflow: visible; }

.layui-tab.columnlayout { height: 100%; }
.layui-tab.columnlayout > ul { height: 100%; }
.layui-tab.columnlayout > ul.layui-tab-title { border-bottom: none; border-right: 1px solid #eee; }
.layui-tab.columnlayout > ul.layui-tab-title li { display: block; text-align: right; }
.layui-tab.columnlayout > ul.layui-tab-title li.layui-this:after { content: '\e177'; }
.layui-tab.columnlayout > ul.layui-tab-content { padding: 0; }
.layui-tab.columnlayout > ul.layui-tab-content .layui-table { margin: 0; }
.layui-tab.columnlayout > ul.layui-tab-title { margin-right: 10px; }
.layui-tab.columnlayout > ul > .layui-tab-bar { display: none; }

.easyui-tabs.columnlayout { display: block; }
.easyui-tabs.columnlayout > * { flex: inherit; }
.easyui-tabs.columnlayout .tabs-wrap { overflow-y: auto; }
.easyui-tabs.columnlayout .tabs-header ul { padding: 0; }
.easyui-tabs.columnlayout .tabs-header ul > li { border-radius: 0; margin-bottom: 0; }
.easyui-tabs.columnlayout .tabs-header ul > li > a { border-radius: 0; }
.easyui-tabs.columnlayout .tabs-header .tabs-inner { border-bottom-width: 0; padding: 5px 10px; overflow: hidden; }
.easyui-tabs.columnlayout .tabs-header li:last-child .tabs-inner { border-bottom-width: 1px; }
.easyui-tabs.columnlayout .tabs-header li.tabs-selected .tabs-inner { padding-left: 0; background: white; }
.easyui-tabs.columnlayout .tabs-header-right li.tabs-selected .tabs-inner:before { content: '\e176'; color: #C9C9C9; }

.easyui-tabs.columnlayout .tabs-header-left .tabs-inner { text-align: right; }
.easyui-tabs.columnlayout .tabs-header-left li.tabs-selected .tabs-inner::after { content: '\e177'; color: #C9C9C9; }

.edui-editor { box-sizing: border-box; }

.layui-tab .layui-tab-title { height: 36px; }
.layui-tab .layui-tab-title.layui-pad5 li { padding: 0 5px; }
.layui-tab .layui-tab-title.layui-pad10 li { padding: 0 10px; }
.layui-tab .layui-tab-title li { min-width: 40px; height: 36px; }
.layui-tab .layui-tab-title .layui-this:after { height: 37px; }

.toolbar.layui-tab-title { height: 34px; }
.toolbar.layui-tab-title .layui-this:after { height: 34px; }
.toolbar.layui-tab-title li { line-height: inherit; float: none; }

.mainwrap > .toolbar.layui-tab { margin: 0; margin-bottom: 8px; }

.mui-table-view .mui-media-object { max-width: 180px; max-height: 120px; }
.layui-table-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; clear: none; }
.layui-table-box { position: absolute; top: 0; left: 0; right: 0; bottom: 45px; z-index: 1; }
.layui-table-body { position: absolute; top: 40px; left: 0; right: 0; bottom: 0; }
.layui-table-page { position: absolute; left: 0; bottom: 0; right: 0; }
.layui-laypage span, .layui-laypage a { font-size: 14px; }
.layui-table-cell { text-align: center; padding: 5px 10px; }
.layui-table-tool { position: absolute; top: 0; left: 0; right: 0; height: 45px; min-height: initial; line-height: normal; padding: 8px; padding-left: 2px }
.layui-table-tool + .layui-table-box { top: 46px; }
.layui-table-body .layui-none { text-align: left; padding: 10px; }
.layui-table-header .layui-table-cell { white-space: normal; text-overflow: inherit; overflow: visible; }
.layui-laypage .layui-laypage-refresh i { font-size: 16px; }
.layui-table-fixed { background: white; }

.layui-table-cell.nowrap { overflow: visible; text-overflow: inherit; height: auto; white-space: normal; }

.layui-icon { font-size: 14px; }
.layui-form-checkbox[lay-skin=primary] { padding-left: 18px; }
.layui-form-checkbox[lay-skin=primary] > i { width: 14px; height: 14px; }

.layui-btn.layui-dropdown-left { text-align: left; }
.layui-btn.layui-dropdown-left .layui-icon { float: right; }
.layui-page-custom { float: right; }
.layui-page-custom .dsui-btn { height: 30px; line-height: 30px; border-radius: 3px; }

.layui-table-tool .layui-btn { font-size: 14px; }
form.layui-table-tool .layui-form-select { display: inline-block; }
.columnlayout > .layui-tab { margin: 0; }
.layui-tab .layui-tab-content.bodywrap > .layui-tab-item { margin: 0 8px; margin-right: 5px; }
.layui-btn.dsui-btn { border-color: transparent; }

.layui-table.cellunderline > tbody > tr > td { border: none; border-bottom: solid 1px #e6e6e6; padding-left: 0px; }
.layui-table.cellunderline > tbody > tr:first-child > td { border-top: solid 1px #e6e6e6; }

/* 媒体部分样式 */
.media-section { border-top: 1px solid #eee; padding-top: 10px; padding-bottom: 20px; }

.media-title { font-size: 18px; color: #333; margin-bottom: 15px; }

.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin-bottom: 20px; }

.media-card { border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); cursor: pointer; transition: transform 0.3s; }

.media-card:hover { transform: translateY(-5px); }
.media-card > h3 { padding: 5px; color: black; }

.media-cover { height: 120px; background-size: cover; background-position: center; position: relative; }

.media-type { position: absolute; top: 10px; right: 10px; padding: 4px 8px; border-radius: 4px; font-size: 12px; color: white; }

.avatar-icon { width: 30px; height: 30px; padding: 0; border-radius: 50%; overflow: hidden; top: 5px; right: 5px; }
.avatar-icon img { width: 100%; }

.video-icon { background-color: #ff4d4f; }

.article-icon { background-color: #1890ff; }