.tabbar-edit{width:300px;background:#fff}.tabbar-edit-hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:22px}.tabbar-edit-hd .title{color:#333;font-weight:600}.tabbar-edit-hd .desc{font-size:13px;color:#888;cursor:default}.tabbar-edit-bd{margin-top:10px}.tabbar-edit-bd .bd-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tabbar-edit-bd .bd-field:nth-child(2) .label{position:relative;top:-6px}.tabbar-edit-bd .bd-field:not(:last-child){margin-bottom:10px}.tabbar-edit-bd .label{font-size:13px;width:60px}.tabbar-edit-bd .field .desc{font-size:12px;color:#888}.tabbar-edit-ft{text-align:right;margin-top:10px}.tabbar-edit .img-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.tabbar-edit .img-con-picker{width:56px;height:56px;background:#555;border-radius:6px;margin-right:10px;position:relative;cursor:pointer;background-size:cover;background-repeat:no-repeat}.tabbar-edit .img-con-picker:hover span{display:block}.tabbar-edit .img-con-picker:hover:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(85,85,85,.3)}.tabbar-edit .img-con-picker span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:12px;display:none;z-index:100}.tabbar-edit .btn-edit{color:#409eff;cursor:default}.tabbar-edit .btn-edit:hover{cursor:pointer}.comps-nav-item{padding:10px}.comps-nav-item>.hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.comps-nav-item>.hd .title{font-weight:600;color:#333;font-size:13px}.comps-nav-item>.hd .btn-text{font-size:13px;cursor:default}.comps-nav-item .bd-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comps-nav-item .bd-field:not(:last-child){margin-bottom:10px}.comps-nav-item .bd-field .label{font-size:13px;width:60px}.comps-nav-item .bd-field .field{-webkit-box-flex:1;-ms-flex:1;flex:1}.comps-nav-item .bd-field .img-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.comps-nav-item .bd-field .img-con{width:60px;height:60px}.comps-nav-item .bd-field .desc{font-size:12px;color:#888;text-align:center;line-height:14px}.comps-nav-item .bd-field .img-con-picker{width:56px;height:56px;background:#555;border-radius:6px;margin-left:-32px;position:relative;cursor:pointer;background-size:cover;background-repeat:no-repeat;overflow:hidden}.comps-nav-item .bd-field .img-con-picker:hover span{display:block}.comps-nav-item .bd-field .img-con-picker:hover:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(85,85,85,.3)}.comps-nav-item .bd-field .img-con-picker span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:12px;display:none;z-index:100}.comps-nav-item .btn-edit{color:#409eff;cursor:default}.comps-nav-item .btn-edit:hover{cursor:pointer}.brand-item{padding:10px}.brand-item .bgk{margin-top:10px;height:140px;background:#000;position:relative;background-size:cover;background-repeat:no-repeat}.brand-item .bgk .el-button{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.brand-item .ft{text-align:right;font-size:12px;color:#888;margin-top:10px}.brand-item .label{font-size:13px;font-weight:600;color:#333}.group-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.group-btn .label{font-size:13px}.PreviewCustomer[data-v-4ba4f3f8]{width:375px;height:705px;-webkit-box-sizing:border-box;box-sizing:border-box}.PreviewCustomer img[data-v-4ba4f3f8]{width:100%}.PreviewCustomer .box[data-v-4ba4f3f8]{padding:85px 25px 0 25px;width:100%;height:100%;background-size:cover}.PreviewCustomer[data-v-59fbb2c0]{width:375px;height:705px;position:relative;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.PreviewCustomer img[data-v-59fbb2c0]{width:100%}.PreviewCustomer .box[data-v-59fbb2c0]{position:relative;padding:125px 25px 0 25px;width:100%;height:110%;background-image:url(../img/PreviewCustomer.983c7342.png)}.PreviewCustomer .pa[data-v-59fbb2c0]{position:absolute}.PreviewCustomer .name[data-v-59fbb2c0]{top:97px;left:80px}.PreviewCustomer .nickName[data-v-59fbb2c0]{top:118px;left:80px}.PreviewCustomer .phone[data-v-59fbb2c0]{top:176px;left:80px}.PreviewCustomer .order[data-v-59fbb2c0]{top:259px;left:35px;font-size:15px;border-bottom:2px solid}.PreviewHome[data-v-5db09096]{width:375px;height:705px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.PreviewHome .pa[data-v-5db09096]{position:absolute}.PreviewHome .back[data-v-5db09096]{width:100%;height:100%;z-index:2;position:relative}.PreviewHome .box[data-v-5db09096]{padding:125px 25px 0 25px;width:100%;height:100%}.PreviewHome .headBack[data-v-5db09096]{top:0;left:0;z-index:1;width:100%}.PreviewHome .headBack img[data-v-5db09096]{width:100%}.PreviewHome .userInfo[data-v-5db09096]{top:92px;left:88px;z-index:2;color:#fff}.PreviewHome .userInfo .name[data-v-5db09096]{font-size:16px;font-weight:600}.PreviewHome .userInfo .store[data-v-5db09096]{font-size:14px}.PreviewHome .navs[data-v-5db09096]{top:186px;left:0;width:100%;height:80px;background:#f7f7f7;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;text-align:center;padding:0 10px;padding-top:20px;border-radius:20px}.PreviewHome .navs .item[data-v-5db09096]{-webkit-box-flex:1;-ms-flex:1;flex:1}.PreviewHome .navs .item img[data-v-5db09096]{width:30px;height:30px}.PreviewHome .topBack[data-v-5db09096]{top:370px;left:26px;z-index:2;width:327px;height:74px;border-radius:5px;overflow:hidden}.PreviewHome .topBack img[data-v-5db09096]{width:100%;height:74px}.PreviewHome .topBack .desc[data-v-5db09096]{position:absolute;left:20px;line-height:76px;color:#fff}.PreviewTabbar[data-v-3a50f9ce]{position:relative;top:-95px;z-index:2}.PreviewTabbar .bar[data-v-3a50f9ce]{top:186px;left:0;width:100%;height:80px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;text-align:center;padding-top:10px}.PreviewTabbar .bar .item[data-v-3a50f9ce]{-webkit-box-flex:1;-ms-flex:1;flex:1}.PreviewTabbar .bar .item img[data-v-3a50f9ce]{width:20px;height:20px}.Preview[data-v-cf5257ce]{height:710px;overflow:hidden}.Preview .setting-prop[data-v-cf5257ce]{margin-left:20px}.Preview .setting-prop .el-button-group[data-v-cf5257ce]{width:100%;margin-bottom:10px}.Preview .setting-prop .el-button-group .el-button[data-v-cf5257ce]{width:125px}.Preview .setting-prop .preview-img[data-v-cf5257ce]{background-size:cover;width:375px;height:705px}.Preview .setting-prop .preview-customer[data-v-cf5257ce]{background-image:url(../img/u14.d7a814d4.png)}.page-setting-guideshopshelf{position:relative}.page-setting-guideshopshelf .edit-container .edit-con{display:-webkit-box;display:-ms-flexbox;display:flex;width:1500px}.page-setting-guideshopshelf .setting-main{width:600px}.page-setting-guideshopshelf .setting-prop{margin-left:20px}.page-setting-guideshopshelf .setting-prop .el-button-group{width:100%;margin-bottom:10px}.page-setting-guideshopshelf .setting-prop .el-button-group .el-button{width:125px}.page-setting-guideshopshelf .setting-prop .preview-img{background-size:cover;width:375px;height:705px}.page-setting-guideshopshelf .setting-prop .preview-customer{background-image:url(../img/u14.d7a814d4.png)}.page-setting-guideshopshelf .block-con{border:1px solid #dcdfe6;-webkit-box-shadow:0 2px 4px 0 #dcdfe6;box-shadow:0 2px 4px 0 #dcdfe6;border-radius:6px;background:#fff;margin-bottom:20px;padding:10px 5px}.page-setting-guideshopshelf .block-con>.hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 10px 5px}.page-setting-guideshopshelf .block-con>.hd .title{color:#333;font-weight:600}.page-setting-guideshopshelf .block-con>.hd .desc{font-size:12px;color:#888}.page-setting-guideshopshelf .block-con>.bd{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 5px 10px}.page-setting-guideshopshelf .block-con>.bd .theme{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f2f2f2;margin:0 5px;padding:10px;border-radius:4px}.page-setting-guideshopshelf .block-con>.bd .theme .theme-hd{font-size:13px;font-weight:600;color:#333;margin-bottom:10px}.page-setting-guideshopshelf .block-con>.bd .theme .theme-bd .group-btn{margin-bottom:20px}.page-setting-guideshopshelf .block-con>.bd .nav{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f2f2f2;margin:0 5px;padding:10px;border-radius:4px}.page-setting-guideshopshelf .block-con>.bd .nav .theme-hd{font-size:13px;font-weight:600;color:#333;margin-bottom:10px}.page-setting-guideshopshelf .nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-setting-guideshopshelf .nav-list .nav-item-wrap{width:279px;background:#f2f2f2;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.page-setting-guideshopshelf .nav-list .nav-item-wrap:first-child,.page-setting-guideshopshelf .nav-list .nav-item-wrap:nth-child(2){margin:0 5px 10px}.page-setting-guideshopshelf .nav-list .nav-item-wrap:nth-child(3),.page-setting-guideshopshelf .nav-list .nav-item-wrap:nth-child(4){margin:0 5px}.page-setting-guideshopshelf .nav-list .nav-item-wrap:nth-child(5){margin:10px 5px 0 5px}.page-setting-guideshopshelf .nav-list .nav-item-wrap:nth-child(6){margin:10px 0 0 5px}.page-setting-guideshopshelf .brand-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-setting-guideshopshelf .brand-list .brand-item-wrap{width:279px;background:#f2f2f2;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box}.page-setting-guideshopshelf .brand-list .brand-item-wrap:first-child,.page-setting-guideshopshelf .brand-list .brand-item-wrap:nth-child(2){margin:0 5px 10px}.page-setting-guideshopshelf .brand-list .brand-item-wrap:nth-child(3),.page-setting-guideshopshelf .brand-list .brand-item-wrap:nth-child(4){margin:0 5px}.page-setting-guideshopshelf .tabbar-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:13px;margin-bottom:20px;background:#fff;padding:4px 10px}.page-setting-guideshopshelf .tabbar-item .btn-edit{color:#409eff;cursor:default;cursor:pointer}.page-setting-guideshopshelf .nav-edit-block{margin-left:20px}.page-setting-guideshopshelf .theme-color-block{padding:10px;background:#fff}.page-setting-guideshopshelf .theme-color-block .default-theme{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-setting-guideshopshelf .theme-color-block .default-theme .primary,.page-setting-guideshopshelf .theme-color-block .default-theme .second{width:30px;height:20px}.page-setting-guideshopshelf .theme-color-block .default-theme .theme-title{font-size:13px}.page-setting-guideshopshelf .theme-color-block .default-theme .theme-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #e5e5e5;padding:1px}.page-setting-guideshopshelf .theme-color-block .default-theme .theme-wrap.active{border-color:#409eff}.page-setting-guideshopshelf .theme-color-block .custom-theme{display:-webkit-box;display:-ms-flexbox;display:flex}.page-setting-guideshopshelf .theme-color-block .custom-theme .primary,.page-setting-guideshopshelf .theme-color-block .custom-theme .second{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-setting-guideshopshelf .theme-color-block .custom-theme .color-info{font-size:12px;line-height:16px;margin-left:6px}