/* ---------- 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;
|
}
|
/*用于给*打红色标记一般用于<i>*/
|
.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);
|
}
|
}
|
