@import url("../common.css");
@import url("./iconfont.css");
.clear-fix{
    clear: both;
}
.zent-select:not(:last-child) {
    margin-right: 5px;
}
.input-select-portal{
    /*display: none;*/
    position: absolute;
    width: 160px;
    line-height: 1.5;
    cursor: pointer;
    text-align: left;
    user-select: none;
    z-index: 1000;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    margin-top: 5px;
}
.input-select-popup {
    left: 0;
    outline: none;
    /*overflow-y: auto;*/
    position: relative;
    width: 100%;
    z-index: 2000;
    background-color: #fff;
    max-height: 224px;
    border-radius: 2px;
    font-size: 12px;
}
.input-select-portal .pop-arrow{
    transform: translate(-50%,-50%) rotate(45deg);
    left: 50%;
    position: absolute;
    z-index: 1;
    width: 6px;
    height: 6px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    overflow: hidden;
    top: 0;
}
.input-select-popup .input-select-option {
    background-color: #fff;
    display: block;
    outline: none;
    padding: 5px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}
.input-select-popup .input-select-option .option-desc{
    color: var(--color-primary);
}
.input-select-popup .option-operate{
    position: absolute;
    top:0px;
    right: -20px;
    width: 20px;
    text-align: center;
    background: #ccc;
}
.input-select-popup .current {
    color:#fff!important;
    background: var(--color-primary);
}

.input-select-popup .active{
    color:var(--color-primary);
}
.item-current2{
    position: absolute;
    margin-top: -25px;
    text-align: center;
    line-height: 25px;
    width: 105px;
    height: 25px;
    color: #fff;
    background: rgba(0,0,0,.2);
}
.error {
    color: #ff5050 !important;
    border-color: #ff5050 !important;
}
.spec_addimg{
    border: 1px dashed #E3E2E5;
    cursor: pointer;
}
.goods-spec-preview-thumb{
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    margin: 0 auto;
    text-align:center;
}
.goods-spec-preview-thumb img{
    width: 42px!important;
    height: 42px!important;
    object-fit: cover;
}
table td .help-block{
    margin-bottom: 0px!important;
}
.layout-right-top{
    background: #fff;
    border-bottom: 1px solid transparent;
}

.no-padder {
    padding: 0 !important;
}
.checkbox-inline, .radio-inline, .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 0px;
    margin-right: 10px;
}
.m-t {
    margin-top: 15px;
}
.m-b-md {
    margin-bottom: 20px;
}
.store-config .config-l .tit {
    font-size: 12px;
    color: #595961;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 10px;
}
.font-normal {
    font-weight: normal;
}

.gray {
    color: #aaa;
}

.store-widght-title-active {
    position: relative;
    color: var(--color-primary) !important;
}
.store-widght-title-active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    border-radius: 2px;
    width: 30px;
    border-bottom: 3px solid var(--color-primary);
}
.store-widght-title-bs {
    display: inline-block;
    width: 60px;
    height: 30px;
    font-size: 12px;
    color: #595961;
    margin-right: 50px;
}
.store-widght-title-act {
    display: inline-block;
    height: 30px;
    width: 60px;
    font-size: 12px;
    color: #595961;
}
.padder-l-sm {
    padding-left: 10px;
}
.m-r {
    margin-right: 15px;
}

.store-config .config-l {
    width: 240px;
    padding: 0;
    float: left;
}
.store-config .config-l .tit {
    font-size: 12px;
    color: #595961;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 10px;
}
.store-config .config-l .components img {
    width: 88px;
    height: 50px;
}
.store-config .config-l .components .tit {
    margin: 5px 0 0 0;
}
.store-config .config-l .components .list {
    padding-bottom: 10px;
    display: inline-block;
    float: left;
}
.store-config .config-m {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 80px;
}
.store-config .config-m .box {
    margin-top: 50px;
    padding: 0;
    border-top:0!important;
    display: inline-block;
    text-align: left;
}
.store-config .config-m .box-ctn {
    width: 375px;
    min-height: 304px;
    background-color: #f2f2f6;
}
.store-config .config-m .cpt-show {
    position: absolute;
    z-index: 100;
    background: green;
    width: 377px;
    opacity: 0;
    display: block;
}
.store-config .config-m .cpt-hover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 200;
    width: 375px;
    background-color: #fff;
    height: 30px;
    display: inline-block;
}
.store-config .config-m .cpt-tit {
    position: absolute;
    top: 7px;
    left: 10px;
    color: var(--color-primary);
    font-weight: normal;
}
.store-config .config-m .cpt-del {
    color: var(--color-primary);
    position: absolute;
    top: 7px;
    right: 10px;
    font-weight: normal;
}
.store-config .config-r {
    padding: 0;
    margin-top: 50px;
    width: 360px;
    float: right;
    text-align: left;
    margin-bottom: 80px;
}
.store-config .config-r .cpt-set {
    font-size: 12px;
    color: #595961;
    font-weight: bold;
}
.store-config .config-r .select-cpt {
    height: 200px;
    line-height: 200px;
    text-align: center;
}
.store-config .asseContant div:hover {
    border-color: var(--color-primary) !important;
    cursor: pointer;
}
.store-config .asse-item:hover {
    border-color: var(--color-primary) !important;
    cursor: move;
}
.store-config .asse-item {
    width: 100px;
    height: 85px;
    display: inline-block;
    border: 1px solid #E3E2E5;
    padding: 5px;
    border-radius: 4px;
    text-align: center;
    background-color: #FFFFFF;
}
.store-config .asse-all-contant {
    width: 375px;
    background-color: #ffffff;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.1);
}
.store-config .asse-contant-header {
    width: 375px;
    height: 64px;
    /*background-image: url(/static/images/mall/phone_head.png);*/
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.store-config .asseContant {
    width: 375px;
    min-height: 304px;
    background-color: #ffffff;
    display: block;
    padding: 0;
}
.store-config .liContant {
    width: 377px;
    border: 1px solid #ffffff;
    position: relative;
}
.store-config .liContant:hover {
    border: 1px solid var(--color-primary);
}
.store-config .liContant-border {
    border: 1px solid var(--color-primary);
}

.r-3x {
    border-radius: 6px;
}
.r-5x {
    border-radius: 10px !important;
}

.bg-white {
    background-color: #fff !important;
    color: #595961;
}

.p-l-none {
    padding-left: 0!important;
}
.p-r-none {
    padding-right: 0!important;
}

.page-template{
    padding:5px;
    font-size: 16px;
    color: #595961;
    font-weight:bold;
    margin:0 0 15px 0
}

.page-template-list{
    display:inline-block;
    text-align:center;
    margin-bottom:40px;
}
.page-template-list img{
    display:inline-block;
    width:200px;
    height:355px;
    margin-bottom:10px
}

/*----------diy page css------------*/

.store-config .config-l {
    width: 240px;
    padding: 0;
    float: left;
}
.list-item{
    position: relative;
}

.van-swipe {
    position: relative;
    overflow: hidden;
    user-select: none;
}
.zent-design-preview-controller {
    position: relative;
    box-sizing: border-box;
    border: 0;
}
.van-swipe-item {
    float: left;
    height: 100%;
}
.cap-image-ad__swipe__background-center {
    background-position: 50%;
    background-repeat: no-repeat;
}
.swiper-slide img {
    /*opacity: 0;*/
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#asse-contant::-webkit-scrollbar {
    display: none;
}
.img-style-contant{
    margin-bottom: 20px;
    border: 1px solid #E3E2E5;
    border-radius: 4px;
    padding: 5px 5px!important;
}
.img-style-contant li{
    padding: 1px 1px;
    cursor: pointer;
}

.img-style-contant li img {
    width: 100%;
    border: 1px solid #e3e2e5;
}
.img-style-contant .active img,.img-style-contant li img:hover{
    border:1px solid var(--color-primary)!important;
}

.advertisement-module {
    width: 340px;
    height: 60px;
    border: 1px solid #E3E2E5;
    border-radius: 4px;
}

input[type=range] {
    outline: 0;
    -webkit-appearance: none;
    background: -webkit-linear-gradient(var(--color-primary),var(--color-primary)) no-repeat,#ddd;
    height: 5px;
    border-radius: 5px;
    width: 90%;
}

.img-upload .default-img {
    float: left;
    margin-right: 20px;
}
.img-upload .img-lg{
    width: auto;
    height: auto;
}
.img-upload .img-lg img {
    width: 80px !important;
}
.img-upload .img-lg img {
    width: 80px !important;
    height: auto;
}
.list-item .btn-edit-del {
    height: 16px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    display: none;
    /*z-index: 90;*/
}

.list-item .btn-edit-del > div {
    width: 32px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    margin-left: 2px;
    cursor: pointer;
    position: relative;
    /*z-index: 11;*/
}
.config-m .list-item.selected .btn-edit-del, .config-m .list-item:hover .btn-edit-del {
    display: block;
}
.swiper-container img{
    width: 100%;
}
/*************diy page css end******************/

/**------------自定义页面-----------------------*/

.decorate-preview-container .com-widget {
    position: absolute;
    top: 0;
    right: -40px;
    width: 34px;
}
.decorate-preview-container .list-item,.var-design-preview .list-item {
    position: relative;
    width: 100%;
    min-height: 20px;
    cursor: move!important;
    margin: 0!important;
}

.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.shop{
    margin-top: 64px;
    padding-bottom: 5px;
}
.shop .shop-head {
    width: 100%;
    height: 64px;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
.shop-navbar{
    width: 1200px;
    height: 64px;
    margin: 0 auto;
}
.shop .head .logo {
    float: left;
    width: 70px;
    height: 24px;
    background-size: 100% 100%;
    background-image: url(../../images/logo.png);
}
.shop .head h2 {
    float: left;
    font-size: 16px;
    position: relative;
    color: #333;
    padding: 0;
    margin: 0;
    font: inherit;
}
.shop .head .right {
    float: right;
}
.shop .head .logo-link+.sep {
    float: left;
    width: 1px;
    height: 18px;
    margin: 0 10px;
    background: #e8e8e8;
    position: relative;
    top: 6px;
}
.shop .shop-info-bar{
    position: relative;
    height: 75px;
    padding: 15px 20px;
    line-height: 20px;
    background: #f8f8f8;
}

.shop .shop-box {
    flex: 1 1 auto;
    margin-top: 40px;
}
.shop .shop-box .shop-container {
    width: 1200px;
    margin: 0 auto;
}
.shop .shop-box .shop-container .shop-content{
    position:relative;
    transition: opacity .3s;
}
.shop-title-box{
    display: flex;
    align-items: center;
}
.shop-title{
    font-size: 20px;
    color: #232529;
    font-weight: 600;
}
.shop-list{
    display: grid;
    grid-template-columns: repeat(3,380px);
    grid-template-rows: repeat(3,100px);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 30px;
}
.shop-item{
    width: 380px;
    height: 100px;
    background: #fff;
    border-radius: 8px;
    border-left: 8px solid var(--color-primary);
    padding: 24px 16px;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.shop-item:hover{
    transform:translateY(-10px)
}
.shop-fla{
    display: flex;
    align-items: center;
}
.shop-name{
    font-weight: 600;
    font-size: 16px;
    color: #232529;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.shop-type-desc{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #a6aec2;
    margin-left: 5px;
    font-size: 14px;
}
.shop-validtime{
    font-size: 12px;
    margin-top: 12px;
    color: #8a8d99;
}
.shop-tag{
    width: 60px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid var(--color-primary);
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: var(--color-primary);
}
.f-fl, .flt {
    float: left;
}

.text-ellipsis{
    text-align: center;
    height: 40px;
    font-size: 12px;
    color: #61616a;
    padding: 0 10px;
    position: relative;
}
.shop-foot{
    margin: 20px 0;
    text-align: center;
    font-size: 12px;
    color: #999;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pl0{
    padding-left: 0;
}

.btn-word{
    color: #38f;
    cursor: pointer;
}

.btn-word:hover{
    color: #38f;
}
.split{
    margin: 0 3px;
    color: #a9a9a9;
}

.hotarea-rnd{
    border: 1px solid var(--color-primary);
    background: rgba(51,136,255,.1);
    font-size: 12px;
    color: #fff;
}
.hotarea-rnd .hotarea {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    cursor: move;
}
.hotarea-rnd .hotarea .hotarea-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.action-divider {
    margin: 4px 6px;
    width: 1px;
    height: 12px;
    background-color: #e0e0e0;
}
.header-msg{
    display: flex;
    align-items: center;
    justify-content:center;
    cursor: pointer;
    min-width: 32px;
    min-height: 32px;
}
.header-msg:hover {
    background-color: #f7f7f7;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: row-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: row-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: col-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: col-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.rc-choose-link-menu-trigger{
    position: relative;
}

[v-cloak]{
    display: none;
}

.edit-member-center-page__design-editor {
    min-width: 750px;
    width: 750px;
}
.zent-design {
    width: 760px;
    text-rendering: optimizelegibility;
    font-family: inherit;
}
.zent-design-preview {
    border: 1px solid #ebedf0;
    width: 320px;
    min-height: 450px;
    position: relative;
}

.zent-design-preview .zent-design-add-component-overlay--grouped {
    background: #fff
}

.zent-design-preview .zent-design-add-component-overlay--grouped:after {
    border-right-color: #fff
}
.zent-design__item-list {
    min-height: 304px;
    padding-bottom: 9px;
}

.zent-design__item-list {
    position: relative;
}
.zent-design-preview-item {
    position: relative;
}
.zent-design-preview-controller {
    min-height: 10px;
}
.zent-design-preview-controller--editable {
    cursor: pointer;
}
.zent-design-preview-controller {
    position: relative;
    box-sizing: border-box;
    border: 0;
}
.rc-design-component-config-preview {
    height: 64px;
    width: 320px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative
}

.rc-design-component-config-preview--weapp {
    background-image: url(https://img.yzcdn.cn/public_files/2018/11/14/24843d9fdcdfad4ed8cbc51c543a513e.png)
}

.rc-design-component-config-preview--wechat {
    background-image: url(https://img.yzcdn.cn/public_files/2019/03/19/f111f05d80ed9823feec361f755ee60e.png)
}

.rc-design-component-config-preview--wechat .rc-design-component-config-preview__title {
    color: #333
}

@media only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .rc-design-component-config-preview--weapp {
        background-image: url(https://img.yzcdn.cn/public_files/2018/11/14/24843d9fdcdfad4ed8cbc51c543a513e.png)
    }

    .rc-design-component-config-preview--wechat {
        background-image: url(https://img.yzcdn.cn/public_files/2019/03/19/2f5402fe458669907a2987378e773538.png)
    }
}
.rc-design-component-config-preview__title {
    padding-top: 32px;
    margin: 0 auto;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    vertical-align: middle
}

.zent-design-preview-controller .zent-pop-wrapper {
    margin-left: 1px
}

.zent-design-preview-controller:hover .zent-design-preview-controller__action-btn-add-container, .zent-design-preview-controller:hover .zent-design-preview-controller__icon-delete {
    display: block
}

.zent-design-preview-controller--highlight.zent-design-preview-controller:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    pointer-events: none;
    display: none
}

.zent-design-preview-controller--highlight.zent-design-preview-controller--selected:before, .zent-design-preview-controller--highlight.zent-design-preview-controller:hover:before {
    z-index: 2;
    display: block;
    border: 1px dashed var(--color-primary)
}

.zent-design-preview-controller--highlight.zent-design-preview-controller:hover:before {
    opacity: .5
}

.zent-design-preview-controller--highlight.zent-design-preview-controller--selected:before {
    opacity: 1
}

.rc-design-react-preview:before, .rc-design-vue-preview:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.rc-design-component-default-preview {
    height: 136px;
    background-color: #ebf8fd;
    text-align: center;
    color: #88c4dc;
}


.preview-item-wrapper .var-design-preview-title {
    margin-top: 50px;
    font-size: 14px;
}


.van-cell-title, .van-cell-value {
    flex: 1;
}
.van-tabbar-item {
    flex: 1;
    display: flex;
    line-height: 1;
    font-size: 12px;
    color: #7d7e80;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.van-tabbar-item__icon {
    font-size: 18px;
    position: relative;
    margin-bottom: 5px
}

.van-tabbar-item__icon .van-icon {
    display: block;
    min-width: 1em
}

.van-tabbar-item__icon--dot:after {
    top: 0;
    right: -8px;
    width: 8px;
    height: 8px;
    content: " ";
    position: absolute;
    border-radius: 100%;
    background-color: #f44
}

.van-tabbar-item__icon img {
    height: 18px;
    display: block
}

.van-tabbar-item--active {
    color: #1989fa
}

.van-tabbar-item .van-info {
    margin-top: 2px
}

.van-tabbar {
    width: 100%;
    height: 50px;
    display: flex;
    background-color: #fff
}

.van-tabbar--fixed {
    left: 0;
    bottom: 0;
    position: fixed
}
.classic-group {
    margin: auto;
    width: 94%
}

.classic-group__item {
    position: relative;
    overflow: hidden
}

.classic-group__item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.classic-group__item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.classic-group__item + .classic-group__item:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 0px;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    transform: scaleY(.5)
}

.classic-group .classic-group__item--cart {
    display: inline-block;
    height: 16px;
    min-width: 16px;
    font-size: 12px;
    color: #fff;
    padding: 0 3px;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: #f44;
    line-height: 16px;
    font-family: PingFang SC, Helvetica Neue, Arial, sans-serif
}

.classic-group .van-cell {
    align-items: center;
    color: #111
}

.classic-group .van-cell:active {
    background: #fff
}

.classic-group .van-cell__title span {
    position: relative
}

.classic-group .classic-group__item--gifts {
    font-size: 12px;
    color: #999;
    position: relative;
    display: inline-block;
    padding-right: 12px
}

.classic-group .classic-group__item--gifts:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    border-radius: 50%;
    background: red
}

.classic-group .van-cell__left-icon {
    margin-right: 10px;
    color: #333
}

.classic-group .van-cell__right-icon {
    color: #999
}

.classic-group__whitespace {
    height: 10px
}

.zent-design-editor-item {
    position: absolute;
    left: 100%;
    top: 0;
    padding: 15px;
    min-height: 28px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ebedf0;
    width: 450px;
    margin-left: 20px;
    font-size: 12px;
    box-sizing: border-box;
    z-index: 5
}

.zent-design-editor-item a {
    color: var(--color-primary);
    text-decoration: none;
    cursor: pointer
}

.zent-design-editor-item:after, .zent-design-editor-item:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.zent-design-editor-item:after {
    border-color: transparent #fff transparent transparent;
    border-width: 6px;
    margin-top: -6px
}

.zent-design-editor-item:before {
    border-color: transparent #fff transparent transparent;
    border-width: 7px;
    margin-top: -7px
}

.zent-design-editor-item.zent-design-add-component-overlay {
    width: 320px;
    box-sizing: content-box;
    padding: 0 0 10px;
    margin-top: -20px
}

.zent-design-editor-item.zent-design-add-component-overlay.zent-design-add-component-overlay--bottom {
    top: 100%
}

.zent-design-editor-item.zent-design-add-component-overlay.zent-design-add-component-overlay--top {
    top: 0
}
.rc-design-editor-component-title {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
}
.rc-design-editor-component-title__name {
    padding-bottom: 10px;
}
.rc-design-editor-component-title__msg {
    color: #333;
    float: right;
}
.zent-design-editor__control-group:not(:last-child) {
    margin-bottom: 20px
}

.zent-design-editor__control-group-container {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.zent-design-editor__control-group-label {
    font-size: 12px;
    width: 85px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    margin-right: 10px
}

.zent-design-editor__control-group-label--top {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 6px
}

.zent-design-editor__control-group-help-desc {
    color: #969799;
    margin-top: 20px
}

.zent-design-editor__control-group-control {
    flex-grow: 1
}

.zent-design-editor__control-group-error {
    margin-left: 94px;
    margin-top: 5px
}

.zent-design-editor__control-group-required-star, .zent-design-editor__control-group.has-error {
    color: #d40000
}
.rc-design-component-usercenter-editor .shop-usercenter-background-image {
    margin-top: 10px;
}
.rc-design-component-usercenter-editor .background-image-tips {
    color: #999;
    display: inline-block;
    margin-left: 10px;
    vertical-align: text-bottom;
}

.rc-design-component-usercenter-editor .shop-usercenter-background-image .has-choosed-image .thumb-image {
    min-height: 50px;
}
.rc-design-component-usercenter-editor .shop-usercenter-background-image .has-choosed-image {
    width: 52px;
    height: 52px;
}
.rc-design-component-usercenter-editor .shop-usercenter-background-image .has-choosed-image .modify-image {
    width: 50px;
    height: 16px;
    line-height: 16px;
}

.zent-design-editor__control-group-control, .zent-design-editor__control-group-label {
    font-size: 12px;
}
.rc-design-select-templates {
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    margin: 0 10px 15px 0;
    padding-top: 5px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}
.rc-design-select-templates:nth-child(3n) {
    margin-right: 0
}
.rc-design-select-templates .rc-design-select-templates__title {
    margin-top: 5px;
}
.rc-design-select-templates .rc-design-select-templates__image-block {
    width: 100px;
    height: 64px;
}
.rc-design-select-templates.active {
    border-color: var(--color-primary);
}
.uc-image-ad-tip__text {
    color: #666;
}
.zent-design-editor__control-group-label--top {
    margin-top: 0;
}
.rc-design-editor-card-add {
    font-size: 14px;
    color: var(--color-primary)
}

.rc-design-editor-card-add-icon {
    color: var(--color-primary)
}
.rc-design-editor-card {
    position: relative;
}
.rc-design-editor-card-add {
    display: flex;
    align-items: center;
    background: #fff;
    margin: 10px 0;
    padding: 10px;
    border: 1px dashed #e5e5e5;
    cursor: pointer;
    color: var(--color-primary)
}

.rc-design-editor-card-add:first-child {
    margin-top: 0
}

.rc-design-editor-card-add:last-child {
    margin-bottom: 0
}

.rc-design-editor-card-add-icon {
    margin-right: 10px;
    color: var(--color-primary)
}
.rc-design-component-image-ad-editor .rc-design-component-image-ad-editor__add-image {
    width: 100%;
    height: 60px;
    text-align: center;
}
.rc-design-component-image-ad-editor .rc-design-component-image-ad-editor__add-image .rc-design-component-image-ad-editor__add-image-text {
    margin-top: 13px;
}
.rc-design-component-image-ad-editor .rc-design-component-image-ad-editor__add-image .rc-design-component-image-ad-editor__add-image-tip {
    color: #999;
}
.rc-design-editor-card-item {
    position: relative;
    background-color: #fff;
    margin: 15px 0;
    padding: 15px;
    border: 1px dashed #e5e5e5
}

.rc-design-editor-card-item:first-child {
    margin-top: 0
}

.rc-design-editor-card-item:last-child {
    margin-bottom: 0
}

.rc-design-editor-card-item-delete {
    display: none !important;
    position: absolute;
    cursor: pointer;
    font-size: 20px;
    right: -10px;
    top: -10px;
    color: #bbb;
    background: #fff;
    border-radius: 50%
}

.rc-design-editor-card-item-delete:hover {
    color: #aaa
}

.rc-design-editor-card-item:hover .rc-design-editor-card-item-delete {
    display: block !important
}

.rc-design-editor-card-item__inline {
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    display: block;
    border: 1px solid #ddd;
    background-color: #fff;
    box-sizing: border-box
}

.rc-design-editor-card-item__inline:hover .rc-design-editor-card-item-delete {
    display: block !important
}
.usercenter-plugin-item .opt-content {
    float: right;
}

.zent-design__add {
    padding-bottom: 5px;
    position: relative;
    border-top: 1px solid #ebedf0
}

.zent-design__add--mixed {
    background: #f7f8fa
}

.zent-design__add--mixed:after {
    border-bottom-color: #f7f8fa
}

.zent-design__add--grouped {
    background: #fff
}

.zent-design__add--grouped:after {
    border-bottom-color: #fff
}
.zent-design-editor-add-component .zent-design-editor-add-component__grouped {
    padding: 0 5px 0 10px;
}
.zent-design-editor-add-component .zent-design-editor-add-component__grouped-title {
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 13px;
}
.zent-design-editor-add-component .zent-design-editor-add-component__grouped-list {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.zent-design-editor-add-component .zent-design-editor-add-component__grouped-btn-wrapper {
    box-sizing: border-box;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    height: 30px;
    margin-bottom: 5px;
    padding-right: 5px;
}
.zent-design-editor-add-component .zent-design-editor-add-component__grouped-btn {
    border: 1px dashed #ebedf0;
    color: #646566;
    background: #f7f8fa;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.zent-design-editor-add-component .zent-design-editor-add-component__grouped-btn br {
    display: none;
}
.plugin-split-line {
    height: 10px;
    background-color: #e5e5e5;
}
.zent-design-editor-add-component .zent-design-editor-add-component-btn-wrapper:hover .zent-design-editor-add-component__grouped-btn {
    background: #edf4ff;
    border-color: #3773da;
    color: var(--color-primary)
}
.rc-design-component-usercenter-editor .zent-design-editor__control-group-label {
    width: 90px;
}
.user-info__level-2 {
    position: absolute;
    top: -90px;
    right: -60px;
    width: 179px;
    height: 99px;
    overflow: hidden;
    color: #e3c86f;
    background-image: linear-gradient(147deg,#414653,#373b44 74%);
    border-radius: 4px;
    box-shadow: 2px 2px 16px 0 rgba(0,0,0,.2);
    transform: rotate(15deg);
    transform-origin: left;
}
.user-info__level-2 .level2-header {
    height: 25px;
    padding-left: 10px;
}
.user-info__level-2 .level2-header .shop-name {
    display: block;
    max-width: 80px;
    overflow: hidden;
    font-size: 10px;
    line-height: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.user-info__level-2 .level2-header .shop-name:before {
    display: inline-block;
    width: 14px;
    height: 10px;
    margin-top: 8px;
    margin-right: 5px;
    vertical-align: -2px;
    background-image: url(https://img.yzcdn.cn/public_files/2019/02/18/9c5e867bf80c7de1f7a7d58586a88753.png);
    background-size: cover;
    content: " ";
}
.user-info__level-2 .level2-body {
    height: 74px;
    margin: 0 .5px .5px;
    padding: 5px 0 0 9px;
    background-image: linear-gradient(134deg,#4d525e,#343841 79%);
}
.user-info__level-2 .level2-body .level {
    height: 16px;
    padding: 0 2px 0 8px;
    color: #e3c86f;
    font-size: 10px;
    background: #646875;
    border: .5px solid #e3c86f;
}
.user-info__level-2 .level2-vip {
    position: absolute;
    top: 53px;
    left: 4px;
    width: 82px;
    height: 50px;
}
.user-info__level-2 .level2-body .level .van-button__text {
    line-height: 15px;
}
.user-info__level-2 .level2-body .level-name {
    display: flex;
    align-items: center;
}
.user-info__level-3 {
    position: absolute;
    right: 3%;
    bottom: -35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 94%;
    height: 70px;
    color: #886c11;
    background: url(https://img.yzcdn.cn/public_files/2019/02/20/9a0bb2c59bf55531f2dbfddd2b2ce0da.png);
    background-size: 100% 100%;
    border-radius: 8px;
}
.user-info__level-3 .name {
    display: block;
    flex: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-left: 10px;
    overflow: hidden;
    font-size: 12px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.user-info__level-3 .name--vip:before, .user-info__level-3 .name:before {
    display: inline-block;
    width: 16px;
    height: 12px;
    margin-right: 5px;
    vertical-align: -1px;
    background-size: cover;
    content: " ";
}
.user-info__level-3 .name:before {
    background-image: url(https://b.yzcdn.cn/member-center/free-icon-3.png);
}
.user-info__level-3 .become-member, .user-info__level-3 .level {
    display: flex;
    align-items: center;
    height: 22px;
    margin-right: 10px;
    padding: 0 4px 0 10px;
    color: #9e8329;
    font-size: 12px;
    background: hsla(0,0%,100%,.6);
    border-radius: 12px;
    box-shadow: 0 2px 8px 0 rgba(185,157,51,.2);
}
.user-info__level-3 .become-member .van-icon, .user-info__level-3 .level .van-icon {
    margin-top: 1px;
    font-size: 12px;
    transform: scale(.5);
}
.user-info__level-3 .level3-member {
    position: absolute;
    bottom: 10px;
    left: 14px;
    width: 126px;
    height: 19px;
}

[v-cloak]{
    display: none;
}
.user-login {
    position: relative;
    width: 100vw;
    height: 100vh;
    min-width: 1200px;
    min-height: 680px;
    background: #f2f3f5;
}

.user-login .var-logo {
    position: absolute;
    left: 40px;
    width: 210px;
    height: 64px;
    background: url(../../images/index/varhoo-logo.png)
    no-repeat;
    background-size: 210px 64px;
}
.user-login .login-container {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 550px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.user-login .login-container-left {
    width: 550px;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}
.user-login .login-container-right {
    position: relative;
    width: 382px;
    background-image: url(https://b.yzcdn.cn/public_files/c1645d649d214b6fb93ed95573886c10.png);
    background-size: cover;
    background-position: 50%;
}
.user-login .login-container-left .login-wrapper {
    position: relative;
    height: 520px;
    padding: 50px 56px 60px;
    box-sizing: border-box;
}

.user-login .login-container-left .login-wrapper .login-wrapper-header {
    padding-bottom: 30px;
    font-size: 20px;
    color: #969799;
}

.user-login .login-container-left .login-wrapper .login-wrapper-header .login-password {
    font-weight: 500;
    font-size: 26px;
    color: #323233;
    margin-right: 24px;
    cursor: default;
}

.login-loginForm {
    margin-bottom: 30px;
    width: auto;
}

.login-loginForm .el-input__inner {
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    color: #323232;
    border-radius: 0;
    border-bottom: 1px solid #dcdee0;
    height: 48px;
    max-height: 48px;
}

.login-loginForm .el-button {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 2px;
    font-size: 12px;
    font-family: inherit;
    color: #fff;
    border: 1px solid #bbb;
    border-color: transparent;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
    display: block;
    width: 100%;
    padding: 0;
    margin: 16px 0;
    height: 48px;
    line-height: 46px;
    font-size: 18px;
}

.login-loginForm .el-button:hover {
    color: #fff;
    border-color: #59f;
}

.login-loginForm .el-button:active {
    color: #fff;
    background: #27f;
    border-color: #27f;
}
.login-loginForm .login-other {
    text-align: right;
}
.login-loginForm .login-other .line {
    padding: 0 8px;
    color: #ebedf0;
}

.table-pagination {
    margin-top: 15px;
    position: relative;
    display: flex;
}
.table-pagination .el-pagination{
    text-align: right;
    flex: 1;
}
.consume-popover-item-box{
    min-width: 87px;
    padding: 0;
    position: absolute;
    left: 0;
}
.consume-popover-item{
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    display: block;
}
.consume-popover-item:hover{
    background:rgba(0,82,217, 0.1);
}
.table-search{
    background: #f2f2f6;
    padding: 16px;
    border-radius: 2px;
}
.table-toolbr{
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
.table-toolbr .bs-bars, .table-toolbr .columns, .table-toolbr .search {
    position: relative;
    line-height: inherit;
    display: flex;
}
.table-search label{
    font-weight: 400;
}
.el-button{
    border-radius: 0px;
}
.el-button--small, .el-button--small.is-round {
    padding: 8px 15px;
    font-size: 14px;
}

.el-table, .el-table thead, .el-table th {
    color: #444;
    font-weight: 500 !important;
    font-size: 14px;
}
.el-table td, .el-table th, .el-table th.is-leaf {
    border-color: #f7f7f7;
}

.el-input__inner{
    border-radius: 2px;
    font-size: 14px;
}
.decorate-editor-wrap label{
    font-weight: normal;
}

.el-form-item__label,.el-radio__label,.el-select-dropdown__item,.el-checkbox__label,.el-form-item__content,.third-nav-item {
    font-size: 14px;
}
.el-color-picker--small .el-color-picker__trigger,.el-color-picker--small .el-color-picker__trigger {
    height: 30px;
    width: 50px;
    border-radius: 2px;
}
.el-color-picker__color,.el-color-picker__color{
    border: none;
}

.el-radio{
    display: inline-block;
    cursor: pointer;
    padding: 0;
    margin: 0 15px 0 0;
    vertical-align: middle;
    line-height: 30px;
}
.el-radio__input.is-checked .el-radio__inner{
    background-color: #FFF;
}
.el-radio__inner{
    width: 16px;
    height: 16px;
}
.el-radio__inner::after{
    background-color: var(--color-primary);
    width: 8px;
    height: 8px;
}

.widget-name {
    display: inline-block;
    background-color: #fff;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    pointer-events: none;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}
.widget-name .widget-name__arrow-out {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    bottom: 7px;
    left: -10px;
}
.widget-del {
    display: none;
    cursor: pointer;
    position: absolute;
    left: -6px;
    width: 40px;
    height: 28px;
    background-image: url(../../images/diy-page/diy_del.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

.widget-name:hover {
    display: none
}

.list-item:hover .widget-del {
    display: inline-block
}

.list-item:hover .widget-name {
    display: none
}

.line_1{
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.deco-radio-button-group {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.deco-radio-button {
    position: relative;
    display: inline-block;
}

.deco-radio-button .el-button {
    width: 100%;
    border-radius: 0;
    border-color: #ebedf0;
    font-size: 12px;
    font-weight: 500;
}

.deco-radio-button--active {
    z-index: 3;
}

.deco-radio-button--active .el-button {
    border-color: #1682e6;
    color: #1682e6;
    background-color: #e0edff;
}

.deco-radio-button--bottom-left .el-button {
    border-bottom-left-radius: 2px;
}

.deco-radio-button--top-left .el-button {
    border-top-left-radius: 2px;
}

/*.el-tabs__nav-scroll {*/
/*    padding: 0 50px;*/
/*}*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video  {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

.wsc-feature-template-list {
    max-height: 480px;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto;
    margin-bottom: 20px;
}
.template-item {
    width: 186px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #f2f2f2;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 4px;
}
.template-item .template-image-content {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
.template-item .template-content-empty {
    height: 300px;
    width: 100%;
    /*background-image: url(https://img.yzcdn.cn/public_files/2019/05/14/434fae291c5034a86dffca8183bfcfbb.png);*/
    background-position: 50%;
    background-size: 48px;
    background-repeat: no-repeat;
}
.template-item .template-content-empty-text {
    font-size: 14px;
    color: #7d7e80;
    text-align: center;
    padding-top: 210px;
}
.template-item .template-image-content .template-mask {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.6);
}
.template-item .template-image-content:hover .template-mask{display:block}
.template-item .template-image-content .template-mask .template-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.template-item .template-image-content .template-mask .template-actions .buy-btn {
    width: 96px;
    height: 32px;
    display: inline-block;
    margin-left: 0;
    margin-top: 16px;
}
.template-item .template-image-content .template-image {
    display: block;
    background-size: cover;
    max-width: 100%;
    height: auto;
    width: 100%;
    position: relative;
}
.wsc-feature-template-list{
    max-height: 480px;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
}
.template-item .template-info {
    background: #fff;
    padding: 4px;
    border-radius: 0 0 4px 4px;
}
.template-status {
    line-height: 22px;
    font-size: 12px;
}
.template-status .status-text {
    background-color: #2da641;
    border-radius: 2px 0 0 2px;
    height: 22px;
    color: #fff;
}
.template-status .status-date, .template-status .status-text {
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle;
    text-align: center;
}
.template-status .status-date {
    border: 1px solid #2da641;
    border-radius: 0 2px 2px 0;
    height: 22px;
    color: #2da641;
    min-width: 50px;
}
.template-item .template-info .template-title {
    color: #333;
    font-weight: 500;
    margin: 10px 0 8px;
    text-align: center;
}
.template-item .template-info .template-title .template-title-text {
    font-size: 14px;
    vertical-align: middle;
}
.template-item .template-info .template-designer {
    font-size: 12px;
    color: #7d7e80;
    line-height: 18px;
    margin-bottom: 8px;
}
.template-support-icon {
    display: inline-block;
}
.template-item .template-image-content .template-mask .template-actions .preview-btn {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    width: 96px;
    height: 32px;
}

.el-dialog__header {
    border-bottom: 1px solid #f4f4f4;
}

.el-table th {
    background: #f7f8fa;
}

.deco-control-group__content .el-slider__input,.zent-design-editor__control-group-control .el-slider__input,.design-slider .el-slider__input{
    width:50px;
}
.design-slider .el-slider__input{
    margin-top: 0;
}
.deco-control-group__content .el-slider__runway.show-input,.zent-design-editor__control-group-control .el-slider__runway.show-input,.design-slider .el-slider__runway.show-input{
    margin-right: 60px;
}
.deco-control-group__content .el-slider__runway,.zent-design-editor__control-group-control .el-slider__runway,.design-slider .el-slider__runway{
    height: 4px;
    margin: 14px 0;
}
.deco-control-group__content .el-slider__bar,.zent-design-editor__control-group-control .el-slider__bar,.design-slider .el-slider__bar{
    height: 4px;
}
.deco-control-group__content .el-slider__button-wrapper,.zent-design-editor__control-group-control .el-slider__button-wrapper,.design-slider .el-slider__button-wrapper{
    height: 14px;
    width: 14px;
    top: -9px;
}
.deco-control-group__content .el-slider__button,.zent-design-editor__control-group-control .el-slider__button,.design-slider .el-slider__button{
    width: 10px;
    height: 10px;
}


.van-sidebar-item {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 12px 20px 8px;
    overflow: hidden;
    color: #323233;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
    background-color: #fafafa;
    border-left: 3px solid transparent;
    cursor: pointer;
    user-select: none;
}
.van-sidebar-item--select, .van-sidebar-item--select:active {
    background-color: #fff;
}
.van-sidebar-item--select {
    color: #323233;
    font-weight: 500;
    border-color: #ee0a24;
}
.van-sidebar-item__text {
    position: relative;
    display: inline-block;
}
.tags-tab-style-0 .van-tab--active {
    color: #f44;
}
.cap-tag-list__empty {
    padding: 20px 15px 20px 0;
    color: #999;
    font-size: 14px;
    text-align: center;
}
ul, ol {
    margin-bottom: 0px;
}
.img-wrap-end::after, .img-wrap-soldout::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: rgba(0,0,0,0.3);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px 100px;
    content: "";
}
.img-wrap-soldout::after {
    background-image: url(../../images/mall/soldout.png);
}

.decorate-preview-container .cap-tag-list, .decorate-preview-container .showcase-tag-list-top.has-all-goods {
    max-height: 1000px;
    overflow: hidden;
}
.cap-tag-list {
    position: relative;
    padding-left: 88px;
    background-color: #f2f2f2;
}


.buy-btn-text-container .zent-input {
    width: 80px!important;
}
.buy-btn-text-container .buy-btn-text {
    display: inline-block;
    width: 82px;
    margin-right: 10px
}


.search-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ccc;
    font-size: 14px;
    cursor: pointer;
    background: #fff;
}
.input-sm{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    height: 30px;
}

.upload-left {
    padding: 12px 20px;
    line-height: 1em;
    font-size: 14px;
}


.upload-search {
    text-align: right;
    height: 30px;
    background: #fff;
    position: relative;
    z-index: 9;
}
.m-sm {
    margin: 10px;
}

.order-by span {
    border: 1px solid #e3e2e5;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 2px;
}
.order-by span.active {
    background: #00a1ff;
    color: #fff;
}
.w-md {
    width: 240px;
}

.m-r-lg {
    margin-right: 30px;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.list-float .thumb {
    float: left;
    margin: 10px;
    position: relative;
}
.r-3x {
    border-radius: 6px;
}


.size-120, .size-140 {
    height: 120px;
}
.img-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.list-float .thumb {
    margin: 6px;
}

.m-t-xs {
    margin-top: 5px;
}
.text-ellipsis, .text-ellipsis-inline {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.l-h-2x {
    line-height: 2em;
}

.cap-image-ad__top2end{padding: 0;margin: 0;}
.cap-image-ad__top2end .cap-image-ad__content{box-shadow:none}
.cap-image-ad__top2end .cap-image-ad__content:last-child{margin-bottom:0 !important}
.cap-image-ad__top2end .cap-image-ad__image{width:100%}
.cap-image-ad__top2end__hotarea-link{position:absolute;display:block;-moz-box-sizing:border-box;box-sizing:border-box}
.cap-image-ad__top2end__hotarea-link-border{border:solid #00f 1px}.cap-image-ad__top2end__hotarea-pic-container{margin:0 auto}
.cap-image-ad__content{position:relative}
.cap-image-ad__content--small{float:left;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;height:152.5px;padding-right:2px;padding-left:0;overflow:hidden}
.cap-image-ad__content--small:nth-child(2n){padding-right:0;padding-left:2px}
.cap-image-ad__content .cap-image-ad__image-wrapper{position:relative}

.swiper-container-horizontal > .my-pagination1-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}
.my-bullet1 {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    background: #f44;
    opacity: 0.3;
}
.swiper-pagination-clickable .my-bullet1 {
    cursor: pointer;
}

.swiper-container-horizontal > .my-pagination1-bullets .my-bullet1 {
    margin: 0 3px;
}

.my-bullet1.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f44;
}

.swiper-container-horizontal > .my-pagination2-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.my-bullet2 {
    width: 12px;
    height: 2px;
    display: inline-block;
    background: #c5c5c5;
}

.swiper-pagination-clickable .my-bullet2 {
    cursor: pointer;
}

.swiper-container-horizontal > .my-pagination2-bullets .my-bullet2 {
    margin: 0 3px;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .my-bullet2 {
    transition: 200ms transform, 200ms right;
}
.my-bullet2.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f44;
}

.my-pagination3-fraction,.my-pagination4-fraction{
    width: auto;
    left:auto;
    right: 15px;
    bottom: 13px;
    display: inline-block;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    background: #000;
    border-radius: 100px;
    opacity: .8;
}
.cap-image-ad__swipe__background-center {
    background-repeat: no-repeat;
    background-position: 50%
}
.cap-image-ad--fillet .cap-image-ad__content,
.cap-image-ad--fillet .cap-image-ad__image,
.cap-image-ad--fillet .cap-image-ad__image-wrapper,
.cap-image-ad--fillet .cap-image-ad__swipe .van-swipe-item,
.cap-image-ad--fillet .cap-image-ad__swipe__background-center {
    border-radius: 8px
}

.cap-image-ad--img-shadow.cap-image-ad--no-border-width .cap-image-ad__slide .cap-image-ad__image-wrapper .cap-image-ad__image {
    box-shadow: 10px 4px 10px rgba(47, 54, 70, .1)
}

.cap-image-ad--img-shadow.cap-image-ad--no-border-width .cap-image-ad__slide .cap-image-ad__image-wrapper:first-child .cap-image-ad__image {
    box-shadow: 0 4px 10px rgba(47, 54, 70, .1)
}

.cap-image-ad--img-shadow.cap-image-ad--no-border-width .cap-image-ad__top2end .cap-image-ad__content .cap-image-ad__image {
    box-shadow: 0 10px 10px rgba(47, 54, 70, .1)
}

.cap-image-ad--img-shadow.cap-image-ad--no-border-width .cap-image-ad__top2end .cap-image-ad__content:first-child .cap-image-ad__image {
    box-shadow: 0 4px 10px rgba(47, 54, 70, .1)
}

.cap-image-ad--img-shadow.cap-image-ad--no-border-width .cap-image-ad__top2end .cap-image-ad__content:last-child .cap-image-ad__image {
    box-shadow: 0 10px 15px rgba(47, 54, 70, .03)
}

.cap-image-ad--img-shadow .cap-image-ad__swipe {
    padding-top: 0;
    padding-bottom: 0
}

.cap-image-ad--img-shadow .cap-image-ad__swipe .van-swipe-item {
    box-shadow: 0 4px 10px rgba(47, 54, 70, .1)
}

.cap-image-ad--img-shadow .cap-image-ad__image-nav, .cap-image-ad--img-shadow .cap-image-ad__slide, .cap-image-ad--img-shadow .cap-image-ad__split, .cap-image-ad--img-shadow .cap-image-ad__top2end {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px
}

.cap-image-ad--img-shadow .cap-image-ad__slide {
    margin-right: -15px;
    margin-left: -15px
}

.cap-image-ad--img-shadow .cap-image-ad__slide > :first-child {
    margin-left: 15px
}

.cap-image-ad--img-shadow .cap-image-ad__slide > :last-child {
    margin-right: 15px !important
}

.cap-image-ad--img-shadow .cap-image-ad__content, .cap-image-ad--img-shadow .cap-image-ad__image, .cap-image-ad--img-shadow .cap-image-ad__image-nav .cap-image-ad__content, .cap-image-ad--img-shadow .cap-image-ad__image-nav .cap-image-ad__image, .cap-image-ad--img-shadow .cap-image-ad__image-nav img, .cap-image-ad--img-shadow .cap-image-ad__top2end .cap-image-ad__content, .cap-image-ad--img-shadow .cap-image-ad__top2end .cap-image-ad__image, .cap-image-ad--img-shadow .cap-image-ad__top2end img {
    box-shadow: 0 4px 10px rgba(47, 54, 70, .1)
}

.cap-image-ad--img-shadow .cap-indicator--2, .cap-image-ad--img-shadow .van-swipe__indicators {
    bottom: 25px
}

.cap-image-ad--img-shadow .cap-indicator--3, .cap-image-ad--img-shadow .cap-indicator--4 {
    bottom: 28px
}

.cap-image-ad__title {
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}
.cap-image-ad__title {
    position: absolute;
    margin: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 36px;
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    background-color: rgba(51,51,51,.8);
}
.cap-image-ad__4 .cap-image-ad__title,.cap-image-ad__5 .cap-image-ad__title {
    height: 20px;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
}
.cap-image-ad__2 .cap-image-ad__title {
    padding-left: 5px;
    text-align: left;
}

.rc-design-component-editor_subentry-item {
    position: relative;
}
.rc-design-component-editor_subentry-item .image-editor {
    float: left;
}
.rc-design-component-editor_subentry-item .subentry-item-editor-form-content {
    float: left;
    width: 260px;
    margin-left: 8px;
}
.rc-design-component-editor_subentry-item .subentry-item-editor-form-content .zent-design-editor__control-group {
    margin-bottom: 15px;
}
.rc-design-component-image-ad-editor .rc-design-component-editor_subentry-item .subentry-item-editor-form-content .zent-design-editor__control-group-label, .rc-design-component-image-ad-editor .zent-design-editor__control-group-label {
    width: auto;
}

/**********店铺导航********************************/
.flex {
    width: 100%;
    display: flex;
}
.tab-content .mbox{
    margin: 15px;
}
.mbox .el-card__header, .mbox .el-card__body{
    padding: 10px!important;
}
.pointer{
    cursor: pointer;
}

.mobile-config {
    width: 431px;
    margin-left: 30px;
}
.switch-panel {
    padding-top: 5px;
    padding-bottom: 20px;
}
.switch-panel .panel-title {
    margin-right: 23px;
    color: #595961;
}
.switch-panel .example-text {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #2589ff;
    letter-spacing: 0;
    text-align: right;
    line-height: 20px;
}
.switch-panel .ant-switch-checked {
    background: #2cc95b;
}
.switch-panel .panel-title, .switch-panel .switch-val-text {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
}
.nav-tip {
    margin-bottom: 11px;
}
.ant-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #595961;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum","tnum";
    font-feature-settings: "tnum","tnum";
    display: inline-block;
    height: auto;
    margin: 0 8px 0 0;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    background: #fafafa;
    border: 1px solid #e3e2e5;
    border-radius: 5px;
    cursor: default;
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86);
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
}
.nav-tip .ant-tag {
    width: 431px;
    background: #fff7ee;
    border: 1px solid #ffe6c6;
    border-radius: 4px;
    color: #595961;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 18px;
    white-space: pre-wrap;
}

.bg-white-panel {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
.ant-col-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%;
}
.ant-row {
    position: relative;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    zoom: 1;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mobile-nav {
    width: 325px;
    height: 667px;
    background-color: #fff;
    position: relative;
    margin: 15px;
    margin-right: 0;
    border: 1px solid #EBEEF5;
    border-radius: 2px;
}
.mobile-nav .mobile-header-image {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
.mobile-nav .mobile-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e3e2e5;
    display: flex;
    text-align: center;
    align-items: center;
}
.mobile-nav .mobile-footer-float {
    bottom: 8px;
    left:50%;
    transform: translateX(-50%);
    width: 300px;
    border-radius: 40px;
}
.mobile-nav .mobile-footer>div {
    flex: 1;
}
.mobile-nav .mobile-footer>div .image {
    height: 24px;
    width: 24px;
    margin-top: 5px;
}
.mobile-nav .mobile-footer>div p {
    margin-bottom: 0;
    transform: scale(.8);
    font-size: 12px;
}
.switch-panel .switch-val-text {
    margin: 0 20px 0 5px;
    color: #9797a1;
}
.ant-switch {
    margin: 0;
    padding: 0;
    color: #595961;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum","tnum";
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 44px;
    height: 22px;
    line-height: 20px;
    vertical-align: middle;
    background-color: #bbb;
    border: 1px solid transparent;
    border-radius: 100px;
    cursor: pointer;
    transition: all .36s;
    user-select: none;
}
.ant-switch {
    min-width: 34px;
}
.ant-switch-inner {
    display: block;
    margin-right: 6px;
    margin-left: 24px;
    color: #fff;
    font-size: 12px;
}
.ant-switch-checked .ant-switch-inner {
    margin-right: 24px;
    margin-left: 6px;
}
.ant-switch-loading-icon, .ant-switch:after {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 18px;
    cursor: pointer;
    -webkit-transition: all .36s cubic-bezier(.78,.14,.15,.86);
    transition: all .36s cubic-bezier(.78,.14,.15,.86);
    content: " ";
}
.ant-switch:after {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,35,11,.2);
    box-shadow: 0 2px 4px 0 rgba(0,35,11,.2);
}
.ant-switch-checked:after {
    left: 100%;
    margin-left: -1px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.m-r-sm {
    margin-right: 10px;
}
.m-b-sm {
    margin-bottom: 10px;
}
.mobile-config .select-color {
    background: #fff;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
}
.mobile-config .select-color .color-circle {
    border-radius: 8px;
    width: 16px;
    height: 16px;
    margin-top: 7px;
    position: relative;
}
.mobile-config .select-color .color-circle:first-child {
    background: #ff5050;
    border: 2px solid #fff;
    margin-left: 5px;
}
.mobile-config .select-color .color-circle:nth-child(2) {
    background: #999;
    border: 2px solid #fff;
    margin-left: -6px;
}
.mobile-config .select-color .main-color {
    font-size: 12px;
    color: #595961;
    margin-left: 5px;
}
.main-color:hover{color:#2589ff!important}
.mobile-config .nav-item {
    width: 276px;
    background: #fff;
    border: 1px solid #e3e2e5;
    border-radius: 4px;
    margin-bottom: 10px;
}
.mobile-config .nav-item {
    width: 210px;
}
.mobile-config .nav-item .item-header {
    background: #efefef;
    border-radius: 4px 4px 0 0;
    height: 39px;
    line-height: 39px;
    padding: 0 19px 0 9px;
}
.mobile-config .nav-item .item-header>div {
    -webkit-box-flex: 1;
    flex: 1;
}
.mobile-config .nav-item .item-header .header-title {
    font-weight: 500;
}
.ant-form {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #595961;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum","tnum";
    font-feature-settings: "tnum","tnum";
}
.ant-form-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    color: #595961;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum","tnum";
    font-feature-settings: "tnum","tnum";
    margin: 0 0 24px;
    vertical-align: top;
}
.mobile-config .item-content {
    padding: 0 10px 10px 8px!important;
}
.root-retail2 .ant-form-item {
    margin-bottom: 15px;
}
.mobile-config .item-content .ant-col-4 {
    text-align: left;
    width: 46px!important;
}
.ant-form-item label {
    position: relative;
}
.ant-form-item-label>label {
    color: #595961;
}
.ant-form label {
    font-size: 12px;
}
.ant-form-item-label {
    display: inline-block;
    overflow: hidden;
    line-height: 39.9999px;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
}
.tubiao{
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f2f4f6;
    font-size: 24px;
    position: relative;
    line-height: 40px;
}
.tubiao i{
   line-height: 42px;
}
.add-nav {
    display: inline-block;
    width: 100%;
    height: 44px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    text-align: center;
    color: #38f;
    cursor: pointer;
    font-size: 14px;
}
.add-nav span {
    display: inline-block;
    margin: 13px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1;
}
.form-group .input-suffix {
    position: absolute;
    top: 9px;
    right: 20px;
    color: #9797a1;
    cursor: pointer;
}
.form-group .input-suffix:hover {
    color: var(--color-primary);
}
.nav_list .el-form-item__label,.nav_list .el-input__inner,.nav_list .el-form-item__content{
    font-size:12px;
}
/**************店铺导航*************************/

/***********************店铺系色************************/
.global-themes {
    margin-top: 5px;
    margin-left: -3px;
}
.global-themes .theme-item {
    float: left;
    padding: 2px;
    margin: 0 20px 5px 0;
    height: 22px;
    border: 1px solid #fff;
    cursor: pointer;
    box-sizing: border-box;
}
.global-themes .theme-item.active {
    border: 1px solid #0080f9;
}
.global-themes .theme-item .color-item {
    float: left;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
}
.example-imgs {
    margin: 5px 16px 30px 0;
}
.example-imgs img {
    height: 400px;
    max-width: 100%;
}
.color-item3{
    background: rgb(255, 255, 255);
    border: 1px solid rgb(234, 234, 234);
}
/***********************店铺系色************************/

.table-goods-field{
    display: flex;
    align-items: center;
}
.table-goods-img-content{
    float: left;
    line-height: 36px;
    text-align: center;
    width: 36px;
    height: 36px;
}
.table-goods-img{
    max-width: 36px;
    max-height: 36px;
    vertical-align: middle;
}
.table-goods-title-content{
    flex: 1;
    margin-left: 10px;
    line-height: 18px;
}
.table-goods-title-info{
    display: block!important;
}
.table-goods-title{
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    position: relative;
    -webkit-box-orient: vertical;
    line-height: 20px;
}

/*.el-input__inner,.el-checkbox__label,.el-radio__label,.el-input--small,.el-form-item__content,.el-select-dropdown__item,.el-cascader-node__label{*/
/*    font-size:12px!important;*/
/*}*/
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #9797A1;
    font-size: 12px;
    max-width: 450px;
    line-height: 18px;
}
.see-example{
    display: inline-block;
    color:#155bd4;
    cursor: pointer;
}
.el-input-group__append{
    padding: 0 10px;
}
.edui-default{
    line-height: normal;
}
.a-tag{
    color:#155bd4;
    cursor: pointer;
}



.goods-sku .goods-sku-item .item-remove {
    position: absolute;
    z-index: 2;
    top: -9px;
    right: -3px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: hsla(0,0%,60%,.6);
    border-radius: 10px;
}



.spec-selected .spec-item-close{
    float: right;
    color: #8492a6;
    font-size: 12px;
    display: none;
}
.spec-selected li:not(.selected):hover .spec-item-close{
    display: block;
}

.el-icon-search{
    line-height: 32px!important;
}
.sku-list .spec-item-name{
    position: relative;
    display: inline-block;
    vertical-align: middle;
     margin: 5px 0;
    text-align: center;
}
.sku-list .spec-item-name.spec-item-img{
     margin-bottom: 100px;
}
.sku-list .spec-item-name .spec-item-del{
    position: absolute;
    display: none;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    background-color: hsla(0,0%,60%,.6);
    cursor: pointer;
    text-align: center;
    right: 3px;
    top: -8px;
}
.sku-list .spec-item-name:hover .spec-item-del{
    display: inline-block;
}
.spec-item-selected{
    text-align: center;
}
.spec-item-selected .el-select__input{
    margin-left: 24px;
    font-size: 12px;
}

.stock-table{
    width: 100%;
    padding: 0;
    border-collapse: separate;
    border-color: #dfe6ec;
    border-style: solid;
    border-width: 1px 0 0 1px;
    background-color: #fff;
}

.stock-table td, .stock-table th {
    padding: 10px;
    border-bottom: 1px solid #dfe6ec;
    border-right: 1px solid #dfe6ec;
    vertical-align: middle;
}

.stock-table th {
    text-align: left;
    line-height: 15px;
    font-weight: 400;
    background-color: #eef1f6;
}

.stock-table .wh-foot {
    line-height: 30px;
}
.stock-table .wh-foot .label {
    display: inline-block;
    vertical-align: top;
}
.stock-table .wh-foot .set-list {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding: 0;
}
.stock-table .wh-foot .set-form {
    display: inline-block;
    margin-left: 10px;
}
.stock-table .wh-foot .set-list .set-item {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    font-size: 12px;
    cursor: pointer;
    color: #0088ee;
}

.tag-config.rc-design-component-config-preview {
    height: auto;
}

.zent-design-editor-add-component {
    box-sizing: border-box;
}

.zent-design-preview-controller__action-btn-delete {
    position: absolute;
    top: -8px;
    right: -10px;
    z-index: 15;
    font-size: 12px;
    background: #ccc;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    padding: 2px;
    cursor: pointer;
    display: none;
}

.zent-design-preview-controller:hover .zent-design-preview-controller__action-btn-delete{
    display: inline-block;
}

.zent-design-preview-controller__action-btn-add-container {
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    display: none;
}

.zent-design-preview-controller__action-btn-add-container.zent-design-preview-controller__prepend {
    top: 1px;
}

.zent-design-preview-controller:hover .zent-design-preview-controller__action-btn-add-container, .zent-design-preview-controller:hover .zent-design-preview-controller__icon-delete {
    display: block;
}

.zent-design-preview-controller__action-btn-add {
    position: absolute;
    right: 50%;
    margin-right: -8px;
    top: -9px;
    z-index: 5;
    font-size: 10px;
    line-height: 18px;
    width: 17px;
    height: 17px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background: #3773da;
    border-radius: 100%;
    text-align: center;
}
.zent-design-preview-controller__add-marker {
    position: absolute;
    left: 0;
    bottom: -2px;
    justify-content: center;
    align-items: center;
    width: 100%;
    z-index: 4;
    display: flex;
}
.zent-design-preview-controller__add-marker-circle {
    border: 1px solid #3773da;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    display: inline-block;
    z-index: 1;
    -ms-flex: 0 0 3px;
    flex: 0 0 3px;
    background: #fff;
}
.zent-design-preview-controller__add-marker-line {
    background: #3773da;
    height: 1px;
    width: 100%;
}

.zent-design-preview-controller__action-btn-add-container.zent-design-preview-controller__append {
    bottom: 0;
}
.reset-color{
    display: inline-block;
    position: relative;
    height: 32px;
    top: -11px;
    left: 5px;
}

.rc-design-component-image-ad-editor .rc-design-component-image-ad-editor__add-image {
    width: 100%;
    height: 60px;
    text-align: center;
}
.rc-design-component-image-ad-editor .rc-design-component-image-ad-editor__add-image .rc-design-component-image-ad-editor__add-image-text {
    margin-top: 13px;
}
.rc-design-component-image-ad-editor .rc-design-component-image-ad-editor__add-image .rc-design-component-image-ad-editor__add-image-tip {
    color: #999;
}

.rc-design-editor-card-add__inline {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin: 0 10px 10px 0;
    display: block;
    border: 1px dashed #ddd;
    background-color: #fff;
}
.rc-design-editor-card-add__inline .rc-design-editor-card-add-icon {
    position: absolute;
    margin: 0;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%,-50%,0);
}

.rc-design-component-cube-editor .rc-design-component-cube {
    position: relative;
    width: 325px;
}

.rc-design-component-cube-editor .rc-design-component-cube .cube-item {
    background: #f8f8f8;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    text-align: center;
}

.rc-design-component-cube-editor .rc-design-component-cube .cube-row {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.rc-design-component-cube-editor .rc-design-component-cube .cube-item:first-child {
    border-top: 1px solid #e5e5e5;
}


.rc-design-component-cube-editor .rc-design-component-cube .cube-item.item-selected, .rc-design-component-cube-editor .rc-design-component-cube .cube-item.item-selecting {
    background: #e8f7fd;
    border-color: #e5e5e5;
}
.rc-design-component-cube-editor .rc-design-component-cube .cube-selected {
    position: absolute;
    background-color: #e8f7fd;
    border: 1px solid #bdf;
    text-align: center;
    color: #88c4dc;
    cursor: pointer;
}
.rc-design-component-cube-editor .rc-design-component-cube .cube-selected.cube-selected-click {
    border: 1px solid var(--color-primary);
    z-index: 2;
    cursor: auto;
}

.rc-design-component-cube-editor .rc-design-component-cube .cube-selected-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.rc-design-component-editor_subentry-item .subentry-item-editor-form-content .subentry-control-group {
    margin-bottom: 0;
}

.rc-design-component-editor_subentry-item .subentry-item-editor-form-content .zent-design-editor__control-group-label {
    width: 50px;
}
.decorate-common-subentry-item__content {
    flex: 1;
    padding-left: 10px;
}
.search-component-editor-card-tip {
    margin-bottom: 10px;
    color: #666;
}

.design-form-body{
    padding: 0 15px;
    background-color: #f7f8fa;
    margin: 0 8px;
    border-radius: 2px;
}
.design-form-body .el-collapse {
    border: none;
}
.design-form-body .el-collapse-item__wrap {
    border: none;
}
.design-form-body .el-collapse-item__wrap {
    overflow: unset;
}
.design-form-body .el-collapse-item__header {
    font-size: 14px;
    background-color: #f7f8fa;
    border: none;
}
.design-form-body .el-collapse-item__content {
    background-color: #f7f8fa;
    padding-bottom: 1px;
}
.design-form-header{
    padding: 20px 15px;
}
.design-form-body .el-form-item__label {
    font-size: 12px;
}
.design-form-header-title{
    display: flex;
    align-items: center;
}
.design-form-header-title-name{
    margin-right: auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #323233;
    text-align: left;
}
.reset-color{
    right:5px;
    margin-right: 10px;
    color: var(--color-primary);
}

.design-form-body .el-divider--horizontal{
    height: 0.5px;
}

.el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #ebedf0;
    border-radius: 2px 0 0 2px;
    box-shadow: none !important;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
    color: #1682e6;
    background-color: #e0edff;
    border-color: #1682e6;
    box-shadow: -1px 0 0 0 #1682e6;
}

.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 2px 2px 0;
}
.design-checkbox-desc{
    font-size: 13px;
    color: #969799;
    float: left;
}

.cube-layout {
    clear: both;
    position: relative;
    margin: 20px;
}

.cube-layout ul {
    overflow: hidden;
    list-style: none;
    padding: 0;
}

.cube-layout li {
    float: left;
    background: #EBF8FD;
    color: #88c4dc;
    border: 1px solid #bdf;
    cursor: pointer;
    font-size: 12px;
    box-sizing: border-box;
}
.cube-layout li.custom-rubik-cube {
    /* width: 25%; */
    /* height: 70px; */
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-bottom: 0;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cube-layout li.custom-rubik-cube.selected {
    background: #EBF8FD;
}

.table-content{
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
}
.table-panel{
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #ddd;
    border-radius: 3px;
}
.table-panel .table{
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.table-panel .table > thead > tr > td {
    border-top: 1px solid #f4f4f4;
    line-height: 1.42857143;
    vertical-align: top;
}
.table-panel .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table-panel .table td{
    padding: 15px !important;
}
.table-panel .table tbody tr:first-child td {
    border-top: 1px solid #f4f4f4;
}
.table-panel .table-line>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
}
.table-panel .table-line thead th {
    padding: 8px;
    margin: 0;
    border-left: 1px solid #ddd;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table-panel .table-line thead th:first-child {
    border-left: none;
}
.table-panel .table-line > tbody > tr > td{
    border-top: 1px solid #f4f4f4;
    padding: 8px!important;
    line-height: 1.42857143;
}

.table-panel .table-line tbody td {
    border-left: 1px solid #ddd;
}
.table-panel .table-line tbody td:first-child {
    border-left: none;
}
.table-panel .table-line tbody tr:first-child td {
    border-top: none;
}
.m-r-xl {
    margin-right: 40px;
}

.text-muted {
    color: #777777;
}
.text-left {
    text-align: left;
}

.text-href {
    color: var(--color-primary)!important;
}
.m-l {
    margin-left: 15px;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.region-part .el-checkbox__label {
    font-size: 14px!important;
}
.el-checkbox__inner{
    width: 16px;
    height: 16px;
}
.el-dialog__header{
    padding: 15px;
}
.el-dialog__title{
    font-size: 15px;
    line-height: 0;
}
.el-checkbox__inner::after{
    left:5px;
    top: 2px;
}
/*.el-checkbox__input.is-checked + .el-checkbox__label {*/
/*    color: unset;*/
/*}*/
/*.el-radio__input.is-checked + .el-radio__label {*/
/*    color: unset;*/
/*}*/


.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    top:6px;
}
.region-part__num {
    color: var(--color-primary);
    display: inline-block;
    padding-left: 5px;
}
.table-panel{
    font-size: 13px;
    color:#444;
}
.table-panel .table > tbody > tr:first-child > td {
    background: #f7f8fa;
    line-height: 1.42857143;
    vertical-align: top;
}

.table-content .tips{
    padding: 16px;
    background-color: #fff5ed;
    position: relative;
    margin-bottom: 20px;
    font-size: 14px;
    border: 1px solid #f1924e;
    border-radius: 2px;
    text-align: center;
}

.el-dialog__footer {
    border-top: 1px solid #f4f4f4;
}
.el-dialog__header, .el-dialog__footer, .el-dialog__body {
    padding: 15px;
}
.el-dialog__footer{
    display: flex;
    justify-content: end;
    width: 100%;
}
.preview-iframe-wrap .copyright .ft-links {
    padding: 30px 15px 10px;
}
.preview-iframe-wrap .copyright .ft-links>a {
    padding: 0 6px;
    color: #666;
    font-size: 12px;
}
.preview-iframe-wrap .copyright .ft-links>a:not(:last-child) {
    border-right: 1px solid #e5e5e5;
}
.preview-iframe-wrap .copyright .ft-copyright {
    padding: 50px 0 20px;
    margin: 0 15px;
    font-size: 12px;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUoAAABaCAMAAADpVu8YAAAAilBMVEUAAADAwMS/v8PBwcTHx8jx8f/AwMTAwMbAwMfAwMTOzs/AwMTAwMTBwcTCwsbAwMTAwMTBwcXAwMS/v8TAwMTBwcTAwMTAwMTBwcbExMnBwcXAwMTAwMTAwMPCwsfAwMTAwMTAwMTAwMTAwMTAwMTAwMXAwMTOztDAwMTBwcTCwsXAwMTBwcW/v8NHotAJAAAALXRSTlMA+8lLFwKjLx/hC9aCk0fysX2H56mWxkQ6ElaLZd0m7JzPv3ZvXrYG9480rj/OuHTBAAAE7ElEQVR42uzY23KqMBiG4S9KVLAuVGApCm5Q1Gq/+7+9xSYuWwpKx56YyXPCP2OO3kmMAsMwDMMwDMMwDMMwDMMwDMMwDL3s45MdDGA8LWJubVo+b8vCAcaTpGDpDOM5AyoR2ptEf1ay5dIgeEdVNwiCFXTTpbL/WX4R4oGw6G2T/FR9lc4GwDvJLnSzo5KitZRkB4/sSVrVlD0y1jVlj0oXrfkkp3hAxmSCSkrrRE51TTmkMkdbR7fN8pSkfbkIkodLxkdmRHI7HtvFI7eENhxBZYW2FnkkifvCNSsAnAUrttDGjFcW2jq0ON/ywCogHFLjlBNeSTSYdyoESbtTb6dK9kgxnWRcksWwg9Mh15NcNtAvphTaSKi4985zextkyv23BPDl2ul75AKAntfO0aUS/2pKHKfJsZoSYW8EbVPOeNX53ZTKLaWib8oRrw5oIq3PIpLibDVxUOjPrtZ5tXK0ulfFxaXmGfRgV1I+JLdq692XsMaOtY7QQZ//ra2i1GC+mAR+0EeDYlMOTMpv3nnjBZskFiyJOWo5XqtNCd/LrEkKzxMkXS+T2pk1M175sHOxhAYcl03GqLUsMg/qSFQNyuz+l7+Z3bwkMM/7Qh8RG3VQZy7YqI+KIldQTRmR3GqXUg7ZKEENJ+ZPUr6R3F1TWqkfIhOQ7N1SWistznfKZiPU2PAnKaVN8qNM6f8VxYzwRHJxSzmle8HLCz0229/5rR6Pq7y6lHv1AsmnEgHyQnIoVcrywyFenTzwjgW+6Rc3Msk3VPVqUi4EyRTYCeZEZ7rCMV94OqNMyZ3zcSITvLijz3siVA1sZpKWKZ2lIOmrb4U4WISA7A5JujOolMoGr+1f+3bYpRoQx3H8R1GopqTuEkpU1vF//2/vYu8mkp3u8WDnmM8j1Tk9+B5mpokwoF5PA5hrVSUPfCk3x+pLbuWh489RmZRvXr9ehHTnQ1TTyWa9wYr6WWgy91TYTm2+lJlKxBK03LzP7B7b2FaMTzGncC25bqmwfDeleaWCkldrdJvjAtd820U46TeDuE5U4Eq5xiN3X5X0gEN10Na9rsSC+ukQV8qdMsaD0LovkGzqMsKUxJ0yRO3CqKAkkCn/I6WBWkal1LvvZzCrLe1JqXQbTUr16WfLByqci6E6ZYRup7GkjNBsqbv4Yr+bUkW33VhSHtEwAwZIGTuOE48uJWloGCKly4joc3QpmYbX2+gHs83hSWlT4WN0Ka94waZOHClzhYii8Y2Vq8FT5owK+ehSGhg6pZdSs91F13Vx94T4U1pAz1i53bex7pRxmqZXFKY6lSITEHMfaNizkn8Gb3M3jErWFFgy9ZTkJoTHmzIYMGW4ZFQ5u0BMFcU6XQR/fI03pT5UyjCO6Itia8CMUS1YTgS+x4UzZTDHKwf+lHNvF9C3KENJC72DqtA35ghb8+eUiuXEqxveS2ka7ZSrxdqgWnDRUHMnu/rDoy3mld6bku13fmaixJ3SVUtHaqfU6cHZ09CW2UE9x4noVUpjvfBCDTXelDDo2xwPpoz+sRYhun3sGJU8iOg5pRLpSe6ihT/l6cVNRgkV2DWZoYfpR8L+Dd5IeTwfLrMb3uOrqnpBbaVW9ksXDZqz82cafpTrgq4xA6ooC8wnYo72v8af4Hhe+pmgJ4IkSZIkSZIkSZIkSZIkSZIkSUP6C1RC724Kv/DFAAAAAElFTkSuQmCC) no-repeat center 17px;*/
    /*background-size: 110px 30px;*/
}
.com-item{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 78px;
    height: 78px;
    font-size: 12px;
    /*margin-bottom: 8px;*/
    cursor: move;
}
.com-item-active {
    background: var(--color-primary);
    border-radius: 2px;
    font-weight: 700;
    color:#fff!important;
}
.com-item:hover{
    background:  var(--color-primary);
    border-radius: 2px;
    font-weight: 700
}
.com-item .com-item__icon {
    display: inline-block;
    margin-top: 8px;
    background-position: 0 0;
    height: 32px;
    width: 32px;
    background-size: cover;
}
.com-item .com-item__name {
    color: #323233;
    line-height: 16px;
    margin-top: 4px;
}
.com-item .com-item__num {
    color: #7d7e80;
    line-height: 16px;
    margin-top: 4px;
}
.com-item:hover .com-item__name,.com-item:hover .com-item__num{
    color: #fff!important;
}
.com-item:hover .com-item__icon {
    background-position: 0 32px!important;
}

.com-item svg {
    height: 36px;
    width: 36px;
    margin: 5px auto 0;
    fill:#828385;
}
.com-item:hover .icon-normal {
    fill: #fff;
}
.store-config .page-set{
    position: absolute;
    right: 380px;
    top: 110px;
    width: auto;
    height: 36px;
    background: #ffffff;
    display: flex;
    align-items: center;
    padding-right: 10px;
    cursor: pointer;
    border-radius: 2px;
    font-size: 14px;
}
.store-config .page-set .icon-set {
    width: 15px;
    height: 15px;
    padding: 0 10px;
}
.fill-color {
    fill: var(--color-primary);
}
.fill-gray-color {
    fill: #909399;
}
.coms-lib-wrap .coms-lib .com-list {
    margin: 0 auto;
    padding: 0;
    width: 160px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .5s cubic-bezier(.23,1,.32,1);
}
.coms-lib-wrap .coms-lib-active .com-list {
    max-height: 1000px;
    opacity: 1;
}
.coms-lib-wrap .coms-lib .com-list{
    width: 235px;
}
.preview-wrap {
    position: absolute;
    top: 0;
    left: 260px;
    right: 376px;
    bottom: 70px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    user-select: none;
}
.preview-wrap::-webkit-scrollbar{
    -webkit-appearance:none;
    width:3px;background-color:#f5f5f5
}
.preview-wrap::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.3)
}
.preview-wrap .preview {
    position: absolute;
    top: 72px;
}

.preview-wrap .preview .preview-head {
    background-image: url(../../images/mall/diy_header.png);
    height: 64px;
    width: 375px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.1);
}
.preview-wrap .preview .preview-head .preview-header-title {
    width: 180px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.preview-wrap .preview .preview-iframe-wrap {
    position: relative;
    min-height: 601px;
}
.preview-iframe-wrap .com-item{
    width: 100% !important;
}
.preview-iframe-wrap .cbody {
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.1);
    width: 375px;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0;
    min-height: 1px;
    text-align: center;
    line-height: 16px;
    background-color: #f8f8f8;
}
.page-content .pcontent {
    border-top: 1px solid #f7f7f7;
    width: 375px;
    transform: scale(1);
    overflow: visible;
    max-width: 540px;
    margin: 0 auto;
}
.page-content .pcontent .decorate-preview-container {
    position: relative;
    width: 375px;
    margin: 0 auto;
    min-height: 603px;
    user-select: none;
}
.preview-iframe-wrap .com-item .com-item__icon,.preview-iframe-wrap .com-item .com-item__name,.preview-iframe-wrap .com-item .com-item__num{
    display: none!important;
}
.preview-iframe-wrap .place_holder {
    padding: 0;
    height: 50px;
    background: #B3D6FF;
    border: 1px dashed var(--color-primary)!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.preview-iframe-wrap .place_holder>div,.preview-iframe-wrap .place_holder>svg {
    display: none!important;
}
.preview-iframe-wrap .place_holder:after {
    content: "\653E\8FD9\91CC";
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    color: var(--color-primary);
}
.preview-iframe-wrap .place_holder:hover {
    font-weight: 400!important;
}
.preview-iframe-wrap .list-item.place_holder:before{
    display: none!important;
}
.preview-iframe-wrap .list-item.drag:before {
    display: none!important;
}
.copyright {
    background-color: #fff;
    position: relative;
    min-height: 147px;
    color: #999;
    font-size: 0;
    line-height: 16px;
    text-align: center;
}
.decorate-editor-wrap {
    width: 376px;
    position: absolute;
    padding-bottom: 100px;
    top: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    bottom: 60px;
    background: #fff;
}
.el-color-picker__trigger .el-color-picker__icon:before{
    display: none;
}

.tab-pane{
    padding: 15px;
}
.el-select-dropdown__item.selected {
     font-weight: 400;
}
.var-design-pane{
    width: 760px;
}
.var-design-preview {
    border: 1px solid #ebedf0;
    width: 375px;
    min-height: 450px;
    position: relative;
}
.var-design-preview-item{
    position: relative;
}
.var-design-preview-item.navigation-immersion{
    position: absolute;
    width: 100%;
    z-index: 110;
}
.var-design-preview-body{
    min-height: 10px;
    position: relative;
    box-sizing: border-box;
    border: 0;
}
.var-design-preview-body .preview-header{
    height: 64px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    background-image: url(../../images/mall/design_header3.png);
}
.goods-group-pane .var-design-preview-body .preview-header,.categorytpl .var-design-preview-body .preview-header,.membertask .var-design-preview-body .preview-header{
    background-image: url(../../images/mall/design_header2.png);
}
.var-design-preview-body .preview-header .preview-header-title{
    display: inline-block;
    padding: 23px 60px 0;
    height: 40px;
    line-height: 40px;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
}
.goods-group-pane .var-design-preview-body .preview-header .preview-header-title,.categorytpl .var-design-preview-body .preview-header .preview-header-title,.membertask .var-design-preview-body .preview-header .preview-header-title{
    color: #fff;
}
.var-design-preview-body:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    pointer-events: none;
    display: none;
}
.var-design-preview-body.active:before,.var-design-preview-body:hover:before{
    z-index: 2;
    display: block;
    border: 1px dashed var(--color-primary);
}
.var-design-preview-body.active:before{
    opacity: 1;
}
.preview-item-wrapper{
    position: relative;
    overflow: hidden;
}
.preview-item-wrapper:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.var-design-preview .editor-item {
    position: absolute;
    left: 100%;
    top: 0;
    padding: 12px 10px;
    min-height: 28px;
    background: #f7f8fa;
    border-radius: 5px;
    border: 1px solid #ebedf0;
    width: 420px;
    margin-left: 20px;
    font-size: 12px;
    box-sizing: border-box;
    z-index: 5;
}
.var-design-preview .editor-item:after, .var-design-preview .editor-item:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.var-design-preview .editor-item:before {
    border-color: transparent #ebedf0 transparent transparent;
    border-width: 7px;
    margin-top: -7px;
}
.var-design-preview .editor-item:after {
    border-color: transparent #f7f8fa transparent transparent;
    border-width: 6px;
    margin-top: -6px;
}
.editor-component-title {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
}
.var-design-preview .editor-item .choosed-image{
    position: relative;
    border: 1px solid #e5e5e5;
    text-align: center;
    width: 60px;
    height: 60px;
}
.var-design-preview .editor-item .choosed-image .modify-image{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,.5);
    cursor: pointer;
}
.var-design-preview .editor-item .image-ad-template{
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 1px solid var(--color-primary);
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}


.var-design-preview .editor-item .image-ad-template .image-ad-template-title{
    line-height: 20px;
}
.image-ad-card{
    position: relative;
}
.image-ad-add-btn{
    display: flex;
    align-items: center;
    background: #fff;
    margin: 10px 0;
    padding: 10px;
    border: 1px dashed #e5e5e5;
    cursor: pointer;
    font-size: 14px;
    color: var(--color-primary);
}
.image-ad-add-main{
    width: 100%;
    height: 60px;
    text-align: center;
}
.image-ad-add-main-text{
    margin-top: 13px;
}
.image-ad-add-main-tip{
    color: #999;
}
.member-center-tools-list{
    padding-bottom: 10px;
}
.member-center-group {
    width: 94%;
    margin: auto;
}
.member-center-group-item {
    position: relative;
    overflow: hidden;
}
.member-center-group-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.member-center-group-item:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.van-cell-left-icon,.van-cell-right-icon{
    height: 24px;
    min-width: 1em;
    font-size: 16px;
    line-height: 24px;
}
.van-cell-left-icon{
    margin-right: 10px;
    color: #333;
    margin-top: -2px;
}
.van-cell-right-icon{
    color: #999;
    margin-left: 5px;

}
.member-center-group-item+.member-center-group-item:after {
    position: absolute;
    top: -1px;
    left: 15px;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    content: "";
}
.van-icon-image img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
}

.member-center-group-item .van-icon-image img {
    top: 2px;
}
.member-center-group-item-whitespace{
    height: 10px;
}
.editor-card{
    position: relative;
}
.editor-card-item{
    position: relative;
    background-color: #fff;
    margin: 10px 0;
    padding: 15px;
    border: 1px dashed #e5e5e5;
}
.editor-card-item:first-child {
    margin-top: 0;
}
.editor-card-add{
    display: flex;
    align-items: center;
    background: #fff;
    margin: 10px 0;
    padding: 10px;
    border: 1px dashed #e5e5e5;
    cursor: pointer;
    color: var(--color-primary);
    font-size: 14px;
}

.editor-card-add:last-child {
    margin-bottom: 0;
}

.var-design-preview .com-widget,.form-design-preview .com-widget{
    display: none;
}
.var-design-preview .editor-item .design-form-header{
    padding: 0;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.var-design-preview .editor-item .design-form-header .design-form-header-title-name{
    font-size: 14px;
    font-weight: 400;
}
.design-item-group{
    background-color: #f7f8fa;
}
.design-item-group .design-item-card{
    box-sizing: border-box;
    position: relative;
    margin-top: 12px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(10,42,97,.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.design-item-group .design-item-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f8fa;
    visibility: hidden;
    z-index: 2;
}

.design-item-card:first-child {
    margin-top: 0;
}

.design-editor-card-inline .design-item-card {
    display: block;
    position: relative;
    float: left;
    margin: 5px 10px 5px 0;
}
.design-item-group .design-item-card .decorate-common-subentry-item{
    position: relative;
}
.design-item-group .design-item-card .decorate-common-subentry-item .decorate-common-subentry-item-wrap{
    display: flex;
    padding: 10px;
}
.rc-design-common-choice-image-component {
    display: inline-block;
}
.decorate-common-subentry-item__image {
    margin: 0!important;
}

.coms-lib-wrap {
    position: absolute;
    top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    bottom: 60px;
    background: #fff;
    user-select: none;
}
.coms-lib-wrap .coms-lib {
    padding: 0 12px;
}

.coms-lib-wrap .coms-lib .coms-lib-tab {
    margin-top: 22px;
    width: 100%;
    display: flex;
    min-height: 30px;
    line-height: 30px;
    position: relative;
    color: #555;
    cursor: pointer;
}
.coms-lib-tab-icon{
    margin-right: 5px;
    line-height: 20px;
}
.coms-lib-wrap .coms-lib .coms-lib-tab .coms-lib-tab-name {
    font-size: 14px;
    color: #323233;
    font-weight: 500;
}

.coms-lib-wrap::-webkit-scrollbar {
    display: none
}

.design-item-card-delete {
    position: absolute;
    cursor: pointer;
    font-size: 20px;
    right: -10px;
    top: -10px;
    color: #aaa;
    border-radius: 50%;
    visibility: hidden;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.6);
}

.design-item-card-delete:hover {
    color: #333
}

.design-item-card:hover>.design-item-card-delete,.cube-selected:hover>.design-item-card-delete, .categorytpl-item:hover>.design-item-card-delete {
    visibility: visible
}
.design-item-group-container{
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.design-item-group-container-block {
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.design-item-group-content {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.design-item-group-container-block .design-item-group-content {
    display: block;
}

.design-editor-card{
    position: relative;
}


.design-item-card-goods{
    width: 50px;
    height: 50px;
}
.design-item-card-goods .image-url {
    outline: none;
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;
    font-size: 0;
}
.design-item-card-goods .image-url .design-item-card-goods-img{
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.design-editor-card-add {
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    padding: 9px 16px;
    border: 1px solid var(--color-primary);
    border-radius: 2px;
    background: #fff;
    color: var(--color-primary);
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}
.design-editor-card-add:first-child {
    margin-top: 0;
}
.design-editor-card-inline .design-editor-card-add {
    float: left;
    flex-direction: column;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 5px 10px 5px 0;
    border: none;
    box-shadow: 0 0 4px 0 rgba(10,42,97,.2);
    cursor: pointer;
}
.design-card-add-icon{
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(-50%,-50%);
    color: var(--color-primary);
    font-weight: bold;
}
.design-link-tag{
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    font-size: 12px;
}

.design-link-tag-colored {
    padding: 5px 8px;
    border-radius: 2px;
    background-color: #edf4ff;
    font-size: 14px;
    color: var(--color-primary);
}
.design-link-tag-linkable {
    color: var(--color-primary);
}
.design-link-tag-linkable.design-link-tag-colored {
    border: 1px solid var(--color-primary);
}

.design-link-tag-content {
    flex: 1;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #323232;
    font-size: inherit;
    line-height: 20px;
    text-align: left;
}
.design-link-tag-colored .design-link-tag-content {
    padding: 0px 8px;
}
.design-link-tag-linkable .design-link-tag-content {
    color: inherit;
}

.design-link-tag-close, .design-link-tag-edit {
    margin-left: auto;
    padding: 0 8px;
    font-size: 16px;
    line-height: 28px;
    color: #969799;
    cursor: pointer;
}

.design-link-tag-colored .design-link-tag-close, .design-link-tag-colored .design-link-tag-edit {
    color: inherit;
}
.design-item-group-header {
    display: flex;
    align-items: center;
}

.design-item-group-label {
    margin-right: 5px;
    font-size: 14px;
    color: #969799;
    line-height: 18px;
    white-space: nowrap;
}
.design-item-group-colored {
    color: #323233;
}

.design-help-desc {
    font-size: 12px;
    line-height: 18px;
    color: #323233;
    margin-right: 10px;
}

.design-help-desc-tips {
    color: #969799;
}

.design-help-desc-inline {
    display: inline-block;
}

.decorate-cube-editor .decorate-cube {
    position: relative;
    width: 325px
}

.decorate-cube-editor .decorate-cube .cube-row {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

.decorate-cube-editor .decorate-cube .cube-row:last-of-type .cube-item {
    border-right: 1px solid #e5e5e5
}

.decorate-cube-editor .decorate-cube .cube-item {
    background: #f8f8f8;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    text-align: center
}

.decorate-cube-editor .decorate-cube .cube-item:first-child {
    border-top: 1px solid #e5e5e5
}

.decorate-cube-editor .decorate-cube .cube-item.item-selected {
    background: #e0edff;
    border-color: var(--color-primary)
}

.decorate-cube-editor .decorate-cube .cube-item.item-selecting {
    background: #e0edff;
    border-color: transparent
}

.decorate-cube-editor .decorate-cube .cube-item .plus-icon {
    font-size: 20px;
    color: #bbb
}

.decorate-cube-editor .decorate-cube .cube-selected {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ebedf0;
    text-align: center;
    color: #7d7e80;
    cursor: pointer;
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}

.decorate-cube-editor .decorate-cube .cube-selected.cube-selected-click {
    background: #e0edff;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    z-index: 2;
    cursor: auto
}

.decorate-cube-editor .decorate-cube .cube-selected.cube-selected-click:hover .rc-design-editor-card-item-delete {
    display: block!important;
    color: #000;
    opacity: .3
}

.decorate-cube-editor .decorate-cube .cube-selected-text {
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1.5;
    transform: translateX(-50%) translateY(-50%)
}

.decorate-cube-editor .decorate-cube .cube-selected img {
    height: inherit;
    vertical-align: baseline;
    -o-object-fit: cover;
    object-fit: cover
}

.decorate-cube-editor .help-desc {
    margin-left: 0
}

.decorate-cube-editor__entry-wrap {
    margin: 10px;
    background-color: #f7f8fa
}
.cap-cube-wrap {
    width: 100%;
    overflow: hidden
}

.cap-cube {
    width: 100%;
    position: relative
}

.cap-cube-wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cap-cube__item {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.cap-cube__table-image--invisible {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.decorate-common-subentry-item__wrap {
    display: flex;
    padding: 6px 0;
}

.design-goods-size .el-radio-button--small .el-radio-button__inner {
    padding: 10px 18px;
    font-size: 13px;
    border-radius: 0
}
.design-cube-model .el-radio-button--small .el-radio-button__inner,.design-coupon-model .el-radio-button--small .el-radio-button__inner{
    padding: 9px 12px;
}
.deco-link-tag__content{
    float: left;
    color:var(--color-primary);
}
.deco-link-tag__edit{
    cursor: pointer;
}

.decorate-preview-container .list-item.active:before {
    content: "";
    position: absolute;
    width: 379px;
    height: 100%;
    left: -2px;
    top: 0;
    box-sizing: border-box;
    border: 2px solid var(--color-primary);
    z-index: 99;
    cursor: move;
}

.decorate-preview-container .list-item:not(.active):hover:before {
    border: 1px dashed var(--color-primary);
    content: "";
    position: absolute;
    width: 377px;
    height: 100%;
    left: -1px;
    top: 0;
    box-sizing: border-box;
    z-index: 99;
    cursor: move
}
.page-navigation-immersion{
    position: absolute;
    z-index: 110;
    width: 100%;
}
.editor-card .editor-card-item .opt-content{
    float: right;
    font-size: 14px;
}
.plugin-split-line {
    height: 10px;
    background-color: #e5e5e5;
    display: inline-block;
    width: 95%;
}

.classification-add {
    background: #fff;
    margin: 15px 0;
    padding: 10px;
    border: 1px dashed #e5e5e5;
    cursor: pointer;
    color: #38f;
}
.classification-add .add-image-content {
    width: 100%;
    height: 50px;
    text-align: center;
}
.classification-add .add-image-content .image-text {
    margin-top: 13px;
}
.classification-add .add-image-content .add-image-tip {
    color: #999;
    line-height: 1;
}
.categorytpl-item .el-card__header{
    padding: 10px;
}
.categroytple-item-none .el-card__header{
    border-bottom:0;
}

.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path{
    font-weight: 400;
}
.el-color-predefine__color-selector > div{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
}

.readyonly-item .el-input__inner[readonly]{
    cursor: not-allowed;
    background-color:#f7f8fa;
    color:#c8c9cc;
}
.goods-template-block {
    padding: 20px 0;
    background: #fff;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    text-align: center;
}
.c-gray{
    color: #c8c9cc!important;
}
.app-alert {
    flex: 1;
    font-size: 12px;
    line-height: inherit;
}
.app-alert ol{
    padding: 10px 0 0;
    counter-reset: number;
}
.app-alert ol li{
    position: relative;
    padding-left: 13px;
    line-height: 1.5;
    margin-bottom: 8px;
    box-sizing: border-box;
}
.app-alert ol>li:before {
    content: "";
    display: inline-block;
    color: inherit;
    counter-increment: number;
    content: counter(number) ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 9px;
    text-align: right;
    white-space: nowrap;
}
.map-wrapper {
    position: relative;
    width: 100%;
    height: 480px;
    z-index: 1;
}
.self-fetch-form .map-wrapper {
    width: 660px;
    height: 462px;
}
.map-wrapper #map-search-result {
    position: absolute;
    top: 0;
    left: 0;
    width: 33.3%;
    height: 100%;
    overflow: auto;
    display: none;
}
.amap-container {
    touch-action: none;
    position: relative;
    overflow: hidden;
    background: #fcf9f2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0AgMAAAC2uDcZAAAADFBMVEX////////////////1pQ5zAAAABHRSTlMAgP/AWuZC2AAAAVhJREFUeAFiYGAQYGDEQjAB2rcDC4BiGIqiU7abdKlO2QkeIClyPsDHweMKtOPHIJ1Op6/w7Y4fdqfT6VpndzqdrnV2p9PpWmd3Oj3qWndSoKp+2J1Op7vr7E6n07XO7nQ6XevsTqfTtc7udPo4/f787E6n0911dqfT6VpndzqdrnV2p9PpWmd3Ot27Ce8m6HS6u85dR6fTtU7r6HS61mkdnU7XOrvT6XTvJuxOp9PddXan0+laZ3c6na51dDpd67SOTqd7N+HdBJ1Od9e56+h0utZpHZ1O1zq70+l0rbM7nU73bsLudDrdXWd3Ol3rtI5Op2ud1tHpdK3TOjqd7t2EdxN0Ot1dZ3c6na51dqfT6VpndzqdrnV2p9Pp3k3Q6XR3nbuOTqdrndbR6XSt0zo6na51Wken072bsDudTnfX2Z1Op2ud3el0utbZnU7XOq2j0+t0uncTD1gO4zoT5doZAAAAAElFTkSuQmCC);
    -ms-touch-action: none;
}
.amap-container {
    cursor: url(https://webapi.amap.com/theme/v1.3/openhand.cur),default;
}
.self-fetch-map .amap-container {
    height: 100%;
}
.map-wrapper.open #map-search-result {
    display: block;
}
/*.el-cascader-menu__wrap{*/
/*    !*height: auto;*!*/
/*    max-height: 400px;*/
/*    overflow-x: hidden;*/
/*}*/

.var-tabs {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: column;
}
.var-tabs-nav {
    position: relative;
    outline: none;
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
}
.var-tabs-nav-type__card {
    border-bottom: 1px solid #dcdee0;
    border-bottom-color: var(--theme-stroke-5,#dcdee0);
    height: 40px;
}
.var-region-tabs .zent-tabs-nav {
    margin-bottom: 0;
}

.zent-tabs-nav-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
}
.var-region-tabs .var-tabs-nav-content {
    height: auto;
}

.var-tabs-tab {
    color: #646566;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
}

.var-tabs-tab .var-tabs-tab-inner {
    min-width: 56px;
    text-align: center;
    box-sizing: border-box;
}
.var-tabs-tab__actived {
    color: #323233;
    background-color: #fff;
}

.var-tabs-nav-type__card .var-tabs-tab {
    border: 1px solid #dcdee0;
    background-color: #f7f8fa;
    border-left: 0;
    min-width: 104px;
}
.var-tabs-nav-type__card .var-tabs-tab__actived {
    background-color: #fff;
    border-bottom-color: transparent;
}
.var-tabs-nav-type__card .var-tabs-tab:first-child {
    border-left-color: #dcdee0;
}
.var-tabs-nav-type__card .var-tabs-tab-inner {
    padding: 9px 16px;
}
.default-show-close-icon{
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    background-color: hsla(0,0%,60%,.6);
    cursor: pointer;
    text-align: center;
    right: -8px;
    top: -8px;
}

.var-form__fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
.var-form__legend {
    padding-bottom: 8px;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #ebedf0;
    font-size: 14px;
    font-weight: 700;
}
.var-form__legend {
    margin-bottom: 24px;
}
.model-goods-field{
    display: flex;
    align-items: center;
    padding: 10px 0;
    line-height: 1;
}
.model-goods-field .model-goods-img{
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}
.model-goods-field .model-goods-detail{
    margin-left: 10px;
}
.model-goods-field .model-goods-detail .goods-title{
    color: #333;
    max-width: 280px;
    line-height: 1.5;
}
.model-goods-field .model-goods-detail .goods-price{
    font-size: 12px;
    color: #ed6a0c;
    height: 17px;
    line-height: 18px;
}
.model-goods-field .model-goods-detail .goods-stock{
    font-size: 12px;
    color: #969799;
    line-height: 18px;
    margin-left: 10px;
}

.coupon-preview {
    position: fixed;
    width: 320px;
    height: 570px;
    right: 50px;
    top: 150px;
    z-index: 99;
    background: #f8f8f8;
    -webkit-box-shadow: 0 0 10px rgba(15,12,70,.3);
    box-shadow: 0 0 10px rgba(15,12,70,.3);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.coupon-zoom-in, .coupon-zoom-out {
    -webkit-transform-origin: 320px 0;
    transform-origin: 320px 0;
}

.coupon-preview .zoom-in-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
}

.coupon-preview .coupon_contain {
    background: #cfcfcf;
    padding: 0 10px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    overflow: hidden;
}

.coupon-preview .scale {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
}

.coupon-preview .coupon_h_scal_l {
    top: 35px;
    left: -5px;
    background-color: #e8e8e8!important;
}
.coupon-preview .coupon_h_scal_r {
    top: 35px;
    right: -5px;
    background-color: #e8e8e8!important;
}
.coupon-preview .coupon_detail_h {
    position: relative;
}
.coupon-preview .coupon_create_by {
    height: 40px;
    padding: 0 10px;
}
.coupon-preview .coupon_create_img {
    width: 16px;
    float: left;
    height: 16px;
    border-radius: 50%;
    margin-top: 12px;
}
.coupon-preview .c_w {
    color: #fff;
}
.coupon-preview .coupon_create_s_n {
    overflow: hidden;
    padding-left: 5px;
    font-size: 11px;
    padding-top: 12px;
}

.coupon-preview .coupon_create_border {
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),color-stop(50%,transparent));
    background-image: linear-gradient(90deg,#fff 0,#fff 50%,transparent 0);
    background-size: 5px 6px;
    background-repeat: repeat-x;
}

.coupon-preview .coupon-content {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 25px;
    bottom: 10px;
    color: #fff;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.flex {
    width: 100%;
    display: flex;
}
.coupon-preview .coupon_scal_bottom {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -7px;
    padding: 0 5px;
}
.flex1 {
    -webkit-box-flex: 1;
    flex: 1;
}
.coupon-preview .coupon_scal_bottom .scale {
    margin: 0 2px;
    width: auto;
    position: static;
}
.coupon-preview .coupon-divider {
    background: #ededed;
    height: 1px;
    margin: 0 20px;
}
.coupon-preview .sub-title {
    color: #999;
    margin-bottom: 8px;
}
.coupon-preview .coupon-text, .coupon-preview .sub-title {
    font-family: PingFangSC-Regular;
    font-size: 10.4px;
    line-height: 13.6px;
}

.coupon-preview .coupon-text, .coupon-preview .sub-title {
    font-family: PingFangSC-Regular;
    font-size: 10.4px;
    line-height: 13.6px;
}
.coupon-preview .coupon-text {
    white-space: normal;
    word-break: break-all;
    color: #333;
}

.ant-btn {
    line-height: 1.499;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015);
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 32px;
    padding: 0 15px;
    font-size: 12px;
    border-radius: 5px;
    color: #595961;
    background-color: #fff;
    border: 1px solid #e3e2e5;
}

.ant-btn.active, .ant-btn:active, .ant-btn:focus, .ant-btn:hover {
    text-decoration: none;
    background: #fff;
}

.ant-btn:not([disabled]):hover{
    text-decoration:none
}
.ant-btn:not([disabled]):active{
    outline:0;-webkit-box-shadow:none;
    box-shadow:none
}
.var-radio-button-group--round{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.var-radio-button {
    position: relative;
    display: inline-block;
}

.var-radio-button .coupon-color {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.var-radio-button-group--round .var-radio-button+.var-radio-button {
    margin-left: 8px;
}
.var-radio-button-group--round .var-radio-button .zent-btn {
    width: 24px;
    height: 24px;
    padding: 3px;
    border-radius: 50%;
    line-height: 14px;
    border: 1px solid #dcdee0;
    border-color: #ebedf0;
    background-color: #fff;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .3s;
}
.var-radio-button .zent-btn:hover {
    border-color: #155bd4;
}
.var-radio-button .coupon-color {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.var-radio-button--active .zent-btn {
    border-color: #155bd4!important;
    background-color: #e0edff!important;
}

.coupon-item{
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    font-size: 14px;
}
.table-batch-container{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.table-batch-container .batch-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-list-filter-wrapper{
    position: relative;
    margin-top: 16px;
}

.var-tabs {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: column;
}

.var-tabs-nav {
    position: relative;
    outline: none;
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
}
.var-tabs-nav-type__normal{
    border-bottom-color: #dcdee0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 50px;
}
.var-tabs-nav-type__normal .var-tabs-tab__actived .var-tabs-tab-inner {
    border-bottom-color: var(--color-primary);
    border-bottom-width: 3px;
    border-bottom-style: solid;
    margin-bottom: -1px;
}
.var-tabs-nav-type__normal .var-tabs-tab {
    padding: 0 20px;
}
.var-tabs-nav-type__card {
    border-bottom: 1px solid #dcdee0;
    height: 40px;
}
.tabs-tools{
    margin: 15px 0;
}
.content-main{
    display: flex;
    max-height: 710px;
}
.content-main-sidebar{
    display: flex;
    flex-direction: column;
    flex: none;
    width: 240px;
    box-sizing: border-box;
    border: 1px solid #dcdee0;
    margin-right: -1px;
    overflow: hidden;
}
.content-main-box{
    flex: auto;
    box-sizing: border-box;
    border: 1px solid #dcdee0;
    padding: 12px;
    overflow-y: auto;
}
.content-main-box h1{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #323233;
}
.content-main-box .table-bar{
    font-size: 14px;
    margin: 12px 0;
    line-height: 20px;
}
.content-main-box .table-bar .divider {
    color: #dcdee0;
    margin: 0 8px;
}
.content-main-box .table-bar .divider:after {
    content: "|";
}
.content-main-box .table-bar>* {
    display: inline-block;
    vertical-align: middle;
}
.content-main-box .items-container{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    margin: -6px;
}
.content-main-box .items-container .img-item{
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    position: relative;
    min-width: 112px;
    margin: 6px;
}
.content-main-box .items-container .img-item .image-bg{
    box-sizing: content-box;
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    cursor: pointer;
    background-color: #f7f8fa;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.content-main-box .items-container .img-item .image-title {
    margin: 8px 0 4px;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.content-main-box .items-container .img-item .image-opt {
    font-size: 0;
    height: 20px;
}
.content-main-box .items-container .img-item .image-opt a {
    color: #155bd4;
    font-size: 14px;
    line-height: 20px;
}
.content-main-box .items-container .img-item .image-opt .divider {
    font-size: 14px;
    line-height: 20px;
    color: #dcdee0;
    margin: 0 8px;
}
.content-main-box .items-container .img-item .image-opt .divider:after {
    content: "|";
}
.content-main-box .empty-tip {
    text-align: center;
    font-size: 14px;
    margin: 60px 0;
}
.content-nav-item .group-opt{
    flex: none;
    display: none;
}
.content-nav-item .img-group-item:hover .group-opt{
    display: block;
}
.group-img-num{
    flex: none;
    color: #969799;
}
.content-nav-item .img-group-item:hover .group-img-num{
    display: none;
}
.image-item-hold{
    flex: 1 0 0;
    min-width: 112px;
    margin: 0 6px;
}
.content-nav-item{
    box-sizing: border-box;
    padding: 15px;
    overflow-y: auto;
    flex: auto;
}
。content-nav-item ul{
    color: #323233;
    font-size: 14px;
}
.content-nav-item .img-group-item {
    height: 36px;
    margin-bottom: 2px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding:0 10px;
    cursor:pointer;
}
.content-nav-item .img-group-item.active,.content-nav-item .img-group-item:hover{
    background-color: #f2f3f5;
}
.var-tabs-nav-content {
    flex: 1 1 auto;
    overflow: hidden;
}

.var-tabs-nav-type__card .var-tabs-nav-content {
    margin-bottom: -1px;
}

.var-tabs-scroll {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
}

.var-tabs-nav-type__card .var-tabs-tab__actived {
    background-color: #fff;
    border-bottom-color: transparent;
}
.order-list-filter-wrapper .var-tabs-nav-type__card .var-tabs-tab {
    min-width: 90px;
}
.var-tabs-nav-type__card .var-tabs-tab:first-child {
    border-left: 1px solid #dcdee0;
    border-top-left-radius: 4px;
}

.order-list{
    font-size: 13px;
    margin: 16px 0;
}
.list-header {
    font-weight: 500;
    display: flex;
    background-color: #f7f8fa;
    border-radius: 1px;
    margin-bottom: 16px;
    position: sticky;
    top: 0;
    z-index: 1;
    color: #323233;
}
.list-header .list-header-item {
    padding: 15px;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
}
.list-header .goods-cell {
    flex-grow: 1;
    text-align: left;
}
.list-header .price-cell {
    width: 10%;
    text-align: right;
}
.list-header .aftermarket-cell {
    width: 10%;
}
.list-header .customer-cell {
    width: 10%;
    min-width: 105px;
    word-break: break-all;
}
.list-header .express-cell, .list-header .pay-price-cell, .list-header .state-cell {
    width: 10%;
}
.list-header .operation-cell {
    width: 10%;
    text-align: right;
}
.list-body{
    position: relative;
    min-height: 100px;
}
.list-item {
    margin: 16px 0;
}
.categorytpl .list-item{
    margin: 0;
}
.list-item-header {
    background-color: #f7f8fa;
    border: 1px solid #ebedf0;
    border-bottom: 0;
    padding: 10px 16px;
    color: #323233;
}
.list-item-header .list-item-header-row {
    display: flex;
    justify-content: space-between;
}

.list-item-header .order-no {
    display: inline-block;
    margin-right: 10px;
}
.list-item-header .book-time-wrap {
    margin-right: 15px;
}
.list-item-header .operation-btn {
    word-break: keep-all;
}
.remark-content-wrap {
    display: inline;
}
.list-item-body-table {
    width: 100%;
    border-collapse: collapse;
    color: #323233;
}
.list-item-body, .list-item-body .list-item-row {
    width: 100%;
}

.list-item-body-table td {
    border: 1px solid #ebedf0;
    box-sizing: border-box;
    width: 10%;
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
}

.list-item-body .goods-cell {
    width: 40%;
    padding: 10px;
}

.list-item-body .goods-item-cell {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
}

.list-item-body .goods-item-cell .goods-info__img {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
    min-width: 60px;
    margin-right: 10px;
}
.list-item-body .goods-item-cell .goods-info__info {
    flex-grow: 1;
    text-align: left;
}
.list-item-body .goods-item-cell .goods-info__info .goods-title {
    margin-bottom: 10px;
    word-break: break-all;
}
.list-item-body .goods-item-cell .goods-info__info .goods-specs {
    margin-bottom: 4px;
}
.list-item-body .goods-item-cell .goods-info__info .goods-spec {
    margin-right: 6px;
    color: #646566;
}

.list-item-body .goods-item-cell .goods-info__price {
    min-width: 120px;
    text-align: right;
    box-sizing: border-box;
}
.list-item-body .aftermarket-cell {
    box-sizing: border-box;
    text-align: center;
    width: 10%;
}
.list-item-body .customer-cell {
    width: 10%;
    min-width: 105px;
    word-break: break-all;
}
.groupon-input-solt{
    vertical-align: middle!important;
}
.groupon-input-solt .el-input-group__prepend{
    padding: 0 10px;
}
.input-select .el-input__suffix{
    right: 9px;
}
.reward-item{
    position:relative;
    margin-bottom: 10px;
}
.reward-item .el-card__header {
    padding: 5px;
    background-color: #f7f8fa;
}
.reward-region-text{
    width: 600px;
    color: #4a4a4a;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-left: 25px;
}

.background-select-panel{
    width: 180px;
}
.background-select-panel li{
    float: left;
    width: 20px;
    height: 20px;
    list-style: none;
    margin: 3px 5px;
    cursor: pointer;
}
.card-box{
    position: absolute;
    top: 60px;
    right: 0;
    background: linear-gradient(30deg, rgb(132, 182, 125) 0%, rgb(109, 172, 100) 100%);
    width: 343px;
    height: 180px;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 17px 20px;
    color: #fff;
    overflow: visible;
}
.card-background-img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('/static/images/mall/card-background.png') center center / cover no-repeat;
}
.card-title{
    display:flex;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    align-items: center;
    mix-blend-mode: screen;
}
.card-item-box{
    display: flex;
    align-items: baseline;
    font-weight: 500;
    padding-top: 30px;
}
.card-item-value{
    font-size: 26px;
    margin-right: 8px;
}
.card-line-box{
    margin-top: 26px;
    width: 100%;height: 2px;
    background-color: hsla(0,0%,100%,.2);
    overflow: hidden;
}
.card-line{
    width: 100%;
    background-color: #fff;
    height: 100%;
    transition: width .3s linear;
}
.card-desc{
    font-size: 12px;
    padding-top: 20px;
}
.card-block{
    font-size: 12px;
    position: absolute;
    text-align: center;
    color: #969799;
    bottom: -24px;
    left: 0;
    right: 0;
}
.delete-icon{
    position: absolute;
    cursor: pointer;
    font-size: 16px;
    right: -10px;
    top: -6px;
    border-radius: 50%;
    z-index: 999999999;
    background-color: #ffffff;
}
.image-box{
    width: 70px;
    height: 70px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.image-preview{
    position: relative;
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: 50%;
}

.custom-required:before{
    content: '*';
    color: #F56C6C;
    margin-right: 4px;
}

.task-content{
    padding: 10px;
}
.task-title{
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    color: #323233;
}
.task-item-title {
    margin: 20px 0 15px;
    color: #4a4a4a;
}
.task-item-content{
    margin-top: 15px;
    padding: 12px 15px 13px;
    background: #fff;
    border: 1px solid #d5d5d5;
}
.mission-item {
    width: 100%;
    padding: 20px 15px 0;
    background: #fff;
    border-radius: 10px;
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
    box-sizing: border-box;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 8%);
}

.mission-list {
    padding: 0 15px;
    margin-top: -10px;
    min-height: calc(100vh - 375px);
}
.mission-item-title {
    margin-bottom: 20px;
    font-weight: 700;
}
.mission-item-content {
    width: 100%;
    overflow: hidden;
}
.mission-item-cell{
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
}
.mic-item-pic {
    width: 40px;
    height: 40px;
    margin-right: 12px;
}

.mic-item-detail {
    position: relative;
    box-sizing: border-box;
    min-height: 58px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mic-item-detail__container{
    flex: 1;
}
.mic-item-detail__container .title{
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
}
.mic-item-detail .reward {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #999;
}
.mic-item-detail .btn {
    display: inline-block;
    width: 66px;
    height: 24px;
    line-height: 24px;
    background: #f44;
    outline: 0;
    border: none;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 12px;
    text-decoration: none;
}
.hairline-bottom:after {
    content: " ";
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    transform: scale(.5);
    border: 0 solid #ebedf0;
    border-bottom-width: 1px;
}
.el-message{
    min-width: auto;
}
.el-message--error {
    background-color: #fff;
    color: #ff0000;
}
.el-message--error .el-message__content {
    color: #ff0000;
}
.el-message .el-icon-error {
    color: #ff0000;
}
.benefit-form-checkbox .el-checkbox:not(:first-child){
    margin-top: 15px;
}
.table-member-card{
    width: 64px;
    height: 34px;
    border-radius: 3px;
    overflow: hidden;
}
.common-table-oprate-btn {
    margin: 3px 0;
    padding: 0 6px;
    line-height: 14px;
}
.common-table-oprate-btn+.common-table-oprate-btn {
    border-left-color: #dcdee0;
    border-left-width: 1px;
    border-left-style: solid;
}



/*ms使用css3代替js频繁更新操作，性能优化*/
.tui-ms__list {
    animation: loop 1s steps(10) infinite;
}


.tui-ms__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

#treeview .jstree-themeicon{
    display: none;
}

.spec-img-wrap{
    position: absolute;
    top: 36px;
    left:0;
    padding: 2px;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
}
.spec-img-wrap .arrow{
    position: absolute;
    width: 0;
    height: 0;
    top: -5px;
    left: 44%;
    border-style: solid;
    border-color: transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #dcdcdc;
}
.spec-img-wrap .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 1px;
    margin-left: -10px;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
}
.materials-component-injector{
    display: inline-block;
}
.rc-upload-v2 {
    height: 80px;
    display: inline-block;
    cursor: pointer;
}
.rc-upload-v2 .trigger-upload {
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
}

.comment-box {
    border-bottom: 1px solid #f5f5f5;
    padding: 15px;
}
.comment-box .user-info {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.comment-box .user-info img {
    width: 40px;
    height: 40px;
    background: #e5e5e5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}
.comment-box .user-info .user {
    display: inline-block;
    line-height: 20px;
}
.comment-box .user-info .user span {
    display: block;
}
.comment-box .user-info .user span:last-child {
    font-size: 13px;
    color: #888;
}

.comment-box .user-info .tools {
    font-size: 17px;
    color: #333;
    position: relative;
    display: inline-block;
    float: right;
}
.comment-box .tui-fabulous {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}
.comment-box .comment {
    font-size: 13px;
    margin-left: 50px;
}
.comment-box .comment .content {
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
}
.meet-box {
    overflow: hidden;
    position: relative;
}
.el-drawer__body:last-child .comment-box{
    margin-bottom: 20px;
}
.comment-box .operate{
    position: absolute;
    right: 5px;
    color:#38f;
    cursor: pointer
}

/*----------------------------*/
.marquee-wrap  {
    width: 80%;
    height: 40px;
    border-radius: 20px;
    background: rgba(0,0,0,.6);
    margin: 0 auto;
    overflow: hidden;
}
.marquee-wrap .marquee-list li{
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 20px;
    list-style: none;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.marquee-wrap .animate-up {
    transition: all 0.5s ease-in-out;
    transform: translateY(-40px);
}

.deco-search-input-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 5px 1px;
}
.cap-search-box {
    position: relative;
    width: 100%;
}
.cap-search-box__view {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 15px;
}
.cap-search {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    box-sizing: border-box;
}
.cap-search__filed {
    display: flex;
    flex: 1;
    align-items: center;
    border-radius: 4px;
}
.cap-search__filed--circle {
    overflow: hidden;
    border-radius: 20px;
}
.deco-search-input-wrap .cancel {
    font-size: 16px;
    color: #323233;
    width: 50px;
}
.deco-words-list {
    position: relative;
    padding: 12px 16px;
}
.deco-words-list__title {
    font-weight: 500;
    font-size: 14px;
    color: #323233;
    line-height: 20px;
    margin-bottom: 8px;
}
.deco-word-item {
    border: 1px solid #ebedf0;
    font-size: 12px;
    color: #323233;
    line-height: 18px;
    display: inline-block;
    padding: 6px 16px;
    border-radius: 20px;
    margin-right: 8px;
    margin-bottom: 8px;
    min-height: 18px;
}
.deco-word-item.is-hot {
    background-image: url(/static/images/mall/hot-fire.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 8px;
    padding-left: 30px;
    border-color: rgba(254,68,68,.1);
    color: #f44;
}
.cap-navigationbar-capsule {
    width: 75px;
    height: 25px;
    border-radius: 16px;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
}
.cap-navigationbar-capsule-white {
    background: rgba(0,0,0,.2);
    border-color: hsla(0,0%,100%,.2);
}
.cap-navigationbar-capsule-black {
    background: hsla(0,0%,100%,.6);
    border-color: rgba(0,0,0,.08);
}
.cap-navigationbar-capsule .menu {
    width: 35px;
    height: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.cap-navigationbar-capsule-white .menu {
    background-image: url(/static/images/diy-page/nav-menu-white.png);
}
.cap-navigationbar-capsule-black .menu {
    background-image: url(/static/images/diy-page/nav-menu-black.png);
}
.cap-navigationbar-area .cap-navigationbar .cap-navigationbar-user-set-warp .left {
    width: 120px;
}
.cap-navigationbar-area .cap-navigationbar .cap-navigationbar-user-set-warp .center {
    flex: 1;
}
.cap-navigationbar-area .cap-navigationbar .cap-navigationbar-user-set-warp {
    display: flex;
    padding: 0 6px;
    height: 40px;
    align-items: center;
    justify-content: space-between;
}
.cap-signal-bar-warp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 14px 0 21px;
    height: 100%;
}
.cap-signal-bar-warp .time {
    width: 54px;
    height: 21px;
    font-size: 12px;
    font-weight: bold;
}
.cap-signal-bar-warp .other img {
    height: 12px;
    margin-left: 5px;
}
.cap-navigationbar-capsule .split-line {
    width: .5px;
    height: 18px;
}
.cap-navigationbar-capsule-white .split-line {
    background: hsla(0,0%,100%,.5);
}
.cap-navigationbar-capsule-black .split-line {
    background: rgba(0,0,0,.1);
}
.cap-navigationbar-capsule .dot {
    width: 36.5px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.cap-navigationbar-capsule-white .dot {
    background-image: url(/static/images/diy-page/nav-dot-white.png);
}
.cap-navigationbar-capsule-black .dot {
    background-image: url(/static/images/diy-page/nav-dot-black.png);
}
.cap-navigationbar-area .cap-navigationbar .cap-navigationbar-user-set-warp .right {
    width: 80px;
}
.cap-navigationbar-area .cap-navigationbar .cap-signal-bar {
    width: 100%;
    height: 40px;
}

.cap-navigation-title {
    width: 100%;
}
.cap-navigation-title .text {
    font-size: 17px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*********************dashboard 概况************************/
.dashboard-card{
    display:flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    background: #fff;
    padding-top: 24px;
    margin: 16px;
    box-sizing: border-box;
}
.dashboard-card-header{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-end;
    padding: 0 16px 0;
}
.dashboard-card-header__title{
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dash-business-overview-card-title{
    display: flex;
    align-items: center;
}
.dash-business-overview-content {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%!important;
    padding: 12px 0;
}
.dash-business-overview-item {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: calc(25% - 24px);
    margin: 0 12px;
    padding: 12px;
}
.dash-business-overview-item:after{
    content: "";
    position: absolute;
    top: 50%;
    right: -12px;
    width: 1px;
    height: 50px;
    background: #e0e0e0;
    transform: translateY(-50%);
    pointer-events: none;
}
.dash-business-overview-item:nth-child(4n):after{
    display:none
}
.dash-business-overview-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dash-business-overview-item__title {
    color: #333;
}
.dash-business-overview-item__history {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}
.dash-business-overview-item__value {
    color: #333;
    font-family: Avenir;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    transition: color .2s ease-out;
}
.dash-business-overview-item__diff {
    color: #d42f15;
}
.dash-business-overview-item__unit {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.dash-business-overview-item:hover,.common-features-item:hover,.dash-assistant-number-top-item:hover {
    background: #f7f7f7;
}
.common-features-item {
    height: 88px;
    width: 120px;
    margin-right: 0;
    padding-top: 2px;
    position: relative;
    transition: all .2s ease-out;
}
.icon-wrap {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    margin: 10px auto 8px auto;
}
.common-features-item .icon-wrap .iconfont {
    font-size: 24px;
}
.common-features-item-title {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 12px;
}

.quick-features-list{
    height: 110px;
    background: #fff;
    display: flex;
    width: 100%;
}
.quick-features-items{
    display: inline-flex;
    padding: 12px 0;
    position: relative;
}
.dash-assistant-number-top-item {
    width: 200px;
    box-sizing: border-box;
    height: 88px;
    margin: 0 6px;
    padding: 12px;
    border-radius: 2px;
    transition: background .2s ease-out;
}
.dash-assistant-number-top-item__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.dash-assistant-number-top-item__value {
    margin-top: 8px;
    color: #4b589a;
    font-family: Avenir;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
}
/*********************dashboard 概况************************/
.stat-dash-right{
    margin-left:10px;flex: 1;margin-bottom: 14px;
}
.stat-dash-right-item{
    flex: 1 0 200px;
    display: inline-flex;
    padding: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    min-width: 225px;
    width: calc(50% - 15px);
    height: 124px;
    border: 0;
    background: #f7f8fa;
}
.stat-dash-right-item:not(:last-child) {
    margin-right: 8px!important;
}
.stat-dash-right-item:nth-child(-n+2) {
    margin-bottom: 8px!important;
}
.stat-dash-right-box{
    color: #323233;
}
.stat-dash-right-box ._3sOaF {
    display: flex;
    align-items: center;
    font-size: 14px;
}
.stat-dash-right-box ._30loF {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}
.stat-dash-right-box ._3xub5, .stat-dash-right-box ._30loF {
    margin-bottom: 10px;
    margin-top: 4px;
}
._216fA .content-title {
    color: #969799;
    margin-right: 8px;
}

._1Gptb, ._3KIQj {
    flex: 1 0 160px;
    display: inline-flex;
    padding: 10px;
    height: 130px;
    border: 1px solid #dcdee0;
    border-radius: 4px;
    box-sizing: border-box;
}
._1Gptb {
    transition: box-shadow .2s;
}
.LzqAZ {
    position: relative;
}
._1Gptb:not(:last-child), ._3KIQj:not(:last-child) {
    margin-right: 8px;
}
._1Gptb._2_Mq8 {
    background: #edf4ff;
    border: 1px solid #155bd4;
}
.LzqAZ ._1bB2v {
    position: absolute;
    top: 16px;
    right: 0;
    margin-right: 8px;
}
.change-trend__container {
    color: #969799;
    font-size: 12px;
}
.change-trend__container:not(:last-child) {
    margin-bottom: 4px;
}
.change-trend__title {
    color: #969799;
    margin-right: 16px;
}
.change-trend__value {
    color: #323233;
}
.G2SCS {
    margin-right: 16px;
}
._3oxMZ, .G2SCS {
    flex: 1;
}
._1tTpA {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}
.stat-width{
    width: calc(20% - 24px);
}
.dash-business-overview-item.stat-width:after {
    display: block;
}
.dash-business-overview-item.stat-width:nth-child(5n):after{
    display:none
}
.stat-page .dashboard-card-header__title{
    font-size: 20px;
    line-height: 28px;
}
.dash-business-overview-item__diff-down {
    color: #45a110;
}
.stat-fb{
    font-size: 14px;
    font-weight: bold;
}
.stat-percent-top{
    color: #d40000;
}
.stat-percent-bottom{
    color: #2da641;
}
.stat-order-box{
    margin: 24px 16px 32px;
    color: #646566;
    display: flex;
    flex-direction: column;
    position: relative;
}
.stat-order-header-box{
    padding: 24px 40px;
    border: 1px solid #ebedf0;
    margin-bottom: 16px;
}
.stat-order-amount{
    font-weight: 500;
    margin-top: 10px;
    font-size: 24px;
    color: #323233;
}
.stat-order-body-box{
    position:relative;
    margin-bottom: 18px;
}
.stat-order-body-contrain{
    display: flex;
    margin-bottom: 4px;
    position: relative;
    height: 140px;
    min-width: 720px;
    width: calc(100% - 208px);
}
._2S4_R:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: #dcdee0 transparent transparent #dcdee0;
    transform: skew(-30deg) rotate(60deg);
}
._2S4_R:first-child:before {
    top: 202px;
    right: -55px;
}
._2S4_R:nth-child(2):before {
    top: 202px;
    right: -45px;
}
._2S4_R:nth-child(3):before {
    bottom: 25px;
    right: -42px;
}
._2S4_R:first-child:after {
    top: 85px;
    right: -55px;
    width: 21px;
    height: 118px;
}
._2S4_R:nth-child(2):after {
    top: 85px;
    right: -45px;
    width: 21px;
    height: 118px;
}
._2S4_R:nth-child(3):after {
    bottom: 30px;
    right: -50px;
    width: 100px;
    height: 370px;
}
.stat-data-board__title {
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    flex: none;
    display: flex;
}

element.style {
    background-color: rgb(87, 169, 251);
}
._2S4_R:first-child .e3KZS {
    background-color: #57a9fb;
    width: 100px;
}
._2S4_R .e3KZS {
    font-weight: 500;
    box-sizing: border-box;
    padding: 0;
    position: absolute;
    width: 100px;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translate(50%);
}
._2S4_R .e3KZS:after, ._2S4_R .e3KZS:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    border-width: 70px 5px;
    border-style: solid;
}
._2S4_R:nth-child(2) .e3KZS {
    background-color: #66be74;
    width: 80px;
}
._2S4_R:nth-child(3) .e3KZS {
    background-color: #6c6ca7;
    width: 60px;
}
._2S4_R:first-child .e3KZS:after {
    border-color: #57a9fb transparent transparent #57a9fb;
}
._2S4_R .e3KZS:after {
    right: -10px;
    border-color: #57a9fb transparent transparent #57a9fb;
}
._2S4_R .e3KZS:before {
    left: -10px;
    border-color: #57a9fb #57a9fb transparent transparent;
}
._2S4_R:first-child .e3KZS:before {
    border-color: #57a9fb #57a9fb transparent transparent;
}
._2S4_R ._9PCsZ {
    margin-top: 8px;
}
._2S4_R:nth-child(2) .e3KZS:before {
    border-color: #66be74 #66be74 transparent transparent;
}
._2S4_R:nth-child(2) .e3KZS:after {
    border-color: #66be74 transparent transparent #66be74;
}
._2S4_R:nth-child(3) .e3KZS:before {
    border-color: #6c6ca7 #6c6ca7 transparent transparent;
}
._2S4_R:nth-child(3) .e3KZS:after {
    border-color: #6c6ca7 transparent transparent #6c6ca7;
}
.stat-data-board__content {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
}
._2S4_R ._2BxSy {
    padding: 0 0 0 6px;
}

._2S4_R .ZPlox {
    padding: 0;
    width: calc(20% - 8px);
}
.data-board-item__container {
    box-sizing: border-box;
    min-width: 130px;
    padding: 24px 16px;
    color: #323233;
}
.data-board-item__title {
    color: #646566;
}
.data-board-item__value {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 4px;
}
.data-board-item__ratio {
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px;
    color: #969799;
}
.change-trend__icon, .change-trend__title {
    margin-right: 4px;
}
.data-board-item__container .change-trend__title {
    display: block;
}
.change-trend__value {
    color: #323233;
}
.akC-w {
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 208px;
}
.akC-w ._13a3e {
    position: absolute;
    text-align: center;
    color: #646566;
}
.akC-w ._13a3e:first-child {
    top: 120px;
    right: 70px;
}
.akC-w ._13a3e:nth-child(2) {
    top: 260px;
    right: 80px;
}
.akC-w ._13a3e:nth-child(3) {
    top: 190px;
    right: 0;
}
.akC-w ._13a3e ._1J2zQ {
    width: 56px;
}
._2S4_R:after {
    content: "";
    position: absolute;
    border: 1px solid #dcdee0;
    border-left: 0;
    transform: translateX(100%) skewX(-4.1deg);
}
._2S4_R:first-child:after {
    top: 85px;
    right: -55px;
    width: 21px;
    height: 118px;
}
._2_8tw {
    font-size: 16px;
}
.box-container__block{
    flex: 1;
}
.box-container__inner {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}
.box-container__inner .asset-item .asset-num {
    cursor: pointer;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-primary);
    text-align: left;
}
.order-detail-step{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.order-detail-step .el-step.is-center .el-step__description{
    padding: 0!important;
}
.order-block{
    background: #fff;
    padding: 20px;
}
.order-process{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.order-process-state{
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
    box-sizing: border-box;
    height: 40px;
    padding: 10px 22px 10px 15px;
    background: linear-gradient(90deg,#4f8aef,#1d61d6);
}
.order-process-state::after {
    position: absolute;
    display: inline-block;
    content: "";
    right: 0;
    top: 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 20px 6px;
}
.order-user{
    position: relative;
    margin-right: 16px;
    line-height: 20px;
}
.order-user::after{
    display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #ebedf0;
    right: -10px;
    top: 0;
}

.refund-info {
    display: flex;
    margin-bottom: 24px;
}
.refund-info:last-child {
    margin-bottom: 0;
}
.refund-info .refund-info-column {
    margin: 0 16px;
    min-width: 200px;
    flex: 1;
}
.refund-info__title {
    font-weight: 700;
    margin-bottom: 8px;
}
.refund-info__body {
    padding: 0;
    font-size: 12px;
}
.refund-info__item {
    display: flex;
    height: 20px;
}
.refund-info .goods-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}
.refund-info .goods-item .image-wrap {
    width: 64px;
    height: 64px;
    padding-top: 5px;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: flex-start;
}
.refund-info .goods-item img {
    width: 64px;
    height: 64px;
    max-width: 64px;
    max-height: 64px;
    min-width: 64px;
    object-fit: cover;
}
.refund-info .goods-item .detail-wrap {
    margin-left: 10px;
    color: #646566;
    padding-top: 5px;
    word-break: break-word;
}
.refund-info .goods-item .title {
    margin-bottom: 4px;
}
.refund-info .goods-item .gray {
    color: #999;
}
.refund-info__item label {
    color: #646566;
    display: inline-block;
    min-width: 60px;
}
.refund-info__item .info-content {
    display: inline;
    white-space: pre-wrap;
    word-break: break-all;
}
.c-money {
    color: #d40000;
}
.hqyzm{
    color: #969799;
    position: absolute;
    right: 0;top: 75%;
    transform: translateY(-50%);
    font-size: 16px;
}
 
.table-empty-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    border: 1px solid #ebedf0;
}
.table-empty-content .table-empty-content__query-icon {
    margin: 0 auto 10px;
    width: 120px;
    height: 120px;
    background-image: url(../../images/mall/order-empty.png);
    background-size: 120px;
}
.mei-search-goods-box{
    position: relative;
}
.mei-search-goods-box .search-goods-list {
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
    height: 400px;
    width: 300px;
    padding: 10px;
    position: absolute;
    top: 35px;
    z-index: 100000;
    overflow: auto;
    background: #fff;
}
.cate-node-tree::-webkit-scrollbar {
    display: none;
}
.quota_container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
    margin-top: 32px;
}
.quota_container .quota {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    padding: 16px 20px;
    cursor: pointer;
    border-radius: 8px;
    background: #f6f7f8;
    border: 1px solid #f6f7f8;
}

.quota_container .selected_quota {
    background: rgba(0, 82, 217, 0.03);
    border: 1px solid var(--color-primary);
}

.week-checkbox{
    display: flex;
}
.week-checkbox .el-checkbox-button{
    margin-right: 10px;
}
.week-checkbox .el-checkbox-button__inner{
    border-radius: 2px!important;
    border-left: 1px solid #DCDFE6;
}
.week-checkbox .el-checkbox-button.is-focus .el-checkbox-button__inner{
    border-color: #DCDFE6;
}
.week-checkbox .el-checkbox-button.is-checked .el-checkbox-button__inner{
    border-color: #1682e6;
}
.time-selected{
    color: #155bd4;
}
.week-checkbox .el-checkbox-button.is-checked .el-checkbox-button__inner {
    border-color: #1682e6;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #1682e6;
    border-color: #1682e6;
    background-color: #e0edff;
}

.goods-tag{
    background-color: #ed6a0c;
    border-color: #ed6a0c;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 2px 4px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    max-width: 100px;
}
.goods-tag .tag-label{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}