/*@import url("../../plugs/layui-v2.x/css/layui.css");
@import url("../../plugs/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("../css/iconfont.css");*/

html, body {
    height: 100%;
    background: #f2f2f2;
}

html.dark, body {
    height: 100%;
    background: var(--lay-color-bg-1);
}

.ws-header-theme .layui-form-switch {
    vertical-align: baseline;
}

.layuimini-container {
    min-height: 250px;
    padding: 15px;
    margin: 0 auto;
}

.layuimini-main {
    position: relative;
    padding: 15px 15px;
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
}

.dark .layuimini-main {
    position: relative;
    padding: 15px 15px;
    background-color: var(--lay-color-bg-1);
    border: 1px solid #363636;
    border-radius: 5px;
}

.layuimini-form .layui-form-item {
    position: relative;
    padding: 0 60px 0 0;
    line-height: 24px;
}

.text-center {
    text-align: center;
}

.layuimini-form {
    margin-top: 10px;
}

.easy-bg-white {
    background-color: #ffffff;
    height: auto;
}

.hr-line {
    color: #fff;
    height: 1px;
    margin: 30px 0;
    background-color: #fff;
    border-top: 1px dashed #e7eaec;
}

.dark .hr-line {
    color: #363636;
    height: 1px;
    margin: 30px 0;
    background-color: #363636;
    border-top: 1px dashed #363636;
}

/**重写layui表格自适应*/
.layuimini-container .layui-table-cell {
    height: 100%;
    max-width: 100%;
}

.layuimini-container .layui-table-cell .layui-btn {
    margin:0 2px;
}
.layuimini-container .layui-table-cell .layui-btn+.layui-btn {
	margin:0 2px;
}

/**数据表格-搜索表单样式*/
.layuimini-container .table-search-fieldset {
    margin: 0;
    border: 1px solid #e6e6e6;
    padding: 10px 20px 5px 20px;
    color: #6b6b6b;
}

.layuimini-container .table-search-fieldset input::-webkit-input-placeholder {
    color: #a9a9a9;
}

.layuimini-container .table-search-fieldset input:-ms-input-placeholder {
    color: #a9a9a9;
}

.layuimini-container .table-search-fieldset input::-ms-input-placeholder {
    color: #a9a9a9;
}

/**图标选择器*/
.layui-iconpicker-body.layui-iconpicker-body-page .hide {
    display: none;
}

/**必填红点 */
.layuimini-form > .layui-form-item .required:after {
    content: '*';
    color: red;
    position: absolute;
    margin-left: 4px;
    font-weight: bold;
    line-height: 1.8em;
    top: 6px;
    right: 5px;
}

/*.layuimini-form>.layui-form-item>.layui-form-label {width:120px !important;}
.layuimini-form>.layui-form-item>.layui-input-block {margin-left:150px !important;}*/
.layuimini-form > .layui-form-item > .layui-input-block tip, .layuimini-form > .layui-form-item > .layui-inline tip {
    display: inline-block;
    margin-top: 10px;
    line-height: 15px;
    font-size: 10px;
    color: #a29c9c;
}

/** 按钮背景色 */
.layuimini-container .layuimini-btn-primary {
    color: #fff;
    background-color: #2c3e50;
}

.layuimini-container .layui-btn-sm i {
    font-size: 12px !important;
}

/**文件上传样式*/
.layuimini-upload {
    position: relative;
}

.layuimini-upload .layuimini-upload-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    background-color: #fff;
}

.dark .layuimini-upload .layuimini-upload-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    background-color: #363636;
}

.layuimini-upload-show {
    margin-top: 10px;
    margin-bottom: 0;
}

.layuimini-upload-show li {
    position: relative;
    display: inline-block;
    padding: 5px 0 5px 0;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #e2e2e2;
}

.layuimini-upload-show a img {
    height: 80px;
    object-fit: cover;
}

.layuimini-upload-show .uploads-delete-tip {
    position: absolute;
    right: 10px;
    font-size: 12px;
}

.bg-red {
    background-color: #e74c3c !important;
}

.color-red {
    color: #e74c3c !important;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px;
}

/**vue隐藏样式*/
[v-cloak] {
    display: none;
}

/**表格url样式*/
.layuimini-table-url {
    color: #1497f3;
    border-radius: 3px;
    size: 8px !important;
    padding: 2px
}

.layuimini-table-url:hover {
    color: #1497f3;
    border-radius: 3px;
    size: 8px !important;
    padding: 2px
}

/**后台权限隐藏*/
/*[auth] { display: none; }*/

.layui-form-label {
    width: 100px;
}

.layui-input-block {
    margin-left: 130px;
    min-height: 36px
}

/**
table样式
 */
.layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em {
    border-radius: 30px !important;
    background-color: #1e9fff !important;
}

.layuimini-container .layui-table-tool {
    background-color: #ffffff;
    padding: 10px;
    padding-bottom: 15px !important;
}

.layuimini-container .layui-table-box .layui-table-header th {
    font-weight: bold !important;
    color: #565656 !important;
}

/**
搜索
 */
.form-search .layui-btn {
    height: 32px;
    line-height: 28px;
    font-size: 12px;
    padding: 0 10px;
}

.form-search .layui-form-label {
    padding: 0 8px;
    height: 32px;
    line-height: 30px;
}

.form-search .layui-input-inline {
    min-width: 170px;
    max-width: 300px;
    width: auto;
}

.form-search .layui-input-inline input,
.form-search .layui-input-inline select {
    width: 100%;
    height: 32px;
    padding: 2px 8px;
    line-height: 1em;
}

.layui-form-select dl {
    border: 1px #16b777 solid;
    border-top: none;
    z-index: 99999;
}

.form-search .layui-form-select dl {
    top: 31px;
    padding: 0;
}

.layuimini-container .layui-btn-success {
    color: #fff;
    background-color: #4bb368;
    border-color: #4bb368;
}

.layuimini-container .layui-btn-danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

.layuimini-container .layui-table-tool .layui-btn + .layui-btn {
    margin-left: 5px;
}

.layuimini-container .layui-table-tool .layui-inline[lay-event] {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
}

.layuimini-container .layui-table-tool .layui-inline .layui-icon {
    font-size: 16px;
}


/**
按钮
 */
.layuimini-container .layui-btn-success {
    color: #fff;
    background-color: #4bb368;
    border-color: #4bb368;
}

.layuimini-container .layui-btn-danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

/**
开关
 */
.layuimini-container .layui-form-switch {
    border: 1px solid #f56d6d;
    background-color: #f56d6d;
}

.layuimini-container .layui-form-switch em {
    color: #fff !important;
}

.layuimini-container .layui-form-switch i {
    background-color: #ffffff;
}

.layuimini-container .layui-form-onswitch {
    border-color: #1f9fff;
    background-color: #1f9fff;
}

/**
下拉选择
 */
/*.layuimini-container .layui-form-select dl dd.layui-this {
    background-color: #1e9fff !important;
}*/

/**
弹出层样式
 */
.layui-layer-easy .layui-layer-title {
    background: #2c3e50 !important;
    color: #fff !important;
    border-bottom: none;
}

.layui-layer-easy.layui-layer-border {
    border: none !important;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3) !important;
}

.layui-layer-easy.layui-layer-iframe {
    overflow: visible;
}

.layui-layer-easy .layui-layer-moves {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.layui-layer-easy .layui-layer-btn {
    text-align: center !important;
    padding: 10px !important;
    background: #ecf0f1;
    overflow: hidden;
}

.layui-layer-easy .layui-layer-btn a {
    background-color: #95a5a6;
    color: #fff !important;
    height: 31px;
    margin-top: 0;
    border: 1px solid #95a5a6;
}

.layui-layer-easy .layui-layer-btn .layui-layer-btn0 {
    background-color: #1E9FFF;
    border-color: #1E9FFF;
}

.layui-layer-easy .layui-layer-footer {
    padding: 8px 20px;
    background-color: #ecf0f1;
    height: auto;
    text-align: inherit !important;
}

.layui-layer-easy .layui-layer-setwin > a {
    background: none !important;
}

.layui-layer-easy .layui-layer-setwin > a cite {
    display: none;
}

.layui-layer-easy .layui-layer-setwin > a:after {
    content: "\e625";
    font-family: iconfont;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 18px;
    color: #fff;
    margin: 0;
    z-index: 1;
}

.layui-layer-easy .layui-layer-setwin > a:hover {
    text-decoration: none !important;
    background: none !important;
}

.layui-layer-easy .layui-layer-setwin > a:focus {
    text-decoration: none !important;
}

.layui-layer-easy .layui-layer-setwin .layui-layer-min:before,
.layui-layer-easy .layui-layer-setwin .layui-layer-min:after {
    border-color: #FFFFFF;
}

.layui-layer-easy .layui-layer-setwin .layui-layer-max:before,
.layui-layer-easy .layui-layer-setwin .layui-layer-max:after {
    border-color: #FFFFFF;
}


.layui-layer-easy .layui-layer-setwin .layui-layer-close1,
.layui-layer-easy .layui-layer-setwin .layui-layer-close1:hover {
    color: #FFFFFF;
}

.layui-layer-easy .layui-layer-setwin .layui-layer-close1:after,
.layui-layer-easy .layui-layer-setwin .layui-layer-close1:hover:after {
    display: none;
}

.layui-layer-easy .layui-layer-setwin .layui-layer-close2,
.layui-layer-easy .layui-layer-setwin .layui-layer-close2:hover {
    color: #FFFFFF;
}

.layui-layer-easy .layui-layer-setwin .layui-layer-close2:after,
.layui-layer-easy .layui-layer-setwin .layui-layer-close2:hover:after {
    display: none;
}

.layui-layer-content {
    clear: both;
}

.layui-layer-easy-msg {
    min-width: 100px;
}

.layui-layer-easy-tab .layui-layer-title .layui-this {
    color: #333;
}

.layui-layer-easy-tab .layui-layer-content .layui-layer-tabmain {
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1024px) {
    .layuimini-form .layui-form-item {
        position: relative;
        padding: 0 30px 0 0;
        line-height: 24px;
    }
}

@media screen and (max-width: 768px) {
    .easyadmin-export-btn {
        display: none;
    }

    .form-search .layui-input-inline input, .form-search .layui-input-inline select {
        width: 100% !important;
    }

    .tableSelect {
        margin: 5px !important;
        min-width: auto !important;
        left: 1px !important;
        right: 1px !important;
    }

    .tableSelect img {
        object-fit: cover;
        height: 100%;
    }
}

/**
资源加载锁
 */
.easy-load-lock {
    cursor: not-allowed;
}

.line-limit-length {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    background: goldenrod;
    white-space: nowrap;
}

.wangEditor_div {
    z-index: 99999;
}

/*.xuan .layui-tab-title{border:none}
.xuan .layui-tab-title .layui-this{background-color:#009688;color:#fff}
.xuan .layui-tab-title .layui-this:after{border:none}
.xuan .layui-tab-title li{display:inline-block;height:36px;line-height:36px;padding:0 5px;color:#000;white-space:nowrap;text-align:center;font-size:14px;border:1px solid #ccc;border-radius:2px;cursor:pointer;margin-right:7px;margin-left:13px;}
.xuan .layui-tab-title li:hover{background-color:#ccc;}

.xuan.fen .layui-tab-title li{padding:0 5px;margin-right:3px;margin-left:3px;}
.xuan.fen .layui-tab-title li:hover{background-color:#009688;color:#fff}*/

.xuan .layui-anim.layui-icon{display: none;}
.xuan .layui-form-radio{min-width:60px;height:30px;line-height:30px;padding:0 5px;color:#000;white-space:nowrap;text-align:center;font-size:14px;border:1px solid #ccc;border-radius:2px;cursor:pointer;margin:0;margin-top:3px;margin-right:10px;margin-bottom:3px;display:inline-block;}
.xuan .layui-form-radio:hover{background-color:#FF5722;color:#fff}
.xuan .layui-form-radio:hover *{color:#fff}
.xuan .layui-form-radioed{background-color:#FF5722;color:#fff}

.xuan.days .layui-form-radio{min-width:30px; margin-right: 5px;}
.xuan.days .layui-form-radio:hover{background-color:#009688;color:#fff}
.xuan.days .layui-form-radio:hover *{color:#fff}
.xuan.days .layui-form-radioed{background-color:#009688;color:#fff}

.xuan.add .layui-form-radio{background-color:#1E9FFF;color:#fff}
.xuan.add .layui-form-radio:hover{background-color:#1E9FFF;color:#fff}
.xuan.add .layui-form-radio:hover *{color:#fff}
.xuan.add .layui-form-radioed{background-color:#1E9FFF;color:#fff}

.xuan-goods .layui-anim.layui-icon{display: none;}
.xuan-goods .layui-form-radio{min-width:60px;height:30px;line-height:30px;color:#000;white-space:nowrap;text-align:center;font-size:14px;border:1px solid #ccc;border-radius:2px;cursor:pointer;margin:0;margin-top:3px;margin-right:10px;margin-bottom:3px;display:inline-block;}
.xuan-goods .layui-form-radio:hover{background-color:#FF5722;color:#fff}
.xuan-goods .layui-form-radio:hover *{color:#fff}
.xuan-goods .layui-form-radioed{background-color:#FF5722;color:#fff}

.xuan-goods .send{width:230px; overflow: hidden;}

.xuan-goods .layui-form-radio i{float: left; width: 60px; height: 60px;}
.xuan-goods .layui-form-radio img{width: 60px; height: 60px;border-right: 1px solid #ccc;}
.xuan-goods .layui-form-radio ul{float: left;text-align:left; padding-left: 10px;max-width: 200px;overflow: hidden;}
.xuan-goods .layui-form-radio span{color: #ff5722}



.num .layui-input{padding-left: 0px;text-align: center;}
.num .layui-col-xs12{line-height: 25px;}
#list .nums_list{position:relative;}
#list .nums_list .layui-layer-close2{right:-28px;top:-38px;z-index:1000;}



/* 列表 */
.goods-list .layui-breadcrumb{margin-bottom: 10px; }
.goods-list div.filter{border: 1px solid #EEE; margin-bottom: 30px; color: #555;}
.goods-list div.filter div{line-height: 44px; border-top: 1px solid #EEE; padding-left: 15px;}
.goods-list div.filter div:first-child{border: none;}
.goods-list div.filter div span{display: inline-block; width: 68px; vertical-align: top;}
.goods-list div.filter div ul{display: inline-block; width: 80%; vertical-align: top;}
.goods-list div.filter div ul li{display: inline-block; cursor: pointer; padding: 0 10px; position: relative;}
.goods-list div.filter div ul li.active{color: #FF5722;}
.goods-list div.filter div ul li i.layui-icon-house-up{font-size: 5px; position: absolute; top: -3px;}
.goods-list div.filter div ul li i.layui-icon-triangle-d{font-size: 5px; position: absolute; bottom: -3px;}

.goods-list .list-detail{border: 1px solid #EEE;}
.goods-list .list-detail .img{width:100%;height:0;position: relative;padding-bottom: 100%;overflow: hidden;}
.goods-list .list-detail .img img{width:100%;height:100%;position: absolute;transform: scale(1.1); transition: 1s;}
.goods-list .list-detail .img:hover img{transform: scale(1); transition: 1s;}
.goods-list .list-detail .title{
    text-align: left;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.goods-list .list-detail .price{
    padding-left: 15px;
    padding-right: 13px;
    color: #e52c32;
    font-size: 18px;
    font-weight: bold;
    line-height: 44px;
}
.goods-list .list-detail .ico{
    float: right;
    max-width: 70%;
    height: 44px;
    line-height: 44px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.goods-list .list-detail .ico img{
    width: 25px;
    height: 25px;
    margin-left: 5px;
    transform: scale(1);
    transition: 1s;
    color: #fff;
    border-radius: 50%;
    border-style: dotted;
    border-color: #999;
    border-width: 1px;
}
.goods-list .list-detail .ico img:hover{
    transform: scale(1.1);
    transition: 1s;
}
.goods-list .list-detail .buy{padding: 5px; text-align: center;}
.goods-list .list-detail .buy button{font-size: 16px; padding-left: 30px; padding-right: 30px;}


.goods-list #list .layui-none {
    line-height: 26px;
    padding: 30px 15px;
    text-align: center;
    color: #999;
}

.goods-list #page{margin-top: 30px;  text-align: center;}




/* 详情 */
.goods .layui-breadcrumb{margin-bottom: 10px; }
.goods .intro-img{width: 100%; display: inline-block; vertical-align: middle;}
.goods .intro-img img{width: 100%;}
.goods .shopChoose{padding-top: 20px; font-size: 14px;}
.goods .shopChoose .title{font-size: 16px; height: 32px; line-height: 32px;}
.goods .shopChoose .title p{font-size: 20px; font-weight: bold;}
.goods .shopChoose .title span{font-size: 18px; height: 30px; line-height: 30px; font-weight: normal; margin-right: 8px; padding: 0 10px;}

/*.goods .shopChoose .title p span{}*/
.goods .shopChoose .price{line-height: 50px; color: #999; font-size: 16px; padding-left: 22px; background-color: #fbf6f0; border-radius: 2px; margin: 20px 0;}
.goods .shopChoose .price big{font-size: 28px;}
.goods .shopChoose .price span{color: #d02b18; margin-right: 12px;}
.goods .shopChoose .layui-form-label{width: 68px;text-align:left;padding: 9px 0px}
.goods .shopChoose .layui-input-block{margin-left: 70px}
.goods .shopChoose dl{padding: 5px 0; color: #333;}
.goods .shopChoose dl dt, .goods .shopChoose dl dd{display: inline-block;}
.goods .shopChoose dl dd{box-sizing: border-box; width: 60px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #CCC; margin: 0 10px; cursor: pointer; position: relative;}
.goods .shopChoose dl dd.active{border: 2px solid #dbbb92;}
.goods .shopChoose dl dd.active:after{content: ''; position: absolute; right: 0; bottom: 0; z-index: 100; width: 0; height: 0; border-width: 8px; border-style: solid; border-color: transparent #dbbb92 #dbbb92 transparent;}
.goods .shopChoose dl dd.active i.active{color: #FFF; font-size: 10px; line-height: 8px;position: absolute; right: 0; margin-right: -2px; bottom: 0; z-index: 200;}
.goods .shopChoose #kuaidi_price{line-height: 26px; color: #666; font-size: 16px; padding: 15px; background-color: #fbf6f0; border-radius: 2px; margin: 10px 0;}
.goods .shopChoose #kuaidi_price span{color: #d02b18;}

.goods .shopChoose .shopBtn{padding-top: 10px; padding-bottom: 10px;}
.goods .shopChoose .shopBtn button{height: 40px; line-height: 40px; font-size: 18px; padding-left: 30px; padding-right: 30px;}

.layui-tab-content{padding: 15px;}
.goods .layui-tab-content img{width: 100%;}



/* 购买 */

.buy fieldset{min-width:100%}
.buy .intro-img{width: 123px;}
.buy .intro-img img{max-width: 121px; border: 1px solid #EEE;}
.buy .intro-label{width: 75px;}

.buy .intro-pic{width: 100%; display: inline-block; vertical-align: middle;}
.buy .intro-pic img{width: 100%;}
.buy .intro-title{float:right;}
.buy .intro-title-center{text-align: center;}

.buy .layui-elem-field{border-color: #1E9FFF;}
.buy .layui-elem-field legend{color: #1E9FFF;font-size: 16px;}

.buy .layui-table-tool {
    background-color: #FAFAFA;;
    padding: 10px 15px;
    border-width: 0;
    border-bottom: 1px solid #eee !important;
    /* box-shadow: 0 1px 8px 0 rgb(0 0 0 / 8%); */
}

.buy .layui-table-view {
    border: 1px solid #e6e6e6 !important;
}

.buy .layui-table-box {
    border: none !important;
}
.buy .layui-form-radio {
    height: inherit;
}

/*.layui-layer .layui-form-select dl{z-index: 29891017;}*/
.layui-layer-dialog .layui-layer-content{overflow:visible !important;}