/* Tools */
.a-left {text-align:left!important;}
.a-center {text-align:center!important;}
.a-right {text-align:right!important;}
.a-decoration {text-decoration: underline!important;}
.v-top {vertical-align:top!important;}
.v-middle {vertical-align:middle!important;}

/* Padding */
.no-padding {padding:0 !important;}
.pd-l0  {padding-left:0 !important;}
.pd-r0  {padding-right:0 !important;}
.pd-t0  {padding-top:0 !important;}
.pd-b0  {padding-bottom:0 !important;}
.pd5    {padding:5px !important;}
.pd-t5  {padding-top:5px !important;}
.pd-b5  {padding-bottom:5px !important;}
.pd-l5  {padding-left:5px !important;}
.pd-r5  {padding-right:5px !important;}
.pd-b8  {padding-bottom:8px !important;}
.pd-t8  {padding-top:8px !important;}
.pd10   {padding:10px !important;}
.pd-t10 {padding-top:10px !important;}
.pd-b10 {padding-bottom:10px !important;}
.pd-l10 {padding-left:10px !important;}
.pd-r10 {padding-right:10px !important;}
.pd15   {padding:15px !important;}
.pd-t15 {padding-top:15px !important;}
.pd-b15 {padding-bottom:15px !important;}
.pd-l15 {padding-left:15px !important;}
.pd-r15 {padding-right:15px !important;}
.pd20   {padding:20px !important;}
.pd-t20 {padding-top:20px !important;}
.pd-b20 {padding-bottom:20px !important;}
.pd-l20 {padding-left:20px !important;}
.pd-r20 {padding-right:20px !important;}
.pd30   {padding:30px !important;}
.pd-t30 {padding-top:30px !important;}
.pd-b30 {padding-bottom:30px !important;}
.pd-l30 {padding-left:30px !important;}
.pd-r30 {padding-right:30px !important;}
.pd-b60 {padding-bottom:60px !important;}
.pd-l70 {padding-left:70px !important;}

/* Margin */
.no-margin {margin:0 !important;}
.mg-l0  {margin-left:0 !important;}
.mg-r0  {margin-right:0 !important;}
.mg-t0  {margin-top:0 !important;}
.mg-b0  {margin-bottom:0 !important;}
.mg5    {margin:5px !important;}
.mg-l5  {margin-left:5px !important;}
.mg-r5  {margin-right:5px !important;}
.mg-t5  {margin-top:5px !important;}
.mg-b5  {margin-bottom:5px !important;}
.mg-t6  {margin-top:6px !important;}
.mg8    {margin:8px !important;}
.mg10   {margin:10px !important;}
.mg-b10 {margin-bottom:10px !important;}
.mg-t10 {margin-top:10px !important;}
.mg-l10 {margin-left:10px !important;}
.mg-r10 {margin-right:10px !important;}
.mg15 {margin:15px !important;}
.mg-t15 {margin-top:15px !important;}
.mg-b15 {margin-bottom:15px !important;}
.mg-r15 {margin-right:15px !important;}
.mg-l15 {margin-left:15px !important;}
.mg20   {margin:20px !important;}
.mg-t20 {margin-top:20px !important;}
.mg-b20 {margin-bottom:20px !important;}
.mg-r20 {margin-right:20px !important;}
.mg-l20 {margin-left:20px !important;}
.mg25 {margin:25px !important;}
.mg-t25 {margin-top:25px !important;}
.mg-b25 {margin-bottom:25px !important;}
.mg-r25 {margin-right:25px !important;}
.mg-l25 {margin-left:25px !important;}
.mg-l35 {margin-left:35px !important;}
.mg30 {margin:30px !important;}
.mg-t30 {margin-top:30px !important;}
.mg-b30 {margin-bottom:30px !important;}
.mg-r30 {margin-right:30px !important;}
.mg-l30 {margin-left:30px !important;}
.mg50 {margin:50px !important;}
.mg-t50 {margin-top:50px !important;}
.mg-b50 {margin-bottom:50px !important;}
.mg-r50 {margin-right:50px !important;}
.mg-l50 {margin-left:50px !important;}
.mg60 {margin:60px !important;}
.mg-t60 {margin-top:60px !important;}
.mg-b60 {margin-bottom:60px !important;}
.mg-r60 {margin-right:60px !important;}
.mg-l60 {margin-left:60px !important;}
.mg80 {margin:80px !important;}
.mg-t80 {margin-top:80px !important;}
.mg-b80 {margin-bottom:80px !important;}
.mg-r80 {margin-right:80px !important;}
.mg-l80 {margin-left:80px !important;}
.mg110 {margin:110px !important;}
.mg-t110 {margin-top:110px !important;}
.mg-b110 {margin-bottom:110px !important;}
.mg-r110 {margin-right:110px !important;}
.mg-l110 {margin-left:110px !important;}
.mg-l120 {margin-left:120px !important;}
.mg150 {margin:150px !important;}
.mg-t150 {margin-top:150px !important;}
.mg-b150 {margin-bottom:150px !important;}
.mg-r150 {margin-right:150px !important;}
.mg-l150 {margin-left:150px !important;}
.mg-l125 {margin-left:125px !important;}
.mg170 {margin:170px !important;}
.mg-t170 {margin-top:170px !important;}
.mg-b170 {margin-bottom:170px !important;}
.mg-r170 {margin-right:170px !important;}
.mg-l170 {margin-left:170px !important;}
.mg-lauto {margin-left:auto!important;}
.mg-rauto {margin-right:auto!important;}
.mg-l-10 {margin-left:-10px!important;}
.mg-r-10 {margin-right:-10px!important;}

/* Border */
.gray-border {border:1px solid #E9E9E9 !important;}
.no-border {border:none !important;}
.border-l0 {border-left:none !important;}
.border-r0 {border-right:none !important;}
.border-t0 {border-top:none !important;}
.border-b0 {border-bottom:none !important;}
.border-t {border-top: 1px solid #dcdfe6!important;}
.border-b {border-bottom: 1px solid #dcdfe6!important;}

/* Top */
.no-top {top:0px!important;}

/* Background */
.bg-light-blue {background:#f4f6f8;}
.b-white {background-color:#ffffff !important;}

/* Color */
.c-black {color:#000000 !important;}
.c-white {color:#ffffff !important;}
.c-green {color:#09af00 !important;}
.c-green1 {color:#009688 !important;}
.c-red {color:#d91627 !important;}
.c-blue {color:#009fd9 !important;}
.c-orange {color:#ffb800 !important}
.c-azure {color:#2F4056 !important}

/* Font */
.f-bold {font-weight:bold;}
.f-12 {font-size:12px !important;}
.f-14 {font-size:14px !important;}
.f-15 {font-size:15px !important;}
.f-16 {font-size:16px !important;}
.f-18 {font-size:18px !important;}
.f-20 {font-size:20px !important;}
.f-26 {font-size:26px !important;}
.f-30 {font-size:30px !important;}

/* hide */
.hide{display: none!important;}
.show{display: block!important;}

/* Float */
.f-left {float:left !important;}
.f-right {float:right !important;}
.f-none {float:none!important;}
.f-fix {float:left; width:100%;}

/* Width */
.w21 {width:21%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w50 {width:50%;}
.w90 {width:90%;}
.w100 {width:100%!important;}
.w-30 {width:30px!important;}
.w-40 {width:40px!important;}
.w-60 {width:60px!important;}
.w-80 {width:80px!important;}
.w-85 {width:85px!important;}
.w-90 {width:90px!important;}
.w-100 {width:100px!important;}
.w-150 {width:150px!important;}
.w-170 {width:170px!important;}
.w-180 {width:180px!important;}
.w-190 {width:190px!important;}
.w-200 {width:200px!important;}
.w-220 {width:220px!important;}
.w-250 {width:250px!important;}
.w-300 {width:300px!important;}
.w-350 {width:350px!important;}
.w-620 {width:620px!important;}
.w-640 {width:640px!important;}
.w-auto {width: auto!important;}
.max-w33 {min-width:33.33%;}
.max-w100 {max-width:100%!important;}
.min-w20 {min-width:20%;}
.max-h22 {max-height:22px!important;}
.max-h26 {max-height:26px!important;}
.max-w1440 {max-width:1440px!important;}

/* height */
.h-80 {height:80px!important;}
.h-auto {height:auto!important;}
.h100 {height:100%!important;}
.h-150 {height:150px!important;}
.h-183 {height:183px!important;}
.h-200 {height:200px!important;}
.h-220 {height:220px!important;}
.h-240 {height:240px!important;}
.h-280 {height:280px!important;}
.h-276 {height:276px!important;}
.h-300 {height:300px!important;}
.h-350 {height:350px!important;}
.h-418 {height:418px!important;}
.h-455 {height:455px!important;}
.h-500 {height:500px!important;}
.h-100 {height:100px!important;}
.max-h100 {max-height:100%!important;}

/* line-height */
.line-h80 {line-height:80px;}
.line-h30 {line-height:30px;}
.line-h38 {line-height:38px;}

/* border-radious */
.no-border-radius {border-radius:0;}
.border-radious {border-radius:4px;}
.border {border:1px solid #E4E6E9;}
.border-t{border-top:1px solid #dcdfe6;}
.border-b{border-bottom:1px solid #dcdfe6;}
.border-l{border-left:1px solid #dcdfe6;}
.border-r{border-right:1px solid #dcdfe6;}

/* button */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}

/* block */
.d-block {display:block!important;}
.box-sizing{box-sizing:border-box!important;}

/* keyframes */
@keyframes FadeInUp {
	from {opacity: 0;transform: translateY(-20px);}
	to {opacity: 1;transform: translateY(0);}
}

/* Setting Option */
.param-setting > .layui-row{display:-moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-flex;display: flex;margin-bottom: 15px; -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap;}
.param-setting > .layui-row:last-child{margin-bottom:0;}
.option-border {border:1px solid #E4E6E9;box-shadow:0 0 3px #E4E6E9;border-radius:5px;min-height:200px;height: 100%;}
.option-border .option-title{background-color: #f5f5f5;padding: 10px 20px;margin-bottom: 10px;}
.option-border .option-title .layui-form-label{display: inline-block;width: auto;padding: 0;margin-right: 5px;}
.option-border .option-title .layui-form-switch{margin-top: 0;}
.option-border .option-content{padding:0 20px 20px;position: relative;}
.option-border .option-content .option-mask{width: 100%;height: 100%;background: rgba(255,255,255,.5);position: absolute;top: 0;left: 0;z-index: 10;}
.option-border .option-content .layui-form-label{width: auto;display: inline-block;}
.option-border .option-content .layui-form-label em{vertical-align: initial;}
.option-border .option-content .layui-form-item:last-child{margin-bottom: 0;}
.option-border .option-content .option-text .layui-form-label{float: left;text-align: right;display: block;padding: 9px 10px 9px 0;width: 120px;font-weight: 400;line-height: 20px;}
.option-border .option-content .option-text .layui-input-inline{float: none;width: auto;margin-right: 0;}
.option-border .option-content .option-text .option-flex{display:-moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-flex;display: flex;}
.option-border .option-content .option-text .option-flex .layui-input-inline{width: 100%;}
.option-border .option-content .option-text .option-flex .layui-input-inline.option-terms .layui-form-checkbox[lay-skin=primary]{width: 100%;}
.option-border .option-content .option-text .option-flex .layui-input-inline.option-terms span{width: calc(100% - 43px);}

/* Btn */
.layui-btn-bs {height:24px;line-height:24px;padding:0 8px;font-size:12px}
.layui-btn-bs i {font-size:14px !important}
.layui-btn-gray {border:1px solid #e6e6e6;background-color:#ffffff;color:#555555;font-size:14px;padding:0 10px;}
.layui-btn-gray:hover {border-color:#009688;color:#333333}
.layui-btn-gray .layui-icon {font-size:16px; vertical-align:middle;}

/* Table */
.open-out .layui-layer-content {overflow:inherit !important;}
.custom-table .layui-table-cell {height:auto; line-height:22px;}
.zwb-table img {max-width:150px;}

/* Form */
em.red,
.layui-form-label em {vertical-align:text-top; font-size:16px; font-weight:bold; color:#e42832;}
.filter-form {margin-bottom:10px;}
.filter-form .layui-form-label {padding:9px 5px 9px 0;}
.filter-form .layui-input-inline {margin:0;}
.filter-form .layui-input-block {width:183px;}
.layui-form-w-150 .layui-form-label {width:150px;}
.layui-form-w-150 .layui-input-block {margin-left:150px;}
.layui-form-w-180 .layui-form-label {width:180px;}
.layui-form-w-180 .layui-input-block {margin-left:180px;}

.add-hotspots {margin: 10px 0 !important;}
.custom-form-text .layui-form-label {width:100%; float:none; box-sizing: border-box; text-align:left; padding:0 0 9px;}
.custom-form-text .layui-form-label.coordinate {float: left!important;display: block; width: 25px;padding: 8px 0;line-height: 20px;}
.coordinate-bottom {margin-bottom: 0}
.custom-form-text .layui-input-inline.coordinate-input {width: 160px;}
.custom-form-text .layui-input-block {margin-left:0; left:0;}
.hot-spot .circle {display: none;}
.common-modules .anchor {padding-bottom:15px;border-bottom:1px solid #e6e6e6;}

.img-upload ,
.img-upload.border-w2 ,
.m-img-upload.border-w2 {display: flex!important;align-items: center;justify-content: center;box-sizing:border-box;cursor: pointer;}
.imgWrapper {display: inline-block!important;position: relative;}
.pop {position:absolute;border:solid 1px #f00;opacity:0.2;filter:alpha(opacity=20);background:#f00;display: none;top: 0;left: 0}

.custom-form-color .layui-input-block {margin-left:0; left:0;}
.custom-form-color .layui-input-block .layui-input {border:none; width:80px; display:inline;}

.form-language-groups .layui-input ,
.form-language-groups .layui-form-label{border-bottom-color: #fff;}
.form-language-groups .layui-form-item {margin-bottom: 0;}
.form-language-groups .layui-form-item:last-child .layui-form-label,
.form-language-groups .layui-form-item:last-child .layui-input {border-bottom-color:#e6e6e6;}

/* title */
.header-title {padding:0 15px 10px; border-bottom:1px solid #e9e9e9; margin-bottom:15px;}
.header-title h3 {height:30px; line-height:30px; float:left; display:block; font-size:16px;}

.header-title1 {padding:10px 0 0; border-top:1px solid #e9e9e9; margin-top:15px;}

.header-title2 {padding:0 0 10px; border-bottom:1px solid #e9e9e9; margin-bottom:15px;}
.header-title2 h3 {line-height:40px; height:38px; float:left; display:block; font-size:16px;}

/* Role */
.role-left {width:300px; position:fixed; z-index:1002; left:0; top:0; bottom:0;}
.role-left-menu {position:relative; height:100%; background:#ffffff; padding:10px;}
.role-content {position:absolute; left:301px; top:0; bottom:0; right:0; background:#fff;}

/* treeselect */
.layui-form-select .layui-tree { display:none; position:absolute; left:0; top:42px; padding:5px 0; z-index:999; min-width:100%; border:1px solid #d2d2d2; max-height:300px!important; overflow-x: hidden; overflow-y:auto; background-color:#ffffff; border-radius:2px; box-shadow:0 2px 4px rgba(0, 0, 0, .12); box-sizing:border-box;}
.layui-form-selected .layui-tree { display:block;}
.layui-form-select .layui-tree cite {color:#333}
.layui-form-select .layui-tree a {width:100%;}
.layui-form-select .layui-tree a:hover cite {color:#1E9FFF}

/* zwb-downpanel */
.zwb-downpanel,
.zwb-downpanel2 {z-index:9000;}
.zwb-downpanel dl {color:#000000; font-size:14px;}
.zwb-downpanel2 dl {color:#000000; font-size:14px; padding:0; border:none; border-radius:0;}
.zwb-downpanel dl dd {clear:both;}
.zwb-downpanel2 dl dd {padding:0;clear:both;}
.zwb-downpanel dl dd i,
.zwb-downpanel2 dl dd i {float:left; display:inline; margin-right:5px;}

/* language-group */
.language-group {border-top:1px solid #e6e6e6;}
.language-group .layui-form-label {border-top:none}
.language-group .layui-input {border-top:none}

/* custom tab */
.box-option-tab {background-color:#fff;}
.box-option-tab li {display:block; padding:10px}
.box-option-tab li.selected {background:#f2f2f2;}
.box-option-tab a {display:inline-block; width:80%;}

/* custom 常规 */
.content .layui-tab {margin-bottom:0;}

/* 横幅广告 */
.img-position {position:relative;z-index:251;}
.img-del {position:absolute;top:8%;right:10%;}
.img-del a {display:inline-block;width:20px;height:20px;line-height: 20px;border-radius:50%;background:#FF5722;text-align:center;}
.img-del a span{display:inline-block;width:9px;height:2px;background:#fff;margin-bottom:4px;}

.custom-upload-container {background:#f4f6f8; text-align:center; width:200px; height:200px;}
.custom-upload-container img {max-width:100%; max-height:100%;}

.upload-btn-group button {width:50%; margin:0!important; border-radius:0; float:left;}

/* 商城总览 */

.layadmin-backlog-body div {color:#009688; }

/* 基本设置 */
.setting-body .border-radious {position:relative;overflow:hidden;}
.setting-body .border-w2 {line-height:99px;}
.setting-tips {vertical-align:middle;}
.setting-body .layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top: 0px;}
.setting-body .border-radious {position:relative;}
.settings-img {display:block;width:190px;height:77px;position:absolute;top:-2px;left:0;z-index:99;}
.settings-img img {max-width:100%;max-height:100%;vertical-align:middle;border:none;}
.layadmin-user-login-header img {max-width:100%; max-height:200px;}

.coupon-form .layui-inline {margin:10px 17px;}
.coupon-form .layui-input-block {width:300px;}
.coupon-box {margin: 0 auto;}
.coupon-box .layui-form-item{margin-bottom: 0;}

.setting-body .layui-card {box-shadow:none;margin-bottom:0;}

.product-title {border-bottom:1px solid #ededed;}
.form-list .layui-input-block {width:690px;}

/* layui-side-menu */
.layui-side-menu .layui-nav {margin-top:0;}
.layui-card .layui-tab-brief .layui-tab-title li {margin:0; padding:0 15px; line-height:40px;}
.layui-card .layui-tab-brief .layui-tab-title li.layui-this {color:#009688;}

.setting-body .layui-card .layui-tab-card .layui-tab-title li {margin:0 0 0 -1px; padding:0 15px; line-height:42px;}
.setting-body .layui-card .layui-tab-card .layui-tab-title li.layui-this {color:#333;}

/* reply */
.word-wrap {word-wrap:break-word; word-break:break-all;}

/* import-model */
.import-model .import-box {border:1px solid #129688;}
.import-model .import-box a {text-decoration:underline;color:#1E9FFF;}
.import-model .import-box h2 {color:#000;font-size:16px;font-weight:bold;}
.import-model .import-box a:hover {color:#666;transition:all .5s;}
.import-model .layui-input-inline {width:85%;text-align:left;}
.import-model .layui-upload-drag {padding:30px 0;width:85%;}
.import-model .import-model-expore .layui-input-inline {width:75%;}

/* 货币管理 */
.old-store-rate{text-decoration: line-through;color:#c5c5c5;}

/* 模块管理 */
.custom-table .status-on {display:block;width:18px;height:18px;background:url(../images/status-on.png) center no-repeat;background-size:18px 18px;}
.custom-table .status-off {display:block;width:18px;height:18px;background:url(../images/status-off.png) center no-repeat;background-size:18px 18px;}
.module-help ul{list-style:inside;margin-left: 5px;}
.module-help ul li{list-style:inherit;margin-bottom:5px;}
.card-header.note-toolbar>.btn-group .btn-light{border-color: #ccc}
.note-popover.popover,
.note-handle .note-control-selection .note-control-selection-info{display: none!important;}
.note-editor.note-frame .note-editing-area .note-codable{color: #222;background-color: #ccc;}
.note-editor.note-frame .form-check{padding: 0}
.note-editor.note-frame .form-check .layui-form-checkbox i{border:1px solid #d2d2d2; }
.social-media .layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin: 0px;}
.social-media .layui-form-checkbox span{height: 40px;line-height: 40px;}
.social-media .layui-form-checkbox[lay-skin=primary] i {top:10px;}
.card-img .layui-form-checkbox[lay-skin=primary] span {padding:0 0 0 10px;}

/* 模块：Product */
.product-search-sku{display: flex;margin-top: 15px}

/* nav */
.layui-header .layui-nav-item > a:hover ,
.layui-header .layui-nav-item > a cite:hover {color:#009688!important;}

/* 主题预览 */
.customize {background-color: #fff;}
.customize .fixed-btn{position: absolute;left: 0;bottom:0;width: 100%;z-index: 698;background-color:#f7f7f7;}
.customize .fixed-btn button{width: 100%;border-radius:0;height:40px;margin:5px 0;}
.customize .drag-area{margin:0 10px 0 0;vertical-align:middle;display:inline-block;-webkit-user-select:none;user-select:none;cursor: move;}
.customize .layui-card{box-shadow: none;height: 100%;color: #333;}
.customize .layui-card-header{height: 53px;line-height: 52px;box-shadow: 0 1px 10px 0 rgba(0,0,0,.05);position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background-color: #fff;box-sizing: border-box;}
.customize .layui-card-body{padding:53px 0 0 0;box-sizing:border-box;background-color: #fff;height: 100vh;}
.customize .layout-title {padding:2px 10px;font-size:14px;color: #2F4056;}

.customize .setting-box .edit-name{display: flex;align-items: center;}
.customize .setting-box .edit-name a{width: 104px;height: 32px;line-height: 30px;}
.customize .setting-box .edit-name img{max-width: 100%;max-height:  100%;}
.customize .setting-box .width-style{display: flex;align-items: center;justify-content: center;}
.customize .setting-box .width-style a{height: 100%;padding: 0 10px;position: relative;margin: 0 5px;}
.customize .setting-box .width-style a i{font-size: 20px;}
.customize .setting-box .width-style a:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color:#393D49;transition: all .3s;}
.customize .setting-box .width-style a:hover{color: #333;}
.customize .setting-box .width-style a:hover:after,
.customize .setting-box .width-style a.active:after{width: 100%;}
.customize .setting-box .width-style .layui-icon{position: static;margin: 0;}

.customize .menu-box{position: relative;width: 220px;height: 100%;background-color: #f7f7f7;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.15);box-shadow: 1px 1px 6px rgba(0,0,0,.15);}
.customize .menu-box .menu-main{height: 100%;position: relative;z-index: 100;padding: 20px 0;box-sizing: border-box;background-color: #f7f7f7;}
.customize .menu-box .menu-main>.header-title2 {padding:0 0 10px;}
.customize .menu-box .menu-main .common-layout-edit{padding: 0 5px;}

.customize .customize-list{overflow-x: hidden;overflow-y: auto;padding: 10px 0;width: 100%;height: calc(100% - 68px);box-sizing: border-box;}
.customize .customize-list .list-li {border-top:1px solid #eee;border-bottom:1px solid transparent;padding:7px 10px;background-color:#fff;display: flex;position: relative;}
.customize .customize-list .list-li:last-child{border-bottom:1px solid #eee;}
.customize .customize-list .list-li .show-btn{display: none!important;}
.customize .customize-list .list-li.status-hide .show-btn{display: block!important;}
.customize .customize-list .list-li.status-hide .list-setting .hide-btn{display: none!important;}
.customize .customize-list .list-li.status-hide .list-setting,
.customize .customize-list .list-li.active .list-setting,
.customize .customize-list .list-li:hover .list-setting{opacity: 1;}
.customize .customize-list .list-li.active{border-color: #2F4056;}
.customize .customize-list .list-li.active .list-name ,
.customize .customize-list .list-li.active .list-setting > a{color: #2F4056!important;}
.customize .customize-list .list-li.status-hide ,
.customize .customize-list .list-li.status-hide .list-setting > a ,
.customize .customize-list .list-li.status-hide .list-name {color: #798c9c;background-color: #f7f8fd;}

.customize .customize-list .list-li .list-name ,
.customize .customize-list .list-li .editPageBtn {-webkit-user-select:none;user-select:none;cursor: pointer;border: none;background-color: transparent;}

.customize .customize-list .list-li .list-setting {position: relative;opacity: 0;}
.customize .customize-list .list-li .list-setting>.show-btn i{font-size: 22px;vertical-align: middle;}
.customize .customize-list .list-li .list-setting:hover .list-tool{display: block;animation: FadeInUp .3s;}
.customize .customize-list .list-li .list-setting .list-tool{display: none;text-align: center;padding: 5px 0;position: absolute;right: 0;z-index: 1;background-color: #fff;border: 1px solid #e6e6e6;box-shadow: 0 0 10px 1px rgba(0,0,0,.05);}
.customize .customize-list .list-li .list-setting .list-tool li a{display: block;width: 60px;padding:5px 10px;font-size: 12px;}
.customize .customize-list .list-li .list-setting .list-tool li a:hover{background-color: #ecedf4;}

.customize .customize-add{width: 100%;background-color: #fff;text-align: center;margin-top: -1px;}
.customize .customize-add a{display: block;border-color: #eee;}
.customize .customize-add a:hover{border-color: #2F4056!important;}

.customize .customize-module{display: none;position: absolute;left: 100%;top: 0;z-index: 1;width: 100%;height: 100%;background-color: #fff;padding:15px 7.5px;box-sizing: border-box;border-radius: 2px;border: 1px solid rgba(0,0,0,0.05);box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.customize .customize-module>h4{color: #2F4056;}
.customize .customize-module.header .footer-module,
.customize .customize-module.footer .header-module{display: none;}
.customize .customize-module .module-list{height: calc(100% - 32px);overflow-x: hidden;overflow-y: auto;margin-left: -7.5px;margin-right: -7.5px;}
.customize .customize-module .module-list ul{padding: 0 7.5px;}
.customize .customize-module .module-list .module-li{display: block;width: 100%;border: 1px solid #dadde4;padding:7px 10px;box-sizing: border-box;border-radius: 2px;cursor: pointer;}
.customize .customize-module .module-list .module-li:hover{border: 1px solid #2F4056;}

.customize .iframe-box{position: relative;text-align: center;width: calc(100% - 220px);height: 100%;padding: 20px;box-sizing: border-box;}
.customize .iframe-box iframe{height: 100%;width: 100%;border: 1px solid #f1f1f1;transition: all .3s;}
.customize .iframe-box iframe.full-screen{position: fixed;top: 54px;left: 0;width: 100%!important;z-index: 1051;}

.customize .module-content{position: relative;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-box-shadow: -1px 1px 6px rgba(0,0,0,.15);box-shadow: -1px 1px 6px rgba(0,0,0,.15);width: 234px;background-color: #f7f7f7;height: 100vh;}
.customize .module-box{height: 100%;}
.customize .module-box .layui-layer-btn{height: 100%;border-top: 1px solid #eee;}
.customize .customize-form{width:calc(100% - 234px);}

.customize .module-box>form{width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;padding: 73px 10px 50px;box-sizing: border-box;}
.customize .module-box>form.category-modules {padding:73px 10px 80px;}
.customize .module-box>.layui-form>h2{color: #2F4056;}
.customize .module-box>.layui-form>.layui-form-item .layui-form-item-title{font-size: 14px;color: #2F4056;padding: 0 0 12px;}
.customize .module-box>.layui-form>.layui-form-item .layui-form-item-box{margin: 0 -10px;padding: 10px;background-color: #fff;border-top: 1px solid #dcdfe6;border-bottom: 1px solid #dcdfe6;}

.customize ::-webkit-scrollbar {width: 8px;height: 8px;}
.customize ::-webkit-scrollbar-thumb {background-color: #999;}
.customize ::-webkit-scrollbar-thumb:vertical:hover {background-color: #666;}
.customize ::-webkit-scrollbar-thumb:vertical:active {background-color: #333;}
.customize ::-webkit-scrollbar-button {display: none;}
.customize ::-webkit-scrollbar-track {background-color: #ccc;}

.customize .layui-form-selected dl{max-width: 100%;}

.customize .add-product {display: flex;flex-wrap: wrap;width: 1280px;border-bottom: 1px solid #e9e9e9;}
.customize .add-product .category-left {max-width: 300px;width: 100%;max-height:624px;position: static;border-right: 1px solid #e9e9e9;box-sizing: border-box;}
.customize .add-product .category-left .category-left-menu{height: 100%;box-sizing: border-box;}
.customize .add-product .category-left .category-left-menu .category-tree{height: 100%;box-sizing: border-box;overflow: auto;border: 1px solid #e3e3e3;border-radius: 3px;padding: 5px 0;}
.customize .add-product .category-right {max-width: 300px;width: 100%;max-height:624px;border-left: 1px solid #e9e9e9;box-sizing: border-box;}
.customize .add-product .category-right .custom-form-text{height: calc(100% - 56px);}
.customize .add-product .category-right .category-right-menu{height: 100%;box-sizing: border-box;padding: 10px;}
.customize .add-product .category-right .category-right-menu form {height: 100%;}
.customize .add-product .category-right .category-right-menu .zwb-module-product {height:100%; overflow:auto;box-sizing: border-box; padding:10px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:3px;margin-bottom: 10px;}
.customize .add-product .category-right .category-right-menu .zwb-module-product>a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 20px;letter-spacing: .3px;}
.customize .add-product .category-content {max-width: 680px;width: 100%;max-height:624px;position: static;padding: 10px 10px 0;box-sizing: border-box;}
.customize.coupon-product .add-product {width: 1440px;}
.customize.coupon-product .add-product .category-left ,
.customize.coupon-product .add-product .category-right ,
.customize.coupon-product .add-product .category-content {max-height:675px;}
.customize.coupon-product .add-product .category-content {max-width:840px;}

.customize .add-category {width: 100%;}
.customize .add-category .category-left{border-right: 0;height: 624px;}

.loading{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #FFFFFF;z-index: 1024;}
.iframe-box .loading{position: absolute;left: 10px;top: 10px;width: calc(100% - 20px);height: calc(100% - 20px);}
.customize-module .loading{position: absolute;display: none;}
.module-content .loading{position: absolute;z-index: 998;}
.loading-container{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.loading-container p{color: #2F4056;font-size: 18px;}
.loading-container .loader {margin: 30px auto;font-size: 10px;position: relative;text-indent: -9999em;border-top: 1.1em solid rgba(47, 64, 86, 0.2);border-right: 1.1em solid rgba(47, 64, 86, 0.2);border-bottom: 1.1em solid rgba(47, 64, 86, 0.2);border-left: 1.1em solid #2F4056;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: customize-load 1.1s infinite linear;animation: customize-load 1.1s infinite linear;}
.loading-container .loader,
.loading-container .loader:after {border-radius: 50%;width: 60px;height: 60px;}
@-webkit-keyframes customize-load {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes customize-load {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

.accordion .accordion-li{margin: -1px -10px 0;}
.accordion .accordion-title{width: 100%;height: 38px;padding: 5px 10px;box-sizing: border-box;background-color: #fff;border-bottom: 1px solid #dcdfe6;border-top: 1px solid #dcdfe6;display: flex;align-items: center;position: relative;flex: 1;cursor:pointer;}
.accordion .accordion-title .title-img{display: inline-block;width: 27px;height: 27px;line-height: 27px;text-align: center;margin-right: 5px}
.accordion .accordion-title .title-img img{max-width: 100%;max-height: 100%;}
.accordion .accordion-title .switch-btn{position: absolute;right: 5px;top: 0;width: 36px;height: 36px;line-height: 36px;text-align: center;}
.accordion .accordion-title .switch-btn i{transition: all .3s;display: inline-block;}
.accordion .active .accordion-title .switch-btn i{transform: rotate(180deg);}

.accordion .accordion-content{padding: 10px;display: none;border-bottom: 1px solid #dcdfe6;background-color: #fff;}
.accordion .accordion-content .custom-form-text:last-child{display: flex;align-items: flex-end;}
.accordion .accordion-content .custom-form-text:last-child .full{width: 100%;}
.tool-btn button {width: calc(50% - 10px);box-sizing: border-box;padding: 0;margin: 0;float: right;}

/* editor */
.edui-container ,
.edui-container .edui-toolbar ,
.edui-body-container {width:100%!important;}

/* 菜单栏 */
.menu-edit .layui-form-item .custom-form-text{padding: 10px;border: 1px solid #e9e9e9;border-radius: 4px;}

.menu-edit .ui-card .li-box{border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;margin-top: -1px;padding:2px 10px;background-color: #fff;transition: all .3s;cursor: pointer;}
.menu-edit .ui-card .li-box:hover{background-color: #f2f2f2;}
.menu-edit .ui-card .card-header{background-color: #fff;}
.menu-edit .ui-card .card-li-add{line-height: 38px;cursor: pointer;}
.menu-edit .ui-card .card-li-add .li-box{border-bottom: 0;}
.menu-edit .ui-card .card-li-add:hover .li-box{background-color: #f2f2f2;}
.menu-edit .ui-card .card-li .li-box input{cursor: pointer;margin-right: 30px;border: none;background-color: transparent;}
.menu-edit .ui-card .card-li .li-box a{margin: 0 5px;}
.menu-edit .ui-card .card-li .li-box a i{margin: 0 5px;font-size: 19px;}
.menu-edit .ui-card .card-li .li-box,
.menu-edit .ui-card .card-li .li-box .li-box-tool{display: flex;align-items: center;}

.edit-tab {display: flex;}
.edit-tab .layui-tab-title{width: 120px;height: auto;white-space: normal;border-left: 1px solid #e6e6e6}
.edit-tab .layui-tab-title li{width: 100%;line-height: 35px;box-sizing: border-box;border: 1px solid #e6e6e6;margin-bottom: -1px;margin-left: -1px;text-align: left;padding: 0 10px;}
.edit-tab .layui-tab-title .layui-this{background-color: #e6e6e6;transition:none;}
.edit-tab .layui-tab-title .layui-this:after{content:none;}
.edit-tab .layui-tab-content{width:calc(100% - 120px);border: 1px solid #e6e6e6;margin-left: -2px;height: 400px;overflow-x: hidden;overflow-y: auto;}
.edit-tab .layui-tab-content .customize-url .customize-radio{width: auto;margin-right: 0;}
.edit-tab .layui-tab-content .customize-url .customize-radio .layui-form-radio{padding: 0;margin-right: 0;}
.edit-tab .layui-tab-content .customize-url .customize-input{width: calc(100% - 35px);margin-right: 0;margin-left: 5px;position: relative;}
.edit-tab .layui-tab-content .customize-url .customize-input .customize-mask{position: absolute;width: 100%;height: 100%;z-index: 10;opacity: .1;}

/* Div Scrollbar*/
.edit-tab .layui-tab-content::-webkit-scrollbar {width: 8px;height: 1px;}
.edit-tab .layui-tab-content::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #999;}
.edit-tab .layui-tab-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #f7f8fc;}

.page-head-content {border:1px solid #E4E6E9;text-align: center;}
.page-head-content .img-del{top: 5px;right: 5px;}
.page-head-content>.img-position{display: inline-block;vertical-align:middle;height:100px;box-sizing:border-box;}

/* 商品管理 */
.custom-table .editBtn {margin-right:10px!important;}
.additional-graph li {display:inline-block;}
.img-absolute {position:absolute;bottom:10%;left:21%;z-index:999;}
.master-graph .img-del a {line-height:20px;}
.master-graph,
.master-graph .layui-upload-list ,
.additional-graph li {display:inline-block;}
.master-graph .img-del ,
.additional-graph .img-del {top:9%;right:4%;}
.border-w2 {border:2px solid #ededed;overflow:hidden;text-align:center;cursor:pointer;}
.border-w2.h-150 {line-height: 144px}
.add-img {text-align:center;border:2px solid #ededed;line-height:145px;cursor:pointer;box-shadow:0 0 12px 2px #e6e6e6;}
.add-img > i {font-size:50px;color:#ccc;vertical-align:middle;}
.assign-product {max-height:200px;overflow:auto}
.custom-table .layui-form-selected .layui-tree li{text-overflow: initial;overflow: initial;}

/* Modify */
.modify .mer-content{border: 1px solid #e6e6e6;border-radius: 2px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
.modify .mer-content .mer-iframe {height: 720px;width: 100%;border: 0;position: relative;}
.modify .mer-content .mer-iframe .mer-mask{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;background-color: rgba(255,255,255,.6);}
.modify .mer-content .mer-iframe iframe {height: 100%;width: 100%;border: 0;}
.modify .mer-content .mer-content-title {display: flex;flex: 1;border-bottom: 1px solid #e6e6e6;position: relative;left: 0;white-space: nowrap;font-size: 0;transition: all .2s;-webkit-transition: all .2s;background-color: #f2f2f2;}
.modify .mer-content .mer-content-title li a{vertical-align: middle;display: block;font-size: 14px;line-height: 40px;min-width: 65px;padding: 0 15px;text-align: center;cursor: pointer;}
.modify .mer-content .mer-content-title li a:hover{color: #333;}
.modify .mer-content .mer-content-title li.active a{background-color: #fff;border-bottom: 1px solid #fff;margin-bottom: -1px;}

/* 评论详情 */
.picture-details{float: left}
.picture-details li{width: 100px;height: 100px;text-align: center;line-height: 96px;float: left}
.picture-content p{word-break:break-all;margin-right: 110px}

/* images */
.admin-modal-content {width:900px;background:#fff;}
.admin-modal-header {border-bottom:1px solid #e5e5e5;}
.admin-modal-add-file {display:inline-block;width:38px;height:38px;line-height:38px;text-align:center;box-sizing:border-box;vertical-align:middle;}
.admin-modal-body {padding:20px; min-height:300px;}
.admin-modal-body .admin-modal-btn-operate .layui-btn-group .layui-btn{vertical-align: text-bottom}
.admin-modal-body .admin-modal-btn-operate input {height:30px;line-height:30px;}
.admin-modal-body .admin-modal-btn-operate .layui-col-xs12 {display: flex}
.admin-modal-body .admin-modal-btn-operate .admin-modal-search button {padding:0 14px;height:30px;line-height:30px;border:none;border-radius:0;}
.admin-modal-body .admin-modal-img .layui-col-xs6 {text-align:center;padding: 5px 45px}
.admin-modal-body .admin-modal-img a {display:block;margin-bottom:10px;vertical-align:middle;}
.admin-modal-body .admin-modal-img a i {font-size:6.5em;color:#1e91cf;}
.admin-modal-body .admin-modal-img a.a-center {display:flex;align-items: center;justify-content: center;width:100px;height:100px;margin:0 auto 10px;padding:4px;border:1px solid #ddd;border-radius:3px;background:#fff;text-align:center;overflow:hidden;}
.admin-modal-body .admin-modal-img a.a-center img {max-width:100%;max-height: 100%}
.admin-modal-body .layui-col-md3 .layui-form-checkbox {word-break:break-all;width: 100%}
.admin-modal-body .admin-modal-img .layui-col-md3 .layui-form-checkbox span {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:inherit;padding:0;}
.admin-modal-body .admin-modal-img .layui-col-xs6:nth-child(4n+1) {clear:both;}
.admin-modal-body .layui-form-checkbox[lay-skin=primary] {padding-right:19px !important;}
.admin-modal-body .anchor {margin: 20px 0}
.admin-modal-body .anchor .anchor-ul{padding: 10px 0;border-top: 1px solid #e6e6e6;}
.admin-modal-body .anchor .anchor-ul .anchor-li{display: inline-block}
.admin-modal-body .anchor .anchor-ul .anchor-li i{margin: 0 10px}
.admin-modal-body .anchor .anchor-ul .anchor-li:last-child i{display: none}
.admin-modal-body .img-top-checkbox{display: inline-block;margin-bottom: 0;margin-left: 10px}
.admin-modal-body .img-top-checkbox .layui-form-item .layui-form-checkbox{margin-top: 0}
.admin-modal-body .img-top-checkbox .layui-form-item{margin-bottom: 0;}
.admin-modal-body .img-top-checkbox input{display: none!important;}
.admin-modal-body .img-top-checkbox .layui-form-checkbox span{margin-right: 10px;margin-top: 0}
.admin-modal-body .img-top-checkbox .layui-form-checkbox i{display: none}

/* 图片管理 */
.img-manager a i {font-size:6.5em;color:#1e91cf;}

/* 分类管理 */
.category-upload {position:absolute;bottom:5%;left:165px;z-index:1000;}
.category .img-del ,
.brand-img .img-del {top:4%;}
.category-left {width:500px; position:fixed; z-index:1002; left:0; top:0; bottom:0;background: #fff;overflow-y: auto;}
/*.category-left .layui-tree-skin-c-red cite{color: red;}*/
.category-left-menu {position:relative; max-height:100%; background:#ffffff; padding:10px;}
.category-left-menu .layui-form-item .layui-inline{margin: 0}
.category-left-menu .filter-form .layui-form-label{width: 80px}
.category-left-menu .filter-form .layui-input-block{width: 177px;margin-left: 80px}
.category-content {position:absolute; left:501px; top:0; bottom:0; right:0; background:#fff;}
.category-content>.layui-fluid{background:#fff;}
.category-content .header-title2 .layui-icon-edit{font-size: 15px}
.category-content .layui-form-switch{margin-top: 0}
.category-tree {max-height:700px;}

/* 选项管理 */
.option-language .layui-form-label {float:left;display:block;padding:9px 15px;width:50px; border-radius:0;}
.option-language .layui-input-block {margin-left:50px;left:-1px;}

/* 文本区域图片上传 */
.edui-modal{top: 50%;transform: translateY(-50%)}
.edui-modal .edui-modal-body{max-height: 60vh;}

/* 布局排版 */
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}

/* 订单管理 */
.layui-form-show .layui-form-label {padding:5px;width:100px;}
.layui-form-show .layui-input-block {padding-top:5px; line-height:20px; min-height:auto;}

.mer-user-main {position:relative;}
.store-orders .layui-input-block {word-break:break-all;}
.orders-custom-height {height: 155px;overflow-y: auto;}
.orders-custom-height2 {height: 180px;overflow-y: auto;}

/* 商城主题 */
.theme-image-center {text-align:center;}
.theme-image-center img {max-width:100%;}
.theme-help .step-help {padding-left: 4px;margin-top: 13px}
.theme-help {background: #ffffff;}
.theme-help img {border:1px solid #BFC0CC;max-width:100%!important;}
.theme-help .img-help {text-align:center!important;padding-top: 15px;}
/* ======================================================================================== */

@-webkit-keyframes fadeInUp {
	0% {-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
	100% {-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {-webkit-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
	100% {-webkit-transform:none;-ms-transform:none;transform:none}
}

.fadeInDownBig {-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInDownBig {
	0% {-webkit-transform:translate3d(0, -57px, 0);transform:translate3d(0, -57px, 0)}
	100% {-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig {
	0% {-webkit-transform:translate3d(0, -57px, 0);-ms-transform:translate3d(0,-57px, 0);transform:translate3d(0, -57px, 0)}
	100% {-webkit-transform:none;-ms-transform:none;transform:none}
}

@-webkit-keyframes slideInLeft {
	from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInLeft {
	from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}
	to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

/*商城主题模块修改*/
.shopping-mall .layui-btn .layui-icon {font-size: 24px;}
.shopping-mall-content .pc-img {position: relative;width: 100%;overflow: hidden;}
.shopping-mall-content .pc-img .product-content {width: 75%;padding: 0;}
.shopping-mall-content .m-img {position: absolute;top: 100px;right: 180px;width: 375px;height: 667px!important;z-index: 1;}


.shopping-mall-content .product-content img,
.shopping-mall-content .img-box img {max-width:100%;}
.shopping-mall .shopping-mall-content .img-box {height: 600px;}
.shopping-mall .shopping-mall-content .m-img .theme_detail{position: absolute;width: 265px;height: 470px;overflow: hidden;top: 98px;left: 56px;}

.shopping-mall-content .product-grid {transition:all .6s}
.clearfix::after {display:block;content:"";clear:both;}
.shopping-mall-content .product-content {border-radius: 4px;box-sizing:border-box;padding:10px;border:1px #e6e6e6 solid;margin:10px;}
.shopping-mall-content .paging {text-align:right}
.shopping-mall-content .row {margin:0 -10px;}
.shopping-mall-content .img-box {text-align:center;height:500px;overflow:hidden;}
.shopping-mall-content .layui-col-md4:nth-child(4n+1) {clear:both;}
.shopping-mall-content .layui-form {height: 1200px;overflow-y: auto;padding-right: 17px}
.shopping-mall-content .theme-label {display: block;width: 100%;}
.shopping-mall-content .theme-label .layui-form-label {display:block;width: 40%;}
.shopping-mall-content .theme-label .layui-input-block {margin-left: 40%;width:60%;}
.shopping-mall-content .theme-search button {display: block;width: 100%;}
@media (min-width:768px) {
	.shopping-mall-content .paging {padding:50px 0 20px}
}

/* WarningPage */
.warning-content {width:600px;text-align:center;padding:80px 0;margin:0 auto;overflow:hidden}
.warning-content .warning-logo {float:right;max-width:346px;max-height:279px;}
.warning-content .warning-logo img {width:100%;height:100%}
.warning-content .warning-settings {margin:0;text-align:left;float:left;width:242px;}
.warning-content .warning-settings-title {font-size:35px;font-weight:bold;padding-top:30px;line-height:70px}
.warning-content .warning-settings-cont {font-size:18px;font-weight:bold;padding-top:30px;word-break:break-all}
.warning-content .warning-bt {background:#009688;padding:9px 46px 11px;color:#ffffff;border:0;font-size:14px;margin-top:30px;display:inline-block}

/* 斗篷管理 */
.cloak-switch .layui-form-switch {height: 38px;line-height: 38px;width: 60px;margin-top: 0;box-sizing: content-box;}
.cloak-switch .layui-form-switch em {margin-left: 25px;}
.cloak-switch .layui-form-onswitch em {margin-left: 10px;}
.cloak-switch .layui-form-switch i {top:11px;}
.cloak .layui-form-checkbox[lay-skin=primary] i{position: static}
.cloak .layui-form-checkbox[lay-skin=primary] span{width: calc(100% - 33px);overflow: inherit;white-space: inherit;text-overflow: inherit;}
.cloak .cloak-country-title strong {margin-right:20px; vertical-align:middle;}
.cloak .cloak-country-title .layui-form-checkbox[lay-skin=primary] {margin-top:0;}

/* 图片管理 */
.picture-management #modal-content .layui-form-checkbox span{padding: 0;word-break:break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;white-space:normal;}
.picture-management #modal-content .layui-col-md2>div{overflow: hidden;text-overflow:ellipsis;}
.picture-management .layui-col-space30>* {padding:35px !important;}
.picture-management .layui-form-checkbox[lay-skin=primary] {padding-right:0!important;}
.customize .admin-modal-body .layui-col-md3 .layui-form-checkbox span {width:auto;}
@media screen and (min-width: 1200px){
	.picture-management #modal-content .admin-modal-img .layui-col-lg1{width: 12.5%}
}

/* 邮件任务管理 */
.email-content{word-break: break-all}

/* Loading */
.mask-loading-box {position: fixed;top: 0;right: 0;bottom: 0;left: 0;outline: 0;z-index:1105;}
.mask-loading-box .mask-loading {position: fixed;top: 0;right: 0;bottom: 0;left: 0;outline: 0;background:#F5F7FB;z-index:1300;overflow:hidden;}
.mask-loading-box .mask-loading-img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1308;}
.mask-loading-box .mask-loading-img i {letter-spacing:.5px;font-size:16px;color:#747272;-moz-animation:loading 1s linear infinite -0.9s;-webkit-animation:loading 1s linear infinite -0.9s;animation:loading 1s linear infinite -0.9s;}
@keyframes loading {
	0%, 100% {
		-moz-transform: scale(1) rotateZ(0deg);
		-ms-transform: scale(1) rotateZ(0deg);
		-webkit-transform: scale(1) rotateZ(0deg);
		transform: scale(1) rotateZ(0deg);
		opacity: 1;
	}

	26% {
		-moz-transform: scale(1.1) rotateZ(12deg);
		-ms-transform: scale(1.1) rotateZ(12deg);
		-webkit-transform: scale(1.1) rotateZ(12deg);
		transform: scale(1.1) rotateZ(12deg);
		opacity: .2;
	}

	76% {
		-moz-transform: scale(0.8) rotateZ(-8deg);
		-ms-transform: scale(0.8) rotateZ(-8deg);
		-webkit-transform: scale(0.8) rotateZ(-8deg);
		transform: scale(0.8) rotateZ(-8deg);
		opacity: .6;
	}
}
.layui-tree li .layui-tree-spread,
.layui-tree li a {display:inline;}

/* Common Textarea */
.common-textarea-content .common-textarea .common-text {box-sizing:border-box;background:#ffffff;min-height:150px;}
.common-textarea-content .common-textarea .layui-form-checkbox {padding-right:0;width:30px;border:1px solid #dcdfe6;line-height:normal;margin:0 5px 0 0;}
.common-textarea-content .common-textarea .layui-form-checkbox i {display:none;}
.common-textarea-content .common-textarea .layui-form-checkbox span {display:inline-block;height:28px;width:28px;text-align:center;line-height:30px;padding:0;border-radius:2px;background-color:#fff;color:#2c3e50;}
.common-textarea-content .common-textarea .layui-form-checkbox:nth-child(2) span {font-weight:bold;}
.common-textarea-content .common-textarea .layui-form-radio {margin:0 5px 0 0;padding:0;width:30px;height:30px;border-radius:2px;border:1px solid #dcdfe6;box-sizing:border-box;}
.common-textarea-content .common-textarea .layui-form-radio i {display:none;}
.common-textarea-content .common-textarea .layui-form-radio div {width:28px;height:28px;}
.common-textarea-content .common-textarea .layui-form-radio:nth-child(2) div {background-color: rgb(0, 0, 0);}
.common-textarea-content .common-textarea .layui-form-radio:nth-child(4) div {background-color: rgb(255, 255, 255);}
.common-textarea-content .common-textarea .layui-form-radio:nth-child(6) div {background-color: rgb(127, 127, 127);}
.common-textarea-content .common-textarea .layui-form-checked ,
.common-textarea-content .common-textarea .layui-form-radio.layui-form-radioed {border-color:#34395d;}
.common-textarea-content .common-textarea .layui-textarea {min-height:150px;}
.common-textarea-content .common-textarea .custom-form-text .layui-input-block.toolbar {border:1px solid #dcdfe6;border-bottom:none;height:40px;line-height:34px;padding-left:10px;}
.subscribe-modules .common-textarea .common-text {border-top:1px solid #dcdfe6;border-bottom: 1px solid #dcdfe6;}

/* PageHead */
.menu-choose button.layui-btn-sm {height:38px;line-height:38px;}
.common-layout-edit {display: -ms-flexbox;display: flex; -ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;height:39px;padding:0 15px;border:1px solid #e6e6e6;background:#f2f2f2;}

/* PageFooter */
.footer-modules .option-border {min-height:auto;border-radius:0;border:none;box-shadow:none;height: auto;}
.footer-modules .border.border-radious {box-shadow:0 2px 5px 0 rgba(0,0,0,.1);}
.footer-modules .option-border .option-title {padding:0 10px;height:42px;line-height:42px;background-color:#f2f2f2;margin:0;}
.footer-modules .option-border .option-content {padding:10px;border-top:1px solid #dcdfe6;border-bottom:1px solid #dcdfe6;border-top:0;}
.footer-modules .layui-form-pane .layui-form-label {width:90px;padding:8px 0;}
.footer-modules .layui-form-pane .layui-input-block {margin-left:90px;}
.footer-modules .common-textarea-content .common-textarea .layui-form-checkbox ,
.footer-modules .common-textarea-content .common-textarea .layui-form-radio ,
.footer-modules .toolbar > .layui-inline {float:left;}
.footer-modules .toolbar > .layui-inline {margin:5px 0 0!important;}
.footer-modules .common-textarea-content .common-textarea .layui-form-radio:nth-child(6){margin:0;}
.footer-modules .choose label {border-left:0;border-radius:0;margin-bottom:-1px;}
.footer-modules .choose .layui-select-title input {border-right:0;border-radius:0;}
.footer-modules .layui-form-item .layui-form-checkbox[lay-skin=primary] {margin-top:0;}
.footer-modules .copyright label {padding:9px 10px;}
.footer-modules .copyright input {border-left:0;border-right:0;border-radius:0;}

.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeft {
	0% {opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
	100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
	0% {opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
	100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRight {
	0% {opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
	100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
	0% {opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
	100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}

/* Hot Spot */
.common-modules .layui-colla-hot-title ,
.footer-modules .payment-icon {border-top:1px solid #dcdfe6;border-bottom:1px solid #dcdfe6;margin-top:-1px;position: relative;height: 42px;line-height: 38px;color: #333;padding:0 10px;background-color: #fff;cursor: pointer;font-size: 14px;overflow: hidden;box-sizing:border-box;}
.common-modules .layui-colla-hot-title span {font-size:20px;margin:0 5px 0 0;vertical-align:middle;}
.common-modules .layui-colla-hot-title img {width:27px;max-height:27px;display:inline-block;padding-right:5px;}
.common-modules .layui-colla-hot-title:before {content:'\25BC';font-size: 14px;height: 40px;width: 25px;line-height:42px;position: absolute;right: 10px;bottom: 0;text-align:center;}
.common-modules .layui-colla-hot-title.active:before {content:'\25B2';}
.common-modules .layui-colla-hot-spot {border-top:1px solid #dcdfe6;border-bottom:1px solid #dcdfe6;border-top:none;padding:10px;line-height:22px;color:#666;}
.common-modules .layui-colla-item {border:none;}

/* Category */
.customize .category-box{margin: 0 -10px}
.customize .category-box .layui-colla-hot-title {border-left:0;border-right:0;}
.category-modules .layui-colla-hot-title {background:#fff;height:auto;box-sizing: border-box;padding: 0 10px;min-height:42px;border:1px solid #dcdfe6;color:#333333;font-size:14px;margin-top:-1px;display:flex;display:-ms-flexbox;ms-flex-pack:justify;justify-content:space-between;align-items:center;-ms-flex-align:center;width:100%;}
.category-modules .layui-colla-hot-title .layui-form-select {width:100%;}
.category-modules .layui-colla-hot-title .layui-form-select .layui-tree li {white-space:normal;}
.category-modules .layui-colla-hot-title .layui-btn-sm {width:36px;}

/* Img Gallery */
.img-gallery .layui-colla-item .layui-form-label {float:none;width:100%;text-align:left;padding:0 0 9px;box-sizing:border-box;}
.img-gallery .layui-colla-item .img-del {top:3%;right:3%;}

/* Categories */
.category-content .layui-table-cell {white-space:normal!important;}
.mer-iframe.mer-batch > .layui-treeSelect .ztree li span.button.switch{top:-6px!important;}

.wholesale-box .layui-col-md3{height: 38px;margin-top: 36px;}
.wholesale-box .layui-col-md3 .remove-btn{display: flex;align-items: center;height: 100%;}
.wholesale-box .layui-col-md3 .remove-btn i{font-size: 22px;}
.module-name {width:641px;}

.discount-formula .handling-fee{display: flex;align-items: center;}
.discount-formula .handling-fee .layui-input{height: 30px;width: 70px;padding: 0 10px;margin-right: 5px;text-align: center;}
.discount-formula .handling-fee .discount-input{display: flex;align-items: center;}
.discount-formula .handling-fee>span{display: inline-block;width: 30px;text-align: center;}
.discount-formula .handling-fee .layui-form-checkbox{margin: 0;}
.discount-formula .handling-fee .layui-form-checkbox[lay-skin=primary] span{padding-right: 0;}

.toolbar .product-shop-tips {border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;padding:5px 10px;}

/* Restrict */
.restrict-td {display:flex;}
.restrict-td > input{margin-left:-1px;}