@import url("../../layui/css/layui.css");
@import url("../font/iconfont.css");

@import url("module/dtree/font/dtreefont.css");
@import url("module/dtree/dtree.css");
@import url("module/treetable.css");
@import url("module/message.css");
@import url("module/cropper.css");
@import url("module/loading.css");
@import url("module/topBar.css");
@import url("module/select.css");
@import url("module/layout.css");
@import url("module/notice.css");
@import url("module/button.css");
@import url("module/table.css");
@import url("module/frame.css");
@import url("module/layer.css");
@import url("module/toast.css");
@import url("module/menu.css");
@import url("module/form.css");
@import url("module/link.css");
@import url("module/code.css");
@import url("module/step.css");
@import url("module/card.css");
@import url("module/tab.css");
@import url("module/tag.css");

.layui-table tr, .layui-table-view .layui-table td, .layui-table-cell {
    min-height: 40px !important;
    line-height: 40px !important;
}

.layui-form-switch {
    padding: 5px !important;
}

.layui-form-switch i {
    margin-top: 5px !important;
}

.layui-layer-iframe {
    border-radius: 10px !important;
}

.layui-layer-iframe iframe {
    border-radius: 0 0 10px 10px;
}

.layui-card, .layui-table-tool, .layui-layer {
    border-radius: 10px !important;
}


.layui-table-tool button{margin: 3px 0px;}
.layui-nav-child {
    padding: 0px 5% !important;
}
.layui-nav-hover {
    padding: 10px!important;
}

.layui-nav-child dd {
    border-radius: 5px !important;
    overflow: hidden;
    position: relative;
}

.layui-nav-tree .layui-nav-item .meunSum {
    position: absolute;
    top: 5px;
    left: 8px;
    height: 14px;
    line-height: 14px;
    border-radius: 14px;
    min-width: 14px;
    padding: 2px;
    color: white;
    background-color: red;
    font-size: 7pt;
    text-align: center;
}

.layui-nav-child dd .sum {
    position: absolute;
    top: 2px;
    right: 0px;
    height: 14px;
    line-height: 14px;
    border-radius: 14px;
    min-width: 14px;
    padding: 2px;
    color: white;
    background-color: red;
    font-size: 7pt;
    text-align: center;
}

.pear-nav-tree .layui-nav-item dd a {
    height: 40px !important;
    line-height: 40px !important;
}

button {
    border-radius: 5px !important;
}

.thumbImg {
    width: 60px;
    height: 38px;
    border-radius: 5px;
    overflow: hidden;
    object-fit: cover;
}

.w-e-bar {
    background-color: #FAFAFA !important;
    padding: 5px !important;
}

.layui-layer-btn a {
    border-radius: 5px !important;
}

/* 鼠标指向表格时,奇数行背景颜色 */
.layui-table tbody tr:hover, .layui-table-hover {
    background-color: whitesmoke !important;
}

.layui-btn-radius {
    border-radius: 20px !important;
}

.layui-btn-radiuss {
    border-radius: 50px !important;
}

.layui-layer-photos .layui-layer-phimg img {
    border-radius: 10px !important;
    max-width: 80% !important;
    min-width: 80% !important;
}

.userInfo {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.userInfo img {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    border: 2px solid #ddd;
    margin-right: 5px;
}

.layui-form-pane .layui-form-label {
    border-radius: 6px 0 0 6px !important;
}

.layui-form-pane .layui-input {
    border-radius: 0 6px 6px 0 !important;
}

.pull-right {
    float: right;
}

.top-panel-number {
    line-height: 60px;
    font-size: 29px;
    border-right: 1px solid #eceff9;
}

.top-panel-tips {
    padding-left: 8px;
    padding-top: 16px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
}

.skuItem {
    overflow: hidden;
    margin: 3px;
    cursor: pointer;
    padding: 3px;
    border-radius: 5px
}

.skuItem .item {
    position: relative;
    text-align: center;
    float: left;
    overflow: hidden;
    min-width: 45px;
    margin: 1px 3px;
    height: 30px;
    border-radius: 5px;
    font-size: 10px !important;
    line-height: 28px;
    background: ghostwhite;
    border: 2px solid white
}

.skuItem li.img:hover {
    border: 2px solid #36b368
}

.skuItem li text {
    height: 15px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: black;
    opacity: 0.6;
    padding: 3%;
    line-height: 13px;
    color: white;
    font-size: 8px !important;
}

.skuItem li img {
    width: 45px;
}

.skuItem li.item t {
    margin: 0px 3px
}

.skuItem li .select {
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0px;
    right: 0px;
    border: none
}

.skuItem li.title {
    background: white
}
img.loading-lzj-img {
    background-color: #ccc;
    transition: background-color 0.3s ease;
    object-fit: cover;
}
price.price {
    color: #008000!important;
    font-weight: 900;
    margin-left: 7px;
}

price.price .symbol {
    font-size: 10px!important;
}

price.price .integer {
    font-size: 18px!important;
}
price .integer {
    margin-left: -3px;
}
price.price .decimal {
    font-size: 14px!important;
    margin-left: -3px;
}
price .decimal {
    margin-left: -3px;
}
.price-money {
    float: left;
    margin: 0 10px;
    color: grey;
}
.layui-form .layui-input-inline {
    width: auto!important;
}
.layui-card-body .layui-form .layui-input-inline {
    margin: 5px;
}
.layui-card-body .layui-form {
    margin-top: 5px;
}
.layui-card-body .layui-form .layui-form-item {
    margin-bottom: 0px;
}

.layui-input-range .layui-input-inline{
    margin: 0 -1px!important;
}
.layui-input-range div:first-child .layui-input{
    border-radius: 20px 0px 0px 20px !important;
}
.layui-input-range div:last-child .layui-input{
    border-radius: 0px 20px 20px 00px !important;
}
.layui-dropdown{
    border-radius: 6px !important;
    overflow: hidden;
}
.layui-dropdown .layui-menu,.layui-dropdown .layui-menu li {
    margin: 0px !important;
}
.layui-table td[data-edit=input] .layui-table-cell{
    border: 1px dashed #ccc!important;
    border-radius: 50px;
}