﻿/* ---------- 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,.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 {
    .layui-form-item { margin-bottom: 10px; font-size: 12px; }
    .order-ship-btn { margin: 0 auto; margin-top: 25px; display: block; }
    .layui-btn-fluid { width: 50%; }
    .layui-tab-content { padding: 10px; }
    .add-save-btn { width: 100%; }
    .layui-form-pane .layui-form-label { padding: 8px 5px; }
    .layui-form-mid { padding: 8px 10px !important; border-bottom: 1px dashed #eee; min-height: 21px; color: #999 !important;
        .layui-form-switch { margin-top: -3px; }
    }
    /*表单左侧label文字大小重写*/ .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;
    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;
    .layui-input-wrap { line-height: 30px; }
    .layui-input, .layui-select, .layui-textarea { height: 30px; line-height: 1.3; line-height: 30px\9; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px }
    .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; }
    .layui-input-block { margin-left: 74px; min-height: 26px }
    .layui-form-select dl { top: 29px; }
    .layui-form-end-item { margin-bottom: 0; }
    .layui-form-item { margin-bottom: 0;
        .layui-inline { margin-bottom: 0px; margin-right: 0px;
            .layui-input-inline { margin-right: 5px; width: 150px; font-size: 12px;
                input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; }
                input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; }
                input:-ms-input-placeholder { /* IE 10+ */ font-size: 12px; }
                input:-moz-placeholder { /* Firefox 18- */ font-size: 12px; }
            }
            .core-time-input { width: 308px; }
        }
    }
    xm-select { min-height: 28px; line-height: 28px; }
    xm-select * { font-size: 12px; }
    .xm-body .xm-tree .xm-option-content { padding-left: 6px; font-size: 12px; }
    xm-select .xm-label .scroll .label-content { line-height: 28px; }
    xm-select > .xm-label .scroll .label-content { display: flex; padding: 0px 20px 0px 10px; font-size: 12px; }
    .layui-form-mid { padding: 4px 0 !important; }
    .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; }
    table {
        th { padding: 0px; }
    }
    .layui-table-cell { height: auto; line-height: 28px; padding: 0px 5px; position: relative; box-sizing: border-box; }
    .layui-table-cell, .layui-table-tool-panel li { overflow: inherit; text-overflow: ellipsis; white-space: inherit; }
    .orderShip { padding: 0 5px; }
}

.order-min-table { background: #fafafa;
    .layui-table { border-width: 1px; border-style: solid; border-color: #eee;
        th { text-align: center; font-weight: 400; }
        tr {
            td { text-align: center;
                .title { padding: 0 5px; }
            }
        }
    }
}
.order-tab-card {
    .layui-tab-title { padding-left: 25px; padding-top: 5px; }
    .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-side::-webkit-scrollbar { display: none; }
    .layui-layer-title { height: 40px; line-height: 40px; border: 0; background-color: #20222A; color: #fff; }
    i[close] { top: 5px; }
}
/*弹出框头部说明和按钮大小间距等调整*/
.layui-layer-admin { /*重写Admin弹出框标题大小*/ .layui-layer-title { font-size: 13px; }
    .layui-layer-title { height: 40px; line-height: 40px; border: 0; background-color: #20222A; color: #fff; }
    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;*/ }

//弹出错误提示tips背景和字体颜色
.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,.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圆标描线风格
.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; line-height: 20px; height: 25px; line-height: 20px; text-align: left; overflow: hidden; box-sizing: border-box; }

/*添加商品界面特效*/
.addGoods, .editGoodsTypes, .editGoodsParameters {
    .layui-form-pane xm-select { margin: 0 -1px -1px 0; }
    .grade_price { width: 80% !important; float: left; display: inline; }
    .grade_price input { display: inline; width: 100px; }
    .spec-item { float: left; margin: 5px; }
    .spec-item .layui-form-checkbox { margin-top: 0 !important; }
    .spec-item .checkboxBox { float: left; display: block; line-height: 20px; width: 75px; /*margin-right: 10px; padding: 9px 0 !important;*/ }
    /*.new-spec { display: inline-block; width: 100px; }*/ .layui-form-pane .layui-form-item[pane] .layui-input-inline { margin-left: 0px; width: auto; }

    .del-img { position: absolute; background-color: rgba(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; }
    .w-e-text-container { height: 600px !important; }
    /*.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; }*/ .layui-form-text .layui-input-block { margin-left: 0px; left: 0px; }
}
.addGoods, .editGoodsTypes, .editGoodsParameters, .transactioncomponent {
    .imgdiv { float: left; text-align: center; border: 1px solid #ccc; padding: 5px; padding-bottom: 0; margin-right: 10px; background-color: #fff; }
    .layui-upload-img { margin: 0; }
    .layui-upload-list { margin: 10px 0; overflow: hidden; }
    .spec_image { display: inline-block; }
    .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-inline-2 { width: 100px; }
    .layui-inline-3 { width: 150px; }
    .layui-inline-4 { width: 200px; }
    .layui-inline-5 { width: 250px; }
    .layui-inline-6 { width: 300px; }
    .layui-inline-7 { width: 350px; }
    .layui-inline-8 { width: 400px; }
    .layui-inline-9 { width: 450px; }
    .layui-inline-10 { width: 500px; }
    .layui-inline-11 { width: 550px; }
    .layui-inline-12 { width: 600px; }
    .layui-inline-13 { width: 650px; }
    .layui-inline-14 { width: 700px; }

    .layui-inline-100 { width: calc( 100% - 110px - 20px - 10px); padding: 0 10px; }

    .layui-form-mid.layui-inline-1 { width: 20px; padding: 0 10px; }
    .layui-form-mid.layui-inline-2 { width: 80px; padding: 0 10px; }
    .layui-form-mid.layui-inline-3 { width: 130px; padding: 0 10px; }
    .layui-form-mid.layui-inline-4 { width: 180px; padding: 0 10px; }
    .layui-form-mid.layui-inline-5 { width: 230px; padding: 0 10px; }
    .layui-form-mid.layui-inline-6 { width: 280px; padding: 0 10px; }
    .layui-form-mid.layui-inline-7 { width: 330px; padding: 0 10px; }
    .layui-form-mid.layui-inline-8 { width: 380px; padding: 0 10px; }
    .layui-form-mid.layui-inline-9 { width: 430px; padding: 0 10px; }
    .layui-form-mid.layui-inline-10 { width: 480px; padding: 0 10px; }
    .layui-form-mid.layui-inline-11 { width: 530px; padding: 0 10px; }
    .layui-form-mid.layui-inline-12 { width: 580px; padding: 0 10px; }
    .layui-form-mid.layui-inline-13 { width: 630px; padding: 0 10px; }
    .layui-form-mid.layui-inline-14 { width: 680px; padding: 0 10px; }


    .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; }
    .layui-nav-item > a { height: 45px; line-height: 45px; }
    .layui-nav-item a cite { letter-spacing: 2px; font-size: 13.5px; }
    .layui-icon { font-size: 13px; }
    .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;
        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; }


//重写iconSelect下不显示问题。
/*.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; }
    .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);
        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;
    .layui-form-item label { width: 100px; }
    .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;
    .layui-form-item label { width: 100px; }
    .btn-delete { position: absolute; right: 30px; top: 30px; }
}

//Layui 图标选择器
.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;

    > .placeholder { color: #757575; }

    > .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);
    &.show { display: block; animation: layui-ext-icon-selected-icons-animate 0.2s linear; }
    &::-webkit-scrollbar { width: 5px; background-color: #f6f6f6; }
    &::-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;
    &:hover,
    &.selected { background-color: #f2f2f2; color: #009688;
        .layui-icon { transform: scale(1.2); }
    }
    .layui-ext-icon-selected-icon { transition: 0.2s; display: inline-block; height: 30px; line-height: 30px; font-size: 24px; }
    .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-icon,
    .layui-ext-icon-selected-name { display: inline-block; float: left; }
    .layui-ext-icon-selected-icon { font-size: 18px; }
    .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); }
}
