/* ---------- common ---------- */ /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 6px; background-color: #F5F5F5; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #009688; } /*body { font-size: 12px; font: 12px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; }*/ a { cursor: pointer; } .cursor:hover { cursor: pointer; } /*重写左侧导航*/ .layui-nav * { font-size: 13.5px; } /*重写导航字体*/ .layui-breadcrumb > * { font-size: 12px; } /*重写表单内字左侧间距*/ .layui-input, .layui-textarea { display: block; width: 100%; padding-left: 5px; } .coreshop-search-form, .layui-table-box, .layui-table-view, .coreshop-form { background-color: #fff; } .layui-table-view { margin: 10px 0; } /*重写左侧导航icon图标大小*/ .layui-side-menu .layui-nav .layui-nav-item .layui-icon { font-size: 14px; } /*重写左侧导航右侧icon图标*/ .layui-nav-tree .layui-nav-more { right: 15px; padding: 0; } /*自建表格区域(重写下表单外框及边缘效果)*/ .table-body { background-color: #fff; margin: 10px; padding: 0 10px; border: 1px solid #e6e6e6; } /*后台快捷方式图标字体大小重写*/ .layadmin-shortcut li cite { font-size: 13px; } /*tab切换标题显示字体大小*/ .layui-tab-title li { font-size: 13px; } /*带标题的栅格线*/ .layui-elem-field legend { font-size: 13px; } /*附着表单输入整体样式细调整*/ .coreshop-form { /*表单左侧label文字大小重写*/ } .coreshop-form .layui-form-item { margin-bottom: 10px; font-size: 12px; } .coreshop-form .order-ship-btn { margin: 0 auto; margin-top: 25px; display: block; } .coreshop-form .layui-btn-fluid { width: 50%; } .coreshop-form .layui-tab-content { padding: 10px; } .coreshop-form .add-save-btn { width: 100%; } .coreshop-form .layui-form-pane .layui-form-label { padding: 8px 5px; } .coreshop-form .layui-form-mid { padding: 8px 10px !important; border-bottom: 1px dashed #eee; min-height: 21px; color: #999 !important; } .coreshop-form .layui-form-mid .layui-form-switch { margin-top: -3px; } .coreshop-form .layui-form-label { font-size: 12px; padding: 8px 5px; } /*用于给*打红色标记一般用于*/ .required-color { color: red; } /*地址三级联动css效果*/ .select-address { display: inline-block !important; width: 30%; margin-right: 2%; padding: 10px 0px; border: 1px solid #e6e6e6; margin-bottom: 0px; } .sellect_seller_brands_list li, .sellect_seller_goods_list li { background-color: #f9f9f9; padding: 4px; margin: 4px; } .sellect_seller_brands_list li span, .sellect_seller_goods_list li span { color: #FF0000; margin-right: 7px; cursor: pointer; } /*平台设置-分类样式-三行说明文字样式*/ .list-tag { float: right; margin-right: 0; } /*超链接颜色, 并给鼠标放上去手指效果*/ .link-hot { color: #009688; cursor: pointer; } /*重写按钮*/ .layui-btn + .layui-btn { margin-left: 5px; } /*商品维系按钮*/ .have-add .layui-form-switch, .have-add-td .layui-form-switch { margin-top: 0; } .help-tip { float: right; } .icon-wenhao { color: #9e9e9e; font-size: 16px !important; position: relative; top: 11px; } .layui-iconpicker { margin-bottom: 10px; } /** 搜索框后台样式 */ .layui-field-title { margin: 10px 0 10px; } .noDefaultToolbar .layui-table-tool .layui-table-tool-temp { padding-right: 0px; } .coreshop-toolbar-search-form, .coreshop-search-form { border: 1px solid #e6e6e6; padding: 10px; margin: 10px 10px 0 10px; } .coreshop-toolbar-search-form .layui-input-wrap, .coreshop-search-form .layui-input-wrap { line-height: 30px; } .coreshop-toolbar-search-form .layui-input, .coreshop-search-form .layui-input, .coreshop-toolbar-search-form .layui-select, .coreshop-search-form .layui-select, .coreshop-toolbar-search-form .layui-textarea, .coreshop-search-form .layui-textarea { height: 30px; line-height: 1.3; line-height: 30px\9; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px; } .coreshop-toolbar-search-form .layui-form-label, .coreshop-search-form .layui-form-label { float: left; display: block; padding: 5px 5px 5px 2px; width: auto; min-width: 60px; max-width: 120px; font-weight: 400; line-height: 20px; text-align: center; font-size: 12px; } .coreshop-toolbar-search-form .layui-input-block, .coreshop-search-form .layui-input-block { margin-left: 74px; min-height: 26px; } .coreshop-toolbar-search-form .layui-form-select dl, .coreshop-search-form .layui-form-select dl { top: 29px; } .coreshop-toolbar-search-form .layui-form-end-item, .coreshop-search-form .layui-form-end-item { margin-bottom: 0; } .coreshop-toolbar-search-form .layui-form-item, .coreshop-search-form .layui-form-item { margin-bottom: 0; } .coreshop-toolbar-search-form .layui-form-item .layui-inline, .coreshop-search-form .layui-form-item .layui-inline { margin-bottom: 0px; margin-right: 0px; } .coreshop-toolbar-search-form .layui-form-item .layui-inline .layui-input-inline, .coreshop-search-form .layui-form-item .layui-inline .layui-input-inline { margin-right: 5px; width: 150px; font-size: 12px; } .coreshop-toolbar-search-form .layui-form-item .layui-inline .layui-input-inline input::-webkit-input-placeholder, .coreshop-search-form .layui-form-item .layui-inline .layui-input-inline input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; } .coreshop-toolbar-search-form .layui-form-item .layui-inline .layui-input-inline input::-moz-placeholder, .coreshop-search-form .layui-form-item .layui-inline .layui-input-inline input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; } .coreshop-toolbar-search-form .layui-form-item .layui-inline .layui-input-inline input:-ms-input-placeholder, .coreshop-search-form .layui-form-item .layui-inline .layui-input-inline input:-ms-input-placeholder { /* IE 10+ */ font-size: 12px; } .coreshop-toolbar-search-form .layui-form-item .layui-inline .layui-input-inline input:-moz-placeholder, .coreshop-search-form .layui-form-item .layui-inline .layui-input-inline input:-moz-placeholder { /* Firefox 18- */ font-size: 12px; } .coreshop-toolbar-search-form .layui-form-item .layui-inline .core-time-input, .coreshop-search-form .layui-form-item .layui-inline .core-time-input { width: 308px; } .coreshop-toolbar-search-form xm-select, .coreshop-search-form xm-select { min-height: 28px; line-height: 28px; } .coreshop-toolbar-search-form xm-select *, .coreshop-search-form xm-select * { font-size: 12px; } .coreshop-toolbar-search-form .xm-body .xm-tree .xm-option-content, .coreshop-search-form .xm-body .xm-tree .xm-option-content { padding-left: 6px; font-size: 12px; } .coreshop-toolbar-search-form xm-select .xm-label .scroll .label-content, .coreshop-search-form xm-select .xm-label .scroll .label-content { line-height: 28px; } .coreshop-toolbar-search-form xm-select > .xm-label .scroll .label-content, .coreshop-search-form xm-select > .xm-label .scroll .label-content { display: flex; padding: 0px 20px 0px 10px; font-size: 12px; } .coreshop-toolbar-search-form .layui-form-mid, .coreshop-search-form .layui-form-mid { padding: 4px 0 !important; } .coreshop-toolbar-search-form .layui-input-inline.core-time-input, .coreshop-search-form .layui-input-inline.core-time-input { width: 300px; } .coreshop-toolbar-search-form { border: 0px; padding: 0px; margin: 0px; } /*订单界面调整样式*/ .order-form .layui-form-item .layui-inline { margin-bottom: 5px; margin-right: 0px; } .order-table .layui-table-tool-temp { padding-right: 0px; } .order-table table th { padding: 0px; } .order-table .layui-table-cell { height: auto; line-height: 28px; padding: 0px 5px; position: relative; box-sizing: border-box; } .order-table .layui-table-cell, .order-table .layui-table-tool-panel li { overflow: inherit; text-overflow: ellipsis; white-space: inherit; } .order-table .orderShip { padding: 0 5px; } .order-min-table { background: #fafafa; } .order-min-table .layui-table { border-width: 1px; border-style: solid; border-color: #eee; } .order-min-table .layui-table th { text-align: center; font-weight: 400; } .order-min-table .layui-table tr td { text-align: center; } .order-min-table .layui-table tr td .title { padding: 0 5px; } .order-tab-card .layui-tab-title { padding-left: 25px; padding-top: 5px; } .order-tab-card .layui-tab-title .layui-this:after { border-top: 1px solid #eee; } .layui-elem-quote { border-radius: 0 2px 2px 0; background-color: #f2f2f2; font-size: 12px; padding: 10px; } /*弹出框样式*/ .layui-layout-admin .layui-side { overflow-x: hidden; } .layui-layout-admin .layui-side::-webkit-scrollbar { display: none; } .layui-layout-admin .layui-layer-title { height: 40px; line-height: 40px; border: 0; background-color: #20222A; color: #fff; } .layui-layout-admin i[close] { top: 5px; } /*弹出框头部说明和按钮大小间距等调整*/ .layui-layer-admin { /*重写Admin弹出框标题大小*/ } .layui-layer-admin .layui-layer-title { font-size: 13px; } .layui-layer-admin .layui-layer-title { height: 40px; line-height: 40px; border: 0; background-color: #20222A; color: #fff; } .layui-layer-admin i[close] { top: 8px; } /*弹窗重写*/ .layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn, .layui-layer-dialog .layui-layer-btn { padding-top: 10px; } .layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn { /*background-color: #f0f0f0;*/ border-top: 1px dashed #eeeeee; } .layui-layer-btn .layui-layer-btn0 { border-color: #009688; background-color: #009688; color: #fff; } .layui-layer-btn a { height: 32px; line-height: 32px; padding: 0 25px; margin: 5px 0 0 10px; border-radius: 100px; } .layui-upload-img { height: 90px; max-height: 90px; width: auto; /*margin: 0 10px 10px 0;*/ } .layui-layer-tips .layui-layer-content { position: relative; line-height: 22px; min-width: 12px; padding: 4px 5px; font-size: 12px; _float: left; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); background-color: #000; color: #fff; } /*.layui-layer-tips .layui-layer-content { background-color: red; } .layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT { border-right-color: #ff0000; }*/ .layui-badge-green { color: #52c41a; background: #f6ffed; border: 1px solid #b7eb8f; } .layui-badge-blue { color: #1890ff; background: #e6f7ff; border: 1px solid #91d5ff; } .layui-badge-red { color: #f5222d; background: #fff1f0; border: 1px solid #ffa39e; } .layui-badge-yellow { color: #faad14; background: #fffbe6; border: 1px solid #ffe58f; } .layui-badge-gray { color: #8c8c8c; background: #fafafa; border: 1px solid #ccc; } /*XmSelect下拉效果替换*/ xm-select > .xm-body { margin-left: -2px; } xm-select > .xm-body .xm-option { background-color: transparent !important; } xm-select > .xm-body .xm-option.hide-icon.selected { background-color: #5fb878 !important; } xm-select > .xm-body .xm-option:hover { background-color: #f2f2f2 !important; } .xm-body .xm-tree { min-width: 200px; } .xm-body .xm-tree .xm-option-content { padding-left: 6px; } xm-select { border-color: #e6e6e6 !important; } xm-select:hover { border-color: #d2d2d2 !important; } xm-select[style="border-color: rgb(229, 77, 66);"] { border-color: #e54d42 !important; } body .ew-xmselect-tree xm-select .xm-body .xm-option .xm-option-icon { position: absolute; left: 30px; top: 0; right: 0; bottom: 0; width: auto; height: auto; border: none !important; z-index: 1; } body .ew-xmselect-tree xm-select .xm-body .xm-option .xm-option-icon:before { display: none; } body .ew-xmselect-tree xm-select .xm-body .xm-option.selected { background-color: #f2f2f2 !important; } body .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #5fb878 !important; } /*选择之后呈现按钮效果*/ xm-select .xm-body .xm-option .xm-option-icon { border-color: #2d8cf0 !important; } xm-select .xm-label .xm-label-block, xm-select .xm-body .xm-option.hide-icon.selected { background-color: #2d8cf0 !important; } /*红点提醒(多用于表单填写label前面加个红点)*/ .layui-form-required:before { content: "*"; display: inline-block; font-family: SimSun; margin-right: 4px; font-size: 14px; line-height: 1; color: #ed4014; } /*表单内radio文字字体大小*/ .layui-form-radio * { font-size: 12px; } /*重写table字体样式*/ .layui-table td, .layui-table th { position: relative; padding: 9px 15px; min-height: 20px; line-height: 20px; font-size: 12px; } .layui-table-cell { line-height: 28px; padding: 6px 8px; position: relative; box-sizing: border-box; } .layui-table { word-break: break-all; word-wrap: break-word; } /*重写弹出面板框内容和边框间距*/ .layui-layer-admin .layui-layer-content { padding: 10px; line-height: 22px; } .layui-layer-admin .layui-layer-setwin { position: absolute; right: 15px; *right: 0; top: 8px; font-size: 0; line-height: initial; } .layui-layer-admin .layui-layer-setwin a { position: relative; width: 31px; height: 31px; margin-left: 10px; font-size: 12px; _overflow: hidden; color: #fff; } .layui-layer-admin .layui-layer-setwin .layui-layer-close1 { background-position: -149px -31px; cursor: pointer; } /*重写导航区域*/ .layadmin-header { display: none; height: 35px; line-height: 35px; margin-bottom: 0; border-radius: 0; } /*整体按钮内文字大小重写*/ .layui-btn { font-size: 12px; } /*上传控件样式*/ .ew-crop-img-preview { float: left; margin-bottom: 10px; margin-right: 15px; overflow: hidden; background: #e6e6e6; } /*四个不同规则裁剪图片预览框*/ .preview-lg { width: 256px; height: 144px; } .preview-md { width: 128px; height: 72px; } .preview-sm { width: 64px; height: 36px; } .preview-xs { width: 32px; height: 18px; margin-right: 0; } .docs-data { width: 100%; float: left; text-align: left; } .myCropperBox .layui-form-label { width: 70px; padding: 2px 5px; height: 25px; line-height: 20px; border-width: 1px; border-style: solid; border-radius: 2px 0 0 2px; text-align: center; background-color: #FBFBFB; overflow: hidden; box-sizing: border-box; } .myCropperBox .layui-form-item { margin-bottom: 5px; clear: both; *zoom: 1; } .myCropperBox .layui-input { height: 25px; line-height: 1.3; border-width: 1px; border-style: solid; background-color: #fff; } .myCropperBox .layui-input-inline { margin-left: -1px; margin-right: 10px; } .myCropperBox .layui-form-mid { float: left; display: block; padding: 2px 0 !important; height: 25px; line-height: 20px; text-align: left; overflow: hidden; box-sizing: border-box; } /*添加商品界面特效*/ .addGoods, .editGoodsTypes, .editGoodsParameters { /*.new-spec { display: inline-block; width: 100px; }*/ /*.layui-form-label {*/ /*min-width: 60px; max-width: 100px; */ /*padding: 8px 3px; width: 90px; }*/ /*.layui-form-pane .layui-input-block { margin-left: 90px; left: -1px; }*/ } .addGoods .layui-form-pane xm-select, .editGoodsTypes .layui-form-pane xm-select, .editGoodsParameters .layui-form-pane xm-select { margin: 0 -1px -1px 0; } .addGoods .grade_price, .editGoodsTypes .grade_price, .editGoodsParameters .grade_price { width: 80% !important; float: left; display: inline; } .addGoods .grade_price input, .editGoodsTypes .grade_price input, .editGoodsParameters .grade_price input { display: inline; width: 100px; } .addGoods .spec-item, .editGoodsTypes .spec-item, .editGoodsParameters .spec-item { float: left; margin: 5px; } .addGoods .spec-item .layui-form-checkbox, .editGoodsTypes .spec-item .layui-form-checkbox, .editGoodsParameters .spec-item .layui-form-checkbox { margin-top: 0 !important; } .addGoods .spec-item .checkboxBox, .editGoodsTypes .spec-item .checkboxBox, .editGoodsParameters .spec-item .checkboxBox { float: left; display: block; line-height: 20px; width: 75px; /*margin-right: 10px; padding: 9px 0 !important;*/ } .addGoods .layui-form-pane .layui-form-item[pane] .layui-input-inline, .editGoodsTypes .layui-form-pane .layui-form-item[pane] .layui-input-inline, .editGoodsParameters .layui-form-pane .layui-form-item[pane] .layui-input-inline { margin-left: 0px; width: auto; } .addGoods .del-img, .editGoodsTypes .del-img, .editGoodsParameters .del-img { position: absolute; background-color: rgba(0, 0, 0, 0.5); color: #fff; width: 13px; height: 13px; line-height: 12px; font-size: 10px; display: inline-block; text-align: center; border-radius: 50%; right: -6px; top: -6px; } .addGoods .w-e-text-container, .editGoodsTypes .w-e-text-container, .editGoodsParameters .w-e-text-container { height: 600px !important; } .addGoods .layui-form-text .layui-input-block, .editGoodsTypes .layui-form-text .layui-input-block, .editGoodsParameters .layui-form-text .layui-input-block { margin-left: 0px; left: 0px; } .addGoods .imgdiv, .editGoodsTypes .imgdiv, .editGoodsParameters .imgdiv, .transactioncomponent .imgdiv { float: left; text-align: center; border: 1px solid #ccc; padding: 5px; padding-bottom: 0; margin-right: 10px; background-color: #fff; } .addGoods .layui-upload-img, .editGoodsTypes .layui-upload-img, .editGoodsParameters .layui-upload-img, .transactioncomponent .layui-upload-img { margin: 0; } .addGoods .layui-upload-list, .editGoodsTypes .layui-upload-list, .editGoodsParameters .layui-upload-list, .transactioncomponent .layui-upload-list { margin: 10px 0; overflow: hidden; } .addGoods .spec_image, .editGoodsTypes .spec_image, .editGoodsParameters .spec_image, .transactioncomponent .spec_image { display: inline-block; } .addGoods .spec_image_item, .editGoodsTypes .spec_image_item, .editGoodsParameters .spec_image_item, .transactioncomponent .spec_image_item { position: relative; display: inline-block; } #parametersBox .layui-form-item { background: #fff; } /*自建方法*/ .text-right { text-align: right; } .text-center { text-align: center; } .text-left { text-align: left; } .core-hidden { display: none; } .core-show { display: block; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .text-red, .line-red, .lines-red { color: #e54d42; } .text-orange, .line-orange, .lines-orange { color: #f37b1d; } .text-yellow, .line-yellow, .lines-yellow { color: #fbbd08; } .text-olive, .line-olive, .lines-olive { color: #8dc63f; } .text-green, .line-green, .lines-green { color: #39b54a; } .text-cyan, .line-cyan, .lines-cyan { color: #1cbbb4; } .text-blue, .line-blue, .lines-blue { color: #0081ff; } .text-purple, .line-purple, .lines-purple { color: #6739b6; } .text-mauve, .line-mauve, .lines-mauve { color: #9c26b0; } .text-pink, .line-pink, .lines-pink { color: #e03997; } .text-brown, .line-brown, .lines-brown { color: #a5673f; } .text-grey, .line-grey, .lines-grey { color: #8799a3; } .text-gray, .line-gray, .lines-gray { color: #aaaaaa; } .text-black, .line-black, .lines-black { color: #333333; } .text-white, .line-white, .lines-white { color: #ffffff; } .layui-form-item .layui-inline-1 { width: 50px; } .layui-form-item .layui-inline-2 { width: 100px; } .layui-form-item .layui-inline-3 { width: 150px; } .layui-form-item .layui-inline-4 { width: 200px; } .layui-form-item .layui-inline-5 { width: 250px; } .layui-form-item .layui-inline-6 { width: 300px; } .layui-form-item .layui-inline-7 { width: 350px; } .layui-form-item .layui-inline-8 { width: 400px; } .layui-form-item .layui-inline-9 { width: 450px; } .layui-form-item .layui-inline-10 { width: 500px; } .layui-form-item .layui-inline-11 { width: 550px; } .layui-form-item .layui-inline-12 { width: 600px; } .layui-form-item .layui-inline-13 { width: 650px; } .layui-form-item .layui-inline-14 { width: 700px; } .layui-form-item .layui-inline-100 { width: calc(100% - 110px - 20px - 10px); padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-1 { width: 20px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-2 { width: 80px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-3 { width: 130px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-4 { width: 180px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-5 { width: 230px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-6 { width: 280px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-7 { width: 330px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-8 { width: 380px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-9 { width: 430px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-10 { width: 480px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-11 { width: 530px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-12 { width: 580px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-13 { width: 630px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-14 { width: 680px; padding: 0 10px; } .layui-form-item .layui-form-mid.layui-inline-100 { width: calc(100% - 110px - 20px - 10px); padding: 0 10px; } /*自定义左侧tree效果*/ .coreshop-nav-tree .layui-nav-more { right: 15px; padding: 0; } .coreshop-nav-tree .layui-nav-item > a { height: 45px; line-height: 45px; } .coreshop-nav-tree .layui-nav-item a cite { letter-spacing: 2px; font-size: 13.5px; } .coreshop-nav-tree .layui-icon { font-size: 13px; } .coreshop-nav-tree .layui-nav-item .layui-icon:first-child { position: absolute; top: 50%; left: 20px; margin-top: -24px; } .layui-side-menu .layui-nav > .layui-nav-item .layui-icon:first-child { margin-top: -24px; } /*自定义全局包围*/ .coreshop-admin .layui-logo { padding: 0px; } .coreshop-admin .layui-logo span { font-size: 21px; font-weight: 550; letter-spacing: 5px; } .coreshop-upload-img { height: 37px; max-height: 37px; width: auto; margin: 0 8px 0 0; } .productBox .layui-table td, .productBox .layui-table th { padding: 9px 5px; text-align: center; } .productBox .layui-input, .productBox .layui-select, .productBox .layui-textarea { height: 28px; } /*.layui-input-prefix .layui-icon, .layui-input-split .layui-icon, .layui-input-suffix .layui-icon { z-index: 1; }*/ .pagebarbox .layui-table-page { text-align: right; } .pagebarbox .layui-table-pagebar { float: left; } .longLogo { height: 50px; width: 220px; display: block; } .layadmin-side-shrink .longLogo { height: 50px; width: 220px; display: none; } .layadmin-side-shrink .layui-layout-admin .layui-logo { width: 60px; background-image: url(../images/common/logoMin.png); } .layadmin-side-shrink .layui-layout-admin .layui-logo img { display: none; } .ew-tree-table .ew-tree-pack { cursor: pointer; line-height: 16px; display: inline; vertical-align: middle; } .ew-tree-table .ew-tree-pack > span { height: 16px; line-height: 16px; display: inline; vertical-align: middle; } .continuousCheckInBox { overflow: hidden; width: 450px; margin-left: 50px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; margin-bottom: 10px; border-radius: 10px; position: relative; float: left; } .continuousCheckInBox .layui-form-item label { width: 100px; } .continuousCheckInBox .btn-continuous-delete { position: absolute; right: 30px; top: 30px; } .cumulativeCheckInBox { overflow: hidden; width: 450px; margin-left: 50px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; margin-bottom: 10px; border-radius: 10px; position: relative; float: left; } .cumulativeCheckInBox .layui-form-item label { width: 100px; } .cumulativeCheckInBox .btn-delete { position: absolute; right: 30px; top: 30px; } .layui-ext-icon-selected-input { height: 38px; line-height: 38px; padding: 0px 10px; display: inline-block; cursor: pointer; border-width: 1px; border-style: solid; background-color: #fff; border-color: #eee; border-radius: 2px; transition: 0.2s; } .layui-ext-icon-selected-input > .placeholder { color: #757575; } .layui-ext-icon-selected-input > .layui-icon { margin-left: 5px; color: #757575; } .layui-ext-icon-selected-input:hover { border-color: #d2d2d2; } .layui-ext-icon-selected-container { padding: 5px; display: none; position: absolute; z-index: 999; top: 100%; left: 0px; margin-top: 5px; height: 240px; width: 300px; overflow-x: hidden; overflow-y: auto; border-width: 1px; border-style: solid; background-color: #fff; border-color: #eee; border-radius: 2px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); } .layui-ext-icon-selected-container.show { display: block; animation: layui-ext-icon-selected-icons-animate 0.2s linear; } .layui-ext-icon-selected-container::-webkit-scrollbar { width: 5px; background-color: #f6f6f6; } .layui-ext-icon-selected-container::-webkit-scrollbar-thumb { border-radius: 2.5px; background-color: #009688; } .layui-ext-icon-selected-item { float: left; width: 25%; text-align: center; padding: 10px 5px; box-sizing: border-box; cursor: pointer; color: #888888; transition: 0.2s; border-radius: 5px; } .layui-ext-icon-selected-item:hover, .layui-ext-icon-selected-item.selected { background-color: #f2f2f2; color: #009688; } .layui-ext-icon-selected-item:hover .layui-icon, .layui-ext-icon-selected-item.selected .layui-icon { transform: scale(1.2); } .layui-ext-icon-selected-item .layui-ext-icon-selected-icon { transition: 0.2s; display: inline-block; height: 30px; line-height: 30px; font-size: 24px; } .layui-ext-icon-selected-item .layui-ext-icon-selected-name { padding-top: 15px; font-size: 12px; height: 1em; line-height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; } .layui-ext-icon-selected-selected-value { float: left; display: inline-block; overflow: hidden; } .layui-ext-icon-selected-selected-value .layui-ext-icon-selected-icon, .layui-ext-icon-selected-selected-value .layui-ext-icon-selected-name { display: inline-block; float: left; } .layui-ext-icon-selected-selected-value .layui-ext-icon-selected-icon { font-size: 18px; } .layui-ext-icon-selected-selected-value .layui-ext-icon-selected-name { margin-left: 5px; } @keyframes layui-ext-icon-selected-icons-animate { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0px); } }