@import url(https://static-global.boka.vc/src/components/bk-base/bk-icon/dataSource/iconfont.css);

#app {
    width: 100%;
    height: 100%;
    min-width: 1360px;
    min-height: 680px;
    padding-bottom: env(safe-area-inset-bottom)
}

#app.weboPreview {
    min-width: auto
}

#app.mobile {
    min-width: 375px
}

#app .popup-errTip .view-errInfo {
    height: 100%
}

#app .popup-errTip .view-errInfo>.view-errorId {
    padding: 15px 20px 10px 20px
}

#app .popup-errTip .view-errInfo>.view-desc {
    height: calc(100% - 67px);
    margin: 0 20px;
    border-radius: 3px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 10px 50px 10px;
    border: 1px solid var(--webo-border-def)
}

#app .popup-errTip .span-tip {
    padding-left: 15px;
    font-size: var(--webo-font-tip);
    font-weight: 700;
    color: var(--webo-text-tip)
}

.popup-loginChain .view-popupHeader {
    border-bottom: none !important
}

.popup-loginChain .view-search {
    padding: 0 24px 16px 24px;
    border-bottom: .5px solid var(--webo-border-def)
}

.popup-loginChain .view-list {
    padding: 0 24px;
    height: calc(100% - 60px);
    overflow-y: auto
}

.popup-loginChain .view-list>.view-chainItem {
    display: flex;
    padding: 20px 0;
    cursor: pointer
}

.popup-loginChain .view-list>.view-chainItem:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    height: .5px;
    width: auto;
    background: var(--webo-border-def)
}

.popup-loginChain .view-list>.view-chainItem>.view-custId {
    flex: 1
}

.popup-loginChain .view-list>.view-chainItem>.view-custName {
    flex: 3
}

.loginPage {
    background: var(--webo-bc-white);
    height: 100%
}

.loginPage>.view-pageContent>.view-content {
    display: flex;
    height: 100%
}

.loginPage>.view-pageContent>.view-content>.view-weboImg {
    position: relative;
    flex: 1;
    background: transparent url(../image/Def_Bc_Login_Left.png) 0 0/auto 100% no-repeat;
    min-width: 700px;
    align-content: center
}

.loginPage>.view-pageContent>.view-content>.view-weboImg>.image-webo {
    position: absolute;
    margin-top: 50vh;
    right: -10%;
    transform: translateY(-50%);
    width: 90%;
    min-width: 600px;
    max-width: 1024px;
    top: 0
}

.loginPage>.view-pageContent>.view-content>.view-box {
    position: relative;
    flex: 1
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 384px;
    height: 680px;
    top: 0;
    bottom: 0
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-appLogo {
    text-align: center;
    margin-bottom: 50px
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-appLogo>.bk-image {
    width: 100px;
    height: 100px
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-appLogo>.view-welcomeText {
    margin-top: 28px
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-appLogo>.view-welcomeText>.bk-title {
    color: var(--webo-text-gray)
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-bc>.view-loginInfo>.view-tabs {
    margin-bottom: 24px
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-bc>.view-loginInfo>.view-form {
    margin-bottom: 8px;
    min-height: 158px;
    font-weight: 600
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-bc>.view-loginInfo>.view-flex {
    display: flex;
    padding: 6px 0
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-bc>.view-loginInfo>.view-flex>.view-remember {
    cursor: pointer;
    line-height: 32px;
    padding-left: 28px;
    width: 180px;
    font-size: 13px;
    font-weight: 600;
    background: 0/20px no-repeat url(../image/Def_Icon_Check_N.png) var(--webo-bc-white)
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-bc>.view-loginInfo>.view-flex>.view-remember.select {
    background: 0/20px no-repeat url(../image/Def_Icon_Check_S.png) var(--webo-bc-white)
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-login>.view-bc>.view-loginInfo>.view-loginBtn {
    margin-top: 12px
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-ownership {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    margin: auto;
    text-align: center;
    padding-bottom: 24px
}

.loginPage>.view-pageContent>.view-content>.view-box>.view-ownership>.boka-product-links {
    position: relative !important;
    font-weight: 600
}

.loadUserInfoPage {
    height: 100vh !important;
    min-height: 100%;
    background: var(--webo-color-main);
    transition: all .3s
}

.loadUserInfoPage.show {
    opacity: 1
}

.loadUserInfoPage .view-loading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 254px;
    height: 122px;
    background: transparent
}

.loadUserInfoPage .view-loading>.view-img>.img-index {
    height: 80px;
    margin-bottom: 10px
}

.loadUserInfoPage .view-loading>.view-text {
    text-align: center;
    line-height: 50px
}

.loadUserInfoPage .view-loading>.view-text>.bk-title {
    letter-spacing: 2px;
    color: var(--webo-text-def)
}

#payPwd .pwd-wrap[data-v-34506de1] {
    height: 70px;
    padding-bottom: 1px;
    margin: 0 auto;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    cursor: pointer;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

#payPwd .pwd-wrap>li[data-v-34506de1] {
    list-style-type: none;
    text-align: center;
    line-height: 70px;
    flex: 1;
    -webkit-flex: 1;
    border-bottom: 2px solid #ddd;
    margin: 0 5px;
    box-sizing: border-box
}

#payPwd .pwd-wrap>li[data-v-34506de1]:first-child {
    margin-left: 0
}

#payPwd .pwd-wrap>li[data-v-34506de1]:last-child {
    margin-right: 0
}

#payPwd .pwd-wrap>li.active[data-v-34506de1] {
    border: 1px solid #40a9ff;
    box-shadow: 0 0 10px #bae7ff
}

#payPwd .pwd-wrap>li .valItem[data-v-34506de1] {
    display: inline-block;
    font-size: 32px;
    font-weight: 600
}

#payPwd .pwd-wrap>li .valItem.dot[data-v-34506de1] {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #000
}

.client-login-box[data-v-b1cdc4c6] {
    width: 100%;
    max-width: 350px
}

.client-login-box .icon[data-v-b1cdc4c6] {
    margin-left: 20px;
    font-size: 20px;
    cursor: pointer
}

.client-login-box .login-box-header[data-v-b1cdc4c6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.client-login-box .login-box-header .header-img .img[data-v-b1cdc4c6] {
    width: 108px;
    height: 108px;
    border-radius: 50%
}

.client-login-box .login-box-header .header-title[data-v-b1cdc4c6] {
    font-weight: 600;
    font-size: 24px;
    color: rgba(0, 0, 0, .85);
    line-height: 33px;
    text-align: left;
    font-style: normal
}

.client-login-box .login-box-form-view[data-v-b1cdc4c6] {
    padding: 20px
}

.client-login-box .login-box-form-view .form-item[data-v-b1cdc4c6] {
    padding: 10px 0
}

.client-login-box .login-box-form-view .verify-code[data-v-b1cdc4c6] {
    margin: 50px 0
}

.client-login-box .login-box-form-view .form-footer-view .btn[data-v-b1cdc4c6] {
    width: 100%;
    margin-top: 24px
}

.clientLoginView[data-v-47496ba0] {
    height: 100%;
    width: 100%;
    min-width: 375px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.clientLoginView .client-login-box[data-v-47496ba0] {
    width: 100%;
    max-width: 350px
}

.clientLoginView .client-login-box .login-box-header[data-v-47496ba0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.clientLoginView .client-login-box .login-box-header .header-img .img[data-v-47496ba0] {
    width: 210px;
    height: 120px
}

.clientLoginView .client-login-box .login-box-header .header-title[data-v-47496ba0] {
    font-weight: 600;
    font-size: 24px;
    color: rgba(0, 0, 0, .85);
    line-height: 33px;
    text-align: left;
    font-style: normal
}

.clientLoginView .client-login-box .login-box-form-view[data-v-47496ba0] {
    padding: 20px
}

.clientLoginView .client-login-box .login-box-form-view .custom-form-field[data-v-47496ba0] {
    width: 100%;
    display: flex
}

.clientLoginView .client-login-box .login-box-form-view .custom-form-field .form-field-label[data-v-47496ba0] {
    margin-top: 5px;
    margin-right: 10px
}

.clientLoginView .client-login-box .login-box-form-view .custom-form-field .form-field-label .required[data-v-47496ba0] {
    color: red;
    margin-right: 5px
}

.clientLoginView .client-login-box .login-box-form-view .custom-form-field .form-field-input[data-v-47496ba0] {
    width: 100%
}

.clientLoginView .client-login-box .login-box-form-view .custom-form-field .form-field-input .group-input[data-v-47496ba0] {
    width: 100%;
    display: flex
}

.clientLoginView .client-login-box .login-box-form-view .custom-form-field .form-custom-group[data-v-47496ba0] {
    width: 100%
}

.clientLoginView .client-login-box .login-box-form-view .forget-password[data-v-47496ba0] {
    float: right;
    cursor: pointer;
    margin-top: 17px;
    font-weight: 400;
    font-size: 14px;
    color: #7c65ff;
    line-height: 20px;
    text-align: center;
    font-style: normal
}

.clientLoginView .client-login-box .login-box-form-view .form-footer-view .btn[data-v-47496ba0] {
    width: 100%;
    margin-top: 24px
}

.clientLoginView .client-login-box .login-box-form-view .sign-up-now[data-v-47496ba0] {
    margin-top: 32px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: center;
    font-style: normal
}

.clientLoginView .client-login-box .login-box-form-view .sign-up-now .btn[data-v-47496ba0] {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.clientLoginView .client-login-box .login-box-form-view .form-agreement[data-v-47496ba0] {
    margin-top: 13px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: center;
    font-style: normal;
    text-transform: none
}

.appMenus[data-v-29e666c4] {
    width: 240px;
    min-width: 240px
}

.appMenus>.view-list[data-v-29e666c4] {
    padding: 12px 0
}

.appMenus>.view-list .view-appMenuItem[data-v-29e666c4] {
    display: flex;
    line-height: 20px;
    padding: 8px 16px;
    margin-bottom: 12px;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s;
    background: var(--webo-bc-white)
}

.appMenus>.view-list .view-appMenuItem.select[data-v-29e666c4] {
    background: var(--webo-bc-lightGray)
}

.appMenus>.view-list .view-appMenuItem[data-v-29e666c4]:last-child {
    margin-bottom: 0
}

.appMenus>.view-list .view-appMenuItem>.bk-icon[data-v-29e666c4] {
    color: var(--webo-color-main);
    margin-right: 10px;
    font-weight: 600
}

.view-appUserInfo {
    display: inline-block;
    color: var(--webo-text-def-45);
    padding-left: 24px;
    cursor: pointer;
    padding-right: 24px
}

.view-appUserInfo>.bk-image {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px
}

.view-appUserInfo>.bk-icon {
    margin-left: 4px;
    font-weight: 600;
    font-size: 32px
}

.view-appUserInfo .view-popoverContent {
    width: 240px;
    width: 220px;
    min-height: 252px;
    border-radius: 8px;
    padding: 0 16px
}

.view-appUserInfo .view-popoverContent .view-userInfo {
    display: flex;
    padding: 16px 0;
    cursor: pointer;
    border-bottom: .5px solid var(--webo-border-def)
}

.view-appUserInfo .view-popoverContent .view-userInfo>.bk-image {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 50%
}

.view-appUserInfo .view-popoverContent .view-userInfo>.view-text {
    position: relative;
    flex: 1;
    margin-left: 12px;
    padding-right: 30px;
    font-weight: 600
}

.view-appUserInfo .view-popoverContent .view-userInfo>.view-text>.view-name {
    padding-top: 10px
}

.view-appUserInfo .view-popoverContent .view-userInfo>.view-text>.view-name>.bk-title {
    width: 132px;
    line-height: 28px
}

.view-appUserInfo .view-popoverContent .view-userInfo>.view-text>.view-accSettings {
    line-height: 20px;
    color: var(--webo-text-def-45)
}

.view-appUserInfo .view-popoverContent .view-userInfo>.view-text>.bk-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    left: auto;
    right: 5px;
    bottom: 0;
    top: 0;
    margin: auto;
    color: var(--webo-color-main);
    font-size: 12px;
    font-weight: 600
}

.view-appUserInfo .view-popoverContent .view-list {
    padding-top: 12px
}

.view-appUserInfo .view-popoverContent .view-list>.view-item {
    padding: 12px 0;
    line-height: 20px;
    cursor: pointer;
    font-weight: 600
}

.view-appUserInfo .view-popoverContent .view-list>.view-item>.bk-icon {
    margin-right: 12px;
    color: var(--webo-color-main);
    font-weight: 600
}

.view-appHeader[data-v-c7695f90] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 64px;
    background: var(--webo-bc-white);
    z-index: 18;
    min-width: 1024px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25)
}

.view-appHeader>.view-limitBox[data-v-c7695f90] {
    display: flex
}

.view-appHeader>.view-limitBox>.view-left[data-v-c7695f90] {
    flex: 1;
    padding: 20px 24px 20px 186px;
    line-height: 24px;
    background: transparent url(../image/Def_Logo_App_Webo.png) 0/140px no-repeat
}

.view-appHeader>.view-limitBox>.view-left>.bk-view[data-v-c7695f90] {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px
}

.view-appHeader>.view-limitBox>.view-left>.bk-view[data-v-c7695f90]:last-child {
    margin-right: 0
}

.view-appHeader>.view-limitBox>.view-left>.view-loginShop>.bk-title[data-v-c7695f90] {
    line-height: 24px
}

.view-appHeader>.view-limitBox>.view-left>.view-expiration[data-v-c7695f90] {
    border: 1px solid var(--webo-color-main);
    color: var(--webo-color-main);
    padding: 0 8px 0 10px;
    height: 24px;
    border-radius: 5px;
    cursor: pointer
}

.view-appHeader>.view-limitBox>.view-left>.view-expiration>.bk-title[data-v-c7695f90] {
    line-height: 22px
}

.view-appHeader>.view-limitBox>.view-left>.view-expiration>.titke-renew[data-v-c7695f90] {
    margin-left: 10px
}

.view-appHeader>.view-limitBox>.view-left>.view-expiration>.bk-icon[data-v-c7695f90] {
    font-size: var(--webo-font-tip);
    line-height: 22px;
    font-weight: 600;
    margin-left: 4px
}

.view-appHeader>.view-limitBox>.view-right[data-v-c7695f90] {
    display: flex;
    align-items: center
}

.view-appHeader>.view-limitBox>.view-right>.bk-view[data-v-c7695f90] {
    display: inline-block
}

.view-appHeader>.view-limitBox>.view-right>.bk-view.view-btns[data-v-c7695f90] {
    display: flex;
    align-items: center;
    vertical-align: middle
}

.view-appHeader>.view-limitBox>.view-right>.bk-view.view-btns>.bk-button[data-v-c7695f90] {
    margin-right: 16px;
    width: 32px;
    height: 32px
}

.view-appHeader>.view-limitBox>.view-right>.bk-view.view-btns>.view-attendanceQR[data-v-c7695f90] {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #2e56f2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.view-appHeader>.view-limitBox>.view-right .view-noDataBox[data-v-c7695f90] {
    width: 300px;
    padding: 50px 0
}

.popup-changeLanguage .view-content[data-v-06f61ede] {
    padding: 24px
}

.popup-changeLanguage .view-content>.bk-title[data-v-06f61ede] {
    margin-bottom: 12px
}

.indexPage #view-appContent {
    padding-top: var(--app-top-header-height);
    height: 100%
}

.indexPage #view-appContent>.view-limitBox {
    display: flex;
    height: 100%
}

.indexPage #view-appContent>.view-limitBox>.view-content {
    flex: 1;
    height: 100%
}

.indexPage #view-appContent>.view-limitBox>.view-content>.bk-page {
    padding-left: 20px;
    padding-right: 20px
}

.view-initStep1 {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    width: 580px;
    height: 100%
}

.view-initStep1>.view-tip {
    line-height: 30px;
    font-weight: 600;
    font-size: var(--webo-font-weighted);
    margin-bottom: 20px
}

.view-initStep1>.view-box {
    display: flex;
    border: 1px solid #eee;
    height: calc(100% - 120px)
}

.view-initStep1>.view-box>.view-left {
    min-width: 220px;
    border-right: 1px solid #eee
}

.view-initStep1>.view-box>.view-left>.view-header {
    line-height: 58px;
    border-bottom: .5px solid #eee
}

.view-initStep1>.view-box>.view-left>.view-list>.view-typeItem {
    position: relative;
    padding: 18px 32px 18px 18px;
    border-bottom: .5px solid #eee
}

.view-initStep1>.view-box>.view-left>.view-list>.view-typeItem.select {
    background: #f6f5ff;
    color: var(--webo-color-main)
}

.view-initStep1>.view-box>.view-left>.view-list>.view-typeItem>.bk-icon {
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 20px
}

.view-initStep1>.view-box>.view-content {
    flex: 1
}

.view-initStep1>.view-box>.view-content>.view-themes {
    padding: 18px
}

.view-initStep1>.view-box>.view-content>.view-themes>.view-themeItem {
    display: inline-flex;
    height: 44px;
    width: calc(50% - 25px);
    border: 2px solid #e3e3e3;
    cursor: pointer
}

.view-initStep1>.view-box>.view-content>.view-themes>.view-themeItem.select {
    border-color: var(--webo-color-main);
    box-shadow: 0 0 4px var(--webo-color-main)
}

.view-initStep1>.view-box>.view-content>.view-themes>.view-themeItem:nth-child(odd) {
    margin-right: 50px
}

.view-initStep1>.view-box>.view-content>.view-themes>.view-themeItem>.view-color {
    flex: 1
}

.view-initStep1>.view-box>.view-content>.view-fonts>.view-fontsItem {
    padding: 19px 30px
}

.view-initStep1>.view-box>.view-content>.view-fonts>.view-fontsItem.select {
    background: #f6f5ff
}

.view-initStep2 {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    width: 580px;
    height: 100%
}

.view-initStep2>.view-tip {
    line-height: 30px;
    font-weight: 600;
    font-size: var(--webo-font-weighted);
    margin-bottom: 20px
}

.view-initStep2>.view-box {
    border: 1px solid #eee;
    height: calc(100% - 120px)
}

.view-initStep2>.view-box>.view-header {
    line-height: 58px;
    border-bottom: .5px solid #eee
}

.view-initStep2>.view-box>.view-list>.view-pageItem {
    position: relative;
    padding: 18px 40px 18px 18px;
    border-bottom: .5px solid #eee;
    font-weight: 600
}

.view-initStep2>.view-box>.view-list>.view-pageItem.select {
    background: #f6f5ff;
    color: var(--webo-color-main)
}

.view-initStep2>.view-box>.view-list>.view-pageItem>.bk-icon {
    position: absolute;
    left: auto;
    right: 20px;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 20px
}

.view-initStepSuccess {
    text-align: center;
    padding-top: 50px
}

.view-initStepSuccess>.view-image {
    display: inline-block;
    width: 500px
}

.view-initStepSuccess>.view-title {
    padding: 24px 0
}

.view-initStepSuccess>.view-tip {
    margin-bottom: 32px
}

.view-initStepSuccess>.view-btn>.bk-button {
    height: 44px;
    padding: 0 32px;
    min-width: 200px
}

.websitesInitPage .view-flex[data-v-641fcd3e] {
    display: flex;
    height: 100%;
    min-width: 1360px
}

.websitesInitPage .view-flex>.view-initInfo[data-v-641fcd3e] {
    position: relative;
    flex: 1;
    max-width: 1024px;
    transition: all .2s
}

.websitesInitPage .view-flex>.view-initInfo.step-3[data-v-641fcd3e] {
    max-width: 100vw
}

.websitesInitPage .view-flex>.view-initInfo>.view-header>.view-logo[data-v-641fcd3e] {
    height: 64px;
    width: 100%;
    background: transparent url(../image/Def_Logo_Websites_WeBo.png) 50%/132px no-repeat
}

.websitesInitPage .view-flex>.view-initInfo>.view-header>.view-btns>.btn-close[data-v-641fcd3e] {
    width: auto;
    font-weight: 600;
    color: var(--webo-text-def);
    height: 32px;
    line-height: 32px;
    font-size: var(--webo-font-button-action)
}

.websitesInitPage .view-flex>.view-initInfo>.view-header>.view-btns>.btn-close[data-v-641fcd3e] .bk-icon {
    margin-right: 5px;
    color: var(--webo-text-def-65) !important
}

.websitesInitPage .view-flex>.view-initInfo>.view-step[data-v-641fcd3e] {
    display: flex;
    padding: 32px 80px
}

.websitesInitPage .view-flex>.view-initInfo>.view-step>.view-line[data-v-641fcd3e] {
    position: relative;
    flex: 1
}

.websitesInitPage .view-flex>.view-initInfo>.view-step>.view-line[data-v-641fcd3e]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 4px;
    max-width: 100px;
    background: var(--webo-bc-gray)
}

.websitesInitPage .view-flex>.view-initInfo>.view-step>.view-stepItem[data-v-641fcd3e] {
    flex: 2;
    text-align: center;
    cursor: pointer;
    color: var(--webo-text-gray)
}

.websitesInitPage .view-flex>.view-initInfo>.view-step>.view-stepItem.select>.view-index[data-v-641fcd3e] {
    color: var(--webo-color-main);
    border-color: var(--webo-color-main)
}

.websitesInitPage .view-flex>.view-initInfo>.view-step>.view-stepItem.select>.view-text[data-v-641fcd3e] {
    color: var(--webo-color-main)
}

.websitesInitPage .view-flex>.view-initInfo>.view-step>.view-stepItem>.bk-view[data-v-641fcd3e] {
    display: inline-block
}

.websitesInitPage .view-flex>.view-initInfo>.view-step>.view-stepItem>.view-index[data-v-641fcd3e] {
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 1px solid var(--webo-border-def);
    margin-right: 15px;
    border-radius: 50%;
    font-size: var(--webo-font-title-med);
    color: var(--webo-text-def)
}

.websitesInitPage .view-flex>.view-initInfo>.view-step>.view-stepItem>.view-text[data-v-641fcd3e] {
    font-size: var(--webo-font-title-med);
    font-weight: 600
}

.websitesInitPage .view-flex>.view-initInfo>.view-box[data-v-641fcd3e] {
    height: calc(100% - 264px)
}

.websitesInitPage .view-flex>.view-initInfo>.btn-next[data-v-641fcd3e] {
    position: absolute;
    left: auto;
    right: 24px;
    bottom: 24px;
    top: auto;
    margin: auto;
    width: 120px;
    font-weight: 600
}

.websitesInitPage .view-flex>.view-initInfo>.btn-next .icon-next[data-v-641fcd3e] {
    margin-left: 5px
}

.websitesInitPage .view-flex>.view-previewWeb[data-v-641fcd3e] {
    flex: 1;
    background: #f8f8f8;
    color: #fff
}

.websitesInitPage .view-flex>.view-previewWeb>.view-systemPages[data-v-641fcd3e] {
    padding: 24px;
    height: 100%;
    overflow-y: auto
}

.websitesInitPage .view-flex>.view-previewWeb>.view-systemPages>.view-pageItem[data-v-641fcd3e] {
    position: relative;
    display: inline-block;
    width: calc(50% - 12px);
    height: 375px;
    background: #fff;
    margin-bottom: 24px;
    overflow: hidden
}

.websitesInitPage .view-flex>.view-previewWeb>.view-systemPages>.view-pageItem>.view-img[data-v-641fcd3e] {
    width: 100%
}

.websitesInitPage .view-flex>.view-previewWeb>.view-systemPages>.view-pageItem>.view-tool[data-v-641fcd3e] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.websitesInitPage .view-flex>.view-previewWeb>.view-systemPages>.view-pageItem>.view-tool>.view-name[data-v-641fcd3e] {
    display: inline-block;
    padding: 0 10px 0 5px;
    color: var(--webo-text-white);
    background: var(--webo-color-main)
}

.websitesInitPage .view-flex>.view-previewWeb>.view-systemPages>.view-pageItem>.view-tool>.view-name>.bk-icon[data-v-641fcd3e] {
    margin: 0 5px
}

.websitesInitPage .view-flex>.view-previewWeb>.view-systemPages>.view-pageItem>.view-tool>.view-del[data-v-641fcd3e] {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    margin: auto;
    text-align: center;
    width: 20px;
    height: 20px;
    background: var(--webo-color-main)
}

.websitesInitPage .view-flex>.view-previewWeb>.view-systemPages>.view-pageItem>.view-select[data-v-641fcd3e] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    border: 2px solid var(--webo-color-main);
    background: transparent
}

.websitesInitPage .view-flex>.view-previewWeb>.view-systemPages>.view-pageItem[data-v-641fcd3e]:nth-child(odd) {
    margin-right: 24px
}

.view-webToolPages>.view-group[data-v-5aa80fa4] {
    border-bottom: .5px solid var(--webo-border-def);
    padding: 0 8px 8px 8px
}

.view-webToolPages>.view-group[data-v-5aa80fa4]:last-child {
    border-bottom: none
}

.view-webToolPages>.view-group>.view-title[data-v-5aa80fa4] {
    line-height: 42px
}

.view-webToolPages>.view-group>.view-title>.bk-title[data-v-5aa80fa4] {
    font-size: var(--webo-font-def)
}

.view-webToolPages>.view-group>.view-pageItem[data-v-5aa80fa4] {
    padding: 12px 0 12px 10px;
    line-height: 20px;
    margin-bottom: 5px;
    display: flex;
    font-weight: 600
}

.view-webToolPages>.view-group>.view-pageItem[data-v-5aa80fa4]:last-child {
    margin-bottom: 0
}

.view-webToolPages>.view-group>.view-pageItem[data-v-5aa80fa4]:hover {
    background: var(--webo-color-main-float)
}

.view-webToolPages>.view-group>.view-pageItem.select[data-v-5aa80fa4] {
    color: var(--webo-color-main)
}

.view-webToolPages>.view-group>.view-pageItem>.bk-icon[data-v-5aa80fa4] {
    margin-right: 5px
}

.view-webToolPages>.view-group>.view-pageItem>.view-name[data-v-5aa80fa4] {
    flex: 1;
    cursor: default
}

.view-webToolPages>.view-group>.view-pageItem>.view-del[data-v-5aa80fa4] {
    cursor: pointer;
    margin-left: 5px;
    min-width: 36px;
    text-align: center
}

.view-webToolSections .view-group .view-sectionItem[data-v-2874972a] {
    position: relative;
    padding: 16px 32px 16px 8px;
    border-bottom: .5px solid var(--webo-border-def);
    cursor: pointer
}

.view-webToolSections .view-group .view-sectionItem>.icon-right[data-v-2874972a] {
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 20px;
    line-height: 20px
}

.view-webToolComponents>.view-group>.view-title[data-v-716597e1] {
    padding: 16px 12px 0 12px
}

.view-webToolComponents>.view-group>.view-box[data-v-716597e1] {
    text-align: left;
    padding: 12px 0 12px 12px
}

.view-webToolComponents>.view-group>.view-box>.view-componentItem[data-v-716597e1] {
    display: inline-block;
    width: 72px;
    min-height: 72px;
    margin-right: 9px;
    margin-bottom: 12px;
    cursor: pointer;
    vertical-align: top;
    text-align: center
}

.view-webToolComponents>.view-group>.view-box>.view-componentItem[data-v-716597e1]:nth-child(3n+3) {
    margin-right: 0
}

.view-webToolComponents>.view-group>.view-box>.view-componentItem>.view-img[data-v-716597e1] {
    padding: 8px 0 12px 0
}

.view-webToolComponents>.view-group>.view-box>.view-componentItem>.view-img>.bk-image[data-v-716597e1] {
    max-width: 60px;
    height: 28px
}

.view-webToolComponents>.view-group>.view-box>.view-componentItem>.view-text[data-v-716597e1] {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600
}

.popup-addPage .view-form[data-v-6f6cb8fe] {
    padding: 32px
}

.popup-addPage .view-form>.view-formItem[data-v-6f6cb8fe] {
    font-weight: 600;
    margin-bottom: 24px
}

.view-webToolBar[data-v-2334f080] {
    position: absolute;
    left: 2px;
    right: auto;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 250px;
    background: var(--webo-bc-white);
    height: 100%
}

.view-webToolBar>.view-header[data-v-2334f080] {
    display: flex;
    position: relative;
    padding: 10px 8px 10px 12px;
    min-height: 44px;
    border-bottom: .5px solid var(--webo-border-def)
}

.view-webToolBar>.view-header[data-v-2334f080]:after {
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background: var(--webo-color-main)
}

.view-webToolBar>.view-header>.bk-title[data-v-2334f080] {
    flex: 1
}

.view-webStyleSpacing {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto 18px auto;
    width: 312px;
    height: 164px;
    background: transparent url(../image/Def_Bc_StyleSpacing.png) 50%/100% 100% no-repeat
}

.view-webStyleSpacing>.bk-title {
    font-size: 12px;
    position: absolute;
    left: 5px;
    right: auto;
    bottom: auto;
    top: 0;
    margin: auto;
    z-index: 1;
    color: var(--webo-text-def-65)
}

.view-webStyleSpacing>.view-box {
    position: relative;
    height: 100%
}

.view-webStyleSpacing>.view-box>.bk-input {
    text-align: center;
    width: 64px;
    height: 32px
}

.view-webStyleSpacing>.view-box>.bk-input.input-top {
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    top: 4px;
    margin: auto
}

.view-webStyleSpacing>.view-box>.bk-input.input-right {
    position: absolute;
    left: auto;
    right: 4px;
    bottom: 0;
    top: 0;
    margin: auto
}

.view-webStyleSpacing>.view-box>.bk-input.input-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    top: auto;
    margin: auto
}

.view-webStyleSpacing>.view-box>.bk-input.input-left {
    position: absolute;
    left: 4px;
    right: auto;
    bottom: 0;
    top: 0;
    margin: auto
}

.view-webStyleAlign>.view-bc[data-v-c29a3e42] {
    display: flex
}

.view-webStyleAlign>.view-bc>.view-left[data-v-c29a3e42] {
    width: 100px;
    line-height: 40px;
    margin-right: 10px
}

.view-webStyleAlign>.view-bc>.view-items[data-v-c29a3e42] {
    display: flex;
    flex: 1;
    padding: 4px;
    background: #ededed;
    border-radius: 4px
}

.view-webStyleAlign>.view-bc>.view-items>.view-alignItem[data-v-c29a3e42] {
    flex: 1;
    line-height: 32px;
    text-align: center;
    border-radius: 4px;
    margin-right: 4px;
    cursor: pointer
}

.view-webStyleAlign>.view-bc>.view-items>.view-alignItem.select[data-v-c29a3e42] {
    background: #fff
}

.view-webStyleAlign>.view-bc>.view-items>.view-alignItem[data-v-c29a3e42]:last-child {
    margin-right: 0
}

.view-webStyleAlign>.view-bc>.view-items>.view-alignItem>.bk-icon[data-v-c29a3e42] {
    font-size: 18px
}

.view-webTextStyle>.view-bc[data-v-003292da] {
    display: flex
}

.view-webTextStyle>.view-bc>.view-left[data-v-003292da] {
    width: 100px;
    line-height: 40px;
    margin-right: 10px
}

.view-webTextStyle>.view-bc>.view-items[data-v-003292da] {
    display: flex;
    flex: 1;
    padding: 4px;
    background: #ededed;
    border-radius: 4px
}

.view-webTextStyle>.view-bc>.view-items>.view-alignItem[data-v-003292da] {
    flex: 1;
    line-height: 32px;
    text-align: center;
    border-radius: 4px;
    margin-right: 4px;
    cursor: pointer
}

.view-webTextStyle>.view-bc>.view-items>.view-alignItem.select[data-v-003292da] {
    background: #fff
}

.view-webTextStyle>.view-bc>.view-items>.view-alignItem[data-v-003292da]:last-child {
    margin-right: 0
}

.view-webTextStyle>.view-bc>.view-items>.view-alignItem>.bk-icon[data-v-003292da] {
    font-size: 18px
}

.view-webImgUpload {
    display: flex
}

.view-webImgUpload>.view-label {
    margin-right: 10px
}

.view-webImgUpload>.view-box>.view-curImg {
    display: flex;
    height: 100px
}

.view-webImgUpload>.view-box>.view-curImg>.view-image {
    width: 100px;
    height: 100px;
    min-width: 10px;
    background: var(--webo-bc-gray);
    border-radius: 6px;
    overflow: hidden
}

.view-webImgUpload>.view-box>.view-curImg>.view-image>.bk-image {
    width: 100%;
    height: 100%;
    border: 1px dashed var(--webo-border-def)
}

.view-webImgUpload>.view-box>.view-curImg>.view-info {
    flex: 1;
    margin-left: 12px;
    padding-top: 5px
}

.view-webImgUpload>.view-box>.view-curImg>.view-info>.view-support {
    line-height: 24px;
    font-size: var(--webo-font-tip);
    font-weight: 600;
    min-height: 60px
}

.view-webImgUpload>.view-box>.view-curImg>.view-info>.view-flex {
    display: flex
}

.view-webImgUpload>.view-box>.view-curImg>.view-info>.view-flex>.view-size {
    flex: 1;
    font-size: var(--webo-font-tip);
    color: var(--webo-text-tip)
}

.view-webImgUpload>.view-box>.view-curImg>.view-info>.view-flex>.view-del {
    min-width: 50px;
    text-align: right;
    color: var(--webo-color-red);
    cursor: pointer
}

.view-webImgUpload>.view-box>.bk-upload {
    margin: 12px 0;
    width: 100%;
    height: 40px
}

.view-webImgUpload>.view-box>.bk-upload>.view-uploadWrap {
    width: 100%;
    height: 100%
}

.view-webImgUpload>.view-box>.bk-upload>.view-uploadWrap>span,
.view-webImgUpload>.view-box>.bk-upload>.view-uploadWrap>span .ant-upload {
    width: 100%
}

.view-webImgUpload>.view-box>.view-tip {
    color: var(--webo-text-tip)
}

.view-webLayoutStyle>.view-box>.view-layoutItem[data-v-78e460a4] {
    display: inline-block;
    width: calc(50% - 15px)
}

.view-webLayoutStyle>.view-box>.view-layoutItem[data-v-78e460a4]:nth-child(odd) {
    margin-right: 15px
}

.view-webStyleEdit {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 32px
}

.view-webStyleEdit>.view-groupItem {
    padding: 12px;
    border-bottom: .5px solid var(--webo-border-def)
}

.view-webStyleEdit>.view-groupItem>.view-title {
    padding-bottom: 12px
}

.view-webStyleEdit>.view-groupItem>.view-title>.bk-title {
    font-size: 16px !important
}

.view-webStyleEdit>.view-groupItem>.view-box>.bk-view {
    margin-bottom: 12px
}

.view-webStyleEdit>.view-groupItem>.view-box>.bk-view:last-child {
    margin-bottom: 0
}

.view-webStyleEdit>.view-groupItem>.view-radius {
    display: flex;
    align-items: center
}

.view-webStyleEdit>.view-groupItem>.view-radius .bk-slider {
    flex: 1;
    margin-right: 12px
}

.popup-webPageSelect .view-list[data-v-0d020256] {
    height: 100%;
    padding: 20px;
    overflow-y: auto;
    background: var(--webo-bc-lightGray)
}

.popup-webPageSelect .view-list>.view-pageItem[data-v-0d020256] {
    display: flex;
    margin-bottom: 12px;
    padding: 15px 15px 15px 44px;
    background: var(--webo-bc-white);
    line-height: 24px;
    border-radius: 5px;
    cursor: pointer;
    background: 10px/22px no-repeat url(../image/Def_Icon_Check_N.png) var(--webo-bc-white)
}

.popup-webPageSelect .view-list>.view-pageItem.select[data-v-0d020256] {
    background: 10px/22px no-repeat url(../image/Def_Icon_Check_S.png) var(--webo-bc-white)
}

.popup-webPageSelect .view-list>.view-pageItem[data-v-0d020256]:last-child {
    margin-bottom: 0
}

.popup-webPageSelect .view-list>.view-pageItem>.view-name[data-v-0d020256] {
    font-weight: 600;
    font-size: var(--webo-font-weighted)
}

.view-webSettingsLinkConfig>.view-title[data-v-b311c85a] {
    padding-bottom: 12px
}

.view-webSettingsLinkConfig>.view-title>.bk-title[data-v-b311c85a] {
    font-size: 16px !important
}

.view-webSettingsLinkConfig>.view-flex[data-v-b311c85a] {
    display: flex
}

.view-webSettingsLinkConfig>.view-flex>.lang-text[data-v-b311c85a] {
    line-height: 40px;
    min-width: 100px;
    margin-right: 10px
}

.view-webSettingsLinkConfig>.view-flex>.view-typeMenu[data-v-b311c85a] {
    display: flex;
    flex: 1;
    padding: 4px;
    background: #ededed;
    border-radius: 4px
}

.view-webSettingsLinkConfig>.view-flex>.view-typeMenu>.view-typeItem[data-v-b311c85a] {
    flex: 1;
    line-height: 32px;
    text-align: center;
    border-radius: 4px;
    margin-right: 4px;
    cursor: pointer
}

.view-webSettingsLinkConfig>.view-flex>.view-typeMenu>.view-typeItem.select[data-v-b311c85a] {
    background: #fff
}

.view-webSettingsLinkConfig>.view-flex>.view-typeMenu>.view-typeItem[data-v-b311c85a]:last-child {
    margin-right: 0
}

.view-webSettingsLinkConfig>.view-flex>.view-typeMenu>.view-typeItem>.bk-icon[data-v-b311c85a] {
    font-size: 18px
}

.view-webSettingsLinkConfig>.view-linkInfo[data-v-b311c85a] {
    padding: 10px 0 15px 0
}

.view-webSettingsLinkConfig>.view-linkInfo>.view-openInNewTab[data-v-b311c85a] {
    padding-left: 134px;
    line-height: 40px;
    cursor: pointer;
    background: 110px/20px no-repeat url(../image/Def_Icon_Check_N.png) var(--webo-bc-white)
}

.view-webSettingsLinkConfig>.view-linkInfo>.view-openInNewTab.select[data-v-b311c85a] {
    background: 110px/20px no-repeat url(../image/Def_Icon_Check_S.png) var(--webo-bc-white)
}

.view-webSettingsDataConfig>.view-title[data-v-e1bf1f54] {
    padding-bottom: 12px
}

.view-webSettingsDataConfig>.view-title>.bk-title[data-v-e1bf1f54] {
    font-size: 16px !important
}

.view-webSettingsDataConfig>.view-list>.view-item[data-v-e1bf1f54] {
    border-bottom: 1px dashed var(--webo-border-def);
    margin-bottom: 10px
}

.view-webSettingsDataConfig>.view-list>.view-item>.view-index>.btn-del[data-v-e1bf1f54] {
    float: right;
    border: none;
    height: 32px;
    color: var(--webo-color-red)
}

.view-webSettingsDataConfig>.view-list>.view-item>.view-label[data-v-e1bf1f54] {
    margin-bottom: 10px
}

.view-webSettingsEdit {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 32px
}

.view-webSettingsEdit>.view-groupItem {
    padding: 12px;
    border-bottom: .5px solid var(--webo-border-def)
}

.view-webSettingsEdit>.view-groupItem>.view-title {
    padding-bottom: 12px
}

.view-webSettingsEdit>.view-groupItem>.view-title>.bk-title {
    font-size: 16px !important
}

.view-webSettingsEdit>.view-groupItem>.view-box>.bk-view {
    margin-bottom: 12px
}

.view-webSettingsEdit>.view-groupItem>.view-box>.bk-view:last-child {
    margin-bottom: 0
}

.view-webSettingsDoms>.view-list[data-v-03eeec8c] {
    padding: 20px
}

.view-webSettingsDoms>.view-list>.view-domItem[data-v-03eeec8c] {
    display: flex;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 20px;
    padding: 12px;
    cursor: pointer
}

.view-webSettingsDoms>.view-list>.view-domItem>.view-index[data-v-03eeec8c] {
    min-width: 40px
}

.view-webItemConfig[data-v-c1ebe948] {
    position: fixed;
    right: 0;
    top: 48px;
    bottom: 0;
    width: 386px;
    background: var(--webo-bc-white);
    z-index: 1000
}

.view-webItemConfig>.view-header[data-v-c1ebe948] {
    height: 76px;
    background: #fff url(../image/Def_Bc_WebItemConfigHeader.png) 100% 100%/280px 76px no-repeat
}

.view-webItemConfig>.view-header>.view-title[data-v-c1ebe948] {
    padding: 16px 0 0 36px;
    overflow: hidden
}

.view-webItemConfig>.view-header>.view-title>.bk-title[data-v-c1ebe948] {
    line-height: 20px
}

.view-webItemConfig>.view-header>.view-title>.btn-close[data-v-c1ebe948] {
    float: right
}

.view-webItemConfig>.view-header>.view-tabs[data-v-c1ebe948] {
    padding-left: 18px
}

.view-webItemConfig>.view-box[data-v-c1ebe948] {
    height: calc(100% - 76px)
}

.view-webPageEdit[data-v-47fdda11] {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 386px;
    background: var(--webo-bc-white);
    z-index: 1000
}

.view-webPageEdit>.view-header[data-v-47fdda11] {
    height: 76px;
    background: #fff url(../image/Def_Bc_WebItemConfigHeader.png) 100% 100%/280px 76px no-repeat
}

.view-webPageEdit>.view-header>.view-title[data-v-47fdda11] {
    padding: 16px 0 0 36px
}

.view-webPageEdit>.view-header>.view-title>.bk-title[data-v-47fdda11] {
    line-height: 20px
}

.view-webPageEdit>.view-header>.view-tabs[data-v-47fdda11] {
    padding-left: 18px
}

.view-webPageEdit>.view-box[data-v-47fdda11] {
    height: calc(100% - 76px);
    padding: 12px 16px
}

.view-webPageEdit>.view-box>.view-formItem[data-v-47fdda11] {
    margin-bottom: 16px
}

.view-webEditorSection[data-v-8d949230] {
    display: block;
    width: 100%
}

.bk-image[data-v-248a081e] {
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.bk-image>.van-image[data-v-248a081e],
.bk-image>img[data-v-248a081e],
.bk-image>video[data-v-248a081e] {
    display: block;
    width: 100%;
    height: 100%
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem[data-v-26e8ba22] {
    background: transparent;
    margin-bottom: 32px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem:nth-child(odd)>.view-info[data-v-26e8ba22] {
    padding-right: 450px;
    padding-left: 0
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem:nth-child(odd)>.view-info>.view-baseInfo[data-v-26e8ba22] {
    padding-left: 0;
    padding-right: 60px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem:nth-child(odd)>.view-info>.view-location[data-v-26e8ba22] {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    margin: auto
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-name[data-v-26e8ba22] {
    font-size: 32px;
    line-height: 40px;
    padding: 10px 0 20px 0;
    font-weight: 600
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-name>.view-coming[data-v-26e8ba22] {
    display: inline-block;
    background: linear-gradient(270deg, rgba(123, 217, 156, 0), #58ac70);
    line-height: 28px;
    font-size: 14px;
    margin-left: 10px;
    padding: 0 15px;
    border-radius: 14px;
    overflow: hidden
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info[data-v-26e8ba22] {
    min-height: 500px;
    position: relative;
    padding-left: 450px;
    padding-right: 0
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info .view-title[data-v-26e8ba22] {
    line-height: 40px;
    font-size: 24px;
    font-family: NewYork;
    padding-bottom: 10px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo[data-v-26e8ba22] {
    padding-left: 60px;
    font-size: 16px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours[data-v-26e8ba22] {
    padding-bottom: 20px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem[data-v-26e8ba22] {
    display: flex;
    margin-bottom: 10px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-label[data-v-26e8ba22] {
    min-width: 88px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-line[data-v-26e8ba22] {
    position: relative;
    flex: 1
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-line>.line[data-v-26e8ba22] {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    top: 0;
    margin: auto;
    border-bottom: 1px dashed #fff;
    height: 1px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile[data-v-26e8ba22] {
    line-height: 40px;
    font-weight: 600;
    font-size: 18px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 18px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email[data-v-26e8ba22] {
    line-height: 40px;
    font-weight: 600;
    font-size: 18px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 400
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-location[data-v-26e8ba22] {
    position: relative;
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 0;
    margin: auto;
    width: 430px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-location>.view-title[data-v-26e8ba22] {
    padding-left: 6px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-location>.view-address[data-v-26e8ba22] {
    padding-left: 6px;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 12px;
    min-height: 44px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-location>.view-map[data-v-26e8ba22] {
    height: 330px
}

.view-webStoreInfo.layout-001 .view-storeBox>.view-storeItem>.view-info>.view-location>.view-map>.bk-image[data-v-26e8ba22] {
    width: 100%;
    height: 100%
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info[data-v-26e8ba22] {
    display: flex
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-map[data-v-26e8ba22] {
    flex: 1
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-map>.bk-image[data-v-26e8ba22] {
    width: 100%
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo[data-v-26e8ba22] {
    flex: 1.4;
    margin-left: 120px
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo>.view-name[data-v-26e8ba22] {
    padding: 10px 0 30px 0;
    font-size: 36px;
    font-family: Compote
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo>.view-flex[data-v-26e8ba22] {
    display: flex
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo>.view-flex>.view-left[data-v-26e8ba22] {
    flex: 1
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo>.view-flex>.view-left>.view-group[data-v-26e8ba22] {
    padding-bottom: 60px;
    line-height: 40px;
    font-size: 22px
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo>.view-flex>.view-left>.view-group>.view-title[data-v-26e8ba22] {
    font-family: Compote;
    line-height: 50px;
    font-size: 28px
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo>.view-flex>.view-hours[data-v-26e8ba22] {
    margin-left: 80px;
    flex: 1
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo>.view-flex>.view-hours>.view-title[data-v-26e8ba22] {
    font-family: Compote;
    line-height: 50px;
    font-size: 28px
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo>.view-flex>.view-hours>.view-timeItem[data-v-26e8ba22] {
    line-height: 40px;
    font-size: 22px
}

.view-webStoreInfo.layout-002 .view-storeItem>.view-info>.view-baseInfo>.view-flex>.view-hours>.view-timeItem>.bk-view[data-v-26e8ba22] {
    display: inline-block
}

.view-webStoreInfo.layout-flowerns[data-v-26e8ba22] {
    font-size: 24px;
    color: #fff;
    position: relative
}

.view-webStoreInfo.layout-flowerns .view-map[data-v-26e8ba22] {
    margin-top: 197px;
    margin-left: 214px;
    width: 1495px;
    height: 690px;
    cursor: pointer
}

.view-webStoreInfo.layout-flowerns .view-mapArrow[data-v-26e8ba22] {
    position: absolute;
    left: 941px;
    top: 280px;
    cursor: pointer
}

.view-webStoreInfo.layout-flowerns .view-wrapper[data-v-26e8ba22] {
    position: absolute;
    left: 406px;
    top: 609px;
    background-color: #00452b;
    display: flex;
    height: 146px;
    width: 1111px;
    font-family: Jost;
    border-radius: 73px
}

.view-webStoreInfo.layout-flowerns .view-wrapper .view-item[data-v-26e8ba22] {
    flex: 1;
    padding: 0 50px;
    margin: 5px
}

.view-webStoreInfo.layout-flowerns .view-wrapper .view-item .view-title[data-v-26e8ba22] {
    font-weight: 700;
    color: #e7e7da;
    padding: 20px 0
}

.view-webStoreInfo.layout-flowerns .view-wrapper .view-item .view-content[data-v-26e8ba22] {
    line-height: 29px
}

.view-webStoreInfo.layout-flowerns .view-item[data-v-26e8ba22]:first-child {
    flex: 1.4
}

.view-webStoreInfo.layout-header-001[data-v-26e8ba22] {
    height: 100%
}

.view-webStoreInfo.layout-header-001 .view-storeBox[data-v-26e8ba22] {
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem[data-v-26e8ba22] {
    width: 100%;
    background: transparent;
    margin-bottom: 32px;
    text-align: center;
    padding: 25px 40px 30px 40px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-logo[data-v-26e8ba22] {
    padding-bottom: 20px;
    border-bottom: 1px solid #302118
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-logo>.bk-image[data-v-26e8ba22] {
    width: 158px;
    height: 100px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-name[data-v-26e8ba22] {
    font-size: 26px;
    line-height: 40px;
    padding: 20px 0 20px 0;
    font-family: Compote
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-name>.view-coming[data-v-26e8ba22] {
    display: none;
    display: inline-block;
    background: linear-gradient(270deg, rgba(123, 217, 156, 0), #58ac70);
    line-height: 28px;
    font-size: 14px;
    margin-left: 10px;
    padding: 0 15px;
    border-radius: 14px;
    overflow: hidden
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-introduction[data-v-26e8ba22] {
    font-family: Lato-Regular;
    font-size: 18px;
    padding-bottom: 30px;
    min-height: 80px;
    border-bottom: 1px solid #302118
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info[data-v-26e8ba22] {
    position: relative
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo[data-v-26e8ba22] {
    font-size: 16px;
    text-align: center;
    font-family: Lato-Regular
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours[data-v-26e8ba22] {
    padding: 20px 0;
    border-bottom: 1px solid #302118
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem[data-v-26e8ba22] {
    margin-bottom: 10px;
    text-align: center
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-label[data-v-26e8ba22] {
    display: inline-block;
    margin-right: 12px;
    text-align: left;
    min-width: 120px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-value[data-v-26e8ba22] {
    display: inline-block;
    text-align: left;
    min-width: 120px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs[data-v-26e8ba22] {
    padding: 20px 30px;
    border-bottom: 1px solid #302118;
    font-family: Lato-Regular
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-address[data-v-26e8ba22] {
    line-height: 40px;
    font-size: 18px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-address>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 18px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile[data-v-26e8ba22] {
    line-height: 40px;
    font-size: 18px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 18px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email[data-v-26e8ba22] {
    line-height: 40px;
    font-size: 18px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 400
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-links[data-v-26e8ba22] {
    padding-top: 20px;
    text-align: center
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-links>.view-linkItem[data-v-26e8ba22] {
    display: inline-block;
    line-height: 50px;
    padding: 10px;
    cursor: pointer;
    margin-right: 12px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-links>.view-linkItem[data-v-26e8ba22]:last-child {
    margin-right: 0
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-links>.view-linkItem>.bk-icon[data-v-26e8ba22] {
    font-size: 36px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-res[data-v-26e8ba22] {
    margin-top: 40px
}

.view-webStoreInfo.layout-header-001 .view-storeBox>.view-storeItem>.view-res>.btn-res[data-v-26e8ba22] {
    line-height: 48px;
    height: 50px;
    padding: 0 36px;
    border: 1px solid #333;
    background: transparent;
    font-size: 24px;
    border-radius: 0;
    color: #333;
    font-family: Compote
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem[data-v-26e8ba22] {
    background: transparent;
    margin-bottom: 32px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-name[data-v-26e8ba22] {
    font-size: 22px;
    line-height: 32px;
    padding: 10px 0 20px 0;
    font-weight: 600
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-name>.view-coming[data-v-26e8ba22] {
    display: inline-block;
    background: linear-gradient(270deg, rgba(123, 217, 156, 0), #58ac70);
    line-height: 20px;
    font-size: 14px;
    margin-left: 10px;
    padding: 0 10px;
    border-radius: 10px;
    overflow: hidden;
    vertical-align: middle
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info[data-v-26e8ba22] {
    position: relative;
    padding-right: 0
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info .view-title[data-v-26e8ba22] {
    line-height: 20px;
    font-size: 16px;
    font-family: NewYork;
    padding-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo[data-v-26e8ba22] {
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours[data-v-26e8ba22] {
    padding-bottom: 20px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem[data-v-26e8ba22] {
    display: flex;
    margin-bottom: 10px;
    padding: 0 20px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-label[data-v-26e8ba22] {
    min-width: 88px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-line[data-v-26e8ba22] {
    position: relative;
    flex: 1
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-line>.line[data-v-26e8ba22] {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    top: 0;
    margin: auto;
    border-bottom: 1px dashed #fff;
    height: 1px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs[data-v-26e8ba22] {
    padding-bottom: 20px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile[data-v-26e8ba22] {
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email[data-v-26e8ba22] {
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-location[data-v-26e8ba22] {
    position: relative
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-location>.view-address[data-v-26e8ba22] {
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 12px;
    min-height: 44px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-location>.view-map[data-v-26e8ba22] {
    width: 100%;
    height: 258px
}

.view-webStoreInfo-mobile.m-layout-001 .view-storeBox>.view-storeItem>.view-info>.view-location>.view-map>.bk-image[data-v-26e8ba22] {
    width: 100%;
    height: 100%
}

.view-webStoreInfo-mobile.m-layout-flowerns[data-v-26e8ba22] {
    font-size: 12px;
    color: #fff;
    position: relative
}

.view-webStoreInfo-mobile.m-layout-flowerns .view-map[data-v-26e8ba22] {
    margin-top: 67px
}

.view-webStoreInfo-mobile.m-layout-flowerns .view-map .bk-image[data-v-26e8ba22] {
    height: 345px;
    cursor: pointer
}

.view-webStoreInfo-mobile.m-layout-flowerns .view-mapArrow[data-v-26e8ba22] {
    position: absolute;
    cursor: pointer;
    left: 168px;
    top: 140px
}

.view-webStoreInfo-mobile.m-layout-flowerns .view-mapArrow .bk-image[data-v-26e8ba22] {
    width: 32px;
    height: 48px
}

.view-webStoreInfo-mobile.m-layout-flowerns .view-wrapper[data-v-26e8ba22] {
    position: absolute;
    left: 3px;
    top: 310px;
    background-color: #00452b;
    display: flex;
    height: 140px;
    width: 366px;
    font-family: Jost;
    border-radius: 73px;
    flex-direction: column;
    padding: 19px 0
}

.view-webStoreInfo-mobile.m-layout-flowerns .view-wrapper .view-item[data-v-26e8ba22] {
    padding: 0 42px;
    display: flex;
    margin-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-flowerns .view-wrapper .view-item .view-title[data-v-26e8ba22] {
    font-weight: 700;
    color: #e7e7da;
    width: 110px;
    vertical-align: text-top;
    display: inline
}

.view-webStoreInfo-mobile.m-layout-flowerns .view-wrapper .view-item .view-content[data-v-26e8ba22] {
    line-height: 15px;
    width: 160px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox[data-v-26e8ba22] {
    width: 100%
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem[data-v-26e8ba22] {
    width: 100%;
    background: transparent;
    margin-bottom: 32px;
    text-align: center;
    padding: 25px 20px 30px 20px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-logo[data-v-26e8ba22] {
    padding-bottom: 20px;
    border-bottom: 1px solid #302118
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-logo>.bk-image[data-v-26e8ba22] {
    width: 78px;
    height: 50px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-name[data-v-26e8ba22] {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0 10px 0;
    font-family: Compote
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-name>.view-coming[data-v-26e8ba22] {
    display: none;
    display: inline-block;
    background: linear-gradient(270deg, rgba(123, 217, 156, 0), #58ac70);
    line-height: 28px;
    font-size: 14px;
    margin-left: 10px;
    padding: 0 15px;
    border-radius: 14px;
    overflow: hidden
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-introduction[data-v-26e8ba22] {
    font-family: Lato-Regular;
    font-size: 14px;
    padding-bottom: 30px;
    min-height: 80px;
    border-bottom: 1px solid #302118
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info[data-v-26e8ba22] {
    position: relative
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo[data-v-26e8ba22] {
    font-size: 13px;
    text-align: center;
    font-family: Lato-Regular
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours[data-v-26e8ba22] {
    padding: 16px 0;
    border-bottom: 1px solid #302118
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem[data-v-26e8ba22] {
    margin-bottom: 10px;
    text-align: center
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-label[data-v-26e8ba22] {
    display: inline-block;
    margin-right: 12px;
    text-align: left
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-value[data-v-26e8ba22] {
    display: inline-block;
    text-align: left
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs[data-v-26e8ba22] {
    padding: 10px 0;
    border-bottom: 1px solid #302118;
    font-family: Lato-Regular
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-address[data-v-26e8ba22] {
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-address>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile[data-v-26e8ba22] {
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email[data-v-26e8ba22] {
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-links[data-v-26e8ba22] {
    text-align: center
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-links>.view-linkItem[data-v-26e8ba22] {
    display: inline-block;
    line-height: 40px;
    font-size: 24px;
    padding: 0 5px;
    margin-right: 5px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-links>.view-linkItem[data-v-26e8ba22]:last-child {
    margin-right: 0
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-res[data-v-26e8ba22] {
    margin-top: 20px
}

.view-webStoreInfo-mobile.m-layout-header-001 .view-storeBox>.view-storeItem>.view-res>.btn-res[data-v-26e8ba22] {
    line-height: 36px;
    height: 38px;
    padding: 0 18px;
    border: 1px solid #333;
    background: transparent;
    font-size: 18px;
    border-radius: 0;
    color: #333;
    font-family: Compote
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox[data-v-26e8ba22] {
    width: 100%
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem[data-v-26e8ba22] {
    width: 100%;
    background: transparent;
    margin-bottom: 32px;
    text-align: left;
    padding: 25px 20px 30px 20px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-name[data-v-26e8ba22] {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 0 10px 0;
    font-family: DM-sans
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-name>.view-coming[data-v-26e8ba22] {
    display: none;
    display: inline-block;
    background: linear-gradient(270deg, rgba(123, 217, 156, 0), #58ac70);
    line-height: 28px;
    font-size: 14px;
    margin-left: 10px;
    padding: 0 15px;
    border-radius: 14px;
    overflow: hidden
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-introduction[data-v-26e8ba22] {
    font-family: Lato-Regular;
    font-size: 14px;
    padding-bottom: 30px;
    min-height: 80px;
    border-bottom: 1px solid #302118
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info[data-v-26e8ba22] {
    position: relative
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo[data-v-26e8ba22] {
    font-size: 13px;
    text-align: left;
    font-family: DM-sans
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs[data-v-26e8ba22] {
    padding: 0 0
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-address[data-v-26e8ba22] {
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-address>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile[data-v-26e8ba22] {
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email[data-v-26e8ba22] {
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours[data-v-26e8ba22] {
    padding: 4px 0
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem[data-v-26e8ba22] {
    margin-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-label[data-v-26e8ba22] {
    display: inline-block;
    margin-right: 12px;
    text-align: left;
    min-width: 96px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-value[data-v-26e8ba22] {
    display: inline-block;
    text-align: left
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-links[data-v-26e8ba22] {
    text-align: center
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-links>.view-linkItem[data-v-26e8ba22] {
    display: inline-block;
    line-height: 40px;
    font-size: 24px;
    padding: 0 5px;
    margin-right: 5px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-links>.view-linkItem[data-v-26e8ba22]:last-child {
    margin-right: 0
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-res[data-v-26e8ba22] {
    margin-top: 20px
}

.view-webStoreInfo-mobile.m-layout-header-002 .view-storeBox>.view-storeItem>.view-res>.btn-res[data-v-26e8ba22] {
    line-height: 36px;
    height: 38px;
    padding: 0 18px;
    border: 1px solid #333;
    background: transparent;
    font-size: 18px;
    border-radius: 0;
    color: #333;
    font-family: Compote
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox[data-v-26e8ba22] {
    width: 100%
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem[data-v-26e8ba22] {
    width: 100%;
    background: transparent;
    margin-bottom: 32px;
    text-align: left;
    padding: 15px 20px 30px 20px
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info[data-v-26e8ba22] {
    position: relative
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo[data-v-26e8ba22] {
    font-size: 13px;
    text-align: left;
    font-family: SourceHanSansSC;
    color: #6b4020
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs[data-v-26e8ba22] {
    padding: 0 0
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-address[data-v-26e8ba22] {
    line-height: 24px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-address>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile[data-v-26e8ba22] {
    line-height: 24px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-mobile>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email[data-v-26e8ba22] {
    line-height: 24px;
    font-size: 14px
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-reachUs>.view-email>.bk-icon[data-v-26e8ba22] {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours[data-v-26e8ba22] {
    padding: 10px 0
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem[data-v-26e8ba22] {
    margin-bottom: 10px
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-label[data-v-26e8ba22] {
    display: inline-block;
    margin-right: 12px;
    text-align: left;
    min-width: 96px
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-hours>.view-timeItem>.view-value[data-v-26e8ba22] {
    display: inline-block;
    text-align: left
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-contactBtns[data-v-26e8ba22] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.view-webStoreInfo-mobile.m-layout-header-003 .view-storeBox>.view-storeItem>.view-info>.view-baseInfo>.view-contactBtns>.view-contactBtn[data-v-26e8ba22] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
    border: 1px solid #6b4020;
    margin-bottom: 8px;
    text-align: center
}

.settingsPage {
    background: var(--webo-bc-page)
}

.settingsPage>.view-pageContent>.view-content {
    position: relative
}

.settingsPage>.view-pageContent>.view-content>.view-langSet {
    position: absolute;
    top: 22px;
    right: 0
}

.settingsPage>.view-pageContent>.view-content>.view-group>.view-title>.bk-title {
    line-height: 78px
}

.settingsPage>.view-pageContent>.view-content>.view-group>.view-list>.view-menuItem {
    display: inline-block;
    width: 172px;
    height: 182px;
    border-radius: 4px;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 12px;
    padding-top: 28px;
    cursor: pointer;
    background: var(--webo-bc-white);
    transition: all .2s;
    vertical-align: top
}

.settingsPage>.view-pageContent>.view-content>.view-group>.view-list>.view-menuItem:hover {
    background: var(--webo-bc-lightGray)
}

.settingsPage>.view-pageContent>.view-content>.view-group>.view-list>.view-menuItem:last-child {
    margin-right: 0
}

.settingsPage>.view-pageContent>.view-content>.view-group>.view-list>.view-menuItem>.bk-image {
    width: 64px;
    height: 64px;
    margin-bottom: 18px
}

.settingsPage>.view-pageContent>.view-content>.view-group>.view-list>.view-menuItem>.view-text {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100px;
    white-space: pre-wrap
}

.settingsPage>.view-pageContent>.router-settings {
    position: fixed;
    top: var(--app-top-header-height);
    left: 0;
    width: 100%;
    height: calc(100% - var(--app-top-header-height));
    background: var(--webo-bc-white)
}

.view-webHeader-menu-icon {
    position: fixed;
    left: 10px;
    top: 10px;
    width: 80px;
    height: 80px;
    z-index: 200;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.view-webHeader-menu-icon.m-layout-thumbnail-001 {
    top: 9px;
    left: 10px;
    width: 42px;
    height: 42px
}

.view-webHeader-menu-icon.m-layout-thumbnail-001>.bk-icon {
    line-height: 40px
}

.view-webHeader-menu-icon.m-layout-thumbnail-002 {
    top: 9px;
    left: 10px;
    width: 42px;
    height: 42px
}

.view-webHeader-menu-icon.m-layout-thumbnail-002>.bk-icon {
    line-height: 40px
}

.view-webHeader-menu-icon.m-layout-thumbnail-003 {
    top: 9px;
    left: 10px;
    width: 42px;
    height: 42px
}

.view-webHeader-menu-icon.m-layout-thumbnail-003>.bk-icon {
    line-height: 40px
}

.view-webHeader-menu-icon.m-layout-thumbnail-004 {
    top: 56px;
    left: 10px;
    width: 42px;
    height: 42px
}

.view-webHeader-menu-icon.m-layout-thumbnail-004>.bk-icon {
    line-height: 40px
}

.view-webHeader-menu-icon>.bk-icon {
    line-height: 80px;
    font-weight: 600;
    font-size: 18px
}

.view-webHeader-menu-Logo {
    position: fixed;
    width: 83px;
    z-index: 200
}

.view-webHeader-menu-Logo.m-layout-thumbnail-004 {
    top: 44px;
    left: 147px;
    width: 83px
}

.view-webHeader-menu-btn {
    position: fixed;
    z-index: 200
}

.view-webHeader-menu-btn.m-layout-thumbnail-004 {
    top: 44px;
    left: 263px;
    width: 85px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 16px;
    background-color: #6b4020;
    text-align: center;
    line-height: 32px;
    font-family: SourceHanSansSC
}

.view-menu-topBar {
    position: fixed;
    z-index: 200;
    width: 100%
}

.view-menu-topBar.m-layout-thumbnail-004 {
    top: 0;
    left: 0;
    height: 30px;
    background: #6b4020;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    font-size: 14px;
    font-family: SourceHanSansSC
}

.view-webHeader-detail {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 860px;
    height: 100vh;
    min-height: 100%;
    background: #fff;
    z-index: 300;
    overflow-y: auto
}

.view-webHeader-detail.GLSL {
    background: #fff !important
}

.view-webHeader-detail.GLSL>.view-menu {
    padding-top: 10px !important
}

.view-webHeader-detail.GLSL>.view-menu>.view-close {
    background: #fff !important;
    color: #000 !important
}

.view-webHeader-detail.GLSL>.view-menu>.view-close>.btn-close,
.view-webHeader-detail.GLSL>.view-menu>.view-menu-list>.view-menu-item {
    color: #000 !important
}

.view-webHeader-detail.GLSL>.view-glsl {
    margin: 0 20px;
    padding-top: 80px;
    height: 160px;
    border-bottom: 1px solid #000
}

.view-webHeader-detail.GLSL>.view-glsl>.view-store {
    padding: 15px 0 10px 0;
    width: 100px
}

.view-webHeader-detail.GLSL>.view-glsl>.view-store>.bk-image {
    width: 24px;
    height: 24px
}

.view-webHeader-detail.GLSL>.view-shopInfo .view-webStoreInfo-mobile .view-storeItem,
.view-webHeader-detail.GLSL>.view-shopInfo .view-webStoreInfo-mobile .view-storeItem>.bk-view {
    color: #000 !important
}

.view-webHeader-detail.m-layout-thumbnail-001 {
    width: 100%
}

.view-webHeader-detail.m-layout-thumbnail-001>.view-menu {
    min-width: 164px;
    width: 164px;
    background: #9c7f53
}

.view-webHeader-detail.m-layout-thumbnail-001>.view-menu>.view-close {
    padding: 20px 0 10px 20px
}

.view-webHeader-detail.m-layout-thumbnail-001>.view-menu>.view-close>.btn-close {
    color: #fff
}

.view-webHeader-detail.m-layout-thumbnail-001>.view-menu>.view-close>.btn-close .bk-icon {
    font-size: 24px !important;
    font-weight: 600 !important
}

.view-webHeader-detail.m-layout-thumbnail-001>.view-menu>.view-menu-list>.view-menu-item {
    padding: 15px 5px 15px 20px;
    font-family: Compote;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    cursor: pointer
}

.view-webHeader-detail.m-layout-thumbnail-001>.view-menu>.view-menu-list>.view-menu-item.select {
    text-decoration: underline
}

.view-webHeader-detail.m-layout-thumbnail-001>.view-shopInfo {
    flex: 1;
    max-width: calc(100% - 164px)
}

.view-webHeader-detail.m-layout-thumbnail-002 {
    width: 100%;
    display: block;
    background: #fbf8f3
}

.view-webHeader-detail.m-layout-thumbnail-002>.view-menu {
    width: 100%;
    padding-top: 80px;
    background: transparent
}

.view-webHeader-detail.m-layout-thumbnail-002>.view-menu>.view-close {
    position: fixed;
    padding: 20px 0 10px 20px;
    top: 0;
    background: #b39a8c;
    width: 100%
}

.view-webHeader-detail.m-layout-thumbnail-002>.view-menu>.view-close>.btn-close {
    color: #fff
}

.view-webHeader-detail.m-layout-thumbnail-002>.view-menu>.view-close>.btn-close .bk-icon {
    font-size: 24px !important;
    font-weight: 600 !important
}

.view-webHeader-detail.m-layout-thumbnail-002>.view-menu>.view-menu-list>.view-menu-item {
    padding: 10px 5px 10px 20px;
    font-family: DM-sans;
    color: #333;
    font-size: 20px;
    line-height: 24px;
    cursor: pointer;
    font-weight: 400
}

.view-webHeader-detail.m-layout-thumbnail-002>.view-menu>.view-menu-list>.view-menu-item.select {
    text-decoration: underline
}

.view-webHeader-detail.m-layout-thumbnail-003 {
    width: 100%;
    display: block;
    background: #000;
    color: #fff
}

.view-webHeader-detail.m-layout-thumbnail-003.USNF {
    background: #fff;
    color: #000
}

.view-webHeader-detail.m-layout-thumbnail-003.USNF>.view-menu>.view-close {
    background: #f8efdf
}

.view-webHeader-detail.m-layout-thumbnail-003.USNF>.view-menu>.view-close>.btn-close {
    color: #000
}

.view-webHeader-detail.m-layout-thumbnail-003.USNF>.view-menu>.view-menu-list>.view-menu-item {
    padding: 10px 5px 10px 20px;
    font-family: Poppins;
    color: #000;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    font-weight: 400
}

.view-webHeader-detail.m-layout-thumbnail-003.USNF>.view-menu>.view-menu-list>.view-menu-item.select {
    text-decoration: underline
}

.view-webHeader-detail.m-layout-thumbnail-003.USNF>.view-shopInfo,
.view-webHeader-detail.m-layout-thumbnail-003.USNF>.view-shopInfo .view-storeItem>.bk-view {
    color: #000 !important
}

.view-webHeader-detail.m-layout-thumbnail-003.FLOWERNS {
    background: #e7e7da;
    color: #000
}

.view-webHeader-detail.m-layout-thumbnail-003.FLOWERNS>.view-menu>.view-close {
    background: #e7e7da
}

.view-webHeader-detail.m-layout-thumbnail-003.FLOWERNS>.view-menu>.view-close>.btn-close {
    color: #1f201c
}

.view-webHeader-detail.m-layout-thumbnail-003.FLOWERNS>.view-menu>.view-menu-list>.view-menu-item {
    padding: 10px 5px 10px 20px;
    font-family: Poppins;
    color: #000;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    font-weight: 400
}

.view-webHeader-detail.m-layout-thumbnail-003.FLOWERNS>.view-menu>.view-menu-list>.view-menu-item.select {
    text-decoration: underline
}

.view-webHeader-detail.m-layout-thumbnail-003.FLOWERNS>.view-shopInfo,
.view-webHeader-detail.m-layout-thumbnail-003.FLOWERNS>.view-shopInfo .view-storeItem>.bk-view {
    color: #1f201c !important
}

.view-webHeader-detail.m-layout-thumbnail-003>.view-menu {
    width: 100%;
    padding-top: 80px;
    background: transparent
}

.view-webHeader-detail.m-layout-thumbnail-003>.view-menu>.view-close {
    position: fixed;
    padding: 20px 0 10px 20px;
    top: 0;
    background: #000;
    width: 100%
}

.view-webHeader-detail.m-layout-thumbnail-003>.view-menu>.view-close>.btn-close {
    color: #fff
}

.view-webHeader-detail.m-layout-thumbnail-003>.view-menu>.view-close>.btn-close .bk-icon {
    font-size: 24px !important;
    font-weight: 600 !important
}

.view-webHeader-detail.m-layout-thumbnail-003>.view-menu>.view-menu-list>.view-menu-item {
    padding: 10px 5px 10px 20px;
    font-family: DM-sans;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    cursor: pointer;
    font-weight: 400
}

.view-webHeader-detail.m-layout-thumbnail-003>.view-menu>.view-menu-list>.view-menu-item.select {
    text-decoration: underline
}

.view-webHeader-detail.m-layout-thumbnail-003>.view-shopInfo,
.view-webHeader-detail.m-layout-thumbnail-003>.view-shopInfo .view-storeItem>.bk-view {
    color: #fff !important
}

.view-webHeader-detail.m-layout-thumbnail-004 {
    display: block;
    width: 100%;
    background: #fff
}

.view-webHeader-detail.m-layout-thumbnail-004.noShowTopBar .view-menu {
    padding-top: 60px
}

.view-webHeader-detail.m-layout-thumbnail-004.noShowTopBar .view-menu .view-close {
    padding: 10px 0 10px 10px
}

.view-webHeader-detail.m-layout-thumbnail-004.noShowTopBar .view-webHeader-menu-btn,
.view-webHeader-detail.m-layout-thumbnail-004.noShowTopBar .view-webHeader-menu-Logo {
    top: 14px
}

.view-webHeader-detail.m-layout-thumbnail-004>.view-menu {
    width: 100%;
    padding-top: 90px;
    background: transparent
}

.view-webHeader-detail.m-layout-thumbnail-004>.view-menu>.view-close {
    position: fixed;
    top: 0;
    padding: 40px 0 10px 10px;
    background: #f8f6f2;
    width: 100%
}

.view-webHeader-detail.m-layout-thumbnail-004>.view-menu>.view-close>.btn-close {
    color: #6b4020
}

.view-webHeader-detail.m-layout-thumbnail-004>.view-menu>.view-close>.btn-close .bk-icon {
    font-size: 18px !important;
    font-weight: 500 !important
}

.view-webHeader-detail.m-layout-thumbnail-004>.view-menu>.view-menu-list>.view-menu-item {
    padding: 10px 5px 0 20px;
    font-family: SourceHanSansSC;
    color: #6b4020;
    font-size: 18px;
    line-height: 28px;
    cursor: pointer;
    font-weight: 400
}

.view-webHeader-detail.m-layout-thumbnail-004>.view-menu>.view-menu-list>.view-menu-item.select {
    text-decoration: underline
}

.view-webHeader-detail>.view-menu {
    min-width: 320px;
    width: 320px;
    background: #9c7f53
}

.view-webHeader-detail>.view-menu>.view-close {
    padding: 50px 0 20px 50px
}

.view-webHeader-detail>.view-menu>.view-close>.btn-close {
    color: #fff
}

.view-webHeader-detail>.view-menu>.view-close>.btn-close .bk-icon {
    font-size: 32px !important;
    font-weight: 600 !important
}

.view-webHeader-detail>.view-menu>.view-menu-list>.view-menu-item {
    padding: 20px 20px 20px 50px;
    font-family: Compote;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    cursor: pointer
}

.view-webHeader-detail>.view-menu>.view-menu-list>.view-menu-item.select {
    text-decoration: underline
}

.view-webHeader-detail>.view-shopInfo {
    flex: 1
}

.view-webHeader {
    background: transparent;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    transition: all .25s
}

.view-webHeader.edit {
    position: absolute !important
}

.view-webHeader.layout-def {
    position: fixed;
    left: 0;
    top: 0
}

.view-webHeader>.view-flex {
    display: flex;
    padding: 12px 180px
}

.view-webHeader>.view-flex>.view-logo>.bk-view {
    display: inline-block;
    vertical-align: middle
}

.view-webHeader>.view-flex>.view-nav {
    flex: 1;
    text-align: center
}

.view-webHeader>.view-flex>.view-nav>.bk-view {
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
    cursor: pointer
}

.view-webHeader>.view-flex>.view-nav>.bk-view.select {
    color: #ffc108;
    font-weight: bolder
}

.view-webFooter {
    position: relative
}

.view-webFooter.layout-inline {
    min-height: 300px
}

.view-webFooter.layout-inline .view-evaluationBox>.view-evaluationItem {
    display: inline-block;
    width: calc(33% - 70px);
    margin-right: 100px;
    font-size: 20px;
    line-height: 28px
}

.view-webFooter.layout-inline .view-evaluationBox>.view-evaluationItem:nth-child(3n+3) {
    margin-right: 0
}

.view-webFooter.layout-inline .view-evaluationBox>.view-evaluationItem>.view-user {
    min-height: 56px
}

.view-webFooter.layout-inline .view-evaluationBox>.view-evaluationItem>.view-message {
    height: 112px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.view-webFooter.layout-inline .view-evaluationBox>.view-evaluationItem>.view-score {
    margin-top: 22px;
    overflow: hidden
}

.view-webFooter.layout-inline .view-evaluationBox>.view-evaluationItem>.view-score>.bk-icon {
    width: 16px;
    margin-right: 8px;
    font-size: 16px
}

.view-webFooter #view-backTop {
    position: absolute;
    left: auto;
    right: 3%;
    bottom: auto;
    top: 25px;
    margin: auto;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    color: #1f2d2e;
    cursor: pointer
}

.view-webFooter #view-backTop>.bk-icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px !important;
    font-weight: 700
}

.view-webHeader[data-v-fd51f3cc] {
    position: relative;
    background: red
}

.web-appointment .view-iframe[data-v-6b0c843c] {
    display: block;
    width: 100%;
    min-height: 100vh;
    outline: none;
    border: none
}

.view-webBlankSection[data-v-bb466f2a] {
    position: relative
}

.view-webBlankSection>.view-empty[data-v-bb466f2a] {
    height: 500px;
    text-align: center;
    padding-top: 230px;
    background: transparent
}

.view-webBlankSection>.view-empty>.lang-noDoms[data-v-bb466f2a] {
    font-size: var(--webo-font-def);
    font-weight: 600;
    color: var(--webo-text-def-65);
    line-height: 40px
}

.view-webEvaluation.layout-inline[data-v-43f8b3b0] {
    min-height: 600px
}

.view-webEvaluation.layout-inline .view-evaluationBox>.view-evaluationItem[data-v-43f8b3b0] {
    display: inline-block;
    width: calc(33% - 70px);
    margin-right: 100px;
    font-size: 20px;
    line-height: 28px
}

.view-webEvaluation.layout-inline .view-evaluationBox>.view-evaluationItem[data-v-43f8b3b0]:nth-child(3n+3) {
    margin-right: 0
}

.view-webEvaluation.layout-inline .view-evaluationBox>.view-evaluationItem>.view-user[data-v-43f8b3b0] {
    min-height: 56px
}

.view-webEvaluation.layout-inline .view-evaluationBox>.view-evaluationItem>.view-message[data-v-43f8b3b0] {
    height: 112px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.view-webEvaluation.layout-inline .view-evaluationBox>.view-evaluationItem>.view-score[data-v-43f8b3b0] {
    margin-top: 22px;
    overflow: hidden
}

.view-webEvaluation.layout-inline .view-evaluationBox>.view-evaluationItem>.view-score>.bk-icon[data-v-43f8b3b0] {
    width: 16px;
    margin-right: 8px;
    font-size: 16px
}

.view-webEvaluation-mobile.m-layout-inline .view-evaluationBox>.view-evaluationItem[data-v-43f8b3b0] {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 60px
}

.view-webEvaluation-mobile.m-layout-inline .view-evaluationBox>.view-evaluationItem[data-v-43f8b3b0]:nth-child(3n+3) {
    margin-right: 0
}

.view-webEvaluation-mobile.m-layout-inline .view-evaluationBox>.view-evaluationItem>.view-user[data-v-43f8b3b0] {
    min-height: 40px;
    margin-bottom: 5px
}

.view-webEvaluation-mobile.m-layout-inline .view-evaluationBox>.view-evaluationItem>.view-score[data-v-43f8b3b0] {
    margin-top: 16px;
    overflow: hidden
}

.view-webEvaluation-mobile.m-layout-inline .view-evaluationBox>.view-evaluationItem>.view-score>.bk-icon[data-v-43f8b3b0] {
    width: 16px;
    margin-right: 8px;
    font-size: 16px
}

.view-webStaff.layout-inline-001[data-v-79db75f6] {
    min-height: 720px
}

.view-webStaff.layout-inline-001 .view-staffBox>.view-staffItem[data-v-79db75f6] {
    display: inline-block;
    width: calc(33% - 8px);
    margin-right: 16px;
    font-size: 20px;
    line-height: 28px;
    background: #bfc0b1;
    margin-bottom: 20px;
    height: 720px;
    padding: 18px;
    color: #282e1f
}

.view-webStaff.layout-inline-001 .view-staffBox>.view-staffItem[data-v-79db75f6]:nth-child(3n+3) {
    margin-right: 0
}

.view-webStaff.layout-inline-001 .view-staffBox>.view-staffItem>.view-image[data-v-79db75f6] {
    width: 100%;
    height: 372px;
    margin-bottom: 60px;
    overflow: hidden
}

.view-webStaff.layout-inline-001 .view-staffBox>.view-staffItem>.view-jobTitle[data-v-79db75f6] {
    font-size: 20px;
    line-height: 28px
}

.view-webStaff.layout-inline-001 .view-staffBox>.view-staffItem>.view-name[data-v-79db75f6] {
    font-size: 30px;
    line-height: 40px;
    margin: 10px 0 20px 0
}

.view-webStaff.layout-inline-001 .view-staffBox>.view-staffItem>.view-introduction[data-v-79db75f6] {
    line-height: 28px;
    font-size: 18px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.view-webStaff-mobile.m-layout-inline-001[data-v-79db75f6] {
    min-height: 300px
}

.view-webStaff-mobile.m-layout-inline-001 .view-staffBox>.view-staffItem[data-v-79db75f6] {
    font-size: 15px;
    line-height: 20px;
    background: #bfc0b1;
    margin-bottom: 20px;
    min-height: 500px;
    padding: 18px;
    color: #282e1f
}

.view-webStaff-mobile.m-layout-inline-001 .view-staffBox>.view-staffItem[data-v-79db75f6]:last-child {
    margin-bottom: 0
}

.view-webStaff-mobile.m-layout-inline-001 .view-staffBox>.view-staffItem>.view-image[data-v-79db75f6] {
    width: 100%;
    height: 295px
}

.view-webStaff-mobile.m-layout-inline-001 .view-staffBox>.view-staffItem>.view-image>.bk-image[data-v-79db75f6] {
    height: 100%
}

.view-webStaff-mobile.m-layout-inline-001 .view-staffBox>.view-staffItem>.view-jobTitle[data-v-79db75f6] {
    margin-top: 24px;
    font-size: 16px;
    line-height: 20px
}

.view-webStaff-mobile.m-layout-inline-001 .view-staffBox>.view-staffItem>.view-name[data-v-79db75f6] {
    margin-top: 16px;
    font-size: 24px;
    line-height: 32px
}

.view-webStaff-mobile.m-layout-inline-001 .view-staffBox>.view-staffItem>.view-introduction[data-v-79db75f6] {
    margin-top: 16px;
    line-height: 20px;
    font-size: 15px
}

.view-webEditor[data-v-482e44da] {
    position: relative;
    width: 100%;
    min-width: 1024px;
    background: var(--webo-bc-white);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.view-webEditor.MOBILE[data-v-482e44da] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 375px;
    min-width: 375px;
    height: 668px
}

.view-webEditor .section-select[data-v-482e44da] {
    border: 5px solid var(--webo-color-main) !important;
    box-sizing: border-box
}

.view-webEditorSection[data-v-8a720d2c] {
    display: block;
    width: 100%
}

.view-webEditor-mobile[data-v-66709447] {
    position: relative;
    width: 375px;
    min-width: 375px;
    background: var(--webo-bc-white);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.view-webEditor-mobile.mobile[data-v-66709447] {
    width: 375px;
    min-width: 375px
}

.view-webEditor-mobile.edit[data-v-66709447] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    zoom: 1.2;
    height: 668px
}

.view-webEditor-mobile .section-select[data-v-66709447] {
    border: 5px solid var(--webo-color-main) !important;
    box-sizing: border-box
}

.websitesConfigPage[data-v-4716107a] {
    overflow-x: auto
}

.websitesConfigPage .view-websitesConfigContent[data-v-4716107a] {
    display: flex;
    height: 100%;
    min-width: 1680px
}

.websitesConfigPage .view-websitesConfigContent>.view-menus[data-v-4716107a] {
    min-width: 48px;
    width: 48px;
    border-right: .5px solid var(--webo-border-def);
    overflow: hidden
}

.websitesConfigPage .view-websitesConfigContent>.view-menus>.view-logo[data-v-4716107a] {
    margin-bottom: 10px;
    height: 48px;
    border-bottom: .5px solid var(--webo-border-def);
    box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, .2);
    background: #fff url(../image/Def_Logo_Login_Webo.png) 50%/32px no-repeat
}

.websitesConfigPage .view-websitesConfigContent>.view-menus>.view-menuItem[data-v-4716107a] {
    text-align: center;
    line-height: 48px;
    height: 48px;
    cursor: pointer
}

.websitesConfigPage .view-websitesConfigContent>.view-menus>.view-menuItem.select[data-v-4716107a] {
    background: var(--webo-color-main-float);
    color: var(--webo-color-main)
}

.websitesConfigPage .view-websitesConfigContent>.view-menus>.view-menuItem>.bk-icon[data-v-4716107a] {
    font-size: 24px
}

.websitesConfigPage .view-websitesConfigContent>.view-menus>.view-line[data-v-4716107a] {
    margin: 10px 0;
    height: .5px;
    background: var(--webo-border-def)
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent[data-v-4716107a] {
    flex: 1;
    height: 100%;
    max-width: calc(100% - 48px)
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent>.view-pageHeader[data-v-4716107a] {
    display: flex;
    height: 48px;
    border-bottom: .5px solid var(--webo-border-def);
    box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, .2);
    padding: 8px 24px
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent>.view-pageHeader>.view-center[data-v-4716107a] {
    text-align: center
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent>.view-pageHeader>.view-center>.bk-view[data-v-4716107a] {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent>.view-pageHeader>.view-center>.view-cache>.bk-button[data-v-4716107a] {
    border: none
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent>.view-pageHeader>.view-center>.view-cache>.bk-button[data-v-4716107a] .bk-icon {
    font-weight: 600;
    color: #4c4c4c
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent>.view-pageHeader>.view-rightBtns[data-v-4716107a] {
    flex: 1;
    text-align: right;
    padding: 0 24px
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent>.view-pageHeader>.view-rightBtns>.bk-button[data-v-4716107a] {
    margin-right: 20px;
    border-radius: 0
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent>.view-webContent[data-v-4716107a] {
    position: relative;
    background: var(--webo-bc-gray);
    height: calc(100% - 48px);
    overflow-y: auto;
    padding: 0 410px 0 264px
}

.websitesConfigPage .view-websitesConfigContent>.view-rightContent>.view-webContent>.view-webEdit[data-v-4716107a] {
    width: 100%;
    height: 100%;
    overflow-x: auto
}

.view-siteTemplateItem {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 256px;
    height: 336px;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 16px 16px 0
}

.view-siteTemplateItem:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}

.view-siteTemplateItem:hover>.view-mask {
    display: block;
    background: rgba(0, 0, 0, .3)
}

.view-siteTemplateItem.Custom-built {
    text-align: center
}

.view-siteTemplateItem.Custom-built>.view-tip {
    padding-top: 110px;
    line-height: 24px;
    font-size: var(--webo-font-tip)
}

.view-siteTemplateItem>.view-coverImg {
    height: 100%;
    overflow: hidden
}

.view-siteTemplateItem>.view-mask {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background: transparent;
    transition: all .2s;
    overflow: hidden
}

.view-siteTemplateItem>.view-mask>.view-btn {
    display: flex
}

.view-siteTemplateItem>.view-mask>.view-btn>.bk-button {
    flex: 1;
    margin-right: 16px
}

.view-siteTemplateItem>.view-mask>.view-btn>.bk-button.btn-preview {
    background: var(--webo-bc-white);
    border-color: var(--webo-bc-white);
    color: var(--webo-text-def)
}

.view-siteTemplateItem>.view-mask>.view-btn>.bk-button:last-child {
    margin-right: 0
}

.view-siteTemplateItem .view-btn {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 32px;
    top: auto;
    margin: auto
}

.bk-button {
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--webo-color-main)
}

.bk-button.bold {
    font-weight: 600
}

.bk-button.bk-view>.view-btn-content {
    height: 100%;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.bk-button.bk-view>.view-btn-content>.bk-icon {
    font-size: 16px
}

.bk-button.bk-view>.view-btn-content>.bk-icon:first-child {
    margin-right: 5px;
    margin-left: 0 !important
}

.bk-button.bk-view>.view-btn-content>.bk-icon:last-child {
    margin-right: 0 !important;
    margin-left: 5px
}

@-webkit-keyframes animation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes animation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.bk-button .view-loading-icon {
    display: inline-block;
    margin-right: 6px;
    -webkit-animation: animation .6s linear infinite;
    animation: animation .6s linear infinite
}

.bk-button.hideBorder {
    border-color: transparent !important
}

.bk-button.type-img {
    border: none
}

.bk-button.size-full {
    width: 100%;
    text-align: center;
    height: 40px;
    font-size: var(--webo-font-button-action);
    font-weight: 600
}

.bk-button.size-large {
    height: 40px;
    padding: 0 18px
}

.bk-button.size-def {
    height: 32px;
    padding: 0 16px
}

.bk-button.size-small {
    padding: 0 8px
}

.bk-button.size-small,
.bk-button.size-tiny {
    height: 24px;
    font-size: var(--webo-font-button-small)
}

.bk-button.size-tiny {
    padding: 0
}

.bk-button.type-def {
    background: var(--webo-color-main);
    color: var(--webo-text-white);
    border-radius: 4px
}

.bk-button.type-def.color-green {
    background: var(--webo-color-green);
    border-color: var(--webo-color-green)
}

.bk-button.type-def.color-red {
    background: var(--webo-color-red);
    border-color: var(--webo-color-red)
}

.bk-button.type-def.color-gray {
    background: var(--webo-bc-gray);
    border-color: var(--webo-bc-gray);
    color: var(--webo-text-def)
}

.bk-button.type-def.color-white {
    border-color: var(--webo-bc-white)
}

.bk-button.type-def.color-white,
.bk-button.type-line {
    background: var(--webo-bc-white);
    color: var(--webo-text-def)
}

.bk-button.type-line {
    border-radius: 4px;
    border-color: var(--webo-border-def)
}

.bk-button.type-line.color-main {
    border-color: var(--webo-color-main);
    color: var(--webo-color-main)
}

.bk-button.type-line.color-green {
    border-color: var(--webo-color-green);
    color: var(--webo-color-green)
}

.bk-button.type-line.color-red {
    border-color: var(--webo-color-red);
    color: var(--webo-color-red)
}

.bk-button.type-line.color-gray {
    background: var(--webo-bc-gray);
    border-color: var(--webo-border-def);
    color: var(--webo-text-def)
}

.bk-button.type-text {
    color: var(--webo-text-def);
    border-color: transparent
}

.bk-button.type-text.color-main {
    color: var(--webo-color-main)
}

.bk-button.type-text.color-green {
    color: var(--webo-color-green)
}

.bk-button.type-text.color-red {
    color: var(--webo-color-red)
}

.bk-button.type-text.color-gray {
    color: var(--webo-text-gray)
}

.bk-button.type-icon {
    line-height: 38px;
    min-width: 40px;
    height: 40px;
    text-align: center
}

.bk-button.type-icon.size-def {
    width: 40px;
    min-width: 40px;
    line-height: 38px;
    border-radius: 6px
}

.bk-button.type-icon.size-def .bk-icon {
    font-size: 20px
}

.bk-button.type-icon.size-middle {
    width: 32px;
    min-width: 32px;
    line-height: 30px;
    height: 30px;
    border-radius: 6px
}

.bk-button.type-icon.size-middle .bk-icon {
    font-size: var(--webo-font-tip)
}

.bk-button.type-deep {
    background: var(--webo-border-def);
    border-radius: 6px;
    border: none
}

.popup-websitesAdd>.view-popupBox>.view-popupHeader {
    border-bottom: none !important
}

.popup-websitesAdd>.view-popupBox>.view-popupHeader .btn-sync {
    vertical-align: middle;
    margin-left: 30px;
    height: 20px
}

.popup-websitesAdd>.view-popupBox .view-websiteInfo {
    text-align: center;
    padding-bottom: 16px
}

.popup-websitesAdd>.view-popupBox .view-websiteInfo>.view-title {
    text-align: center;
    padding-bottom: 10px
}

.popup-websitesAdd>.view-popupBox .view-websiteInfo>.view-websiteName input {
    width: 400px;
    text-align: center
}

.popup-websitesAdd>.view-popupBox .view-templateList {
    padding: 16px 0 32px 62px;
    height: calc(100% - 88px);
    overflow-y: auto
}

.websitesPage .view-box>.view-group {
    padding-bottom: 40px
}

.websitesPage .view-box>.view-group>.view-header {
    display: flex;
    margin-bottom: 20px
}

.websitesPage .view-box>.view-group>.view-header>.bk-title {
    flex: 1
}

.websitesPage .view-box>.view-group>.view-header>.btn-add {
    background: #ffc108;
    border-color: #ffc108;
    font-weight: 600
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem {
    display: inline-block;
    width: 320px;
    margin-right: 40px;
    margin-bottom: 40px;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    overflow: hidden
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem:hover .view-publish {
    display: inline-block !important
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem:hover .view-name {
    display: none !important
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem:hover .view-edit {
    display: block !important
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-coverImg {
    position: relative;
    height: 240px;
    overflow: hidden;
    border-bottom: .5px solid #e5e6eb
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-coverImg>.bk-image {
    width: 100%
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-coverImg>.view-published {
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 0;
    margin: auto;
    width: 86px;
    height: 28px;
    background: transparent url(../image/Def_Bc_WebsitePublished.png) 50%/100% no-repeat
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-coverImg>.view-edit {
    display: none;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    text-align: center
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-coverImg>.view-edit>.bk-button {
    min-width: 100px;
    margin-top: 100px
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-bottom {
    display: flex
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-bottom>.view-left {
    flex: 1;
    padding: 8px;
    font-weight: 600
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-bottom>.view-left>.view-publish {
    display: none;
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    background: var(--webo-color-main);
    border-radius: 2px;
    color: var(--webo-text-white);
    cursor: pointer
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-bottom>.view-left>.view-name {
    line-height: 32px
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-bottom>.view-btns {
    min-width: 88px
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-bottom>.view-btns>.bk-button {
    margin-right: 5px;
    border: none !important;
    height: 44px
}

.websitesPage .view-box>.view-group>.view-list>.view-websiteItem>.view-bottom>.view-btns>.bk-button:last-child {
    margin-right: 0
}

.websitesPage .view-box>.view-group>.view-list>.view-noData {
    text-align: center;
    font-size: 16px;
    color: var(--webo-text-tip);
    line-height: 300px
}

.websitesPage .popup-addName .view-form {
    text-align: center;
    padding: 30px 60px 30px 60px
}

.visitors[data-v-b5ebf35e] {
    background: var(--webo-bc-page)
}

.visitors>.view-pageContent[data-v-b5ebf35e] {
    width: 100%;
    height: 100%
}

.visitors>.view-pageContent>.router-settings[data-v-b5ebf35e] {
    left: 0;
    z-index: 1;
    width: 100%;
    position: fixed;
    background: var(--webo-bc-white);
    top: var(--app-top-header-height);
    height: calc(100% - var(--app-top-header-height))
}

.settingsPage .view-content {
    padding-top: 20px
}

.settingsPage .view-content .view-group {
    padding: 10px 0
}

.settingsPage .view-content .view-group .group-title {
    margin-left: 10px;
    font-size: 14px
}

.businessCreateComponent {
    padding: 16px 0;
    position: relative
}

.businessCreateComponent .bk-form {
    padding-bottom: 24px
}

.businessCreateComponent .bk-form .view-formGroup {
    padding: 0 16px
}

.businessCreateComponent .bk-form .view-formGroup .view-formItem .view-label {
    color: rgba(0, 0, 0, .65);
    font-size: 12px
}

.businessCreateComponent .bk-form .view-formGroup .view-formItem.form-content-view .fullWidth {
    width: 100% !important;
    height: 124px
}

.businessCreateComponent .bk-form .view-formGroup .view-formItem.form-content-view .ant-select-selection-search-input,
.businessCreateComponent .bk-form .view-formGroup .view-formItem.form-content-view .bk-input,
.businessCreateComponent .bk-form .view-formGroup .view-formItem.form-content-view .bk-location,
.businessCreateComponent .bk-form .view-formGroup .view-formItem.form-content-view .bk-select,
.businessCreateComponent .bk-form .view-formGroup .view-formItem.form-content-view .form-content {
    width: 368px
}

.businessCreateComponent .bk-form .view-formGroup .view-formItem .ant-select-selector,
.businessCreateComponent .bk-form .view-formGroup .view-formItem .customeContent {
    height: 40px
}

.businessCreateComponent .bk-form .view-formGroup .view-formItem .ant-select-selector .ant-select-selection-item,
.businessCreateComponent .bk-form .view-formGroup .view-formItem .customeContent .ant-select-selection-item {
    line-height: 40px;
    display: flex;
    align-items: center
}

.businessCreateComponent .bk-form .view-formGroup .view-formItem .ant-select-selector .ant-select-selection-search-input,
.businessCreateComponent .bk-form .view-formGroup .view-formItem .customeContent .ant-select-selection-search-input {
    width: 100%;
    height: 40px;
    line-height: 40px
}

.businessCreateComponent .bk-form .view-formGroup .key-basicInfo {
    position: relative
}

.businessCreateComponent .bk-form .view-formGroup .key-basicInfo .borderLeft {
    display: inline-block;
    width: 4px;
    height: 16px;
    background-color: var(--webo-color-main);
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%)
}

.businessCreateComponent .bk-form .view-formGroup .radioGroupView {
    height: 42px;
    display: flex;
    align-items: center
}

.businessCreateComponent .bk-form .view-formGroup .businessListView {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px
}

.businessCreateComponent .bk-form .view-formGroup .businessListView .businessListItem {
    flex-shrink: 0;
    width: 134px;
    height: 134px;
    border: 1px solid var(--webo-border-def);
    margin-right: 16px
}

.businessCreateComponent .bk-form .view-formGroup .businessListView .businessListItem:last-child {
    margin-right: 0
}

.businessCreateComponent .bk-form .view-formGroup .businessListView .businessListItem .weekName {
    line-height: 17px;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    margin-top: 14px;
    text-align: center;
    margin-bottom: 8px
}

.businessCreateComponent .bk-form .view-formGroup .businessListView .businessListItem .timeView {
    padding: 0 14px;
    margin-top: 7px
}

.businessCreateComponent .bk-form .view-formGroup .imgList {
    display: flex;
    margin-top: 8px
}

.businessCreateComponent .bk-form .view-formGroup .imgList .imgItem {
    margin-right: 16px
}

.compMoreLanguageSettingView {
    padding: 16px 0
}

.compMoreLanguageSettingView .formItem {
    padding: 0 16px
}

.compMoreLanguageSettingView .formItem .formItemTitle {
    position: relative
}

.compMoreLanguageSettingView .formItem .formItemTitle:before {
    content: "";
    display: block;
    width: 4px;
    height: 16px;
    background-color: var(--webo-color-main);
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%)
}

.compMoreLanguageSettingView .formItem .formContent {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.compMoreLanguageSettingView .formItem .formContent .formContentItem {
    min-width: 50%;
    margin-bottom: 24px
}

.compMoreLanguageSettingView .formItem .formContent .formContentItem.fullWidth,
.compMoreLanguageSettingView .formItem .formContent .formContentItem.fullWidth .formInput,
.compMoreLanguageSettingView .formItem .formContent .formContentItem.fullWidth .textareaView {
    width: 100%
}

.compMoreLanguageSettingView .formItem .formContent .formContentItem .formLabel {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .65);
    margin-bottom: 8px
}

.compMoreLanguageSettingView .formItem .formContent .formContentItem .formInput,
.compMoreLanguageSettingView .formItem .formContent .formContentItem .textareaView {
    width: 368px
}

.compMoreLanguageSettingView .formItem .formContent .formContentItem .textareaView {
    height: 117px
}

.compMoreLanguageSettingView .formItem .formContent .formContentItem .imgList {
    display: flex;
    margin-top: 8px
}

.compMoreLanguageSettingView .formItem .formContent .formContentItem .imgList .imgItem {
    margin-right: 16px
}

.compOpeningTimeComponent .compOpeningTimeBody {
    padding: 16px
}

.businessDetailsPage .view-pageContent {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2
}

.businessDetailsPage .view-pageContent .page-main-view {
    height: 100%;
    display: flex;
    padding: 0 12px
}

.businessDetailsPage .view-pageContent .page-main-view .main-wrap {
    height: 100%;
    display: flex;
    flex-direction: column
}

.businessDetailsPage .view-pageContent .page-main-view .main-wrap .main-header-view {
    display: flex;
    align-items: center
}

.businessDetailsPage .view-pageContent .page-main-view .main-wrap .main-header-view .header-title {
    flex: 1;
    display: flex;
    align-items: center
}

.businessDetailsPage .view-pageContent .page-main-view .main-wrap .main-box-view {
    flex: 1;
    overflow: hidden;
    margin-top: 12px;
    display: flex;
    flex-direction: column
}

.businessDetailsPage .view-pageContent .page-main-view .store-view {
    width: 300px;
    background-color: #fcfcfc
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list {
    display: flex;
    flex-direction: column
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-top {
    padding: 3px 8px 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view {
    flex: 1;
    overflow: hidden;
    margin-top: 15px;
    flex-shrink: 0;
    overflow-y: auto
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view {
    position: relative
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #dad3ff
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view .item-view {
    height: 32px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding-left: 22px;
    padding-right: 12px;
    cursor: pointer;
    border-left: 2px solid transparent;
    position: relative;
    z-index: 1
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view .item-view:hover .action-view {
    display: block
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view .item-view.checked {
    background-color: var(--webo-color-main-float);
    border-left: 2px solid var(--webo-color-main)
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view .item-view.checked .action-view {
    display: block
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view .item-view.checked .compName {
    color: var(--webo-color-main)
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view .item-view:last-child {
    margin-bottom: 0
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view .item-view .compName {
    flex: 1
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view .item-view .action-view {
    display: none
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .store-list .list-wrap-view .list-view .item-view .action-view .actionIcon {
    margin-left: 10px;
    cursor: pointer
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .comp-list {
    max-height: 40%;
    border-bottom: 1px solid var(--webo-border-def)
}

.businessDetailsPage .view-pageContent .page-main-view .store-view .other-store-list {
    max-height: 60%;
    flex: 1;
    padding-top: 12px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view {
    flex: 1;
    flex-shrink: 0;
    padding-left: 25px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .status-view {
    display: flex;
    align-items: center;
    margin-left: 24px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view {
    overflow-y: auto;
    margin-top: 6px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--webo-border-def);
    margin-bottom: 18px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-header {
    padding-left: 17px;
    position: relative
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-header:before {
    content: "";
    display: block;
    width: 3px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--webo-color-main)
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list {
    padding-left: 14px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item {
    margin-top: 12px;
    display: flex
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item.card-item-logo {
    padding: 8px 0
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .shopLogo {
    width: 74px;
    height: 74px;
    border-radius: 50%
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .shopInfo {
    margin-left: 24px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .shopInfo .compCode,
.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .shopInfo .compType {
    font-size: 14px;
    line-height: 20px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .shopInfo .compCode {
    margin-top: 3px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .form-label {
    width: 344px;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    flex-shrink: 0
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .form-content {
    color: rgba(0, 0, 0, .85)
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .form-content.image-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .form-content.image-list .shopImg {
    width: 98px;
    height: 98px;
    margin-right: 8px;
    margin-bottom: 8px
}

.businessDetailsPage .view-pageContent .page-main-view .base-info-view .main-box-view .card-view .card-list .card-item .showOpeningTime {
    color: var(--webo-color-main);
    cursor: pointer
}

.businessDetailsPage .view-pageContent .page-main-view .shop-empty {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.businessDetailsPage .view-pageContent .page-main-view .shop-empty .empty-text {
    margin-top: 40px;
    font-weight: 600;
    font-size: var(--webo-font-title)
}

.businessDetailsPage .view-pageContent .page-main-view .shop-empty .empty-sub-text {
    margin-top: 16px;
    font-size: var(--webo-font-def)
}

.staffEditDialogView .staffEditDialogBodyView {
    padding: 16px
}

.staffEditDialogView .staffEditDialogBodyView .bk-form .view-content .view-formItem.textareaView .view-input {
    height: 120px
}

.staffEditDialogView .staffEditDialogBodyView .bk-form .view-content .view-label {
    font-size: 12px;
    padding-bottom: 4px
}

.staffEditDialogView .staffEditDialogBodyView .bk-form .view-content .tag-view {
    width: 380px;
    display: flex;
    flex-wrap: wrap
}

.staffEditDialogView .staffEditDialogBodyView .bk-form .view-content .tag-view .tag-list {
    margin-bottom: 5px
}

.jobTypeSettingView {
    margin-top: 16px
}

.jobTypeSettingView .formItem {
    padding: 0 16px 16px
}

.jobTypeSettingView .formItem .formItemTitle {
    position: relative
}

.jobTypeSettingView .formItem .formItemTitle:before {
    content: "";
    display: block;
    width: 4px;
    height: 16px;
    background-color: var(--webo-color-main);
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%)
}

.jobTypeSettingView .formItem .formContent {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.jobTypeSettingView .formItem .formContent .switchView .switchItem {
    display: flex;
    justify-content: space-between;
    padding-right: 60px;
    margin-bottom: 16px
}

.staffJobTypeSettingView .staffJobTypeSettingBodyView {
    padding: 16px
}

.staffJobTypeSettingView .staffJobTypeSettingBodyView .filterView,
.staffJobTypeSettingView .staffJobTypeSettingBodyView .filterView .view-top .view-left {
    display: flex
}

.staffJobTypeSettingView .staffJobTypeSettingBodyView .filterView .filterItem.titleCode {
    margin: 0 32px
}

.staffJobTypeSettingView .footer-left,
.staffJobTypeSettingView .staffJobTypeSettingBodyView .filterView .inputView {
    display: flex;
    align-items: center
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView {
    padding: 16px 0
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem {
    padding: 0 16px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formItemTitle {
    position: relative
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formItemTitle:before {
    content: "";
    display: block;
    width: 4px;
    height: 16px;
    background-color: var(--webo-color-main);
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%)
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem {
    min-width: 50%;
    margin-bottom: 24px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem.fullWidth,
.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem.fullWidth .formInput,
.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem.fullWidth .textareaView {
    width: 100%
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem .formLabel {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .65);
    margin-bottom: 8px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem .formInput,
.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem .textareaView {
    width: 368px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem .textareaView {
    height: 117px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem .imgList {
    display: flex;
    margin-top: 8px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .formContent .formContentItem .imgList .imgItem {
    margin-right: 16px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .tag-list .tag-item .tag-languages {
    display: flex;
    flex-wrap: wrap
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .tag-list .tag-item .tag-languages .lang-item {
    width: 50%;
    margin-bottom: 10px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .tag-list .tag-item .tag-languages .lang-item .form-label {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .65);
    margin-bottom: 8px
}

.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .tag-list .tag-item .tag-languages .lang-item .form-input,
.staffMoreLanguageSetView .staffMoreLanguageSetBodyView .formItem .tag-list .tag-item .tag-languages .lang-item .textareaView {
    width: 368px
}

.view-StaffJobTipPopup .view-tips {
    text-align: center;
    font-size: 16px;
    color: rgba(1, 1, 1, .65);
    margin-top: 32px
}

.view-StaffJobTipPopup .view-selectBox {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.bk-confirmTip .content[data-v-733bafd0] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: rgba(1, 1, 1, .65);
    line-height: 22px
}

.projectUpdate .view-formContainer[data-v-54d6d0a2] {
    width: 100%;
    padding: 16px
}

.projectUpdate .view-formContainer .bk-form+.bk-form[data-v-54d6d0a2] {
    margin-top: 16px
}

.projectUpdate .view-formContainer .bk-form+.bk-form .view-specificationsWrap[data-v-54d6d0a2] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 12px
}

.projectUpdate .view-formContainer .bk-form+.bk-form .view-specificationsWrap .bk-lang[data-v-54d6d0a2] {
    color: var(--webo-text-def-65)
}

.projectUpdate .view-formContainer .bk-form+.bk-form .view-btnWrap1 .bk-button+.bk-button[data-v-54d6d0a2] {
    margin-left: 16px
}

.projectUpdate .view-formContainer .bk-form+.bk-form .view-btnWrap2 .bk-button[data-v-54d6d0a2] {
    color: var(--webo-color-main)
}

.projectUpdate .view-formContainer .bk-form+.bk-form .view-btnWrap2 .bk-button+.bk-button[data-v-54d6d0a2] {
    color: var(--webo-color-red)
}

.view-formContainer[data-v-d497f61e] {
    padding: 0 0 16px 0
}

.view-formContainer[data-v-d497f61e] .view-content {
    padding: 0 16px
}

.projectMoreLanguage .view-formContainer[data-v-7b1d51fd] {
    padding: 0 0 16px 0
}

.projectMoreLanguage .view-formContainer .bk-form+.bk-form[data-v-7b1d51fd] {
    margin-top: 16px
}

.projectMoreLanguage .view-formContainer .bk-form[data-v-7b1d51fd] .view-content {
    padding: 0 16px
}

.productManagement>.view-pageContent[data-v-7a068df1],
.projectManagement>.view-pageContent[data-v-0bf8ea9d] {
    height: 100%
}

.giftCardUpdate .view-formContainer[data-v-c509cc2a] {
    padding: 16px
}

.giftCardUpdate .view-formContainer .bk-form+.bk-form[data-v-c509cc2a] {
    margin-top: 16px
}

.giftCardMoreLanguage .view-formContainer[data-v-9a628e52] {
    padding: 0 0 16px 0
}

.giftCardMoreLanguage .view-formContainer .bk-form+.bk-form[data-v-9a628e52] {
    margin-top: 16px
}

.giftCardMoreLanguage .view-formContainer .bk-form[data-v-9a628e52] .view-content {
    padding: 0 16px
}

.updateBlogsNewsPopup.bk-popup {
    width: 800px
}

.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.bk-tabs {
    width: 100%;
    padding: 0 12px;
    overflow-x: auto
}

.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.bk-tabs>.view-tabItem {
    flex: none
}

.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main {
    height: calc(100% - 62px);
    overflow-y: auto;
    padding: 24px 16px
}

.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload {
    display: flex !important
}

.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker .bk-datePicker-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker .bk-formItem-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker .bk-upload-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker .view-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem .bk-datePicker-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem .bk-formItem-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem .bk-upload-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem .view-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input .bk-datePicker-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input .bk-formItem-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input .bk-upload-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input .view-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch .bk-datePicker-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch .bk-formItem-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch .bk-upload-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch .view-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload .bk-datePicker-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload .bk-formItem-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload .bk-upload-label,
.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload .view-label {
    width: 162px !important;
    margin-right: 0
}

.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-summary .bk-input>.view-label {
    padding-top: 4px;
    align-items: start !important
}

.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-images .view-images-main {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85)
}

.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-images .view-images-main>.view-suggestedFormat {
    display: block;
    margin-bottom: 9px
}

.updateBlogsNewsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-pushDate .bk-datePicker {
    align-items: center !important
}

.blogsNewsPage.bk-page>.view-pageContent>.view-container {
    height: 100%
}

.updateEstimationsPopup.bk-popup {
    width: 800px
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.bk-tabs {
    width: 100%;
    padding: 0 12px;
    overflow-x: auto
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.bk-tabs>.view-tabItem {
    flex: none
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main {
    height: calc(100% - 62px);
    overflow-y: auto;
    padding: 24px 16px
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload {
    display: flex !important
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker .bk-datePicker-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker .bk-formItem-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker .bk-upload-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-datePicker .view-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem .bk-datePicker-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem .bk-formItem-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem .bk-upload-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-formItem .view-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input .bk-datePicker-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input .bk-formItem-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input .bk-upload-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-input .view-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch .bk-datePicker-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch .bk-formItem-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch .bk-upload-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-switch .view-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload .bk-datePicker-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload .bk-formItem-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload .bk-upload-label,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .bk-upload .view-label {
    width: 162px !important;
    margin-right: 0
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-avatar .uploaded-images {
    display: none
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-avatar .view-avatar-main {
    display: flex;
    align-items: center
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-avatar .view-avatar-main>.view-image-main {
    width: 60px;
    height: 60px;
    background: #ededed;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-avatar .view-avatar-main>.view-image-main>.bk-image {
    width: 52px;
    height: 52px
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-avatar .view-avatar-main>.view-upload-main {
    height: 60px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85)
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-name .bk-datePicker .bk-datePicker-value,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-name .bk-input .view-input,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-pushDate .bk-datePicker .bk-datePicker-value,
.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-pushDate .bk-input .view-input {
    flex: none;
    width: 190px
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-images .view-images-main {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85)
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-images .view-images-main>.view-suggestedFormat {
    display: block;
    margin-bottom: 9px
}

.updateEstimationsPopup.bk-popup>.view-popupBox>.view-popupContent>.view-form-main .key-pushDate .bk-datePicker {
    align-items: center !important
}

.estimationsPage.bk-page>.view-pageContent>.view-container {
    height: 100%
}

.van-overlay {
    background: rgba(0, 0, 0, .5) !important
}

.bk-popup.center {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    position: fixed;
    width: 800px;
    height: 600px;
    max-height: 80vh;
    border-radius: 8px;
    box-shadow: 0 8px 16px -4px rgba(0, 0, 0, .1)
}

.bk-popup.center.sunmi {
    transform: none !important
}

.bk-popup.center.PC.size-full {
    max-height: 960px
}

.bk-popup.center.PC.size-def {
    height: 80vh;
    width: 95vw;
    max-height: 760px;
    max-width: 800px
}

.bk-popup.center.size-def {
    height: 80vh
}

.bk-popup.center.size-full {
    max-width: 1024px;
    max-height: 768px;
    min-width: 960px;
    width: 100vw;
    height: calc(100vh - 24px)
}

.bk-popup.center.size-middle {
    width: 620px;
    height: 600px
}

.bk-popup.center.size-small {
    width: 480px;
    height: 400px
}

.bk-popup.right {
    overflow: hidden;
    width: 600px;
    height: 100vh;
    right: 0
}

.bk-popup .view-popupBox {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    background: var(--webo-bc-white);
    border-radius: 10px;
    transition: all .3s
}

.bk-popup .view-popupBox>.btn-close {
    position: absolute;
    left: auto;
    right: 24px;
    bottom: auto;
    top: 26px;
    margin: auto;
    font-size: 16px !important;
    cursor: pointer;
    color: #4c4c4c !important
}

.bk-popup .view-popupBox>.view-popupHeader {
    padding: 20px 16px;
    border-bottom: 1px solid var(--webo-border-def)
}

.bk-popup .view-popupBox>.view-popupHeader>.bk-title {
    line-height: 22px
}

.bk-popup .view-popupBox>.view-popupContent {
    overflow-y: auto
}

.bk-popup .view-popupBox>.view-popupContent.no-overflow {
    overflow: hidden
}

.bk-popup .view-popupBox>.view-popupFooter {
    display: flex;
    padding: 12px 16px;
    align-items: center
}

.bk-popup .view-popupBox>.view-popupFooter.line {
    border-top: 1px solid var(--webo-border-def)
}

.bk-popup .view-popupBox>.view-popupFooter.line:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    height: .5px;
    width: auto;
    background: var(--webo-border-def)
}

.bk-popup .view-popupBox>.view-popupFooter>.view-popupFooter-left {
    flex: 1
}

.bk-popup .view-popupBox>.view-popupFooter>.view-popupFooter-left>.bk-button {
    margin-right: 10px;
    height: 32px
}

.bk-popup .view-popupBox>.view-popupFooter>.view-popupFooter-left>.bk-button:last-child {
    margin-right: 0
}

.bk-popup .view-popupBox>.view-popupFooter>.view-popupFooter-right>.bk-button {
    padding: 0 26px;
    margin-right: 10px;
    height: 32px
}

.bk-popup .view-popupBox>.view-popupFooter>.view-popupFooter-right>.bk-button.view-popupFooter-comp-button {
    background: #ffc108;
    border-color: #ffc108;
    color: var(--webo-text-def)
}

.bk-popup .view-popupBox>.view-popupFooter>.view-popupFooter-right>.bk-button:last-child {
    margin-right: 0
}

.view-splashScreen.layout-splash-001 {
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10001;
    color: #fff
}

.view-splashScreen.layout-splash-001>.view-box {
    height: 260px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    text-align: center
}

.view-splashScreen.layout-splash-001>.view-box>.view-title {
    line-height: 60px;
    font-size: 60px;
    font-weight: 600
}

.view-splashScreen.layout-splash-001>.view-box>.view-logo {
    height: 200px;
    margin-bottom: 20px
}

.view-splashScreen.layout-splash-001>.view-box>.view-logo>.bk-image {
    height: 100%
}

.view-splashScreen.layout-splash-001>.view-box>.view-start {
    position: relative;
    width: 200px;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 18px;
    line-height: 30px;
    font-size: 20px;
    text-decoration: underline;
    cursor: pointer;
    -webkit-animation-name: splash-blink;
    animation-name: splash-blink;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.view-splashScreen.layout-splash-002 {
    overflow: visible
}

.view-splashScreen.layout-splash-002 .view-popupBox {
    position: absolute;
    overflow: visible
}

.view-splashScreen.layout-splash-002 .view-popupBox .btn-close {
    z-index: 100;
    width: 40px;
    height: 40px;
    background: #9c7f53;
    border-radius: 50%;
    text-align: center;
    line-height: 40px !important;
    color: #fff !important;
    font-weight: 600;
    top: -12px;
    right: -12px
}

.view-splashScreen.layout-splash-002 .view-popupBox .image-info {
    width: 100%;
    height: auto
}

.view-splashScreen.layout-splash-002 .view-popupBox .btn-res {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    background: #9c7f53;
    width: 160px;
    height: 48px;
    border-radius: 0;
    font-size: 20px;
    font-weight: 600;
    font-family: Compote;
    margin: auto
}

.view-splashScreen.m-layout-splash-002 {
    overflow: visible
}

.view-splashScreen.m-layout-splash-002 .view-popupBox {
    position: absolute;
    overflow: visible
}

.view-splashScreen.m-layout-splash-002 .view-popupBox .btn-close {
    z-index: 100;
    width: 40px;
    height: 40px;
    background: #9c7f53;
    border-radius: 50%;
    text-align: center;
    line-height: 40px !important;
    color: #fff !important;
    font-weight: 600;
    top: -12px;
    right: -12px
}

.view-splashScreen.m-layout-splash-002 .view-popupBox .image-info {
    width: 100%;
    height: auto
}

.view-splashScreen.m-layout-splash-002 .view-popupBox .btn-res {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    background: #9c7f53;
    width: 140px;
    height: 32px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    font-family: Compote;
    margin: auto
}

@-webkit-keyframes splash-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.view-splashScreen-mobile.layout-splash-001 {
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10001;
    color: #fff
}

.view-splashScreen-mobile.layout-splash-001>.view-box {
    height: 120px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    text-align: center
}

.view-splashScreen-mobile.layout-splash-001>.view-box>.view-logo {
    display: inline-block;
    max-width: 80vw;
    margin-bottom: 20px
}

.view-splashScreen-mobile.layout-splash-001>.view-box>.view-logo>.bk-image {
    height: 100%
}

.view-splashScreen-mobile.layout-splash-001>.view-box>.view-title {
    line-height: 60px;
    font-size: 32px;
    font-weight: 600
}

.view-splashScreen-mobile.layout-splash-001>.view-box>.view-start {
    position: relative;
    width: 200px;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 18px;
    line-height: 30px;
    font-size: 20px;
    text-decoration: underline;
    cursor: pointer;
    -webkit-animation-name: splash-blink;
    animation-name: splash-blink;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@keyframes splash-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.websitesPreviewPage {
    min-height: 100%
}

.websitesPreviewPage .view-show {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    min-height: 100%
}

.websitesPreviewPage .view-showTopPopTap {
    text-align: center
}

.websitesPreviewPage .view-showTopPopTap.HEALTHYHAIR {
    height: 92px;
    text-align: center;
    line-height: 92px;
    font-size: 20px;
    font-weight: 600;
    background: #9c7f53;
    color: #fff
}

.websitesPreviewPage .view-showTopPopTap.HEALTHYHAIR>.bk-view {
    display: inline-block;
    padding: 0 18px;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 1px
}

.view-addAccountContent {
    padding: 14px 136px 0
}

.view_permission_header {
    padding: 17px 30px;
    border-radius: 8px;
    background: transparent url(../image/Def_image_permission_header_bg.png) 0 0/auto 100% no-repeat;
    background-size: cover;
    height: 98px
}

.view_permission_header .row-view {
    height: 100%;
    color: #fff;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.view_permission_header .row-view .col-view {
    height: 100%;
    display: flex;
    align-items: center
}

.permission-menu-view .child-checkbox-node {
    padding-bottom: 12px;
    padding-top: 12px;
    cursor: pointer
}

.permission-menu-view .child-checkbox-node.is-active>.child-checkbox-item {
    background-color: #f6f5ff;
    color: var(--webo-color-main);
    border-color: var(--webo-color-main)
}

.permission-menu-view .child-checkbox-node .child-checkbox-item {
    height: 40px;
    display: flex;
    align-items: center;
    border-left: 2px solid transparent
}

.permission-menu-view .child-checkbox-node .child-checkbox-item .ant-checkbox+span {
    display: none
}

.permission-menu-view .child-checkbox-node .child-checkbox-item .checkbox-name {
    margin-left: 12px;
    font-size: 14px
}

.permission-menu-view .level-1>.child-checkbox-node>.child-checkbox-item {
    padding-left: 12px
}

.permission-menu-view .level-2>.child-checkbox-node>.child-checkbox-item {
    padding-left: 24px
}

.permission-menu-view .level-3>.child-checkbox-node>.child-checkbox-item {
    padding-left: 36px
}

.permission-menu-view .level-4>.child-checkbox-node>.child-checkbox-item {
    padding-left: 48px
}

.permission-menu-view .level-5>.child-checkbox-node>.child-checkbox-item {
    padding-left: 60px
}

.permission-menu-view .level-6>.child-checkbox-node>.child-checkbox-item {
    padding-left: 72px
}

.permission-menu-view .level-7>.child-checkbox-node>.child-checkbox-item {
    padding-left: 84px
}

.permission-menu-view .level-8>.child-checkbox-node>.child-checkbox-item {
    padding-left: 96px
}

.permission-menu-view .level-9>.child-checkbox-node>.child-checkbox-item {
    padding-left: 108px
}

.system-permission-view {
    height: 100%;
    overflow: hidden;
    display: flex
}

.system-permission-view .system-permission-left-view {
    width: 190px;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    flex-shrink: 0;
    background-color: #fcfcfc;
    padding-top: 35px
}

.system-permission-view .system-permission-right-view {
    flex: 1;
    padding: 14px 24px
}

.system-permission-view .system-permission-right-view .system-permission-right-top-view {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.system-permission-view .system-permission-right-view .system-permission-right-top-view .menu-name-view {
    font-size: 18px;
    font-weight: 600
}

.system-permission-view .system-permission-right-view .system-permission-right-top-view .right-button-view {
    cursor: pointer;
    color: var(--webo-color-main)
}

.system-permission-view .system-permission-right-view .params-view {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap
}

.system-permission-view .system-permission-right-view .params-view .params-item-view {
    width: 25%;
    margin-bottom: 24px;
    padding-right: 24px
}

.view-permission {
    padding: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.view-permission .tabs-view {
    margin-top: 4px;
    border-bottom: 1px solid var(--webo-border-def)
}

.view-permission .main-view {
    flex: 1;
    overflow: hidden;
    padding-top: 14px
}

.view-roleManagement {
    padding: 16px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.view-roleManagement .view-btnBox {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end
}

.view-roleManagement .view-table {
    flex: 1;
    overflow: hidden
}

.userPermissionView {
    height: 100%
}

.userPermissionView .view-actionItem .deleteColor {
    color: #eb3f3f
}

.visitorRecord[data-v-1ca64e44] .bk-navBar>.view-navBarContent {
    padding: 0
}

.visitorRecord>.view-pageContent .button-wrap[data-v-1ca64e44] {
    margin-bottom: 23px
}

.languagePage[data-v-53f3ca6f] {
    height: 100%;
    background: var(--webo-bc-white)
}

.languagePage>.view-pageContent>.view-content[data-v-53f3ca6f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

.languagePage>.view-pageContent>.view-content>.view-img[data-v-53f3ca6f] {
    width: 100%
}

.languagePage>.view-pageContent>.view-content>.view-lingWrap[data-v-53f3ca6f] {
    display: flex;
    height: 8px;
    width: 100%
}

.languagePage>.view-pageContent>.view-content>.view-lingWrap .view-line[data-v-53f3ca6f] {
    width: calc(25% - .75px);
    height: 8px;
    background-color: var(--webo-color-main)
}

.languagePage>.view-pageContent>.view-content>.view-lingWrap .view-line+.view-line[data-v-53f3ca6f] {
    margin-left: 1px
}

.languagePage>.view-pageContent>.view-content>.view-step1[data-v-53f3ca6f] {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%
}

.languagePage>.view-pageContent>.view-content>.view-step1 .bk-title[data-v-53f3ca6f] {
    margin-top: 68px;
    margin-bottom: 12px
}

.languagePage>.view-pageContent>.view-content>.view-step1>.view-langList[data-v-53f3ca6f] {
    margin-top: 48px;
    width: 50%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center
}

.languagePage>.view-pageContent>.view-content>.view-step1>.view-langList .bk-button[data-v-53f3ca6f] {
    margin-top: 16px
}

.languagePage>.view-pageContent>.view-content>.view-step1>.view-langList .bk-button+.bk-button[data-v-53f3ca6f] {
    margin-left: 16px
}

.languagePage>.view-pageContent>.view-content>.view-step1>.view-tip3[data-v-53f3ca6f] {
    margin-top: 64px;
    width: 50%;
    display: flex;
    align-items: center;
    color: var(--webo-color-red)
}

.languagePage>.view-pageContent>.view-content>.view-step1>.view-tip3>.bk-icon[data-v-53f3ca6f] {
    font-size: 32px
}

.languagePage>.view-pageContent>.view-content>.view-step1>.view-tip3>.bk-icon+.bk-lang[data-v-53f3ca6f] {
    margin-left: 11px
}

.languagePage>.view-pageContent>.view-content>.view-step1>.view-tip3>.bk-lang[data-v-53f3ca6f] {
    font-weight: 400;
    font-size: 18px;
    color: #ff6c6c;
    line-height: 25px
}

.languagePage>.view-pageContent>.view-content>.view-step2[data-v-53f3ca6f] {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%
}

.languagePage>.view-pageContent>.view-content>.view-step2>.bk-lang[data-v-53f3ca6f] {
    display: inline-block;
    text-align: left;
    width: 600px;
    margin-top: 92px;
    font-weight: 400;
    font-size: 24px;
    color: rgba(0, 0, 0, .85);
    line-height: 33px
}

.languagePage>.view-pageContent>.view-content>.view-step2>.view-langList[data-v-53f3ca6f] {
    overflow: hidden;
    margin: 30px auto;
    width: 600px;
    flex: 1;
    background: #fff;
    padding: 17px 0;
    border: 1px solid #e5e6eb
}

.languagePage>.view-pageContent>.view-content>.view-step2>.view-langList>.view-item[data-v-53f3ca6f] {
    height: 59px;
    padding: 0 55px 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.languagePage>.view-pageContent>.view-content>.view-step2>.view-langList>.view-item[data-v-53f3ca6f]:hover {
    background: #faf5ff
}

.languagePage>.view-pageContent>.view-content>.view-step2>.view-langList>.view-item .view-name[data-v-53f3ca6f] {
    flex: 1;
    text-align: left;
    padding-left: 80px
}

.languagePage>.view-pageContent>.view-content>.view-step2>.view-langList>.view-item .view-iconWrap[data-v-53f3ca6f] {
    display: flex;
    align-items: center
}

.languagePage>.view-pageContent>.view-content>.view-step2>.view-langList>.view-item .view-iconWrap .cus-icon[data-v-53f3ca6f] {
    cursor: pointer
}

.languagePage>.view-pageContent>.view-content>.view-step2>.view-langList>.view-item .view-iconWrap .cus-icon .bk-icon[data-v-53f3ca6f] {
    font-size: 24px;
    color: #4c4c4c
}

.languagePage>.view-pageContent>.view-content>.view-step2>.view-langList>.view-item .view-iconWrap .cus-icon .bk-icon[data-v-53f3ca6f]:hover {
    color: var(--webo-color-main)
}

.languagePage>.view-pageContent>.view-content>.view-step2>.view-langList>.view-item .view-iconWrap .cus-icon+.cus-icon[data-v-53f3ca6f] {
    margin-left: 25px
}

.languagePage>.view-pageContent>.view-content .step-wrap[data-v-53f3ca6f] {
    min-height: 128px;
    width: 100%;
    display: flex;
    justify-content: center
}

.languagePage>.view-pageContent>.view-content .step-wrap .bk-button[data-v-53f3ca6f] {
    width: 280px
}

.languagePage>.view-pageContent>.view-content .step-wrap .bk-button .bk-icon+.bk-lang[data-v-53f3ca6f],
.languagePage>.view-pageContent>.view-content .step-wrap .bk-button .bk-lang+.bk-icon[data-v-53f3ca6f] {
    margin-left: 6px
}

.languagePage>.view-pageContent>.view-content .step-wrap .bk-button+.bk-button[data-v-53f3ca6f] {
    margin-left: 120px
}

.websitesPreviewPage {
    position: relative !important
}

.websitesPreviewPage.mobile.HEALTHYHAIR .view-webHeader-menu-icon.m-layout-thumbnail-001,
.websitesPreviewPage.mobile.HEALTHYHAIR .view-webHeader-menu-icon.m-layout-thumbnail-002 {
    top: 54px;
    left: 10px
}

.websitesPreviewPage.mobile .view-showTopPopTap {
    text-align: center
}

.websitesPreviewPage.mobile .view-showTopPopTap.HEALTHYHAIR {
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 12px;
    font-weight: 600;
    background: #9c7f53;
    color: #fff
}

.websitesPreviewPage.mobile .view-showTopPopTap.HEALTHYHAIR>.bk-view {
    display: inline-block;
    padding: 0 18px;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 1px;
    transform: scale(.9)
}

.websitesPreviewPage.mobile .view-show {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    min-height: 100vh
}

.viewIndexPage[data-v-24efccb7] {
    background: #fff;
    min-height: 100vh
}

.chooseRightsDialog .chooseRightsView {
    padding: 20px
}

.ant-select-dropdown {
    z-index: 3001 !important
}

.bk-select {
    display: inline-flex;
    vertical-align: top
}

.bk-select .icon-gengduo {
    font-size: 20px;
    color: var(--webo-text-def)
}

.bk-select.bk-select-disabled>.view-value {
    color: rgba(0, 0, 0, .25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed
}

.bk-select.labelType-def {
    display: inline-block
}

.bk-select.labelType-def.size-plus>.view-label {
    line-height: 24px;
    font-size: var(--webo-font-def)
}

.bk-select.labelType-def>.view-label {
    line-height: 18px;
    padding-bottom: 4px;
    font-size: var(--webo-font-tip);
    color: var(--webo-text-def)
}

.bk-select>.view-label {
    line-height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.bk-select>.view-label>.view-must {
    color: var(--webo-color-red);
    vertical-align: middle;
    margin-right: 4px
}

.bk-select.type-def>.view-value {
    position: relative;
    flex: 1;
    display: flex;
    border-radius: 5px;
    border: solid 1px var(--webo-border-def);
    overflow: hidden;
    cursor: pointer
}

.bk-select.type-def>.view-value>.view-select {
    position: relative;
    z-index: 1;
    flex: 1;
    max-width: 100%
}

.bk-select.type-def>.view-value>.view-select>.ant-select-selector {
    padding-left: 16px;
    padding-right: 32px;
    border: none;
    height: 40px;
    line-height: 40px;
    background: transparent
}

.bk-select.type-def>.view-value>.view-select>.ant-select-selector>.ant-select-selection-placeholder {
    line-height: 40px
}

.bk-select.type-def>.view-value>.view-select>.ant-select-selector>.ant-select-selection-item {
    line-height: 20px;
    padding: 9px 0
}

.bk-select.type-def>.view-value>.view-select>.ant-select-arrow {
    display: none
}

.bk-select.type-search>.view-value {
    position: relative;
    flex: 1;
    display: flex;
    border-radius: 5px;
    border: solid 1px var(--webo-border-def);
    overflow: hidden
}

.bk-select.type-search>.view-value>.view-select {
    position: relative;
    z-index: 1;
    flex: 1;
    max-width: 100%
}

.bk-select.type-search>.view-value>.view-select>.ant-select-selector {
    padding-left: 16px;
    padding-right: 32px;
    border: none;
    height: 40px;
    line-height: 40px;
    background: transparent
}

.bk-select.type-search>.view-value>.view-select>.ant-select-selector>.ant-select-selection-placeholder {
    line-height: 40px
}

.bk-select.type-search>.view-value>.view-select>.ant-select-selector>.ant-select-selection-item {
    line-height: 20px;
    padding: 9px 0
}

.bk-select.type-search>.view-value>.view-select>.ant-select-arrow {
    display: none
}

.bk-select.type-choose>.view-value {
    flex: 1;
    display: flex;
    border-radius: 5px;
    border: solid 1px var(--webo-border-def);
    overflow: hidden;
    padding: 10px 32px 10px 0
}

.bk-select.type-choose>.view-value>.view-left {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-right: -4px
}

.bk-select.type-choose>.view-value>.view-left .span-prefix {
    padding-left: 10px;
    color: rgba(46, 86, 242, .5);
    font-weight: 600
}

.bk-select.type-choose>.view-value>.view-left .bk-image {
    width: 22px;
    height: 22px
}

.bk-select.type-choose>.view-value>.view-choose {
    display: flex;
    flex: 1;
    line-height: 20px;
    border: none;
    padding: 0 0 0 16px
}

.bk-select.type-choose>.view-value>.view-choose>.bk-view {
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.bk-select.type-choose>.view-value>.view-choose.placeholder {
    color: var(--webo-text-placeholder)
}

.bk-select.type-choose>.view-value>.view-choose.focus,
.bk-select.type-choose>.view-value>.view-choose:hover {
    border: none;
    box-shadow: none
}

.bk-select.type-datePicker>.view-value {
    flex: 1;
    display: flex;
    border: solid 1px var(--webo-border-def);
    border-radius: 5px
}

.bk-select.type-datePicker>.view-value>.ant-picker {
    flex: 1;
    height: 40px;
    border: none;
    box-shadow: none;
    padding-right: 32px;
    cursor: pointer
}

.bk-select.type-datePicker>.view-value>.ant-picker .ant-picker-clear,
.bk-select.type-datePicker>.view-value>.ant-picker .ant-picker-suffix {
    display: none
}

.bk-select.type-rangePicker>.view-value {
    flex: 1;
    display: flex;
    border: solid 1px var(--webo-border-def);
    border-radius: 5px;
    overflow: hidden
}

.bk-select.type-rangePicker>.view-value>.ant-picker {
    flex: 1;
    height: 40px;
    border: none;
    box-shadow: none;
    padding-right: 32px;
    cursor: pointer
}

.bk-select.type-rangePicker>.view-value>.ant-picker .ant-picker-clear,
.bk-select.type-rangePicker>.view-value>.ant-picker .ant-picker-suffix {
    display: none
}

.bk-select.type-rangePicker>.view-value>.ant-picker .ant-picker-input input {
    text-align: center
}

.bk-select.type-rangePicker>.view-value>.ant-picker .ant-picker-range-separator {
    margin-right: 5px
}

.bk-select.type-rangePicker>.view-value>.ant-picker .ant-picker-range-separator:after {
    content: "~"
}

.bk-select.type-rangePicker>.view-value>.ant-picker .ant-picker-range-separator .ant-picker-separator {
    display: none
}

.bk-select.type-cascader>.view-value {
    position: relative;
    flex: 1;
    display: flex;
    border-radius: 5px;
    border: solid 1px var(--webo-border-def);
    overflow: hidden;
    cursor: pointer
}

.bk-select.type-cascader>.view-value>.view-select {
    position: relative;
    z-index: 1;
    flex: 1;
    max-width: 100%
}

.bk-select.type-cascader>.view-value>.view-select>.ant-select-selector {
    padding-left: 16px;
    padding-right: 32px;
    border: none;
    height: 40px;
    line-height: 40px;
    background: transparent
}

.bk-select.type-cascader>.view-value>.view-select>.ant-select-selector>.ant-select-selection-search {
    display: none
}

.bk-select.type-cascader>.view-value>.view-select>.ant-select-selector>.ant-select-selection-placeholder {
    line-height: 40px
}

.bk-select.type-cascader>.view-value>.view-select>.ant-select-selector>.ant-select-selection-item {
    line-height: 20px;
    padding: 9px 0
}

.bk-select.type-cascader>.view-value>.view-select>.ant-select-arrow {
    display: none
}

.bk-select.type-treeSelect>.view-value {
    position: relative;
    flex: 1;
    display: flex;
    border-radius: 5px;
    border: solid 1px var(--webo-border-def);
    overflow: hidden;
    cursor: pointer
}

.bk-select.type-treeSelect>.view-value>.view-select {
    position: relative;
    z-index: 1;
    flex: 1;
    max-width: 100%
}

.bk-select.type-treeSelect>.view-value>.view-select>.ant-select-selector {
    padding-left: 16px;
    padding-right: 32px;
    border: none;
    height: 40px;
    line-height: 40px;
    background: transparent
}

.bk-select.type-treeSelect>.view-value>.view-select>.ant-select-selector>.ant-select-selection-search {
    display: none
}

.bk-select.type-treeSelect>.view-value>.view-select>.ant-select-selector>.ant-select-selection-placeholder {
    line-height: 40px
}

.bk-select.type-treeSelect>.view-value>.view-select>.ant-select-selector>.ant-select-selection-item {
    line-height: 20px;
    padding: 9px 0
}

.bk-select.type-treeSelect>.view-value>.view-select>.ant-select-arrow,
.bk-select.type-treeSelect>.view-value>.view-select>.ant-select-selector>.ant-select-selection-item>.bk-tree-select-title>.ant-checkbox-wrapper .ant-checkbox {
    display: none
}

.bk-select>.view-value {
    position: relative;
    cursor: pointer;
    align-items: center;
    background: var(--webo-bc-white)
}

.bk-select>.view-value>.bk-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    width: 16px;
    height: 16px;
    line-height: 18px;
    margin: auto;
    color: var(--webo-text-def)
}

.bk-select.size-full,
.bk-select.size-plus {
    width: 100%
}

.bk-select.size-plus>.view-value {
    height: 60px
}

.bk-select.size-middle.type-def .view-value>.view-select>.ant-select-selector,
.bk-select.size-middle.type-search .view-value>.view-select>.ant-select-selector {
    height: 32px;
    line-height: 32px
}

.bk-select.size-middle.type-def .view-value>.view-select>.ant-select-selector .ant-select-selection-item,
.bk-select.size-middle.type-search .view-value>.view-select>.ant-select-selector .ant-select-selection-item {
    padding: 6px 0;
    text-align: left
}

.bk-select.size-middle.type-def .view-value>.view-select>.ant-select-selector>.ant-select-selection-placeholder,
.bk-select.size-middle.type-search .view-value>.view-select>.ant-select-selector>.ant-select-selection-placeholder {
    line-height: 32px
}

.bk-select.size-middle.type-choose .view-value {
    padding: 6px 32px 6px 16px
}

.bk-select.size-middle.type-datePicker .view-value .ant-picker {
    height: 32px;
    line-height: 32px
}

.bk-select.size-middle.type-datePicker .view-value .ant-picker .ant-picker-input {
    padding: 6px 0;
    text-align: left
}

.bk-select.size-middle.type-rangePicker .view-value .ant-picker {
    height: 32px;
    line-height: 32px
}

.bk-select.size-middle.type-rangePicker .view-value .ant-picker .ant-picker-input {
    padding: 6px 0;
    text-align: left
}

.bk-select.type-cascader .view-value>.view-select>.ant-select-selector {
    height: 32px;
    line-height: 32px
}

.bk-select.type-cascader .view-value>.view-select>.ant-select-selector .ant-select-selection-item {
    padding: 6px 0;
    text-align: left
}

.bk-select.type-cascader .view-value>.view-select>.ant-select-selector>.ant-select-selection-placeholder {
    line-height: 32px
}

.bk-select.type-treeSelect .view-value>.view-select>.ant-select-selector {
    height: 32px;
    line-height: 32px
}

.bk-select.type-treeSelect .view-value>.view-select>.ant-select-selector .ant-select-selection-item {
    padding: 6px 0;
    text-align: left
}

.bk-select.type-treeSelect .view-value>.view-select>.ant-select-selector>.ant-select-selection-placeholder {
    line-height: 32px
}

.bk-select.size-mini {
    height: 24px
}

.bk-select.size-mini .ant-picker .ant-picker-input {
    padding-right: 0
}

.bk-select.cssType-simple>.view-value {
    background: transparent;
    border-color: transparent
}

.bk-select.cssType-simple>.view-value input {
    text-align: right
}

.bk-select.cssType-simple>.view-value>.icon-right {
    color: var(--webo-text-def);
    font-size: var(--webo-font-tip)
}

.bk-select.cssType-date-spec1>.view-value {
    border: none
}

.bk-select.cssType-date-spec1>.view-value>.ant-picker {
    padding-left: 0;
    padding-right: 0
}

.bk-select.cssType-date-spec1>.view-value input {
    text-align: center
}

.bk-select .bk-tree-select {
    border: none;
    width: 100%;
    height: 100%
}

.bk-select .bk-tree-select.ant-select {
    max-width: 100%
}

.bk-select .bk-tree-select.ant-select .ant-select-selector {
    height: 40px !important;
    border-color: #e0e7fe !important
}

.bk-select .bk-tree-select.ant-select .ant-select-selector .ant-select-multiple .ant-select-selection-item {
    line-height: 30px
}

.bk-select .bk-tree-select.ant-select .ant-select-selector .ant-select-selection-item {
    line-height: 22px
}

.bk-select .bk-tree-select.ant-select .ant-select-arrow {
    display: none !important
}

.bk-select .bk-tree-select.ant-select .ant-select-selection-search {
    display: none
}

.bk-select .span-suffix {
    padding: 0 12px;
    color: rgba(46, 86, 242, .5);
    font-weight: 600
}

.ant-select-item.ant-select-item-option-selected {
    color: var(--webo-color-main) !important
}

.ant-select-item .ant-select-item-option-content {
    text-align: center
}

.activityEditDialogView .activityEditView {
    padding: 0 20px
}

.activityEditDialogView .activityEditView .custom-form-field {
    display: flex;
    margin-bottom: 10px
}

.activityEditDialogView .activityEditView .custom-form-field .form-field-label {
    width: 200px;
    margin-top: 5px;
    margin-right: 10px
}

.activityEditDialogView .activityEditView .custom-form-field .form-field-input {
    width: 100%
}

.activityEditDialogView .activityEditView .custom-form-field .form-field-input .group-input {
    width: 100%;
    display: flex;
    align-items: center
}

.activityEditDialogView .activityEditView .custom-form-field .form-field-input .group-input .radio-group {
    width: 175px;
    margin-right: 10px
}

.activityEditDialogView .activityEditView .custom-form-field .form-field-input .group-input .input {
    width: calc(100% - 120px)
}

.activityEditDialogView .activityEditView .custom-form-field .price-list {
    min-height: 100px;
    margin-left: 10px
}

.activityEditDialogView .activityEditView .custom-form-field .price-list .list-input .item-form {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 10px
}

.activityEditDialogView .activityEditView .custom-form-field .price-list .list-input .item-form .input-item {
    margin-right: 10px
}

.activityEditDialogView .activityEditView .custom-form-field .price-list .list-input .item-form .input-item .input-item-label {
    margin-right: 5px
}

.activityEditDialogView .activityEditView .custom-form-field .price-list .list-input .item-form .input-item .input-item-value .radio-group {
    margin-right: 10px
}

.activityEditDialogView .activityEditView .custom-form-field .price-list .list-input .item-form .input-item .input-item-value :deep(.ant-radio-group) {
    width: 100px
}

.activityEditDialogView .activityEditView .custom-form-field .price-list .list-input .item-form .input-item .input-item-value :deep(.ant-radio-group) .ant-radio-button-wrapper {
    width: 50%;
    padding: 0
}

.activityEditDialogView .activityEditView .custom-form-field .price-list .list-input .item-form .input-item .input-item-value .input {
    width: 115px
}

.activityDateSettingView {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.activityDateSettingView .date-label {
    margin: 24px 0
}

.activityClassifyDialog .activityClassifyView,
.addActivityClassifyView {
    padding: 20px
}

.secondary-distribution-detail-view[data-v-10928c96] {
    padding: 16px
}

.secondary-distribution-detail-view .distribution-list[data-v-10928c96] {
    margin-top: 10px
}

.secondary-distribution-detail-view[data-v-456c9a58] {
    padding: 16px
}

.secondary-distribution-detail-view .distribution-list[data-v-456c9a58] {
    margin-top: 10px
}

.refuse-popup {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.giftDesignDialogView .giftDesignView[data-v-b8bddedc] {
    padding: 20px
}

.giftDesignDialogView .giftDesignView .custom-form-field[data-v-b8bddedc] {
    display: flex;
    margin-bottom: 10px
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-field-label[data-v-b8bddedc] {
    margin-top: 5px;
    margin-right: 10px
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-field-label .required[data-v-b8bddedc] {
    color: red;
    margin-right: 5px
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-field-input[data-v-b8bddedc] {
    width: 100%
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-field-input .group-input[data-v-b8bddedc] {
    width: 100%;
    display: flex
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-radio-group[data-v-b8bddedc] {
    display: flex
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-radio-group[data-v-b8bddedc] .ant-checkbox-wrapper {
    padding: 5px;
    position: relative;
    align-items: flex-end
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-radio-group[data-v-b8bddedc] .ant-checkbox-wrapper .form-radio-item .img {
    width: 50px;
    height: 50px
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-radio-group[data-v-b8bddedc] .ant-checkbox-wrapper .ant-checkbox {
    position: absolute;
    top: 0;
    right: 0
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-radio-group[data-v-b8bddedc] .ant-checkbox-wrapper .radio-item {
    text-align: center
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-radio-group .selected[data-v-b8bddedc] {
    border: 1px solid var(--webo-color-main);
    border-radius: 5px;
    color: var(--webo-color-main)
}

.giftDesignDialogView .giftDesignView .custom-form-field .form-custom-group[data-v-b8bddedc] {
    width: 100%
}

.clientChooseCompPopupView .popup-content[data-v-3dff3632] {
    padding: 20px 0
}

.clientChooseCompPopupView .popup-content .popup-header[data-v-3dff3632] {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientChooseCompPopupView .popup-content .popup-header .title[data-v-3dff3632] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: center;
    font-style: normal
}

.clientChooseCompPopupView .popup-content .popup-header .icon[data-v-3dff3632] {
    font-size: 24px
}

.clientChooseCompPopupView .popup-content .comp-search[data-v-3dff3632] {
    padding: 0 20px;
    margin: 10px 0
}

.clientChooseCompPopupView .popup-content .comp-list-content[data-v-3dff3632] {
    padding: 0 20px;
    height: 400px;
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item[data-v-3dff3632] {
    width: 45%;
    height: 115px;
    padding: 12px;
    margin-right: 20px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    margin-bottom: 12px
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-header[data-v-3dff3632] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-header .header-left[data-v-3dff3632] {
    display: flex;
    align-items: center
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-header .header-left .avatar[data-v-3dff3632] {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 4px
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-header .header-left .title[data-v-3dff3632] {
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-content[data-v-3dff3632] {
    margin-top: 8px
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-content .detail-item[data-v-3dff3632] {
    display: flex;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    text-align: left;
    font-style: normal
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-content .detail-item .comp-email .text[data-v-3dff3632],
.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-content .detail-item .comp-mobile .text[data-v-3dff3632] {
    vertical-align: text-bottom
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-content .detail-item .comp-mobile[data-v-3dff3632] {
    margin-right: 20px
}

.clientChooseCompPopupView .popup-content .comp-list-content .selected[data-v-3dff3632] {
    border: 2px solid #ffc108;
    box-shadow: 0 0 4px 0 rgba(255, 193, 8, .5)
}

.clientChooseCompPopupView .popup-content .popup-footer[data-v-3dff3632] {
    padding: 20px
}

.clientChooseCompPopupView .popup-content .popup-footer .button[data-v-3dff3632] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffc108;
    border-radius: 4px
}

.distributionApplyView .form-item[data-v-03799ae5] {
    padding: 20px 10px;
    display: flex
}

.distributionApplyView .form-item .item-label[data-v-03799ae5] {
    margin-top: 5px
}

.distributionApplyView .form-item .item-label .required[data-v-03799ae5] {
    color: red
}

.distributionApplyView .form-item .item-value bk-input[data-v-03799ae5] {
    width: 100%
}

.distribution-url-view[data-v-4a51422f] {
    height: 100px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: self-end;
    justify-content: center;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(1, 1, 1, .65);
    line-height: 22px;
    font-style: normal
}

.distribution-url-view .url-text[data-v-4a51422f] {
    align-items: center;
    margin-bottom: 25px
}

.goods-details-view[data-v-440a9dc9] {
    position: relative
}

.goods-details-view .main-content[data-v-440a9dc9] {
    padding: 20px 270px;
    height: calc(100vh - 63px);
    overflow-y: scroll
}

.goods-details-view .main-content .product-section .product-card[data-v-440a9dc9] {
    display: flex;
    padding: 20px;
    border-radius: 10px
}

.goods-details-view .main-content .product-section .product-card .image-container[data-v-440a9dc9] {
    position: relative;
    width: 100%;
    max-width: 488px;
    height: 350px
}

.goods-details-view .main-content .product-section .product-card .image-container .main-image[data-v-440a9dc9] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border-radius: 10px
}

.goods-details-view .main-content .product-section .product-card .image-container .preview-window[data-v-440a9dc9] {
    position: absolute;
    width: 500px;
    height: 450px;
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden;
    z-index: 100;
    top: 0;
    left: 500px
}

.goods-details-view .main-content .product-section .product-card .image-container .preview-window .preview-image[data-v-440a9dc9] {
    position: absolute;
    width: 600px;
    height: 600px;
    -o-object-fit: cover;
    object-fit: cover
}

.goods-details-view .main-content .product-section .product-card .image-container .image-preview-list[data-v-440a9dc9] {
    width: 488px;
    display: flex;
    margin-top: 10px;
    padding-bottom: 10px
}

.goods-details-view .main-content .product-section .product-card .image-container .image-preview-list[data-v-440a9dc9]::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.goods-details-view .main-content .product-section .product-card .image-container .image-preview-list[data-v-440a9dc9]::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #c1c1c1
}

.goods-details-view .main-content .product-section .product-card .image-container .image-preview-list[data-v-440a9dc9]::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #f4f4f4
}

.goods-details-view .main-content .product-section .product-card .image-container .image-preview-list[data-v-440a9dc9]:hover::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #c1c1c1
}

.goods-details-view .main-content .product-section .product-card .image-container .image-preview-list[data-v-440a9dc9]:hover::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #f4f4f4
}

.goods-details-view .main-content .product-section .product-card .image-container .image-preview-list .image-preview-img[data-v-440a9dc9] {
    width: 100px;
    height: 100px;
    margin-right: 5px;
    border-radius: 10px
}

.goods-details-view .main-content .product-section .product-card .image-container .image-preview-list .selected[data-v-440a9dc9] {
    border: 1px solid #dbd8d8
}

.goods-details-view .main-content .product-section .product-card .product-details[data-v-440a9dc9] {
    margin-left: 65px
}

.goods-details-view .main-content .product-section .product-card .product-details .title[data-v-440a9dc9] {
    font-weight: 600;
    font-size: 24px;
    color: rgba(0, 0, 0, .85);
    line-height: 33px;
    text-align: left;
    font-style: normal
}

.goods-details-view .main-content .product-section .product-card .product-details .description[data-v-440a9dc9] {
    margin: 15px 0;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.goods-details-view .main-content .product-section .product-card .product-details .tag[data-v-440a9dc9] {
    width: 95px;
    height: 24px;
    padding: 2px 4px;
    color: #fff;
    background: #f33d3d;
    border-radius: 4px
}

.goods-details-view .main-content .product-section .product-card .product-details .price-view[data-v-440a9dc9] {
    display: flex;
    align-items: flex-end;
    margin: 20px 0 8px 0
}

.goods-details-view .main-content .product-section .product-card .product-details .price-view .price .label[data-v-440a9dc9],
.goods-details-view .main-content .product-section .product-card .product-details .price-view .sale-price .label[data-v-440a9dc9] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.goods-details-view .main-content .product-section .product-card .product-details .price-view .sale-price .value[data-v-440a9dc9] {
    font-weight: 600;
    font-size: 32px;
    color: rgba(233, 52, 52, .85)
}

.goods-details-view .main-content .product-section .product-card .product-details .price-view .price[data-v-440a9dc9] {
    margin-left: 16px
}

.goods-details-view .main-content .product-section .product-card .product-details .price-view .price .value[data-v-440a9dc9] {
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .25);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.goods-details-view .main-content .product-section .product-card .product-details .sales[data-v-440a9dc9] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.goods-details-view .main-content .product-section .product-card .product-details .card-view[data-v-440a9dc9] {
    margin: 24px 0 37px 0;
    width: 396px;
    height: 84px;
    position: relative;
    background: url(../image/Def_goodsDetails-rights-bg.png) no-repeat 50%;
    border-radius: 8px 8px 0 0
}

.goods-details-view .main-content .product-section .product-card .product-details .card-view .card-name[data-v-440a9dc9] {
    margin-left: 26px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 84px;
    text-align: left;
    font-style: normal
}

.goods-details-view .main-content .product-section .product-card .product-details .card-view .card-vip[data-v-440a9dc9] {
    width: 200px;
    position: absolute;
    top: -15px;
    right: 10px
}

.goods-details-view .main-content .product-section .product-card .product-details .order-quantity[data-v-440a9dc9],
.goods-details-view .main-content .product-section .product-card .product-details .order-store[data-v-440a9dc9],
.goods-details-view .main-content .product-section .product-card .product-details .project-view[data-v-440a9dc9] {
    display: flex;
    align-items: center
}

.goods-details-view .main-content .product-section .product-card .product-details .order-quantity .label[data-v-440a9dc9],
.goods-details-view .main-content .product-section .product-card .product-details .order-store .label[data-v-440a9dc9],
.goods-details-view .main-content .product-section .product-card .product-details .project-view .label[data-v-440a9dc9] {
    width: 109px
}

.goods-details-view .main-content .product-section .product-card .product-details .order-quantity .value[data-v-440a9dc9],
.goods-details-view .main-content .product-section .product-card .product-details .order-store .value[data-v-440a9dc9],
.goods-details-view .main-content .product-section .product-card .product-details .project-view .value[data-v-440a9dc9] {
    cursor: pointer
}

.goods-details-view .main-content .product-section .product-card .product-details .project-view[data-v-440a9dc9] {
    border-top: 1px solid #d8d8d8;
    padding-top: 28px
}

.goods-details-view .main-content .product-section .product-card .product-details .project-view .project-list[data-v-440a9dc9] {
    display: flex
}

.goods-details-view .main-content .product-section .product-card .product-details .project-view .project-list .project-item[data-v-440a9dc9] {
    width: 128px;
    height: 32px;
    padding: 4px 20px;
    margin-right: 20px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    cursor: pointer;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.goods-details-view .main-content .product-section .product-card .product-details .project-view .project-list .select[data-v-440a9dc9] {
    border: 1px solid #ffc108
}

.goods-details-view .main-content .product-section .product-card .product-details .project-view .project-list .project-item[data-v-440a9dc9]:hover {
    transform: scale(1.05)
}

.goods-details-view .main-content .product-section .product-card .product-details .order-quantity[data-v-440a9dc9] {
    margin-top: 14px;
    margin-bottom: 14px
}

.goods-details-view .main-content .product-section .product-card .product-details .order-store[data-v-440a9dc9] {
    margin-bottom: 80px
}

.goods-details-view .main-content .product-section .product-card .product-details .order-store .value[data-v-440a9dc9] {
    display: flex
}

.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons[data-v-440a9dc9] {
    margin: 20px 0;
    display: flex;
    align-items: center
}

.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons .buttons[data-v-440a9dc9] {
    border-radius: 8px;
    display: flex;
    align-items: center
}

.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons .buttons .add-cart[data-v-440a9dc9],
.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons .buttons .buy-now[data-v-440a9dc9] {
    width: 231px;
    text-align: center;
    border: none;
    padding: 10px 20px;
    cursor: pointer
}

.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons .buttons .buy-now[data-v-440a9dc9] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: red;
    color: #fff
}

.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons .buttons .add-cart[data-v-440a9dc9]:hover,
.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons .buttons .buy-now[data-v-440a9dc9]:hover {
    transform: scale(1.05);
    border: 8px
}

.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons .buttons .add-cart[data-v-440a9dc9] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #fc0;
    color: #333
}

.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons .cart-icon[data-v-440a9dc9] {
    margin-left: 20px;
    cursor: pointer
}

.goods-details-view .main-content .product-section .product-card .product-details .buy-buttons .cart-icon[data-v-440a9dc9]:hover {
    transform: scale(1.1)
}

.goods-details-view .main-content .activity-details[data-v-440a9dc9] {
    margin: 20px 0;
    padding: 20px;
    background: #fff;
    border-radius: 10px
}

.goods-details-view .main-content .activity-details h2[data-v-440a9dc9] {
    font-size: 20px;
    color: #333
}

.goods-details-view .main-content .activity-details p[data-v-440a9dc9] {
    line-height: 1.6;
    color: #666
}

.goods-details-view .main-content .price-list[data-v-440a9dc9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.goods-details-view .distribution-promotion[data-v-440a9dc9] {
    position: fixed;
    top: 76%;
    right: 3%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center
}

.goods-details-view .distribution-promotion .image[data-v-440a9dc9] {
    width: 65px;
    height: 65px
}

.goods-details-view .distribution-promotion .text[data-v-440a9dc9] {
    height: 24px;
    padding: 2px 10px;
    background: #fc734b;
    color: #fff;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 75.3%, .5);
    border-radius: 8px
}

.goodsListView[data-v-7632e6cb] {
    position: relative;
    background: #f5f7fa
}

.goodsListView .goods-carousel .img[data-v-7632e6cb] {
    width: 100%
}

.goodsListView .goods-card-view[data-v-7632e6cb] {
    width: 100%;
    position: absolute;
    top: 15%
}

.goodsListView .goods-card-view[data-v-7632e6cb],
.goodsListView .goods-list-view[data-v-7632e6cb] {
    padding: 16px 0
}

.goodsListView .goods-card-view .goods-card-title[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-title[data-v-7632e6cb] {
    text-align: center
}

.goodsListView .goods-card-view .goods-card-title .goods-card-title[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-title .goods-card-title[data-v-7632e6cb] {
    position: relative;
    font-weight: 700;
    font-size: 28px;
    color: rgba(0, 0, 0, .85);
    line-height: 40px;
    letter-spacing: 1px;
    font-style: normal;
    text-transform: uppercase
}

.goodsListView .goods-card-view .goods-card-title .goods-card-title[data-v-7632e6cb]:after,
.goodsListView .goods-list-view .goods-card-title .goods-card-title[data-v-7632e6cb]:after {
    content: "";
    position: absolute;
    left: 48.5%;
    top: 90%;
    width: 3%;
    height: 5px;
    background: #1c1c1c
}

.goodsListView .goods-card-view .goods-card-title .goods-card-underline[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-title .goods-card-underline[data-v-7632e6cb] {
    width: 54px;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 16px;
    background: #1c1c1c
}

.goodsListView .goods-card-view .goods-card-tips[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-tips[data-v-7632e6cb] {
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    color: rgba(0, 0, 0, .25);
    line-height: 19px;
    text-align: center;
    font-style: normal;
    text-transform: uppercase
}

.goodsListView .goods-card-view .goods-card-body[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body[data-v-7632e6cb] {
    display: grid;
    flex-wrap: wrap;
    justify-items: center;
    align-items: center;
    grid-template-columns: .1fr .1fr .1fr;
    justify-content: center;
    align-content: center
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item[data-v-7632e6cb] {
    width: 400px;
    padding: 20px;
    margin: 10px;
    background: #fff;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ebebeb
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item .card-img[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item .card-img[data-v-7632e6cb] {
    height: 368px;
    border-radius: 5px
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item .card-content .title[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item .card-content .title[data-v-7632e6cb] {
    color: rgba(0, 0, 0, .85);
    text-align: left;
    font-style: normal;
    padding: 24px 0 12px 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 20px
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item .card-content .description[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item .card-content .description[data-v-7632e6cb] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item .card-footer[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item .card-footer[data-v-7632e6cb] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item .card-footer .footer-left[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item .card-footer .footer-left[data-v-7632e6cb] {
    margin-top: 15px
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item .card-footer .footer-left .sale-price[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item .card-footer .footer-left .sale-price[data-v-7632e6cb] {
    font-weight: 600;
    font-size: 32px;
    color: rgba(233, 52, 52, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item .card-footer .footer-left .price[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item .card-footer .footer-left .price[data-v-7632e6cb] {
    margin-left: 8px;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, .25);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item .card-footer .footer-right[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item .card-footer .footer-right[data-v-7632e6cb] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: center;
    font-style: normal
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item .button[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-card-body .goods-card-item .button[data-v-7632e6cb] {
    width: calc(100% - 24px);
    margin: 12px 12px 0 12px;
    height: 48px;
    border-radius: 24px;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 45px;
    text-align: center;
    background: #fc0
}

.goodsListView .goods-card-view .goods-card-body .goods-card-item[data-v-7632e6cb]:hover,
.goodsListView .goods-list-view .goods-card-body .goods-card-item[data-v-7632e6cb]:hover {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5)
}

.goodsListView .goods-card-view .goods-strip-card-body[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body[data-v-7632e6cb] {
    padding: 10px 270px;
    display: grid;
    flex-wrap: wrap;
    justify-items: center;
    grid-template-columns: 1fr 1fr
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item[data-v-7632e6cb] {
    width: 100%;
    max-width: 616px;
    height: 140px;
    padding: 8px;
    display: flex;
    margin-bottom: 12px;
    background: #fff;
    border: 1px solid #e5e6eb;
    cursor: pointer;
    border-radius: 5px
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item .item-img[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item .item-img[data-v-7632e6cb] {
    width: 121px;
    height: 121px
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item .item-content[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item .item-content[data-v-7632e6cb] {
    width: calc(100% - 121px);
    margin-left: 12px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item .item-content .title[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item .item-content .title[data-v-7632e6cb] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item .item-content .description[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item .item-content .description[data-v-7632e6cb] {
    height: 60%;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    text-align: left;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: normal
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item .item-content .content-footer[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item .item-content .content-footer[data-v-7632e6cb] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item .item-content .content-footer .footer-left .sale-price[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item .item-content .content-footer .footer-left .sale-price[data-v-7632e6cb] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(233, 52, 52, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item .item-content .content-footer .footer-left .price[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item .item-content .content-footer .footer-left .price[data-v-7632e6cb] {
    margin-left: 8px;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, .25);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item .item-content .content-footer .footer-right[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item .item-content .content-footer .footer-right[data-v-7632e6cb] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: center;
    font-style: normal
}

.goodsListView .goods-card-view .goods-strip-card-body .goods-strip-card-item[data-v-7632e6cb]:hover,
.goodsListView .goods-list-view .goods-strip-card-body .goods-strip-card-item[data-v-7632e6cb]:hover {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5)
}

.goodsListView .goods-card-view .goods-more[data-v-7632e6cb],
.goodsListView .goods-list-view .goods-more[data-v-7632e6cb] {
    margin: 0 auto;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 44px;
    height: 48px;
    border-radius: 24px;
    border: 1px solid #c9cdd4;
    font-weight: 400;
    font-size: 20px;
    color: #666;
    cursor: pointer
}

.header[data-v-0335b458] {
    height: 63px;
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 0 270px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}

.header .logo img[data-v-0335b458] {
    height: 40px
}

.header .logo .icon[data-v-0335b458] {
    font-size: 24px
}

.header .nav[data-v-0335b458] {
    display: flex;
    align-items: center;
    gap: 52px
}

.header .nav a[data-v-0335b458] {
    text-decoration: none;
    color: #333
}

.header .nav .profile-icon[data-v-0335b458] {
    height: 30px;
    border-radius: 50%
}

.header .nav .drawers-item[data-v-0335b458] {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.header .nav .select[data-v-0335b458] {
    background: #fff;
    text-decoration: underline
}

.header .header-right[data-v-0335b458] {
    display: flex
}

.header .header-right .language-select[data-v-0335b458] {
    width: 120px;
    margin-right: 20px;
    margin-left: 10px
}

.header .header-right .user-info[data-v-0335b458] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.header .header-right .user-info .user-avatar[data-v-0335b458] {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 50%
}

.header .header-right .user-info .user-name[data-v-0335b458] {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    font-style: normal
}

.customAvatarPopover .avatar-name[data-v-0335b458] {
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.customAvatarPopover .avatar-name .user-avatar[data-v-0335b458] {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 50%
}

.customAvatarPopover .avatar-name .user-name[data-v-0335b458] {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.customAvatarPopover .avatar-name .icon[data-v-0335b458] {
    margin-left: 5px
}

.customAvatarPopover .avatar-name[data-v-0335b458]:hover {
    background: #f7f7f7
}

.customAvatarPopover .quick-options[data-v-0335b458] {
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.customAvatarPopover .quick-options .options-item[data-v-0335b458] {
    padding: 10px;
    height: 42px
}

.customAvatarPopover .quick-options .options-item .icon[data-v-0335b458] {
    margin-right: 10px;
    color: #ffc108
}

.customAvatarPopover .quick-options .options-item[data-v-0335b458]:hover {
    background: #f7f7f7;
    border-radius: 8px
}

.customAvatarPopover .log-out[data-v-0335b458] {
    height: 45px;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #eb3f3f;
    line-height: 25px;
    text-align: center;
    font-style: normal
}

.customAvatarPopover .log-out[data-v-0335b458]:hover {
    background: #f7f7f7
}

.clientChooseProPopupView .popup-content .popup-header[data-v-4a3d5356] {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientChooseProPopupView .popup-content .popup-header .title[data-v-4a3d5356] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: center;
    font-style: normal
}

.clientChooseProPopupView .popup-content .popup-header .icon[data-v-4a3d5356] {
    font-size: 24px
}

.clientChooseProPopupView .popup-content .pro-list-content[data-v-4a3d5356] {
    height: 222px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    align-items: center
}

.clientChooseProPopupView .popup-content .pro-list-content .pro-item[data-v-4a3d5356] {
    width: 232px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    font-style: normal
}

.clientChooseProPopupView .popup-content .pro-list-content .selected[data-v-4a3d5356] {
    border: 2px solid #ffc108;
    box-shadow: 0 0 4px 0 rgba(255, 193, 8, .5)
}

.clientChooseProPopupView .popup-content .popup-footer[data-v-4a3d5356] {
    padding: 20px
}

.clientChooseProPopupView .popup-content .popup-footer .button[data-v-4a3d5356] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffc108;
    border-radius: 4px
}

.clientChooseCompPopupView .popup-content[data-v-e36ea65c] {
    padding: 20px 0
}

.clientChooseCompPopupView .popup-content .popup-header[data-v-e36ea65c] {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientChooseCompPopupView .popup-content .popup-header .title[data-v-e36ea65c] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: center;
    font-style: normal
}

.clientChooseCompPopupView .popup-content .popup-header .icon[data-v-e36ea65c] {
    font-size: 24px
}

.clientChooseCompPopupView .popup-content .comp-search[data-v-e36ea65c] {
    padding: 0 20px;
    margin: 10px 0
}

.clientChooseCompPopupView .popup-content .comp-list-content[data-v-e36ea65c] {
    padding: 0 20px;
    height: 440px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    align-items: center
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item[data-v-e36ea65c] {
    width: 100%;
    height: 115px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    margin-bottom: 12px
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-header[data-v-e36ea65c] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-header .header-left[data-v-e36ea65c] {
    display: flex;
    align-items: center
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-header .header-left .avatar[data-v-e36ea65c] {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 4px
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-header .header-left .title[data-v-e36ea65c] {
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-content[data-v-e36ea65c] {
    margin-top: 8px
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-content .detail-item[data-v-e36ea65c] {
    display: flex;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    text-align: left;
    font-style: normal
}

.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-content .detail-item .comp-email[data-v-e36ea65c],
.clientChooseCompPopupView .popup-content .comp-list-content .comp-item .item-content .detail-item .comp-mobile[data-v-e36ea65c] {
    width: 50%
}

.clientChooseCompPopupView .popup-content .comp-list-content .selected[data-v-e36ea65c] {
    border: 2px solid #ffc108;
    box-shadow: 0 0 4px 0 rgba(255, 193, 8, .5)
}

.clientChooseCompPopupView .popup-content .popup-footer[data-v-e36ea65c] {
    padding: 20px
}

.clientChooseCompPopupView .popup-content .popup-footer .button[data-v-e36ea65c] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffc108;
    border-radius: 4px
}

.clientGiftDesignView .gift-design-content[data-v-e41fc420] {
    padding: 20px 0 env(safe-area-inset-bottom) 0;
    margin-bottom: 20px
}

.clientGiftDesignView .gift-design-content .popup-header[data-v-e41fc420] {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientGiftDesignView .gift-design-content .popup-header .title[data-v-e41fc420] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: center;
    font-style: normal
}

.clientGiftDesignView .gift-design-content .popup-header .icon[data-v-e41fc420] {
    font-size: 24px
}

.clientGiftDesignView .gift-design-content .popup-content[data-v-e41fc420] {
    padding: 0 20px;
    height: 70vh;
    overflow-y: scroll
}

.clientGiftDesignView .gift-design-content .popup-content .gift-design-card[data-v-e41fc420] {
    margin-bottom: 20px
}

.clientGiftDesignView .gift-design-content .popup-content .gift-design-card .gift-design-title[data-v-e41fc420] {
    margin-bottom: 17px;
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.clientGiftDesignView .gift-design-content .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-e41fc420] {
    display: flex
}

.clientGiftDesignView .gift-design-content .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-e41fc420] .ant-checkbox-wrapper {
    padding: 5px;
    position: relative;
    align-items: flex-end
}

.clientGiftDesignView .gift-design-content .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-e41fc420] .ant-checkbox-wrapper .form-radio-item .img {
    width: 50px;
    height: 50px
}

.clientGiftDesignView .gift-design-content .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-e41fc420] .ant-checkbox-wrapper .ant-checkbox {
    position: absolute;
    top: 0;
    right: 0
}

.clientGiftDesignView .gift-design-content .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-e41fc420] .ant-checkbox-wrapper .radio-item {
    text-align: center
}

.clientGiftDesignView .gift-design-content .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group .selected[data-v-e41fc420] {
    border: 1px solid var(--webo-color-main);
    border-radius: 5px;
    color: var(--webo-color-main)
}

.clientGiftDesignView .gift-design-content .popup-content .popup-footer[data-v-e41fc420] {
    width: 100%
}

.clientGiftDesignView .gift-design-content .popup-content .popup-footer .button[data-v-e41fc420] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: var(--webo-color-main);
    border-radius: 4px
}

.clientGiftDesignView .gift-design-content .gift-detail-view[data-v-e41fc420] {
    padding: 20px
}

.clientGiftDesignView .gift-design-content .gift-detail-view .gift-detail-item[data-v-e41fc420] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    display: flex;
    align-items: center;
    height: 30px
}

.clientGiftDesignView .gift-design-content .gift-detail-view .gift-detail-item .item-label[data-v-e41fc420] {
    width: 40%
}

.clientGiftDesignView .gift-design-content .gift-detail-view .gift-detail-item .item-value[data-v-e41fc420] {
    width: 60%
}

.clientGiftDesignView .gift-design-content[data-v-c29e62e0] {
    padding: 20px 0 env(safe-area-inset-bottom) 0;
    margin-bottom: 20px
}

.clientGiftDesignView .gift-design-content .popup-header[data-v-c29e62e0] {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientGiftDesignView .gift-design-content .popup-header .title[data-v-c29e62e0] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: center;
    font-style: normal
}

.clientGiftDesignView .gift-design-content .popup-header .icon[data-v-c29e62e0] {
    font-size: 24px
}

.clientGiftDesignView .gift-design-content .popup-content[data-v-c29e62e0] {
    margin-top: 20px;
    padding: 0 20px
}

.clientGiftDesignView .gift-design-content .popup-content .join-reason-view[data-v-c29e62e0] {
    width: 325px;
    height: 184px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(255, 193, 8, .5);
    border-radius: 4px;
    border: 1px solid #ffc108
}

.clientGiftDesignView .gift-design-content .popup-content .join-reason-view .reason-title[data-v-c29e62e0] {
    position: absolute;
    top: -9px;
    left: 15px;
    z-index: 10;
    background: #fff;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal;
    padding: 0 10px
}

.clientGiftDesignView .gift-design-content .popup-content .join-reason-view .reason-input[data-v-c29e62e0] {
    width: 323px;
    padding: 0;
    border: none
}

.clientGiftDesignView .gift-design-content .popup-footer[data-v-c29e62e0] {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.clientGiftDesignView .gift-design-content .popup-footer .button[data-v-c29e62e0] {
    width: 49%;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 36px;
    text-align: center;
    font-style: normal;
    cursor: pointer
}

.clientGiftDesignView .gift-design-content .popup-footer .cancel[data-v-c29e62e0] {
    border: 1px solid #e5e6eb
}

.clientGiftDesignView .gift-design-content .popup-footer .confirm[data-v-c29e62e0] {
    background: #ffc108
}

.clientGiftDesignView .gift-design-content[data-v-cbafaf78] {
    padding: 20px 0 env(safe-area-inset-bottom) 0;
    margin-bottom: 20px
}

.clientGiftDesignView .gift-design-content .popup-header[data-v-cbafaf78] {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientGiftDesignView .gift-design-content .popup-header .title[data-v-cbafaf78] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: center;
    font-style: normal
}

.clientGiftDesignView .gift-design-content .popup-header .icon[data-v-cbafaf78] {
    font-size: 24px
}

.clientGiftDesignView .gift-design-content .popup-content[data-v-cbafaf78] {
    margin-top: 20px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.clientGiftDesignView .gift-design-content .popup-content .link-image[data-v-cbafaf78] {
    width: 108px;
    height: 108px
}

.clientGiftDesignView .gift-design-content .popup-content .url-text[data-v-cbafaf78] {
    text-align: center;
    margin-bottom: 25px
}

.clientGiftDesignView .gift-design-content .popup-footer[data-v-cbafaf78] {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: center
}

.clientGiftDesignView .gift-design-content .popup-footer .button[data-v-cbafaf78] {
    width: 80%;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 36px;
    text-align: center;
    font-style: normal;
    cursor: pointer
}

.clientGiftDesignView .gift-design-content .popup-footer .cancel[data-v-cbafaf78] {
    border: 1px solid #e5e6eb
}

.clientGiftDesignView .gift-design-content .popup-footer .confirm[data-v-cbafaf78] {
    background: #ffc108
}

.clientGoodsDetailsView[data-v-7e9085b2] {
    height: 93vh;
    overflow-y: scroll;
    position: relative
}

.clientGoodsDetailsView .main-image[data-v-7e9085b2] {
    width: 100%;
    height: 324px
}

.clientGoodsDetailsView .main-content[data-v-7e9085b2] {
    padding: 16px;
    margin-bottom: 50px;
    background: #f0f2f5
}

.clientGoodsDetailsView .main-content .client-title[data-v-7e9085b2] {
    display: flex
}

.clientGoodsDetailsView .main-content .client-title .title[data-v-7e9085b2] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.clientGoodsDetailsView .main-content .client-title .tag[data-v-7e9085b2] {
    width: 95px;
    height: 24px;
    padding: 2px 4px;
    color: #fff;
    background: #f33d3d;
    border-radius: 4px
}

.clientGoodsDetailsView .main-content .client-description[data-v-7e9085b2] {
    margin-top: 9px;
    margin-bottom: 23px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.clientGoodsDetailsView .main-content .client-goods-detail .client-price-view[data-v-7e9085b2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e6eb
}

.clientGoodsDetailsView .main-content .client-goods-detail .client-price-view .price-view[data-v-7e9085b2] {
    display: flex;
    align-items: flex-end;
    margin: 20px 0 8px 0
}

.clientGoodsDetailsView .main-content .client-goods-detail .client-price-view .price-view .price .label[data-v-7e9085b2],
.clientGoodsDetailsView .main-content .client-goods-detail .client-price-view .price-view .sale-price .label[data-v-7e9085b2] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.clientGoodsDetailsView .main-content .client-goods-detail .client-price-view .price-view .sale-price[data-v-7e9085b2] {
    margin-right: 15px
}

.clientGoodsDetailsView .main-content .client-goods-detail .client-price-view .price-view .sale-price .value[data-v-7e9085b2] {
    font-weight: 600;
    font-size: 20px;
    color: rgba(233, 52, 52, .85)
}

.clientGoodsDetailsView .main-content .client-goods-detail .client-price-view .price-view .price .value[data-v-7e9085b2] {
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .25);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.clientGoodsDetailsView .main-content .client-goods-detail .client-price-view .sales[data-v-7e9085b2] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.clientGoodsDetailsView .main-content .client-goods-detail .card-view[data-v-7e9085b2] {
    margin: 24px 0 37px 0;
    width: 396px;
    height: 84px;
    position: relative;
    background: url(../image/Def_goodsDetails-rights-bg.png) no-repeat 50%;
    border-radius: 8px 8px 0 0
}

.clientGoodsDetailsView .main-content .client-goods-detail .card-view .card-name[data-v-7e9085b2] {
    margin-left: 26px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 84px;
    text-align: left;
    font-style: normal
}

.clientGoodsDetailsView .main-content .client-goods-detail .card-view .card-vip[data-v-7e9085b2] {
    width: 200px;
    position: absolute;
    top: -15px;
    right: 10px
}

.clientGoodsDetailsView .main-content .client-goods-detail .order-quantity[data-v-7e9085b2],
.clientGoodsDetailsView .main-content .client-goods-detail .order-store[data-v-7e9085b2],
.clientGoodsDetailsView .main-content .client-goods-detail .project-view[data-v-7e9085b2] {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e6eb
}

.clientGoodsDetailsView .main-content .client-goods-detail .order-quantity .label[data-v-7e9085b2],
.clientGoodsDetailsView .main-content .client-goods-detail .order-store .label[data-v-7e9085b2],
.clientGoodsDetailsView .main-content .client-goods-detail .project-view .label[data-v-7e9085b2] {
    width: 110px
}

.clientGoodsDetailsView .main-content .client-goods-detail .order-quantity .value[data-v-7e9085b2],
.clientGoodsDetailsView .main-content .client-goods-detail .order-store .value[data-v-7e9085b2],
.clientGoodsDetailsView .main-content .client-goods-detail .project-view .value[data-v-7e9085b2] {
    display: flex;
    cursor: pointer
}

.clientGoodsDetailsView .main-content .client-goods-detail .project-view .right-icon[data-v-7e9085b2] {
    font-size: 20px;
    margin-left: 5px
}

.clientGoodsDetailsView .main-content .client-goods-description[data-v-7e9085b2] {
    margin-top: 30px
}

.clientGoodsDetailsView .main-content .client-goods-description .description-title[data-v-7e9085b2] {
    margin-bottom: 19px;
    display: flex;
    align-items: center
}

.clientGoodsDetailsView .main-content .client-goods-description .description-title .logotype[data-v-7e9085b2] {
    width: 3px;
    height: 12px;
    margin-right: 14px;
    background: #ffc108
}

.clientGoodsDetailsView .main-content .client-goods-description .description-title .title[data-v-7e9085b2] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.clientGoodsDetailsView .main-content .client-goods-description .description-content[data-v-7e9085b2] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.clientGoodsDetailsView .main-content .client-goods-description .description-img[data-v-7e9085b2] {
    width: 100%
}

.clientGoodsDetailsView .distribution-promotion[data-v-7e9085b2] {
    position: fixed;
    top: 76%;
    right: 3%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center
}

.clientGoodsDetailsView .distribution-promotion .image[data-v-7e9085b2] {
    width: 65px;
    height: 65px
}

.clientGoodsDetailsView .distribution-promotion .text[data-v-7e9085b2] {
    height: 24px;
    padding: 2px 10px;
    background: #fc734b;
    color: #fff;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 75.3%, .5);
    border-radius: 8px
}

.clientGoodsDetailsView .main-footer[data-v-7e9085b2] {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff
}

.clientGoodsDetailsView .main-footer .buy-buttons[data-v-7e9085b2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px
}

.clientGoodsDetailsView .main-footer .buy-buttons .cart-icon[data-v-7e9085b2] {
    margin-right: 18px;
    cursor: pointer
}

.clientGoodsDetailsView .main-footer .buy-buttons .buttons[data-v-7e9085b2] {
    width: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center
}

.clientGoodsDetailsView .main-footer .buy-buttons .buttons .add-cart[data-v-7e9085b2],
.clientGoodsDetailsView .main-footer .buy-buttons .buttons .buy-now[data-v-7e9085b2] {
    width: 100%;
    min-width: 156px;
    text-align: center;
    border: none;
    padding: 10px 20px;
    cursor: pointer
}

.clientGoodsDetailsView .main-footer .buy-buttons .buttons .buy-now[data-v-7e9085b2] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: red;
    color: #fff
}

.clientGoodsDetailsView .main-footer .buy-buttons .buttons .add-cart[data-v-7e9085b2]:hover,
.clientGoodsDetailsView .main-footer .buy-buttons .buttons .buy-now[data-v-7e9085b2]:hover {
    transform: scale(1.05);
    border: 8px
}

.clientGoodsDetailsView .main-footer .buy-buttons .buttons .add-cart[data-v-7e9085b2] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #fc0;
    color: #333
}

.clientGoodsDetailsView .main-footer .buy-buttons .cart-icon[data-v-7e9085b2]:hover {
    transform: scale(1.1)
}

.clientGoodsListView .client-content[data-v-1e5ce6a6] {
    height: 95vh;
    overflow-y: scroll;
    padding: 16px;
    background: #eff1f4
}

.clientGoodsListView .client-content .goods-carousel .img[data-v-1e5ce6a6] {
    height: 160px
}

.clientGoodsListView .client-content .goods-card-view[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view[data-v-1e5ce6a6] {
    margin: 16px 0
}

.clientGoodsListView .client-content .goods-card-view .goods-card-title[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-title[data-v-1e5ce6a6] {
    font-weight: 700;
    font-size: 28px;
    color: rgba(0, 0, 0, .85);
    line-height: 34px;
    letter-spacing: 1px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase
}

.clientGoodsListView .client-content .goods-card-view .goods-card-underline[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-underline[data-v-1e5ce6a6] {
    width: 54px;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 16px;
    background: #1c1c1c
}

.clientGoodsListView .client-content .goods-card-view .goods-card-tips[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-tips[data-v-1e5ce6a6] {
    font-weight: 700;
    font-size: 16px;
    color: rgba(0, 0, 0, .25);
    line-height: 19px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase
}

.clientGoodsListView .client-content .goods-card-view .goods-card-body[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-body[data-v-1e5ce6a6] {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 24px;
    background: #fff
}

.clientGoodsListView .client-content .goods-card-view .goods-card-body .card-img[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-body .card-img[data-v-1e5ce6a6] {
    height: 256px;
    border-radius: 5px
}

.clientGoodsListView .client-content .goods-card-view .goods-card-body .card-content .title[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-body .card-content .title[data-v-1e5ce6a6] {
    padding: 10px 0;
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.clientGoodsListView .client-content .goods-card-view .goods-card-body .card-content .description[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-body .card-content .description[data-v-1e5ce6a6] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.clientGoodsListView .client-content .goods-card-view .goods-card-body .card-footer[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-body .card-footer[data-v-1e5ce6a6] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientGoodsListView .client-content .goods-card-view .goods-card-body .card-footer .footer-left .sale-price[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-body .card-footer .footer-left .sale-price[data-v-1e5ce6a6] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(233, 52, 52, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.clientGoodsListView .client-content .goods-card-view .goods-card-body .card-footer .footer-left .price[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-body .card-footer .footer-left .price[data-v-1e5ce6a6] {
    margin-left: 8px;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, .25);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.clientGoodsListView .client-content .goods-card-view .goods-card-body .card-footer .footer-right[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-body .card-footer .footer-right[data-v-1e5ce6a6] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: center;
    font-style: normal
}

.clientGoodsListView .client-content .goods-card-view .goods-card-body .button[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-card-body .button[data-v-1e5ce6a6] {
    width: calc(100% - 24px);
    margin: 12px 12px 0 12px;
    height: 48px;
    border-radius: 24px;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 45px;
    text-align: center;
    background: #fc0
}

.clientGoodsListView .client-content .goods-card-view .goods-item[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-item[data-v-1e5ce6a6] {
    height: 140px;
    padding: 8px;
    display: flex;
    margin-bottom: 12px;
    background: #fff;
    border: 1px solid #e5e6eb
}

.clientGoodsListView .client-content .goods-card-view .goods-item .item-img[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-item .item-img[data-v-1e5ce6a6] {
    width: 121px;
    height: 121px
}

.clientGoodsListView .client-content .goods-card-view .goods-item .item-content[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-item .item-content[data-v-1e5ce6a6] {
    width: calc(100% - 121px);
    margin-left: 12px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between
}

.clientGoodsListView .client-content .goods-card-view .goods-item .item-content .title[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-item .item-content .title[data-v-1e5ce6a6] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.clientGoodsListView .client-content .goods-card-view .goods-item .item-content .description[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-item .item-content .description[data-v-1e5ce6a6] {
    height: 60%;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    text-align: left;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: normal
}

.clientGoodsListView .client-content .goods-card-view .goods-item .item-content .content-footer[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-item .item-content .content-footer[data-v-1e5ce6a6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientGoodsListView .client-content .goods-card-view .goods-item .item-content .content-footer .footer-left .sale-price[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-item .item-content .content-footer .footer-left .sale-price[data-v-1e5ce6a6] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(233, 52, 52, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.clientGoodsListView .client-content .goods-card-view .goods-item .item-content .content-footer .footer-left .price[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-item .item-content .content-footer .footer-left .price[data-v-1e5ce6a6] {
    margin-left: 8px;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, .25);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.clientGoodsListView .client-content .goods-card-view .goods-item .item-content .content-footer .footer-right[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-item .item-content .content-footer .footer-right[data-v-1e5ce6a6] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: center;
    font-style: normal
}

.clientGoodsListView .client-content .goods-card-view .goods-more[data-v-1e5ce6a6],
.clientGoodsListView .client-content .goods-list-view .goods-more[data-v-1e5ce6a6] {
    width: 108px;
    height: 28px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ffc108;
    font-weight: 400;
    font-size: 12px;
    color: #ffc108;
    line-height: 28px;
    text-align: center;
    font-style: normal
}

.popup-content .popup-header[data-v-5f766604] {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup-content .popup-header .title[data-v-5f766604] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: center;
    font-style: normal
}

.popup-content .popup-header .icon[data-v-5f766604] {
    font-size: 24px
}

.popup-content .pro-list-content[data-v-5f766604] {
    height: 222px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    align-items: center
}

.popup-content .pro-list-content .pro-item[data-v-5f766604] {
    width: 232px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    font-style: normal
}

.popup-content .pro-list-content .selected[data-v-5f766604] {
    border: 2px solid #ffc108;
    box-shadow: 0 0 4px 0 rgba(255, 193, 8, .5)
}

.popup-content .popup-footer[data-v-5f766604] {
    padding: 20px
}

.popup-content .popup-footer .button[data-v-5f766604] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffc108;
    border-radius: 4px
}

.client-header[data-v-1bf79c3c] {
    height: 48px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.client-header .header-left[data-v-1bf79c3c] {
    width: 33.3%
}

.client-header .header-left .icon[data-v-1bf79c3c] {
    font-size: 20px
}

.client-header .header-logo[data-v-1bf79c3c] {
    width: 33.3%;
    display: flex;
    justify-content: center
}

.client-header .header-logo .img[data-v-1bf79c3c] {
    width: 44px;
    height: 44px
}

.client-header .header-right[data-v-1bf79c3c] {
    width: 33.3%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.client-header .header-right .language[data-v-1bf79c3c] {
    display: flex;
    margin-right: 10px
}

.client-header .header-right .language .icon[data-v-1bf79c3c] {
    margin-right: 5px
}

.client-header .header-right .avatar[data-v-1bf79c3c] {
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.left-drawers-view[data-v-1bf79c3c] {
    height: 100%;
    background: #ffc108
}

.left-drawers-view .logo[data-v-1bf79c3c] {
    padding: 0 20px
}

.left-drawers-view .logo img[data-v-1bf79c3c] {
    height: 40px
}

.left-drawers-view .drawers-list[data-v-1bf79c3c] {
    padding: 20px 0
}

.left-drawers-view .drawers-list .drawers-item[data-v-1bf79c3c] {
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.left-drawers-view .drawers-list .select[data-v-1bf79c3c] {
    background: #fff
}

.orderDetailDialogView .orderDetailView .goods-detail-view[data-v-4a527e89] {
    margin: 16px;
    position: relative;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-header[data-v-4a527e89] {
    padding: 16px
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-header .billNo[data-v-4a527e89] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.orderDetailDialogView .orderDetailView .goods-detail-view .status[data-v-4a527e89] {
    width: 160px;
    height: 30px;
    padding-right: 10px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: right;
    font-style: normal;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    background: linear-gradient(138deg, #57d75c, #2cae2f)
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-list[data-v-4a527e89] {
    padding: 16px
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-list .goods-item[data-v-4a527e89] {
    height: 60px;
    display: flex;
    justify-content: space-between
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-list .goods-item .item-name-info[data-v-4a527e89] {
    display: flex
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-list .goods-item .item-name-info .item-img[data-v-4a527e89] {
    width: 40px;
    height: 40px
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-list .goods-item .item-name-info .item-info[data-v-4a527e89] {
    margin-left: 20px
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-list .goods-item .item-name-info .item-info .name[data-v-4a527e89] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-list .goods-item .item-name-info .item-info .gift-info[data-v-4a527e89] {
    width: 80px;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    color: #0a7aff;
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-list .goods-item .item-num[data-v-4a527e89] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-list .goods-item .item-price[data-v-4a527e89] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-footer[data-v-4a527e89] {
    padding: 16px;
    height: 48px;
    text-align: right;
    width: 100%;
    border-top: 1px solid #e5e6eb
}

.orderDetailDialogView .orderDetailView .goods-detail-view .goods-footer .total-amount[data-v-4a527e89] {
    font-weight: 600;
    font-size: 18px;
    color: #eb3f3f;
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.orderDetailDialogView .orderDetailView .order-detail-list[data-v-4a527e89] {
    padding: 16px
}

.orderDetailDialogView .orderDetailView .order-detail-list .order-item[data-v-4a527e89] {
    padding: 4px 0;
    display: flex;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.orderDetailDialogView .orderDetailView .order-detail-list .order-item .item-title[data-v-4a527e89] {
    width: 150px;
    margin-right: 20px
}

.gift-detail-view[data-v-4a527e89] {
    padding: 20px
}

.gift-detail-view .gift-detail-item[data-v-4a527e89] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    display: flex;
    align-items: center;
    height: 40px
}

.gift-detail-view .gift-detail-item .item-label[data-v-4a527e89] {
    width: 40%
}

.gift-detail-view .gift-detail-item .item-value[data-v-4a527e89] {
    width: 60%
}

.gift-detail-view .gift-detail-item .item-value .send-status[data-v-4a527e89] {
    display: flex
}

.gift-detail-view .gift-detail-item .item-value .send-status .status[data-v-4a527e89] {
    color: green;
    margin-right: 10px
}

.gift-detail-view .gift-detail-item .item-value .send-status .massage[data-v-4a527e89] {
    color: red
}

.shopping-order-table .goods-list .goods-item {
    display: flex;
    margin-bottom: 10px
}

.shopping-order-table .goods-list .goods-item .goods-img {
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.shopping-order-table .goods-list .goods-item .goods-detail {
    width: 100%
}

.shopping-order-table .goods-list .goods-item .goods-detail .name-quantity {
    display: flex;
    justify-content: space-between
}

.personalCardView[data-v-511c371b] {
    width: 240px;
    height: 600px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e4e4e4
}

.personalCardView .personal-card-top[data-v-511c371b] {
    padding: 24px
}

.personalCardView .personal-card-top .personal-card-edit[data-v-511c371b] {
    font-size: 24px;
    text-align: right
}

.personalCardView .personal-card-top .personal-card-avatar[data-v-511c371b] {
    text-align: center
}

.personalCardView .personal-card-top .personal-card-avatar .user-avatar[data-v-511c371b] {
    width: 98px;
    height: 98px;
    border-radius: 50%
}

.personalCardView .personal-card-top .user-name-gender[data-v-511c371b] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 8px
}

.personalCardView .personal-card-top .user-name-gender .user-name[data-v-511c371b] {
    margin-right: 10px;
    font-weight: 600;
    font-size: 24px;
    color: rgba(0, 0, 0, .85);
    line-height: 33px;
    text-align: left;
    font-style: normal
}

.personalCardView .personal-card-top .user-name-gender .icon[data-v-511c371b] {
    font-size: 24px
}

.personalCardView .personal-card-top .user-name-gender .img[data-v-511c371b] {
    width: 20px;
    height: 20px
}

.personalCardView .personal-card-top .user-email[data-v-511c371b] {
    font-weight: 400;
    font-size: 18px;
    color: rgba(0, 0, 0, .45);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.personalCardView .personal-card-bottom[data-v-511c371b] {
    padding: 16px;
    border-top: 1px solid #eee
}

.personalCardView .personal-card-bottom .personal-title[data-v-511c371b] {
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .64);
    letter-spacing: 4px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase
}

.personalCardView .personal-card-bottom .quick-options .options-item[data-v-511c371b] {
    height: 38px;
    cursor: pointer;
    padding: 8px 15px
}

.personalCardView .personal-card-bottom .quick-options .options-item .icon[data-v-511c371b] {
    margin-right: 10px;
    color: #ffc108
}

.personalCardView .personal-card-bottom .quick-options .options-item[data-v-511c371b]:hover {
    background: #f7f7f7
}

.personalCardView .personal-card-bottom .quick-options .selected[data-v-511c371b] {
    background: rgba(254, 194, 13, .25)
}

.personalOrdersView[data-v-637b5f7b] {
    padding: 0 24px
}

.personalOrdersView .personal-orders-header[data-v-637b5f7b] {
    width: 100%;
    height: 156px
}

.personalOrdersView .personal-orders-list[data-v-637b5f7b] {
    height: 62vh;
    overflow-y: scroll;
    margin: 28px 0;
    padding: 0 6px
}

.personalOrdersView .personal-orders-list[data-v-637b5f7b]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.personalOrdersView .personal-orders-list[data-v-637b5f7b]::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c1c1c1
}

.personalOrdersView .personal-orders-list[data-v-637b5f7b]::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f4f4f4
}

.personalOrdersView .personal-orders-list[data-v-637b5f7b]:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c1c1c1
}

.personalOrdersView .personal-orders-list[data-v-637b5f7b]:hover::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f4f4f4
}

.personalOrdersView .personal-orders-list .personal-orders-item[data-v-637b5f7b] {
    margin-bottom: 16px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e6eb;
    position: relative;
    cursor: pointer
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-header[data-v-637b5f7b] {
    padding: 16px;
    display: flex;
    justify-content: space-between
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-header .status[data-v-637b5f7b] {
    width: 160px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: right;
    font-style: normal;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    background: linear-gradient(138deg, #57d75c, #2cae2f);
    border-top-right-radius: 4px
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-detail[data-v-637b5f7b] {
    padding: 0 16px;
    border-bottom: 1px solid #e5e6eb
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-detail .orders-detail-item[data-v-637b5f7b] {
    margin-bottom: 12px
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-detail .orders-detail-item .detail-item-avatar[data-v-637b5f7b] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-detail .orders-detail-item .detail-item-avatar .detail-name[data-v-637b5f7b] {
    width: 33.3%;
    display: flex;
    align-items: center
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-detail .orders-detail-item .detail-item-avatar .detail-name .detail-img[data-v-637b5f7b] {
    width: 40px;
    height: 40px;
    margin-right: 16px
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-detail .orders-detail-item .detail-item-avatar .detail-name .name[data-v-637b5f7b] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-detail .orders-detail-item .detail-item-avatar .detail-quantity[data-v-637b5f7b] {
    width: 33.3%;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
    line-height: 20px
}

.personalOrdersView .personal-orders-list .personal-orders-item .orders-detail .orders-detail-item .detail-item-avatar .detail-payAmount[data-v-637b5f7b] {
    width: 33.3%;
    text-align: right;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px
}

.personalOrdersView .personal-orders-list .personal-orders-item .detail-footer[data-v-637b5f7b] {
    height: 48px;
    padding: 16px
}

.personalOrdersView .personal-orders-list .personal-orders-item .detail-footer .total-summary[data-v-637b5f7b] {
    float: right
}

.personalOrdersView .personal-orders-list .personal-orders-item .detail-footer .total-summary .total-label[data-v-637b5f7b] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.personalOrdersView .personal-orders-list .personal-orders-item .detail-footer .total-summary .total-amount[data-v-637b5f7b] {
    font-weight: 600;
    font-size: 18px;
    color: #eb3f3f;
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.personalOrdersView .personal-orders-list .personal-orders-item[data-v-637b5f7b]:hover {
    transform: scale(1.01)
}

.personalOrdersView .pagination-footer[data-v-637b5f7b] {
    float: right
}

.personalCartView[data-v-3a66c33b] {
    padding: 0 24px
}

.clientPersonalCardView[data-v-6d270902] {
    background: #eff1f4;
    height: 95vh;
    overflow-y: scroll
}

.clientPersonalCardView .personal-card-top[data-v-6d270902] {
    padding: 24px
}

.clientPersonalCardView .personal-card-top .personal-card-edit[data-v-6d270902] {
    font-size: 24px;
    text-align: right
}

.clientPersonalCardView .personal-card-top .personal-card-avatar[data-v-6d270902] {
    text-align: center
}

.clientPersonalCardView .personal-card-top .personal-card-avatar .user-avatar[data-v-6d270902] {
    width: 98px;
    height: 98px;
    border-radius: 50%
}

.clientPersonalCardView .personal-card-top .user-name-gender[data-v-6d270902] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 8px
}

.clientPersonalCardView .personal-card-top .user-name-gender .user-name[data-v-6d270902] {
    margin-right: 10px;
    font-weight: 600;
    font-size: 24px;
    color: rgba(0, 0, 0, .85);
    line-height: 33px;
    text-align: center;
    font-style: normal
}

.clientPersonalCardView .personal-card-top .user-name-gender .icon[data-v-6d270902] {
    font-size: 24px
}

.clientPersonalCardView .personal-card-top .user-name-gender .img[data-v-6d270902] {
    width: 20px;
    height: 20px
}

.clientPersonalCardView .personal-card-top .user-email[data-v-6d270902] {
    font-weight: 400;
    font-size: 18px;
    color: rgba(0, 0, 0, .45);
    line-height: 25px;
    text-align: center;
    font-style: normal
}

.clientPersonalCardView .personal-card-bottom .personal-title[data-v-6d270902] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .64);
    letter-spacing: 4px;
    text-align: center;
    font-style: normal;
    text-transform: uppercase
}

.clientPersonalCardView .personal-card-bottom .quick-options[data-v-6d270902] {
    padding: 20px 24px 0 24px
}

.clientPersonalCardView .personal-card-bottom .quick-options .options-item[data-v-6d270902] {
    margin-bottom: 20px
}

.clientPersonalCardView .personal-card-bottom .quick-options .options-item .item-header[data-v-6d270902] {
    margin-bottom: 10px
}

.clientPersonalCardView .personal-card-bottom .quick-options .options-item .item-header .icon[data-v-6d270902] {
    margin-right: 10px;
    color: #ffc108
}

.clientPersonalCardView .personal-card-bottom .quick-options .options-item .item-menu-list[data-v-6d270902] {
    margin-left: 16px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.clientPersonalCardView .personal-card-bottom .quick-options .options-item .item-menu-list .item-menu-item[data-v-6d270902] {
    padding: 12px 0;
    width: 45%;
    display: flex;
    justify-content: space-between
}

.clientPersonalCardView .footer-btn[data-v-6d270902] {
    width: 84px;
    height: 32px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    font-weight: 400;
    font-size: 14px;
    color: #eb3f3f;
    font-style: normal
}

.shopOrderListView .shopping-order-header[data-v-d49fdfae] {
    padding: 12px 16px
}

.shopOrderListView .shopping-order-tab[data-v-d49fdfae] {
    padding: 0 16px
}

.shopOrderListView .shopping-order-tab[data-v-d49fdfae] .bk-tabs .type-flex-line .view-tabItem {
    text-align: center;
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopOrderListView .shopping-order-tab[data-v-d49fdfae] .bk-tabs .type-flex-line .view-tabItem.select:after {
    left: 30px
}

.shopOrderListView .shopping-order-list[data-v-d49fdfae] {
    height: 75vh;
    padding: 12px 16px;
    overflow: scroll
}

.shopOrderListView .shopping-order-list .shopping-order-item[data-v-d49fdfae] {
    padding: 9px 16px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e6eb;
    margin-bottom: 12px
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-code-date[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status[data-v-d49fdfae] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-code-date .header-code[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status .header-code[data-v-d49fdfae] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-code-date .header-date[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status .header-date[data-v-d49fdfae] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .45);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-code-date .header-comp[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status .header-comp[data-v-d49fdfae] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-code-date .header-status[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status .header-status[data-v-d49fdfae] {
    width: 100px;
    height: 20px;
    border-radius: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    text-align: center;
    line-height: 16px
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-code-date .header-status.yellow[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status .header-status.yellow[data-v-d49fdfae] {
    color: #ffc108;
    border: 1px solid #ffc108;
    background: rgba(255, 193, 8, .2)
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-code-date .header-status.green[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status .header-status.green[data-v-d49fdfae] {
    color: #1dcb2f;
    border: 1px solid #1dcb2f;
    background: rgba(29, 203, 47, .2)
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-code-date .header-status.grey[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status .header-status.grey[data-v-d49fdfae] {
    color: #d6d6d6;
    border: 1px solid #d6d6d6;
    background: hsla(0, 0%, 79.6%, .2)
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-code-date .header-status.blue[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status .header-status.blue[data-v-d49fdfae] {
    color: #0a7aff;
    border: 1px solid #0a7aff;
    background: rgba(109, 173, 255, .4)
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-item-header .item-header-comp-status[data-v-d49fdfae] {
    margin-top: 9px;
    margin-bottom: 13px
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-goods-list .goods-item[data-v-d49fdfae] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-goods-list .goods-item .goods-img[data-v-d49fdfae] {
    width: 50px;
    height: 40px;
    border-radius: 5px
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-goods-list .goods-item .goods-detail[data-v-d49fdfae] {
    margin-left: 10px;
    width: 100%
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-goods-list .goods-item .goods-detail .name-quantity[data-v-d49fdfae] {
    display: flex;
    justify-content: space-between
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-goods-list .goods-item .goods-detail .name-quantity .goods-amount[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-goods-list .goods-item .goods-detail .name-quantity .goods-name[data-v-d49fdfae],
.shopOrderListView .shopping-order-list .shopping-order-item .order-goods-list .goods-item .goods-detail .name-quantity .goods-quantity[data-v-d49fdfae] {
    width: 33.3%;
    text-align: left
}

.shopOrderListView .shopping-order-list .shopping-order-item .order-goods-list .goods-item .goods-detail .name-quantity .goods-quantity[data-v-d49fdfae] {
    text-align: center
}

.clientShopOrderDetailView .shop-order-detail[data-v-723591a2] {
    height: 85vh;
    padding: 12px 16px;
    overflow-y: scroll
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-header[data-v-723591a2] {
    display: flex;
    justify-content: space-between
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-header .shop-order-detail-header-left .header-left-order-number[data-v-723591a2] {
    font-weight: 600;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-header .shop-order-detail-header-left .header-left-order-detail[data-v-723591a2] {
    margin-top: 5px
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-header .shop-order-detail-header-right .header-status[data-v-723591a2] {
    width: 100px;
    height: 20px;
    border-radius: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    text-align: center;
    line-height: 16px
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-header .shop-order-detail-header-right .header-status.yellow[data-v-723591a2] {
    color: #ffc108;
    border: 1px solid #ffc108;
    background: rgba(255, 193, 8, .2)
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-header .shop-order-detail-header-right .header-status.green[data-v-723591a2] {
    color: #1dcb2f;
    border: 1px solid #1dcb2f;
    background: rgba(29, 203, 47, .2)
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-header .shop-order-detail-header-right .header-status.grey[data-v-723591a2] {
    color: #d6d6d6;
    border: 1px solid #d6d6d6;
    background: hsla(0, 0%, 79.6%, .2)
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-header .shop-order-detail-header-right .header-status.blue[data-v-723591a2] {
    color: #0a7aff;
    border: 1px solid #0a7aff;
    background: rgba(109, 173, 255, .4)
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-goods[data-v-723591a2] {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e6eb;
    margin: 16px 0;
    padding: 12px 16px
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-goods .goods-item[data-v-723591a2] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-goods .goods-item .goods-img[data-v-723591a2] {
    width: 50px;
    height: 40px;
    border-radius: 5px
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-goods .goods-item .goods-detail[data-v-723591a2] {
    margin-left: 10px;
    width: 100%
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-goods .goods-item .goods-detail .name-quantity[data-v-723591a2] {
    display: flex;
    justify-content: space-between
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-goods .goods-item .goods-detail .name-quantity .goods-amount[data-v-723591a2],
.clientShopOrderDetailView .shop-order-detail .shop-order-detail-goods .goods-item .goods-detail .name-quantity .goods-name[data-v-723591a2],
.clientShopOrderDetailView .shop-order-detail .shop-order-detail-goods .goods-item .goods-detail .name-quantity .goods-quantity[data-v-723591a2] {
    width: 33.3%;
    text-align: left
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-goods .goods-item .goods-detail .name-quantity .goods-quantity[data-v-723591a2] {
    text-align: center
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-info .detail-info-item[data-v-723591a2] {
    display: flex;
    height: 30px
}

.clientShopOrderDetailView .shop-order-detail .shop-order-detail-info .detail-info-item .info-item-label[data-v-723591a2],
.clientShopOrderDetailView .shop-order-detail .shop-order-detail-info .detail-info-item .info-item-value[data-v-723591a2] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    width: 50%
}

.clientShopOrderDetailView .main-footer[data-v-723591a2] {
    width: 100%;
    border-top: 1px solid #e5e6eb;
    padding: 9px 16px;
    position: absolute;
    bottom: 0;
    height: 54px;
    background: #fff
}

.clientShopOrderDetailView .main-footer .pay-button[data-v-723591a2] {
    display: flex;
    justify-content: space-between
}

.clientShopOrderDetailView .main-footer .pay-button .button[data-v-723591a2] {
    width: 100%;
    height: 38px;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    font-style: normal
}

.clientShoppingCartView .main-content[data-v-61f85ba8] {
    height: 85vh;
    overflow-y: scroll
}

.clientShoppingCartView .main-content .goods-order[data-v-61f85ba8] {
    padding: 16px
}

.clientShoppingCartView .main-content .goods-order .title[data-v-61f85ba8] {
    margin-bottom: 17px;
    font-weight: 600;
    font-size: 18px;
    color: rgba(1, 1, 1, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .order-store[data-v-61f85ba8] {
    margin-top: 10px;
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list[data-v-61f85ba8] {
    margin-left: 10px
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item[data-v-61f85ba8] {
    width: 100%;
    height: 120px;
    display: flex;
    padding: 16px 0
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .ant-checkbox-wrapper[data-v-61f85ba8] {
    align-items: center;
    margin-right: 5px
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .ant-checkbox-wrapper .ant-checkbox[data-v-61f85ba8] {
    width: 20px
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card[data-v-61f85ba8] {
    width: 100%;
    display: flex
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .avatar[data-v-61f85ba8] {
    width: 88px;
    height: 88px;
    margin-right: 16px
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .goods-info[data-v-61f85ba8] {
    width: calc(100% - 88px);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .goods-info .goods-name[data-v-61f85ba8] {
    display: flex;
    justify-content: space-between
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .goods-info .goods-name .name[data-v-61f85ba8] {
    width: 100%;
    max-width: 240px;
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .goods-info .goods-name .icon[data-v-61f85ba8] {
    color: red;
    font-size: 18px
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .goods-info .gift-info[data-v-61f85ba8] {
    width: 80px;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    color: #0a7aff;
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .goods-info .goods-price-view[data-v-61f85ba8] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .goods-info .goods-price-view .price-view[data-v-61f85ba8] {
    display: flex;
    align-items: center
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .goods-info .goods-price-view .price-view .sale-price[data-v-61f85ba8] {
    margin-right: 7px;
    font-weight: 600;
    font-size: 18px;
    color: rgba(233, 52, 52, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.clientShoppingCartView .main-content .goods-order .order-store-list .order-store-item .goods-list .goods-item .goods-card .goods-info .goods-price-view .price-view .price[data-v-61f85ba8] {
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, .25);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.clientShoppingCartView .main-content .pay-card[data-v-61f85ba8] {
    padding: 20px 12px
}

.clientShoppingCartView .main-content .pay-card .title[data-v-61f85ba8] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.clientShoppingCartView .main-content .pay-card .pay-methods-list[data-v-61f85ba8] {
    padding: 14px 12px
}

.clientShoppingCartView .main-content .pay-card .pay-methods-list .pay-methods[data-v-61f85ba8] {
    height: 40px
}

.clientShoppingCartView .main-footer[data-v-61f85ba8] {
    width: 100%;
    border-top: 1px solid #e5e6eb;
    padding: 9px 16px;
    position: absolute;
    bottom: 0;
    height: 54px;
    background: #fff
}

.clientShoppingCartView .main-footer .pay-button[data-v-61f85ba8] {
    display: flex;
    justify-content: space-between
}

.clientShoppingCartView .main-footer .pay-button .actual-payment[data-v-61f85ba8] {
    width: calc(100% - 231px)
}

.clientShoppingCartView .main-footer .pay-button .actual-payment .label[data-v-61f85ba8] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.clientShoppingCartView .main-footer .pay-button .actual-payment .price[data-v-61f85ba8] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(233, 52, 52, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.clientShoppingCartView .main-footer .pay-button .button[data-v-61f85ba8] {
    width: 100%;
    min-width: 231px;
    height: 38px;
    background: #f33d3d;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    font-style: normal
}

.payment-success-view[data-v-61f85ba8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.payment-success-view .success-img .img[data-v-61f85ba8] {
    width: 100px;
    height: 75px
}

.payment-success-view .success-title[data-v-61f85ba8] {
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.payment-success-view .button[data-v-61f85ba8] {
    margin-top: 30px;
    margin-bottom: 10px;
    background: #ffc108;
    border-radius: 8px;
    font-size: 16px;
    color: #fff
}

.payment-success-view .back[data-v-61f85ba8],
.payment-success-view .button[data-v-61f85ba8] {
    width: 231px;
    height: 40px;
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    font-style: normal
}

.payment-success-view .back[data-v-61f85ba8] {
    border-radius: 8px;
    border: 1px solid #e5e6eb;
    font-size: 14px;
    color: rgba(0, 0, 0, .85)
}

.payment-success-view .back[data-v-61f85ba8]:hover,
.payment-success-view .button[data-v-61f85ba8]:hover {
    transform: scale(1.05)
}

.client-purchase-history-detail-view[data-v-1fcedd99] {
    margin-top: 23px
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-header[data-v-1fcedd99] {
    margin-bottom: 20px
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-header .header-title[data-v-1fcedd99] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-header .header-ref[data-v-1fcedd99] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-header .header-underline[data-v-1fcedd99] {
    width: 68px;
    margin-top: 6px
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-header .header-underline .underline-top[data-v-1fcedd99] {
    height: 3px;
    background: #7c65ff
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-header .header-underline .underline-bottom[data-v-1fcedd99] {
    margin-top: 1px;
    height: 1px;
    background: #7c65ff
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-bill-date[data-v-1fcedd99] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-bill-date .bill-date-title[data-v-1fcedd99] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-bill-date .bill-date-value[data-v-1fcedd99] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content[data-v-1fcedd99] {
    margin-top: 8px;
    padding: 14px;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list[data-v-1fcedd99] {
    border-bottom: 1px solid #e5e6eb;
    padding-bottom: 16px
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list .content-item .content-item-table[data-v-1fcedd99] {
    padding-bottom: 10px
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header[data-v-1fcedd99] {
    width: 100%;
    min-width: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header .table-header-td[data-v-1fcedd99] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header .name[data-v-1fcedd99] {
    width: 50%;
    text-align: left
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header .num[data-v-1fcedd99] {
    width: 20%;
    text-align: center
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header .price[data-v-1fcedd99] {
    width: 30%;
    text-align: right;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    font-style: normal
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list .content-item .content-item-table .item-table-body-served-by[data-v-1fcedd99] {
    padding-top: 4px;
    padding-bottom: 8px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list .content-item .content-item-table .item-table-body[data-v-1fcedd99] {
    padding: 8px 16px;
    background: #f5f5f5;
    display: flex;
    justify-content: space-between
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-list .content-item .content-item-table .item-table-body .table-body-td[data-v-1fcedd99] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-pay-methods[data-v-1fcedd99] {
    margin-top: 16px
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-pay-methods .pay-methods-item[data-v-1fcedd99] {
    display: flex;
    justify-content: space-between;
    margin-left: 50%;
    padding: 4px 0
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-pay-methods .pay-methods-item .pay-methods-title[data-v-1fcedd99] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-detail-view .client-purchase-history-content .client-purchase-history-detail-content .content-pay-methods .pay-methods-item .pay-methods-price[data-v-1fcedd99] {
    font-weight: 600;
    font-size: 16px;
    color: #eb3f3f;
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-view[data-v-295e8074] {
    padding: 12px 16px;
    height: 92vh;
    overflow-y: scroll
}

.client-purchase-history-view .client-purchase-history-header[data-v-295e8074] {
    height: 50px;
    width: 100%;
    border-radius: 4px;
    background: url(../image/Def_client_purchase_history_header_bg.png) no-repeat 50%
}

.client-purchase-history-view .client-purchase-history-header .header-title[data-v-295e8074] {
    padding: 14px 20px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list[data-v-295e8074] {
    margin: 22px 0
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card[data-v-295e8074] {
    margin-bottom: 18px
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-title[data-v-295e8074] {
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item[data-v-295e8074] {
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-header[data-v-295e8074] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-header .card-item-header-left[data-v-295e8074] {
    font-weight: 600;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-header .card-item-header-right[data-v-295e8074] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-content[data-v-295e8074] {
    padding: 12px 0;
    border-bottom: 1px solid #e5e6eb
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-content .item-goods-detail .goods-detail-item[data-v-295e8074] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    font-style: normal;
    margin-bottom: 5px
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-content .item-goods-detail .goods-detail-item .name[data-v-295e8074] {
    width: 50%;
    text-align: left
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-content .item-goods-detail .goods-detail-item .num[data-v-295e8074] {
    width: 20%;
    text-align: center
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-content .item-goods-detail .goods-detail-item .price[data-v-295e8074] {
    width: 30%;
    text-align: right
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-footer[data-v-295e8074] {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-footer .footer-title[data-v-295e8074] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-purchase-history-view .client-purchase-history-content .client-purchase-history-list .client-purchase-history-card .card-item .card-item-footer .footer-value[data-v-295e8074] {
    font-weight: 600;
    font-size: 16px;
    color: #eb3f3f;
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-content[data-v-05be1351] {
    padding: 20px
}

.client-my-distribution-content .data-time[data-v-05be1351] {
    display: flex;
    margin-top: 20px;
    margin-bottom: 14px
}

.client-my-distribution-content .data-time .time-text[data-v-05be1351] {
    margin-right: 8px
}

.client-my-distribution-content .data-time .icon[data-v-05be1351] {
    font-size: 12px
}

.client-my-distribution-content .search-input[data-v-05be1351] {
    width: 100%;
    margin-bottom: 10px
}

.client-my-distribution-content .client-my-distribution-list[data-v-05be1351] {
    margin: 22px 0
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item[data-v-05be1351] {
    padding: 8px 16px;
    margin-bottom: 18px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header[data-v-05be1351] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header .item-header-left[data-v-05be1351] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header .item-header-right[data-v-05be1351] {
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header .item-header-right .secondary-text[data-v-05be1351] {
    font-weight: 400;
    font-size: 14px;
    color: #ffc108;
    line-height: 20px;
    text-align: right;
    font-style: normal
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header .item-header-right .right-icon[data-v-05be1351] {
    margin-left: 4px;
    font-size: 12px;
    vertical-align: middle
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content[data-v-05be1351] {
    padding: 10px 0;
    border-bottom: 1px solid #e5e6eb
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-name[data-v-05be1351] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount[data-v-05be1351] {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount .amount-divider[data-v-05be1351] {
    color: #e5e6eb;
    margin-right: 16px
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount .amount-item[data-v-05be1351] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-right: 16px
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount .amount-item .amount-item-title[data-v-05be1351] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount .amount-item .amount-item-price[data-v-05be1351] {
    font-weight: 500;
    font-size: 14px;
    color: #eb3f3f;
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-footer[data-v-05be1351] {
    padding: 8px 0;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-withdrawal-records-view[data-v-58b9dbcd] {
    padding: 16px
}

.client-withdrawal-records-view .data-time[data-v-58b9dbcd] {
    display: flex;
    margin-top: 20px;
    margin-bottom: 14px
}

.client-withdrawal-records-view .data-time .time-text[data-v-58b9dbcd] {
    margin-right: 8px
}

.client-withdrawal-records-view .data-time .icon[data-v-58b9dbcd] {
    font-size: 12px
}

.client-withdrawal-records-view .records-alert[data-v-58b9dbcd] {
    margin-bottom: 14px
}

.client-withdrawal-records-view .distribution-list .distribution-item[data-v-58b9dbcd] {
    padding: 16px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e6eb;
    margin-bottom: 14px
}

.client-withdrawal-records-view .distribution-list .distribution-item .item-option[data-v-58b9dbcd] {
    display: flex;
    justify-content: space-between
}

.client-withdrawal-records-view .distribution-list .distribution-item .item-option .status_0[data-v-58b9dbcd] {
    color: #ffc108
}

.client-withdrawal-records-view .distribution-list .distribution-item .item-option .status_1[data-v-58b9dbcd] {
    color: #1dcb2f
}

.client-withdrawal-records-view .distribution-list .distribution-item .item-option .status_2[data-v-58b9dbcd] {
    color: #ff4d4f
}

.client-commission-withdrawals-view[data-v-50c96c81] {
    height: 100%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.client-commission-withdrawals-view .withdrawals-header[data-v-50c96c81] {
    width: 100%;
    padding: 20px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 145px;
    border-radius: 8px;
    background: url(../image/Def_my_commission.png) no-repeat 50%/100%
}

.client-commission-withdrawals-view .withdrawals-header .header-left .left-title[data-v-50c96c81] {
    font-weight: 400;
    font-size: 14px;
    color: #e5e6eb;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.client-commission-withdrawals-view .withdrawals-header .header-left .left-amount[data-v-50c96c81] {
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    text-align: left;
    font-style: normal
}

.client-commission-withdrawals-view .withdrawals-header .header-left .bank-card[data-v-50c96c81] {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    cursor: pointer
}

.client-commission-withdrawals-view .withdrawals-header .header-left .bank-card .icon[data-v-50c96c81] {
    margin-right: 5px
}

.client-commission-withdrawals-view .withdrawals-header .header-left .bank-card .button[data-v-50c96c81] {
    padding: 0;
    color: #fff
}

.client-commission-withdrawals-view .withdrawals-header .header-left .bank-card[data-v-50c96c81]:hover {
    transform: scale(1.1)
}

.client-commission-withdrawals-view .withdrawals-content[data-v-50c96c81] {
    margin: 30px 0
}

.client-commission-withdrawals-view .withdrawals-content .withdrawal-form .form-item .item-label[data-v-50c96c81] {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-commission-withdrawals-view .withdrawals-content .withdrawal-form .form-item .item-input[data-v-50c96c81] {
    height: 76px;
    border-radius: 4px
}

.client-commission-withdrawals-view .withdrawals-content .withdrawal-form .form-item .item-input .btn[data-v-50c96c81] {
    color: #ffc108
}

.client-commission-withdrawals-view .withdrawals-footer .withdraw-immediately[data-v-50c96c81] {
    width: 340px;
    height: 40px;
    background: #ffc108;
    border-radius: 4px;
    text-align: center;
    line-height: 40px
}

.client-commission-withdrawals-view .withdrawals-footer .withdraw-immediately .text[data-v-50c96c81] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .65);
    font-style: normal
}

.bank-cardInfos-view[data-v-50c96c81] {
    padding: 20px 0
}

.bank-cardInfos-view .popup-header[data-v-50c96c81] {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bank-cardInfos-view .popup-header .title[data-v-50c96c81] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: center;
    font-style: normal
}

.bank-cardInfos-view .popup-header .icon[data-v-50c96c81] {
    font-size: 24px
}

.bank-cardInfos-view .popup-content[data-v-50c96c81] {
    padding: 0 20px;
    overflow-y: scroll
}

.bank-cardInfos-view .popup-content .gift-design-card[data-v-50c96c81] {
    margin-bottom: 20px
}

.bank-cardInfos-view .popup-content .gift-design-card .gift-design-title[data-v-50c96c81] {
    margin-bottom: 17px;
    font-weight: 600;
    font-size: 16px;
    color: rgba(1, 1, 1, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.bank-cardInfos-view .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-50c96c81] {
    display: flex
}

.bank-cardInfos-view .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-50c96c81] .ant-checkbox-wrapper {
    padding: 5px;
    position: relative;
    align-items: flex-end
}

.bank-cardInfos-view .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-50c96c81] .ant-checkbox-wrapper .form-radio-item .img {
    width: 50px;
    height: 50px
}

.bank-cardInfos-view .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-50c96c81] .ant-checkbox-wrapper .ant-checkbox {
    position: absolute;
    top: 0;
    right: 0
}

.bank-cardInfos-view .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group[data-v-50c96c81] .ant-checkbox-wrapper .radio-item {
    text-align: center
}

.bank-cardInfos-view .popup-content .gift-design-card .gift-design-delivery-method .form-radio-group .selected[data-v-50c96c81] {
    border: 1px solid var(--webo-color-main);
    border-radius: 5px;
    color: var(--webo-color-main)
}

.bank-cardInfos-view .popup-content .popup-footer[data-v-50c96c81] {
    width: 100%
}

.bank-cardInfos-view .popup-content .popup-footer .button[data-v-50c96c81] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: var(--webo-color-main);
    border-radius: 4px
}

.client-my-distribution-view[data-v-3f0309c0] {
    padding: 12px 16px;
    height: 92vh;
    overflow-y: scroll
}

.client-my-distribution-view .client-my-distribution-header[data-v-3f0309c0] {
    height: 50px;
    width: 100%;
    border-radius: 4px;
    background: url(../image/Def_my_distribution.png) no-repeat 50%/100%
}

.client-my-distribution-view .client-my-distribution-header .header-title[data-v-3f0309c0] {
    padding: 14px 20px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-view .client-my-distribution-card[data-v-3f0309c0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 14px;
    margin-bottom: 4px
}

.client-my-distribution-view .client-my-distribution-card .card-item[data-v-3f0309c0] {
    width: 48%;
    height: 96px;
    position: relative;
    background: linear-gradient(180deg, #eff9ff, #daf0ff);
    border-radius: 4px;
    margin-bottom: 16px
}

.client-my-distribution-view .client-my-distribution-card .card-item .card-content[data-v-3f0309c0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.client-my-distribution-view .client-my-distribution-card .card-item .card-content .card-item-title[data-v-3f0309c0] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
    line-height: 20px;
    text-align: right;
    font-style: normal
}

.client-my-distribution-view .client-my-distribution-card .card-item .card-content .card-item-value[data-v-3f0309c0] {
    font-weight: 600;
    font-size: 24px;
    color: rgba(0, 0, 0, .85);
    line-height: 33px;
    text-align: right;
    font-style: normal
}

.client-my-distribution-view .client-my-distribution-card .card-item .card-withdrawals[data-v-3f0309c0] {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 26px;
    padding: 8px 0 0 16px;
    background: #ffc108;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 12px;
    text-align: left;
    font-style: normal;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    border-radius: 0 4px 4px 30px;
    cursor: pointer
}

.client-my-distribution-view .client-my-distribution-card .card-item .card-withdrawals[data-v-3f0309c0]:hover {
    transform: scale(1.1)
}

.client-my-distribution-view .client-my-distribution-tabs[data-v-3f0309c0] {
    margin: 10px 0;
    padding: 0;
    border-bottom: 1px solid #e5e6eb
}

.client-my-distribution-view .client-my-distribution-content .data-time[data-v-3f0309c0] {
    display: flex;
    margin-top: 20px;
    margin-bottom: 14px
}

.client-my-distribution-view .client-my-distribution-content .data-time .time-text[data-v-3f0309c0] {
    margin-right: 8px
}

.client-my-distribution-view .client-my-distribution-content .data-time .icon[data-v-3f0309c0] {
    font-size: 12px
}

.client-my-distribution-view .client-my-distribution-content .search-input[data-v-3f0309c0] {
    width: 100%
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list[data-v-3f0309c0] {
    margin: 22px 0
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item[data-v-3f0309c0] {
    padding: 8px 16px;
    margin-bottom: 18px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header[data-v-3f0309c0] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header .item-header-left[data-v-3f0309c0] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header .item-header-right[data-v-3f0309c0] {
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header .item-header-right .secondary-text[data-v-3f0309c0] {
    font-weight: 400;
    font-size: 14px;
    color: #ffc108;
    line-height: 20px;
    text-align: right;
    font-style: normal
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-header .item-header-right .right-icon[data-v-3f0309c0] {
    margin-left: 4px;
    font-size: 12px;
    vertical-align: middle
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content[data-v-3f0309c0] {
    padding: 10px 0;
    border-bottom: 1px solid #e5e6eb
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-name[data-v-3f0309c0] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount[data-v-3f0309c0] {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount .amount-divider[data-v-3f0309c0] {
    color: #e5e6eb;
    margin-right: 16px
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount .amount-item[data-v-3f0309c0] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-right: 16px
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount .amount-item .amount-item-title[data-v-3f0309c0] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-content .activity-amount .amount-item .amount-item-price[data-v-3f0309c0] {
    font-weight: 500;
    font-size: 14px;
    color: #eb3f3f;
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-my-distribution-view .client-my-distribution-content .client-my-distribution-list .client-my-distribution-item .my-distribution-item-footer[data-v-3f0309c0] {
    padding: 8px 0;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.detailDialogView .purchase-history-content[data-v-0553c6fc] {
    margin: 16px
}

.detailDialogView .purchase-history-content .purchase-history-detail-header[data-v-0553c6fc] {
    margin-bottom: 20px
}

.detailDialogView .purchase-history-content .purchase-history-detail-header .header-title[data-v-0553c6fc] {
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.detailDialogView .purchase-history-content .purchase-history-detail-header .header-ref[data-v-0553c6fc] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.detailDialogView .purchase-history-content .purchase-history-detail-header .header-underline[data-v-0553c6fc] {
    width: 68px;
    margin-top: 6px
}

.detailDialogView .purchase-history-content .purchase-history-detail-header .header-underline .underline-top[data-v-0553c6fc] {
    height: 3px;
    background: #7c65ff
}

.detailDialogView .purchase-history-content .purchase-history-detail-header .header-underline .underline-bottom[data-v-0553c6fc] {
    margin-top: 1px;
    height: 1px;
    background: #7c65ff
}

.detailDialogView .purchase-history-content .purchase-history-detail-bill-date[data-v-0553c6fc] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.detailDialogView .purchase-history-content .purchase-history-detail-bill-date .bill-date-title[data-v-0553c6fc] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.detailDialogView .purchase-history-content .purchase-history-detail-bill-date .bill-date-value[data-v-0553c6fc] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.detailDialogView .purchase-history-content .purchase-history-detail-content[data-v-0553c6fc] {
    margin-top: 8px;
    padding: 14px;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list[data-v-0553c6fc] {
    border-bottom: 1px solid #e5e6eb;
    padding-bottom: 16px
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list .content-item .content-item-table[data-v-0553c6fc] {
    padding-bottom: 10px
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header[data-v-0553c6fc] {
    width: 100%;
    min-width: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header .table-header-td[data-v-0553c6fc] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header .name[data-v-0553c6fc] {
    width: 50%;
    text-align: left
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header .num[data-v-0553c6fc] {
    width: 20%;
    text-align: center
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list .content-item .content-item-table .item-table-header .price[data-v-0553c6fc] {
    width: 30%;
    text-align: right;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    font-style: normal
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list .content-item .content-item-table .item-table-body-served-by[data-v-0553c6fc] {
    padding-top: 4px;
    padding-bottom: 8px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list .content-item .content-item-table .item-table-body[data-v-0553c6fc] {
    padding: 8px 16px;
    background: #f5f5f5;
    display: flex;
    justify-content: space-between
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-list .content-item .content-item-table .item-table-body .table-body-td[data-v-0553c6fc] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-pay-methods[data-v-0553c6fc] {
    margin-top: 16px
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-pay-methods .pay-methods-item[data-v-0553c6fc] {
    display: flex;
    justify-content: space-between;
    margin-left: 50%;
    padding: 4px 0
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-pay-methods .pay-methods-item .pay-methods-title[data-v-0553c6fc] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.detailDialogView .purchase-history-content .purchase-history-detail-content .content-pay-methods .pay-methods-item .pay-methods-price[data-v-0553c6fc] {
    font-weight: 600;
    font-size: 16px;
    color: #eb3f3f;
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.purchase-history-view[data-v-2df934e2] {
    padding: 0 24px
}

.purchase-history-view .purchase-history-header[data-v-2df934e2] {
    width: 100%;
    height: 156px;
    border-radius: 4px;
    background-image: url(../image/Def_client_purchase_history_header_bg.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.purchase-history-view .purchase-history-content .purchase-history-list[data-v-2df934e2] {
    height: 62vh;
    margin: 22px 0;
    padding: 0 6px;
    overflow-y: scroll
}

.purchase-history-view .purchase-history-content .purchase-history-list[data-v-2df934e2]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.purchase-history-view .purchase-history-content .purchase-history-list[data-v-2df934e2]::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c1c1c1
}

.purchase-history-view .purchase-history-content .purchase-history-list[data-v-2df934e2]::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f4f4f4
}

.purchase-history-view .purchase-history-content .purchase-history-list[data-v-2df934e2]:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c1c1c1
}

.purchase-history-view .purchase-history-content .purchase-history-list[data-v-2df934e2]:hover::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f4f4f4
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card[data-v-2df934e2] {
    margin-bottom: 18px
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-title[data-v-2df934e2] {
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item[data-v-2df934e2] {
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-header[data-v-2df934e2] {
    margin-right: 154px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-header .card-item-header-left[data-v-2df934e2] {
    font-weight: 600;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-header .card-item-header-right[data-v-2df934e2] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-content[data-v-2df934e2] {
    padding: 12px 0;
    border-bottom: 1px solid #e5e6eb;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-content .item-goods-detail[data-v-2df934e2] {
    width: 100%
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-content .item-goods-detail .goods-detail-item[data-v-2df934e2] {
    width: 100%;
    min-width: 340px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    font-style: normal;
    margin-bottom: 5px
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-content .item-goods-detail .goods-detail-item .name[data-v-2df934e2] {
    width: 50%;
    text-align: left
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-content .item-goods-detail .goods-detail-item .num[data-v-2df934e2] {
    width: 20%;
    text-align: center
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-content .item-goods-detail .goods-detail-item .price[data-v-2df934e2] {
    width: 30%;
    text-align: right
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-content .item-detail-btn[data-v-2df934e2] {
    margin-left: 64px
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-footer[data-v-2df934e2] {
    margin-right: 154px;
    margin-top: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-footer .footer-title[data-v-2df934e2] {
    margin-right: 16px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card .card-item .card-item-footer .footer-value[data-v-2df934e2] {
    font-weight: 600;
    font-size: 16px;
    color: #eb3f3f;
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.purchase-history-view .purchase-history-content .purchase-history-list .purchase-history-card[data-v-2df934e2]:hover {
    transform: scale(1.01)
}

.purchase-history-view .pagination-footer[data-v-2df934e2] {
    float: right
}

.rightItemCard-container {
    position: relative
}

.rightItemCard-container.rightItemCard-rightType-membership {
    height: 110px;
    background-size: 100% 100%
}

.rightItemCard-container.rightItemCard-rightType-membership>.view-discount-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px
}

.rightItemCard-container.rightItemCard-rightType-membership>.view-discount-main>.view-discount-item {
    width: 33%
}

.rightItemCard-container.rightItemCard-rightType-giftCard {
    height: 116px;
    padding: 16px 16px 0 16px;
    background-size: 100% 100%
}

.rightItemCard-container.rightItemCard-rightType-giftCard>.view-period-main {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 2px
}

.rightItemCard-container.rightItemCard-rightType-giftCard>.view-discount-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px
}

.rightItemCard-container.rightItemCard-rightType-giftCard>.view-discount-main>.view-discount-item {
    text-align: right
}

.rightItemCard-container.rightItemCard-rightType-packages {
    height: 160px;
    padding: 16px 16px 0 24px;
    background-size: 100% 100%
}

.rightItemCard-container.rightItemCard-rightType-packages>.view-discount-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px
}

.rightItemCard-container.rightItemCard-rightType-packages>.view-discount-main>.view-discount-item {
    width: 50%
}

.rightItemCard-container>.view-name-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px
}

.rightItemCard-container>.view-name-main>.view-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.rightItemCard-container>.view-period-main {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 400
}

.rightItemCard-container>.view-discount-main {
    position: absolute;
    display: flex
}

.rightItemCard-container>.view-discount-main>.view-discount-item>.view-label {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 4px
}

.rightItemCard-container>.view-discount-main>.view-discount-item>.view-value {
    font-weight: 700;
    color: #eb3f3f
}

.packagesTable-container {
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.packagesTable-container>.view-table-main {
    width: 100%;
    border-collapse: initial;
    position: relative
}

.packagesTable-container>.view-table-main>.view-table-thead {
    width: 100%
}

.packagesTable-container>.view-table-main>.view-table-thead>tr th {
    position: sticky;
    top: 0;
    z-index: 10
}

.packagesTable-container>.view-table-main>.view-table-thead>tr th .view-cellItem {
    display: flex;
    align-items: center;
    padding-left: 16px;
    width: 100%;
    height: 30px;
    background: #f6f6f6;
    font-weight: 400;
    font-size: 12px;
    color: #666;
    min-width: 120px
}

.packagesTable-container>.view-table-main>.view-table-thead>tr th:first-child {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 11;
    cursor: pointer;
    box-shadow: 4px 2px 6px 0 rgba(0, 0, 0, .05)
}

.packagesTable-container>.view-table-main>.view-table-body {
    position: relative
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem {
    width: 100%;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 6px 0 6px 16px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #181818
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem .view-packageName-main {
    width: 100%;
    height: 100%
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem .view-packageName-main .view-goodsName {
    width: 100%
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem .view-packageName-main>.view-comboFlag-mian {
    display: flex;
    justify-content: center;
    flex-flow: column;
    height: 100%
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem .view-packageName-main>.view-comboFlag-mian>.view-comboFlag-item {
    margin-bottom: 4px
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem .view-packageName-main>.view-comboFlag-mian>.view-comboFlag-item:last-child {
    margin-bottom: 0
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem .view-packageName-main .view-line-main {
    position: absolute;
    top: 10px;
    right: 14px;
    bottom: 10px;
    border-left: 0;
    width: 8px;
    border-radius: 0 6px 6px 0;
    border-top: 1.8px solid #303133;
    border-bottom: 1.8px solid #303133;
    border-right: 1.8px solid #303133
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem .view-packageName-main .view-line-main .bracket_dv {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background-color: #fff
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem .view-packageName-main .view-line-main .bracket_dv:before {
    position: absolute;
    top: 0;
    left: 7px;
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 0 0 0 8px;
    border-left: 1.8px solid #303133;
    border-bottom: 1.8px solid #303133
}

.packagesTable-container>.view-table-main>.view-table-body .view-cellItem .view-packageName-main .view-line-main .bracket_dv:after {
    position: absolute;
    top: 5px;
    left: 7px;
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 8px 0 0 0;
    border-left: 1.8px solid #303133;
    border-top: 1.8px solid #303133
}

.packagesTable-container>.view-table-main>.view-table-body>.view-tableBody-row>td:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    box-shadow: 4px 2px 6px 0 rgba(0, 0, 0, .05)
}

.detailDialogView .customer-benefits-detail-view[data-v-534581cc] {
    margin: 10px 16px
}

.detailDialogView .customer-benefits-detail-view .view-name-main[data-v-534581cc] {
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    border-bottom: 1px solid #eaeaf5;
    border-radius: 4px 4px 0 0
}

.detailDialogView .customer-benefits-detail-view .view-name-main .view-name[data-v-534581cc] {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 4px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-header[data-v-534581cc] {
    border-bottom: 1px solid #e5e6eb
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-header .custom-tabs[data-v-534581cc] .view-tabs .view-tabItem {
    height: 50px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content[data-v-534581cc] {
    padding: 12px 0
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-rightInfo-main[data-v-534581cc] {
    border: 1px solid #e5e6eb
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main[data-v-534581cc] {
    padding: 15px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item[data-v-534581cc] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item[data-v-534581cc]:last-child {
    margin-bottom: 0
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item .view-label[data-v-534581cc] {
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item .view-value[data-v-534581cc] {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item .view-value .view-dis[data-v-534581cc] {
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-applicable-title[data-v-534581cc] {
    display: flex;
    align-items: center;
    margin-top: 14px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-applicable-title .view-prefix[data-v-534581cc] {
    width: 6px;
    height: 6px;
    background: #ffc108
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-applicable-title .view-title[data-v-534581cc] {
    margin-left: 7px;
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-applicable-main[data-v-534581cc] {
    padding: 8px 15px;
    margin-top: 16px;
    border: 1px solid #e5e6eb
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-applicable-main .view-label[data-v-534581cc] {
    width: 60px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    padding-left: 8px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-applicable-main .view-value[data-v-534581cc] {
    flex: 1;
    text-align: right;
    min-width: 0;
    font-size: 12px;
    font-weight: 500;
    color: #333
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-applicable-main .view-applicable-item[data-v-534581cc] {
    display: flex;
    justify-content: space-between;
    padding: 7px 8px 7px 0;
    margin-top: 4px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-package-main[data-v-534581cc] {
    margin-top: 24px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-package-main .bk-title[data-v-534581cc] {
    margin-bottom: 16px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-package-main .view-package-table[data-v-534581cc] {
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(20, 56, 149, .05);
    border-radius: 8px;
    overflow: hidden
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-exclusivePrice-main[data-v-534581cc] {
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    margin-top: 12px;
    padding: 16px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item[data-v-534581cc]:not(:last-child) {
    padding-bottom: 8px;
    margin-bottom: 8px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main[data-v-534581cc] {
    display: flex;
    justify-content: space-between;
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 14px;
    color: #333
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main .view-price-main[data-v-534581cc] {
    display: flex
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main .view-price-main .bk-price[data-v-534581cc] {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 14px;
    display: block
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main .view-price-main .view-goodsPrice[data-v-534581cc] {
    color: #f43b00
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main .view-price-main .view-standPrice[data-v-534581cc] {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #999;
    text-decoration: line-through
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-categoryName[data-v-534581cc] {
    margin-top: 4px;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 13px;
    color: #999
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list[data-v-534581cc] {
    padding: 12px 0
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item[data-v-534581cc] {
    padding: 11px 16px;
    border-radius: 4px;
    margin-bottom: 12px;
    border: 1px solid #e5e6eb
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-header[data-v-534581cc] {
    height: 20px;
    margin-bottom: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-header .header-billNo[data-v-534581cc] {
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-header .header-time[data-v-534581cc] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: center;
    font-style: normal
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-store[data-v-534581cc] {
    display: flex;
    margin-bottom: 16px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-store .store-icon[data-v-534581cc] {
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    background: #ffc108
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-store .store-name[data-v-534581cc] {
    margin-left: 8px;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list[data-v-534581cc] {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e6eb
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list .item-goods-detail .goods-detail-item[data-v-534581cc] {
    width: 100%;
    min-width: 340px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    font-style: normal;
    margin-bottom: 5px
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list .item-goods-detail .goods-detail-item .name[data-v-534581cc] {
    width: 50%;
    text-align: left
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list .item-goods-detail .goods-detail-item .num[data-v-534581cc] {
    width: 20%;
    text-align: center
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list .item-goods-detail .goods-detail-item .price[data-v-534581cc] {
    width: 30%;
    text-align: right
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-item-footer[data-v-534581cc] {
    margin-top: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-item-footer .footer-title[data-v-534581cc] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.detailDialogView .customer-benefits-detail-view .customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-item-footer .footer-value[data-v-534581cc] {
    font-weight: 600;
    font-size: 16px;
    color: #eb3f3f;
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.customer-benefits-view[data-v-5e72bdc8] {
    padding: 0 24px
}

.customer-benefits-view .customer-benefits-header[data-v-5e72bdc8] {
    width: 100%;
    height: 156px;
    border-radius: 4px;
    background-size: 100%;
    background-repeat: no-repeat
}

.customer-benefits-view .customer-benefits-content .customer-benefits-tabs .custom-tabs[data-v-5e72bdc8] .view-tabs .view-tabItem {
    width: 20%
}

.customer-benefits-view .customer-benefits-content .customer-benefits-list[data-v-5e72bdc8] {
    padding: 0 6px
}

.customer-benefits-view .customer-benefits-content .customer-benefits-list .customer-benefits-card[data-v-5e72bdc8] {
    height: 132px;
    margin: 12px 0;
    padding: 11px 16px;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.customer-benefits-view .customer-benefits-content .customer-benefits-list .customer-benefits-card[data-v-5e72bdc8]:hover {
    transform: scale(1.01)
}

.bk-empty.bk-empty-center {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 160px;
    max-height: 100%
}

.bk-empty.bk-empty-centerTable {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30%)
}

.bk-empty>.ant-empty>.ant-empty-description {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .25);
    margin-top: 17px
}

.customer-points-view[data-v-3d7c03d2] {
    padding: 12px 16px
}

.customer-points-view .customer-points-header[data-v-3d7c03d2] {
    height: 156px;
    border-radius: 5px;
    padding: 14px 12px;
    background-image: url(../image/Def_client_custom_rights_points_pc.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.customer-points-view .customer-points-header .points-title[data-v-3d7c03d2] {
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.customer-points-view .customer-points-header .points-value[data-v-3d7c03d2] {
    font-weight: 500;
    font-size: 14px;
    color: #957000;
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.customer-points-view .customer-points-header .points-num[data-v-3d7c03d2] {
    font-weight: 600;
    font-size: 36px;
    color: #5e4600;
    line-height: 50px;
    text-align: left;
    font-style: normal
}

.customer-points-view .customer-points-content[data-v-3d7c03d2] {
    height: 60vh;
    overflow-y: scroll
}

.customer-points-view .customer-points-content[data-v-3d7c03d2]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.customer-points-view .customer-points-content[data-v-3d7c03d2]::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c1c1c1
}

.customer-points-view .customer-points-content[data-v-3d7c03d2]::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f4f4f4
}

.customer-points-view .customer-points-content[data-v-3d7c03d2]:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c1c1c1
}

.customer-points-view .customer-points-content[data-v-3d7c03d2]:hover::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f4f4f4
}

.customer-points-view .customer-points-content .view-applicable-title[data-v-3d7c03d2] {
    display: flex;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 4px
}

.customer-points-view .customer-points-content .view-applicable-title .view-prefix[data-v-3d7c03d2] {
    width: 6px;
    height: 6px;
    background: #ffc108
}

.customer-points-view .customer-points-content .view-applicable-title .view-title[data-v-3d7c03d2] {
    margin-left: 7px;
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.customer-points-view .customer-points-content .customer-points-list .customer-points-card[data-v-3d7c03d2] {
    height: 108px;
    margin-bottom: 8px;
    padding: 11px 16px;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.customer-points-view .customer-points-content .customer-points-list .customer-points-card .points-card-header[data-v-3d7c03d2] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.customer-points-view .customer-points-content .customer-points-list .customer-points-card .points-card-header .card-header-title[data-v-3d7c03d2] {
    width: 40%;
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.customer-points-view .customer-points-content .customer-points-list .customer-points-card .points-card-header .points-content-billNo[data-v-3d7c03d2] {
    width: 20%;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.customer-points-view .customer-points-content .customer-points-list .customer-points-card .points-card-header .card-header-status[data-v-3d7c03d2] {
    width: 25%;
    min-width: 100px;
    height: 20px
}

.customer-points-view .customer-points-content .customer-points-list .customer-points-card .points-card-header .card-header-status .status-tag[data-v-3d7c03d2] {
    padding: 0 10px;
    border-radius: 4px
}

.customer-points-view .customer-points-content .customer-points-list .customer-points-card .points-card-header .card-header-value[data-v-3d7c03d2] {
    width: 15%;
    font-weight: 600;
    font-size: 16px;
    color: #2cc941;
    line-height: 22px;
    text-align: right;
    font-style: normal
}

.customer-points-view .customer-points-content .customer-points-list .customer-points-card .points-card-content[data-v-3d7c03d2] {
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.customer-points-view .customer-points-content .customer-points-list .customer-points-card .points-card-content .points-content[data-v-3d7c03d2] {
    padding: 2px
}

.view-top {
    display: flex;
    padding: 0 0 18px 0
}

.view-top>.view-left {
    flex: 1
}

.view-top>.view-left>.bk-view {
    display: inline-block;
    margin-right: 16px
}

.view-top>.view-left>.bk-view:last-child {
    margin-right: 0
}

.view-footer {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.view-footer .view-pageControl {
    min-width: 50%
}

.view-footer .view-pageControl .ant-pagination {
    text-align: right
}

.view-table .dataIndex-action {
    display: flex;
    align-items: center
}

.view-table .dataIndex-action>.view-actionItem>.bk-button.edit {
    color: #7c65ff
}

.view-table .dataIndex-action>.view-actionItem>.bk-button.edit:hover {
    text-decoration: underline
}

.view-table .dataIndex-action>.view-actionItem>.bk-button.del {
    color: #eb3f3f
}

.view-table .dataIndex-action>.view-actionItem>.bk-button.del:hover {
    text-decoration: underline
}

.view-table .view-selection>.bk-image {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.withdrawal-records-view[data-v-832c6808] {
    padding: 16px
}

.withdrawal-records-view .distribution-list[data-v-832c6808] {
    margin-top: 10px
}

.bank-card-info-view[data-v-63179e1c] {
    padding: 20px
}

.bank-card-info-view .bank-card-form[data-v-63179e1c] {
    padding: 20px 50px;
    width: 100%
}

.commission-withdrawals-view[data-v-e7103a2e] {
    height: 100%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.commission-withdrawals-view .withdrawals-header[data-v-e7103a2e] {
    width: 100%;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 198px;
    border-radius: 8px;
    background: url(../image/Def_client_my_commission.png) no-repeat 100%
}

.commission-withdrawals-view .withdrawals-header .header-left .left-title[data-v-e7103a2e] {
    font-weight: 400;
    font-size: 14px;
    color: #e5e6eb;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.commission-withdrawals-view .withdrawals-header .header-left .left-amount[data-v-e7103a2e] {
    margin-top: 5px;
    margin-bottom: 36px;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    text-align: left;
    font-style: normal
}

.commission-withdrawals-view .withdrawals-header .header-left .bank-card[data-v-e7103a2e] {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    cursor: pointer
}

.commission-withdrawals-view .withdrawals-header .header-left .bank-card .icon[data-v-e7103a2e] {
    margin-right: 5px
}

.commission-withdrawals-view .withdrawals-header .header-left .bank-card .button[data-v-e7103a2e] {
    padding: 0;
    color: #fff
}

.commission-withdrawals-view .withdrawals-header .header-left .bank-card[data-v-e7103a2e]:hover {
    transform: scale(1.1)
}

.commission-withdrawals-view .withdrawals-content .withdrawal-form .form-item .item-label[data-v-e7103a2e] {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.commission-withdrawals-view .withdrawals-content .withdrawal-form .form-item .item-input[data-v-e7103a2e] {
    width: 480px;
    height: 76px;
    border-radius: 4px
}

.commission-withdrawals-view .withdrawals-content .withdrawal-form .form-item .item-input .btn[data-v-e7103a2e] {
    color: #ffc108
}

.commission-withdrawals-view .withdrawals-footer .withdraw-immediately[data-v-e7103a2e] {
    width: 340px;
    height: 40px;
    background: #ffc108;
    border-radius: 4px;
    text-align: center;
    line-height: 40px
}

.commission-withdrawals-view .withdrawals-footer .withdraw-immediately .text[data-v-e7103a2e] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .65);
    font-style: normal
}

.secondary-distribution-detail-view[data-v-4c9e8096] {
    padding: 16px
}

.secondary-distribution-detail-view .distribution-list[data-v-4c9e8096] {
    margin-top: 10px
}

.customer-distribution-view[data-v-f0c2ac50] {
    padding: 12px 16px
}

.customer-distribution-view .customer-distribution-header[data-v-f0c2ac50] {
    height: 156px;
    padding: 30px 24px;
    border-radius: 5px;
    padding: 14px 12px;
    background-image: url(../image/Def_my_distribution.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.customer-distribution-view .customer-distribution-header .distribution-title[data-v-f0c2ac50] {
    font-weight: 600;
    font-size: 36px;
    color: #386498;
    line-height: 50px;
    text-align: left;
    font-style: normal
}

.customer-distribution-view .customer-distribution-content[data-v-f0c2ac50] {
    height: 60vh;
    overflow-y: scroll
}

.customer-distribution-view .customer-distribution-content[data-v-f0c2ac50]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.customer-distribution-view .customer-distribution-content[data-v-f0c2ac50]::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c1c1c1
}

.customer-distribution-view .customer-distribution-content[data-v-f0c2ac50]::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f4f4f4
}

.customer-distribution-view .customer-distribution-content[data-v-f0c2ac50]:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c1c1c1
}

.customer-distribution-view .customer-distribution-content[data-v-f0c2ac50]:hover::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f4f4f4
}

.customer-distribution-view .customer-distribution-content .distribution-card[data-v-f0c2ac50] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 4px
}

.customer-distribution-view .customer-distribution-content .distribution-card .card-item[data-v-f0c2ac50] {
    width: 250px;
    height: 96px;
    position: relative;
    background: linear-gradient(180deg, #eff9ff, #daf0ff);
    border-radius: 4px
}

.customer-distribution-view .customer-distribution-content .distribution-card .card-item .card-content[data-v-f0c2ac50] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.customer-distribution-view .customer-distribution-content .distribution-card .card-item .card-content .card-item-title[data-v-f0c2ac50] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
    line-height: 20px;
    text-align: right;
    font-style: normal
}

.customer-distribution-view .customer-distribution-content .distribution-card .card-item .card-content .card-item-value[data-v-f0c2ac50] {
    font-weight: 600;
    font-size: 24px;
    color: rgba(0, 0, 0, .85);
    line-height: 33px;
    text-align: right;
    font-style: normal
}

.customer-distribution-view .customer-distribution-content .distribution-card .card-item .card-withdrawals[data-v-f0c2ac50] {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 26px;
    padding: 8px 0 0 16px;
    background: #ffc108;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 12px;
    text-align: left;
    font-style: normal;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    border-radius: 0 4px 4px 30px;
    cursor: pointer
}

.customer-distribution-view .customer-distribution-content .distribution-card .card-item .card-withdrawals[data-v-f0c2ac50]:hover {
    transform: scale(1.1)
}

.customer-distribution-view .customer-distribution-content .distribution-tabs[data-v-f0c2ac50] {
    margin: 10px 0;
    padding: 0;
    border-bottom: 1px solid #e5e6eb
}

.personalCenterView[data-v-f178893c] {
    height: 100%;
    width: 100%
}

.personalCenterView .personal-center-body[data-v-f178893c] {
    min-width: 375px;
    margin: 0 auto;
    padding: 24px 0;
    display: flex;
    justify-content: center
}

.personalCenterView .personal-center-body .personal-center-menu-card[data-v-f178893c] {
    width: calc(70% - 240px)
}

.payment-success-view[data-v-7804fadc] {
    height: calc(100vh - 240px);
    margin: 0 auto;
    top: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.payment-success-view .success-img .img[data-v-7804fadc] {
    width: 209px;
    height: 157px
}

.payment-success-view .success-title[data-v-7804fadc] {
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.payment-success-view .button[data-v-7804fadc] {
    width: 231px;
    height: 48px;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    font-style: normal;
    margin: 45px 0 33px 0;
    background: #ffc108;
    border-radius: 8px
}

.payment-success-view .back[data-v-7804fadc] {
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.payment-success-view .back[data-v-7804fadc]:hover,
.payment-success-view .button[data-v-7804fadc]:hover {
    transform: scale(1.05)
}

.shopping-cart-view .main-content[data-v-abb0395a] {
    padding: 20px 270px;
    height: calc(100vh - 63px);
    display: flex;
    justify-content: center
}

.shopping-cart-view .main-content .goods-order[data-v-abb0395a] {
    min-width: 500px;
    width: 100%
}

.shopping-cart-view .main-content .goods-order .title[data-v-abb0395a] {
    margin-bottom: 26px;
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.shopping-cart-view .main-content .goods-order .order-store-list[data-v-abb0395a] {
    height: 85vh;
    padding: 0 10px;
    overflow-y: scroll
}

.shopping-cart-view .main-content .goods-order .order-store-list[data-v-abb0395a]::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.shopping-cart-view .main-content .goods-order .order-store-list[data-v-abb0395a]::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #c1c1c1
}

.shopping-cart-view .main-content .goods-order .order-store-list[data-v-abb0395a]::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #f4f4f4
}

.shopping-cart-view .main-content .goods-order .order-store-list[data-v-abb0395a]:hover::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #c1c1c1
}

.shopping-cart-view .main-content .goods-order .order-store-list[data-v-abb0395a]:hover::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #f4f4f4
}

.shopping-cart-view .main-content .goods-order .order-store-list .order-store-item .order-store[data-v-abb0395a] {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.shopping-cart-view .main-content .pay-card[data-v-abb0395a] {
    width: 386px;
    height: 502px;
    margin-left: 24px;
    background: linear-gradient(180deg, #fffaf0, #fffefe);
    border-radius: 8px
}

.shopping-cart-view .main-content .pay-card .title[data-v-abb0395a] {
    padding: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.shopping-cart-view .main-content .pay-card .pay-methods-list[data-v-abb0395a] {
    padding: 12px
}

.shopping-cart-view .main-content .pay-card .pay-methods-list .pay-methods[data-v-abb0395a] {
    height: 56px;
    padding: 14px;
    margin-bottom: 12px;
    background: #fff;
    border-radius: 8px
}

.shopping-cart-view .main-content .pay-card .pay-button[data-v-abb0395a] {
    padding: 12px;
    border-top: 1px solid #d8d8d8;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.shopping-cart-view .main-content .pay-card .pay-button .actual-payment .label[data-v-abb0395a] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.shopping-cart-view .main-content .pay-card .pay-button .actual-payment .price[data-v-abb0395a] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(233, 52, 52, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.shopping-cart-view .main-content .pay-card .pay-button .button[data-v-abb0395a] {
    width: 231px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-weight: 600;
    border-radius: 8px;
    color: #fff;
    background: #f33d3d
}

.shopping-cart-view .main-content .pay-card .pay-button .button.pay[data-v-abb0395a] {
    color: #fff;
    background: #f33d3d
}

.shopping-cart-view .main-content .pay-card .pay-button .button.unPay[data-v-abb0395a] {
    border: 1px solid #bdbdbd
}

.table-goods[data-v-abb0395a] {
    display: flex;
    align-items: center
}

.table-goods .img[data-v-abb0395a] {
    width: 98px;
    height: 98px
}

.table-goods .goods-info[data-v-abb0395a] {
    margin-left: 16px
}

.table-goods .goods-info .goods-name[data-v-abb0395a] {
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, .85);
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.table-goods .goods-info .goods-description[data-v-abb0395a] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.table-price[data-v-abb0395a] {
    font-size: 14px;
    line-height: 20px
}

.table-price[data-v-abb0395a],
.table-sale-price[data-v-abb0395a] {
    font-weight: 600;
    color: rgba(233, 52, 52, .85);
    text-align: left;
    font-style: normal
}

.table-sale-price[data-v-abb0395a] {
    font-size: 18px;
    line-height: 25px
}

.client-customer-benefits-view[data-v-3b71a023] {
    padding: 12px 16px
}

.client-customer-benefits-view .client-customer-benefits-header[data-v-3b71a023] {
    height: 50px;
    width: 100%;
    border-radius: 4px;
    background-size: 100%;
    background-repeat: no-repeat
}

.client-customer-benefits-view .client-customer-benefits-header .header-title[data-v-3b71a023] {
    padding: 14px 20px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.client-customer-benefits-view .client-customer-benefits-content .client-customer-benefits-tabs .custom-tabs[data-v-3b71a023] .view-tabs .view-tabItem {
    width: 20%;
    margin-right: 15px
}

.client-customer-benefits-view .client-customer-benefits-content .client-customer-benefits-list[data-v-3b71a023] {
    padding: 6px 0
}

.client-customer-benefits-view .client-customer-benefits-content .client-customer-benefits-list .client-customer-benefits-card[data-v-3b71a023] {
    height: 132px;
    margin: 6px 0;
    padding: 11px 16px;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.client-customer-benefits-view .client-customer-benefits-content .client-customer-benefits-list .client-customer-benefits-card .benefits-card-content .card-content-validity[data-v-3b71a023] {
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-customer-benefits-view .client-customer-benefits-content .client-customer-benefits-list .client-customer-benefits-card .benefits-card-content .card-content-equity-item[data-v-3b71a023] {
    margin-top: 16px;
    display: flex
}

.client-customer-benefits-view .client-customer-benefits-content .client-customer-benefits-list .client-customer-benefits-card .benefits-card-content .card-content-equity-item .equity-item[data-v-3b71a023] {
    width: 25%
}

.client-customer-benefits-view .client-customer-benefits-content .client-customer-benefits-list .client-customer-benefits-card .benefits-card-content .card-content-equity-item .equity-item .item-title[data-v-3b71a023] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-customer-benefits-view .client-customer-benefits-content .client-customer-benefits-list .client-customer-benefits-card .benefits-card-content .card-content-equity-item .equity-item .item-value[data-v-3b71a023] {
    font-weight: 500;
    font-size: 14px;
    color: #eb3f3f;
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-customer-benefits-detail-view[data-v-12dcec62] {
    padding-bottom: 10px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-header[data-v-12dcec62] {
    border-bottom: 1px solid #e5e6eb
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-header .custom-tabs[data-v-12dcec62] {
    justify-content: space-around
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-header .custom-tabs[data-v-12dcec62] .view-tabs .view-tabItem {
    height: 50px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content[data-v-12dcec62] {
    margin: 10px 16px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-rightInfo-main[data-v-12dcec62] {
    border: 1px solid #e5e6eb
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-rightInfo-main .view-name-main[data-v-12dcec62] {
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    border-bottom: 1px solid #eaeaf5
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-rightInfo-main .view-name-main .view-name[data-v-12dcec62] {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 4px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main[data-v-12dcec62] {
    padding: 15px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item[data-v-12dcec62] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item[data-v-12dcec62]:last-child {
    margin-bottom: 0
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item .view-label[data-v-12dcec62] {
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item .view-value[data-v-12dcec62] {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-rightInfo-main .view-baseInfo-main .view-baseInfo-item .view-value .view-dis[data-v-12dcec62] {
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-applicable-title[data-v-12dcec62] {
    display: flex;
    align-items: center;
    margin-top: 14px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-applicable-title .view-prefix[data-v-12dcec62] {
    width: 6px;
    height: 6px;
    background: #ffc108
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-applicable-title .view-title[data-v-12dcec62] {
    margin-left: 7px;
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-applicable-main[data-v-12dcec62] {
    padding: 8px 15px;
    margin-top: 16px;
    border: 1px solid #e5e6eb
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-applicable-main .view-label[data-v-12dcec62] {
    width: 60px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    padding-left: 8px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-applicable-main .view-value[data-v-12dcec62] {
    flex: 1;
    text-align: right;
    min-width: 0;
    font-size: 12px;
    font-weight: 500;
    color: #333
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-applicable-main .view-applicable-item[data-v-12dcec62] {
    display: flex;
    justify-content: space-between;
    padding: 7px 8px 7px 0;
    margin-top: 4px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-package-main[data-v-12dcec62] {
    margin-top: 24px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-package-main .bk-title[data-v-12dcec62] {
    margin-bottom: 16px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-package-main .view-package-table[data-v-12dcec62] {
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(20, 56, 149, .05);
    border-radius: 8px;
    overflow: hidden
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-exclusivePrice-main[data-v-12dcec62] {
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    margin-top: 12px;
    padding: 16px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item[data-v-12dcec62]:not(:last-child) {
    padding-bottom: 8px;
    margin-bottom: 8px
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main[data-v-12dcec62] {
    display: flex;
    justify-content: space-between;
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 14px;
    color: #333
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main .view-price-main[data-v-12dcec62] {
    display: flex
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main .view-price-main .bk-price[data-v-12dcec62] {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 14px;
    display: block
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main .view-price-main .view-goodsPrice[data-v-12dcec62] {
    color: #f43b00
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-info-main .view-price-main .view-standPrice[data-v-12dcec62] {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #999;
    text-decoration: line-through
}

.client-customer-benefits-detail-view .client-customer-benefits-detail-content .view-exclusivePrice-main .view-exclusivePrice-item .view-categoryName[data-v-12dcec62] {
    margin-top: 4px;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 13px;
    color: #999
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list[data-v-12dcec62] {
    height: 80vh;
    overflow: scroll;
    padding: 11px 16px
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item[data-v-12dcec62] {
    padding: 11px 16px;
    border-radius: 4px;
    margin-bottom: 12px;
    border: 1px solid #e5e6eb
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-header[data-v-12dcec62] {
    height: 20px;
    margin-bottom: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-header .header-billNo[data-v-12dcec62] {
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-header .header-time[data-v-12dcec62] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: center;
    font-style: normal
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-store[data-v-12dcec62] {
    display: flex;
    margin-bottom: 16px
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-store .store-icon[data-v-12dcec62] {
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    background: #ffc108
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-store .store-name[data-v-12dcec62] {
    margin-left: 8px;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list[data-v-12dcec62] {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e6eb
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list .item-goods-detail .goods-detail-item[data-v-12dcec62] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    font-style: normal;
    margin-bottom: 5px
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list .item-goods-detail .goods-detail-item .name[data-v-12dcec62] {
    width: 50%;
    text-align: left
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list .item-goods-detail .goods-detail-item .num[data-v-12dcec62] {
    width: 20%;
    text-align: center
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-goods-list .item-goods-detail .goods-detail-item .price[data-v-12dcec62] {
    width: 30%;
    text-align: right
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-item-footer[data-v-12dcec62] {
    margin-top: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-item-footer .footer-title[data-v-12dcec62] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-customer-benefits-detail-view .client-customer-benefits-consumption-history .consumption-history-card-list .consumption-history-card-item .card-item-footer .footer-value[data-v-12dcec62] {
    font-weight: 600;
    font-size: 16px;
    color: #eb3f3f;
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.client-customer-points-view[data-v-0df41b21] {
    padding: 12px 16px;
    height: 90vh;
    overflow-y: scroll
}

.client-customer-points-view .client-customer-points-header[data-v-0df41b21] {
    height: 178px;
    border-radius: 5px;
    padding: 14px 12px;
    background-image: url(../image/Def_client_custom_rights_points.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.client-customer-points-view .client-customer-points-header .points-title[data-v-0df41b21] {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.client-customer-points-view .client-customer-points-header .points-value[data-v-0df41b21] {
    margin-top: 80px;
    font-weight: 500;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .75);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-customer-points-view .client-customer-points-header .points-num[data-v-0df41b21] {
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    text-align: left;
    font-style: normal
}

.client-customer-points-view .client-customer-points-content .view-applicable-title[data-v-0df41b21] {
    display: flex;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 4px
}

.client-customer-points-view .client-customer-points-content .view-applicable-title .view-prefix[data-v-0df41b21] {
    width: 6px;
    height: 6px;
    background: #ffc108
}

.client-customer-points-view .client-customer-points-content .view-applicable-title .view-title[data-v-0df41b21] {
    margin-left: 7px;
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.client-customer-points-view .client-customer-points-content .client-customer-points-list .client-customer-points-card[data-v-0df41b21] {
    height: 108px;
    margin-bottom: 8px;
    padding: 11px 16px;
    border-radius: 4px;
    border: 1px solid #e5e6eb
}

.client-customer-points-view .client-customer-points-content .client-customer-points-list .client-customer-points-card .points-card-header[data-v-0df41b21] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.client-customer-points-view .client-customer-points-content .client-customer-points-list .client-customer-points-card .points-card-header .card-header-title[data-v-0df41b21] {
    width: 60%;
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.client-customer-points-view .client-customer-points-content .client-customer-points-list .client-customer-points-card .points-card-header .card-header-status[data-v-0df41b21] {
    width: 25%;
    min-width: 100px;
    height: 20px
}

.client-customer-points-view .client-customer-points-content .client-customer-points-list .client-customer-points-card .points-card-header .card-header-status .status-tag[data-v-0df41b21] {
    padding: 0 10px;
    border-radius: 4px
}

.client-customer-points-view .client-customer-points-content .client-customer-points-list .client-customer-points-card .points-card-header .card-header-value[data-v-0df41b21] {
    width: 15%;
    font-weight: 600;
    font-size: 16px;
    color: #2cc941;
    line-height: 22px;
    text-align: right;
    font-style: normal
}

.client-customer-points-view .client-customer-points-content .client-customer-points-list .client-customer-points-card .points-card-content[data-v-0df41b21] {
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 17px;
    text-align: left;
    font-style: normal
}

.client-customer-points-view .client-customer-points-content .client-customer-points-list .client-customer-points-card .points-card-content .points-content[data-v-0df41b21] {
    padding: 2px
}

.distributionTypeView[data-v-63a33896] {
    padding: 0 48px
}

.distributionTypeView .view-header[data-v-63a33896] {
    margin-top: 60px;
    margin-bottom: 102px
}

.distributionTypeView .view-header .tips-text[data-v-63a33896] {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #0a7aff;
    line-height: 20px;
    text-align: center;
    font-style: normal
}

.distributionTypeView .view-content .form-item[data-v-63a33896] {
    display: flex;
    padding: 17px 0
}

.distributionTypeView .view-content .form-item .item-label[data-v-63a33896] {
    width: 100px;
    margin-right: 40px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.distributionTypeView .view-content .form-item .item-value[data-v-63a33896] {
    width: calc(100% - 140px);
    display: flex
}

.distributionTypeView .view-content .form-item .item-value .distribution-type[data-v-63a33896] {
    width: 280px;
    height: 136px;
    padding: 16px 18px;
    margin-right: 16px;
    background: #f8f8f8;
    border-radius: 8px;
    cursor: pointer
}

.distributionTypeView .view-content .form-item .item-value .distribution-type .distribution-title[data-v-63a33896] {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 16px;
    color: #7c65ff;
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.distributionTypeView .view-content .form-item .item-value .distribution-type .distribution-remark[data-v-63a33896] {
    font-weight: 400;
    font-size: 14px;
    color: #7c65ff;
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.distributionTypeView .view-content .form-item .item-value .active[data-v-63a33896] {
    background: rgba(124, 101, 255, .1);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    border: 1px solid #7c65ff
}

.double-confirmation-view[data-v-63a33896] {
    height: 100px;
    align-items: center;
    font-family: PingFangSC, PingFang SC
}

.distribution-apply-view[data-v-ef5ba9d2],
.double-confirmation-view[data-v-63a33896] {
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    color: rgba(1, 1, 1, .65);
    line-height: 22px;
    font-style: normal
}

.distribution-apply-view[data-v-ef5ba9d2] {
    padding: 20px;
    flex-direction: column
}

.distribution-apply-view .apply-title[data-v-ef5ba9d2] {
    margin-bottom: 10px
}

.addDistributionPromotionView .promotion-header[data-v-43fbe0c4] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.addDistributionPromotionView .promotion-header .promotion-header-steps[data-v-43fbe0c4] {
    width: 500px;
    padding: 35px 0
}

.addDistributionPromotionView .promotion-content[data-v-43fbe0c4] {
    padding: 0 16px
}

.addDistributionPromotionView .promotion-content .promotion-tabs[data-v-43fbe0c4] {
    margin-bottom: 24px;
    display: flex;
    justify-content: center
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list[data-v-43fbe0c4] {
    height: 537px;
    overflow-y: scroll
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions[data-v-43fbe0c4] {
    width: 100%;
    display: flex;
    margin-bottom: 36px
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .goods-info[data-v-43fbe0c4] {
    display: flex;
    width: 417px;
    height: 128px;
    padding: 15px 20px;
    margin-right: 24px;
    background: #f5f5f5;
    border-radius: 8px
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .goods-info .item-cover[data-v-43fbe0c4] {
    width: 98px;
    height: 98px
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .goods-info .item-info[data-v-43fbe0c4] {
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .goods-info .item-info .item-name[data-v-43fbe0c4] {
    font-weight: 600;
    font-size: 14px;
    color: rgba(1, 1, 1, .85);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .goods-info .item-info .item-price .price[data-v-43fbe0c4] {
    font-weight: 600;
    font-size: 18px;
    color: #eb3f3f;
    line-height: 25px;
    text-align: left;
    font-style: normal
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .goods-info .item-info .item-price .sale-price[data-v-43fbe0c4] {
    margin-left: 8px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .25);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .commissions-set .set-form[data-v-43fbe0c4] {
    display: flex
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .commissions-set .set-form .form-item[data-v-43fbe0c4] {
    margin-right: 32px;
    margin-bottom: 16px
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .commissions-set .set-form .form-item .item-label[data-v-43fbe0c4] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .commissions-set .set-form .form-item .item-value[data-v-43fbe0c4] {
    margin-top: 10px
}

.addDistributionPromotionView .promotion-content .commissions-goods .goods-list .goods-item .item-commissions .commissions-set .set-form .form-item .item-value .input[data-v-43fbe0c4] {
    width: 236px
}

.edit-distribution-modal-view[data-v-4227c436] {
    padding: 20px
}

.edit-distribution-modal-view .form-item[data-v-4227c436] {
    display: flex;
    padding: 17px 0
}

.edit-distribution-modal-view .form-item .item-label[data-v-4227c436] {
    width: 100px;
    margin-right: 40px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.edit-distribution-modal-view .form-item .item-value[data-v-4227c436] {
    width: calc(100% - 140px);
    display: flex
}

.edit-distribution-modal-view .form-item .item-value .distribution-type[data-v-4227c436] {
    width: 280px;
    height: 136px;
    padding: 16px 18px;
    margin-right: 16px;
    background: #f8f8f8;
    border-radius: 8px;
    cursor: pointer
}

.edit-distribution-modal-view .form-item .item-value .distribution-type .distribution-title[data-v-4227c436] {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 16px;
    color: #7c65ff;
    line-height: 22px;
    text-align: left;
    font-style: normal
}

.edit-distribution-modal-view .form-item .item-value .distribution-type .distribution-remark[data-v-4227c436] {
    font-weight: 400;
    font-size: 14px;
    color: #7c65ff;
    line-height: 20px;
    text-align: left;
    font-style: normal
}

.edit-distribution-modal-view .form-item .item-value .active[data-v-4227c436] {
    background: rgba(124, 101, 255, .1);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    border: 1px solid #7c65ff
}

.distribution-tips-view {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: rgba(1, 1, 1, .65);
    line-height: 22px;
    font-style: normal
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body,
html {
    height: 100%;
    min-height: 100svh;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif
}

a {
    text-decoration: none
}

button,
input,
textarea {
    color: inherit;
    font: inherit
}

[class*=van-]:focus,
a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none
}

.vant-overlay {
    background-color: rgba(0, 0, 0, .5) !important;
    --van-overlay-background-color: rgba(0, 0, 0, 0.5) !important
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.rotate {
    transform: rotate(180deg)
}

.view-limitBox {
    max-width: 1380px;
    min-width: 920px;
    position: relative;
    left: 0;
    right: 0;
    margin: auto
}

.overflowText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.horiScrollView {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.horiScrollView>div {
    vertical-align: top;
    display: inline-block
}

body {
    font-family: alifont-regular, PingFangSC-Regular, SourceHanSansCN-Light !important;
    line-height: 20px !important
}

body,
input,
textarea {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--webo-font-def);
    color: var(--webo-text-def)
}

input,
textarea {
    font-family: alifont-regular, PingFangSC-Regular, SourceHanSansCN-Light;
    line-height: 20px
}

.PC div ::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    border-radius: 1px
}

.PC div ::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 1px
}

.PC div:hover>::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    border-radius: 1px
}

.PC div:hover>::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 1px
}

.PC .view-hoverItem {
    transition: all .2s;
    cursor: pointer
}

.PC .view-hoverItem:hover {
    transform: scale(1.01)
}

.PAD {
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none
}

input {
    box-sizing: border-box
}

input::-webkit-input-placeholder {
    color: var(--webo-text-placeholder)
}

.ant-message {
    z-index: 3010 !important
}

.van-dialog>.van-dialog__header {
    font-weight: 700;
    padding: 25px 0 5px 0
}

.van-dialog>.van-dialog__footer>button {
    font-size: var(--webo-font-button-def)
}

.topFadeIn-enter-from,
.topFadeIn-leave-to {
    transform: translateY(-50px);
    opacity: 0
}

.topFadeIn-enter-active,
.topFadeIn-leave-active {
    transition: all .2s
}

.ant-message .ant-message-notice>.ant-message-notice-content {
    padding: 0;
    background: #fff;
    border-radius: 4px
}

.ant-message .ant-message-notice>.ant-message-notice-content .ant-message-custom-content {
    padding: 10px 20px;
    border-radius: 4px;
    font-size: var(--webo-font-def)
}

.ant-message .ant-message-notice>.ant-message-notice-content .ant-message-custom-content.ant-message-error {
    padding-left: 50px;
    background: #fadee2 url(https://static-global.boka.vc/webo/pc/Def_Icon_Msg_Error.png) 20px/20px no-repeat;
    color: #e00018;
    font-weight: 600;
    line-height: 20px
}

.ant-message .ant-message-notice>.ant-message-notice-content .ant-message-custom-content.ant-message-warning {
    padding-left: 50px;
    background: #fff8e0 url(https://static-global.boka.vc/webo/pc/Def_Icon_Msg_Warn.png) 20px/20px no-repeat;
    color: #ffb800;
    font-weight: 600;
    line-height: 20px
}

.ant-message .ant-message-notice>.ant-message-notice-content .ant-message-custom-content.ant-message-success {
    padding-left: 50px;
    background: #e0f6ed url(https://static-global.boka.vc/webo/pc/Def_Icon_Msg_Success.png) 20px/20px no-repeat;
    color: #00ad6f;
    font-weight: 600;
    line-height: 20px
}

.ant-message .ant-message-notice>.ant-message-notice-content .ant-message-custom-content.ant-message-info {
    color: #2e56f2;
    font-weight: 600;
    line-height: 20px;
    background: rgba(46, 86, 242, .1)
}

.ant-message .ant-message-notice>.ant-message-notice-content .ant-message-custom-content>.anticon {
    display: none
}

.ant-notification-notice-message {
    font-weight: 700
}

.ant-tooltip .ant-tooltip-inner {
    border-radius: 8px
}

@font-face {
    font-family: alifont-regular;
    font-weight: 400;
    src: url(../font/regular.woff) format("woff"), url(../font/regular.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: alifont-medium;
    font-weight: 700;
    src: url(../font/345fx8niaqEd4HfHtwYHJ.woff2) format("woff2"), url(../font/0QktXYNGkAoiSE3A2Za_I.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: alifont-blod;
    font-weight: 700;
    src: url(../font/bold.woff) format("woff"), url(../font/bold.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: alifont-heavy;
    font-weight: 900;
    src: url(../font/bold.woff) format("woff"), url(../font/bold.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: SourceHanSansCN-Light;
    src: url(https://static-global.boka.vc/mase/fonts/BKSourceHanSansCN-Light.otf)
}

@font-face {
    font-family: NewYork;
    src: url(../font/NewYork.ttf)
}

@font-face {
    font-family: Lato-Black;
    src: url(../font/Lato-Black.ttf)
}

@font-face {
    font-family: Lato-BlackItalic;
    src: url(../font/Lato-BlackItalic.ttf)
}

@font-face {
    font-family: Lato-Bold;
    src: url(../font/Lato-Bold.ttf)
}

@font-face {
    font-family: Lato-BoldItalic;
    src: url(../font/Lato-BoldItalic.ttf)
}

@font-face {
    font-family: Lato-Hairline;
    src: url(../font/Lato-Hairline.ttf)
}

@font-face {
    font-family: Lato-HairlineItalic;
    src: url(../font/Lato-HairlineItalic.ttf)
}

@font-face {
    font-family: Lato-Italic;
    src: url(../font/Lato-Italic.ttf)
}

@font-face {
    font-family: Lato-Light;
    src: url(../font/Lato-Light.ttf)
}

@font-face {
    font-family: Lato-LightItalic;
    src: url(../font/Lato-LightItalic.ttf)
}

@font-face {
    font-family: Lato-Regular;
    src: url(../font/Lato-Regular.ttf)
}

@font-face {
    font-family: PlayfairDisplay-Black;
    src: url(../font/PlayfairDisplay-Black.ttf)
}

@font-face {
    font-family: PlayfairDisplay-BlackItalic;
    src: url(../font/PlayfairDisplay-BlackItalic.ttf)
}

@font-face {
    font-family: PlayfairDisplay-Bold;
    src: url(../font/PlayfairDisplay-Bold.ttf)
}

@font-face {
    font-family: PlayfairDisplay-BoldItalic;
    src: url(../font/PlayfairDisplay-BoldItalic.ttf)
}

@font-face {
    font-family: PlayfairDisplay-Italic;
    src: url(../font/PlayfairDisplay-Italic.ttf)
}

@font-face {
    font-family: PlayfairDisplay-Regular;
    src: url(../font/PlayfairDisplay-Regular.ttf)
}

@font-face {
    font-family: Compote;
    src: url(https://static-global.mase.cloud/webo/fontSource/Compote-Free.otf)
}

@font-face {
    font-family: Ashfiana-Regular;
    src: url(../font/ashfiana.regular.ttf)
}

@font-face {
    font-family: Cormorant;
    src: url(https://static-global.mase.cloud/webo/fontSource/Cormorant-Bold.otf)
}

@font-face {
    font-family: DM-sans;
    src: url(../font/DMSans-Regular.ttf)
}

@font-face {
    font-family: Great-vibs;
    src: url(../font/GreatVibes-Regular.ttf)
}

@font-face {
    font-family: Poppins;
    src: url(../font/Poppins-Regular.ttf)
}

@font-face {
    font-family: PoppinsExtraLight;
    src: url(../font/Poppins-ExtraLight.ttf)
}

@font-face {
    font-family: PoppinsLight;
    src: url(../font/Poppins-Light.ttf)
}

@font-face {
    font-family: PlayfairDisplay;
    src: url(../font/PlayfairDisplay-Regular.ttf)
}

@font-face {
    font-family: Jost;
    src: url(../font/Jost-300-Light.ttf)
}

@font-face {
    font-family: Jost-Book;
    src: url(../font/Jost-400-Book.ttf)
}

@font-face {
    font-family: BebasNeueBold;
    src: url(https://mase-beimei-1253567392.cos.na-siliconvalley.myqcloud.com/webo/fontSource/BebasNeue-Bold.otf)
}

@font-face {
    font-family: BebasNeue;
    src: url(https://mase-beimei-1253567392.cos.na-siliconvalley.myqcloud.com/webo/fontSource/BebasNeue.otf)
}

@font-face {
    font-family: BebasNeueRegular;
    src: url(https://mase-beimei-1253567392.cos.na-siliconvalley.myqcloud.com/webo/fontSource/BebasNeue-Regular.otf)
}

@font-face {
    font-family: SpaceMono-Regular;
    src: url(../font/SpaceMono-Regular.ttf)
}

@font-face {
    font-family: LeagueSpartan-Regular;
    src: url(https://mase-beimei-1253567392.cos.na-siliconvalley.myqcloud.com/webo/fontSource/LeagueSpartan-Regular.otf)
}



@-webkit-keyframes vertical-bounce {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

@keyframes vertical-bounce {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes reveal-opacity-vertical {
    0% {
        opacity: .6;
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes reveal-opacity-vertical {
    0% {
        opacity: .6;
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@-webkit-keyframes reveal-opacity-scale {
    0% {
        opacity: .5;
        transform: scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes reveal-opacity-scale {
    0% {
        opacity: .5;
        transform: scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes reveal-opacity-scale-2 {
    0% {
        opacity: .2;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes reveal-opacity-scale-2 {
    0% {
        opacity: .2;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes reveal-bottom-in {
    0% {
        opacity: .8;
        transform: translateY(-120px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes reveal-bottom-in {
    0% {
        opacity: .8;
        transform: translateY(-120px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@-webkit-keyframes reveal-opacity-left-xy {
    0% {
        opacity: 0;
        transform: translate(-200px, -10px)
    }

    to {
        opacity: 1;
        transform: translate(-20px, -20px)
    }
}

@keyframes reveal-opacity-left-xy {
    0% {
        opacity: 0;
        transform: translate(-200px, -10px)
    }

    to {
        opacity: 1;
        transform: translate(-20px, -20px)
    }
}

@-webkit-keyframes reveal-opacity-right-xy {
    0% {
        opacity: 0;
        transform: translate(300px, 70px)
    }

    to {
        opacity: 1;
        transform: translate(20px, 30px)
    }
}

@keyframes reveal-opacity-right-xy {
    0% {
        opacity: 0;
        transform: translate(300px, 70px)
    }

    to {
        opacity: 1;
        transform: translate(20px, 30px)
    }
}

@-webkit-keyframes slide-in-from-left {
    0% {
        transform: translateX(-50%);
        width: 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        width: 100%;
        opacity: 1
    }
}

@keyframes slide-in-from-left {
    0% {
        transform: translateX(-50%);
        width: 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        width: 100%;
        opacity: 1
    }
}

@-webkit-keyframes staff-opacity-right-xy {
    0% {
        opacity: 1;
        transform: translate(300px, 70px) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(20px, 30px) scale(1.2)
    }
}

@keyframes staff-opacity-right-xy {
    0% {
        opacity: 1;
        transform: translate(300px, 70px) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(20px, 30px) scale(1.2)
    }
}

@-webkit-keyframes staff-opacity-left-xy {
    0% {
        opacity: 1;
        transform: translate(-300px, 70px) scale(.8)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

@keyframes staff-opacity-left-xy {
    0% {
        opacity: 1;
        transform: translate(-300px, 70px) scale(.8)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

@-webkit-keyframes loopMoveLeft {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes loopMoveLeft {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@-webkit-keyframes popUp-from-bottom {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes popUp-from-bottom {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.bk-checkbox.inline[data-v-2d809d83] {
    display: flex;
    align-items: center
}

.bk-checkbox .view-label[data-v-2d809d83] {
    margin-right: 10px;
    font-size: var(--webo-font-tip);
    color: #666
}

.bk-checkbox .ant-row .ant-col[data-v-2d809d83] {
    margin-bottom: 24px
}

.bk-checkbox[data-v-2d809d83] .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #2357ec
}

.bk-checkbox[data-v-2d809d83] .ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner {
    background-color: #ccc
}

.bk-checkbox[data-v-2d809d83] .ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner:after {
    border-color: #fff
}

.bk-checkbox[data-v-2d809d83] .ant-checkbox-inner {
    border-color: #e0e7fe
}

.bk-checkbox[data-v-2d809d83] .ant-checkbox .bk-lang {
    color: var(--webo-text-def);
    font-size: 14px
}

.bk-colorPicker {
    display: flex
}

.bk-colorPicker>.view-label {
    line-height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 10px;
    min-width: 100px
}

.bk-colorPicker>.view-label>.view-sub_label {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin-left: 6px
}

.bk-colorPicker>.view-label>.view-must {
    color: var(--webo-color-red);
    vertical-align: middle;
    margin-right: 4px
}

.bk-colorPicker>.view-label>.view-label-tip {
    color: var(--webo-color-main);
    margin-left: 6px
}

.bk-colorPicker>.view-bc {
    flex: 1;
    display: flex;
    border: .5px solid var(--webo-border-def);
    border-radius: 4px
}

.bk-colorPicker>.view-bc>.el-color-picker {
    width: 40px;
    height: 40px;
    min-width: 40px
}

.bk-colorPicker>.view-bc>.el-color-picker>.el-color-picker__trigger {
    width: 100%;
    height: 100%;
    border: none
}

.bk-colorPicker>.view-bc>.bk-input {
    flex: 1;
    border-left: .5px solid var(--webo-border-def);
    border-radius: 0
}

.bk-colorPicker>.view-bc>.bk-input .view-input {
    border: none !important
}

.bk-datePicker .ant-picker {
    padding-left: 16px
}

.bk-datePicker .ant-picker-input input {
    text-align: center !important
}

.bk-datePicker .ant-picker-range-separator {
    position: relative;
    padding: 0;
    text-align: center;
    min-width: 10px;
    height: 100%
}

.bk-datePicker .ant-picker-range-separator:after {
    line-height: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    content: "~"
}

.bk-datePicker .ant-picker-range-separator .ant-picker-separator {
    display: none
}

.bk-datePicker>.bk-datePicker-label {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    margin-bottom: 4px
}

.bk-datePicker>.bk-datePicker-label>.bk-datePicker-mustFlag {
    color: var(--webo-color-red);
    vertical-align: middle;
    margin-right: 4px
}

.bk-datePicker.bk-datePicker-customValue>.bk-datePicker-value .ant-picker-input>input {
    color: transparent
}

.bk-datePicker.bk-datePicker-customValue>.bk-datePicker-value>.view-customValue-mian {
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 40px;
    top: 0;
    display: flex;
    align-items: center;
    padding-left: 16px;
    bottom: 0;
    font-weight: 500;
    font-size: 14px;
    color: #333
}

.bk-datePicker>.bk-datePicker-value {
    height: 42px
}

.bk-datePicker>.bk-datePicker-value .ant-picker {
    width: 100%;
    height: 100%;
    border-color: #e0e7fe;
    border-radius: 6px
}

.bk-datePicker>.bk-datePicker-value .ant-picker-focused {
    box-shadow: none
}

.bk-datePicker-dropdown-date .ant-picker-footer .ant-picker-today-btn {
    display: none
}

.bk-mobile[data-v-547d9008] {
    display: inline-flex;
    cursor: pointer
}

.bk-mobile>.bk-mobile-text[data-v-547d9008] {
    font-weight: 700
}

.bk-mobile .bk-icon[data-v-547d9008] {
    margin-left: 4px
}

.bk-field-phone>.van-field>.van-field__value>.van-field__body>.van-field__control--custom {
    display: flex
}

.bk-field-phone>.van-field>.van-field__value>.van-field__body>.van-field__control--custom>.view-mobileCd-mian {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 120px;
    padding-right: 8px
}

.bk-field-phone>.van-field>.van-field__value>.van-field__body>.van-field__control--custom>.view-mobileCd-mian:after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 1px;
    height: 12px;
    background-color: #eaeaf5
}

.bk-field-phone>.van-field>.van-field__value>.van-field__body>.van-field__control--custom>.view-mobileCd-mian .bk-icon {
    margin-left: 4px;
    transform: rotate(90deg)
}

.bk-field-phone>.van-field>.van-field__value>.van-field__body>.van-field__control--custom>.view-phone-main {
    width: 130px;
    padding-left: 10px
}

.bk-field-phone .bk-field-phone-picker .view-item-option {
    display: flex;
    align-items: center
}

.bk-field-phone .bk-field-phone-picker .view-item-option>.view-iamge {
    width: 20px;
    height: 20px;
    margin-right: 12px
}

.bk-form>.view-title[data-v-f0cb88b8] {
    padding: 16px 0
}

.bk-form>.view-content>.view-formGroup[data-v-f0cb88b8] {
    margin-bottom: 16px
}

.bk-form>.view-content>.view-formGroup[data-v-f0cb88b8]:last-child {
    margin-bottom: 0
}

.bk-formItem.bk-formItem-labelPosition__top {
    text-align: left;
    line-height: 18px;
    padding-bottom: 4px
}

.bk-formItem.bk-formItem-labelPosition__left {
    display: flex
}

.bk-formItem.bk-formItem-labelPosition__left>.bk-formItem-element {
    flex: 1
}

.bk-formItem>.bk-formItem-label {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65)
}

.bk-formItem>.bk-formItem-label>.view-must {
    color: #f43b00;
    vertical-align: middle;
    margin-right: 4px
}

.bk-gender {
    display: inline-block
}

.bk-gender .bk-image {
    width: 20px;
    height: 20px
}

@font-face {
    font-family: iconfont;
    src: url(../font/iconfont.1771283c.woff2) format("woff2"), url(../font/iconfont.3c39bd0d.woff) format("woff"), url(../font/iconfont.1d02a047.ttf) format("truetype"), url(../font/9c17946036ccb1c4c3e278ce371399b6.svg) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-tishi:before {
    content: "\e6ae"
}

.icon-wodefenxiao:before {
    content: "\e6af"
}

.icon-yinhangka:before {
    content: "\e6b0"
}

.icon-daochu:before {
    content: "\e6b1"
}

.icon-sousuo1:before {
    content: "\e6b2"
}

.icon-qita:before {
    content: "\e6b3"
}

.icon-bianji2:before {
    content: "\e6b4"
}

.icon-yonghu:before {
    content: "\e6ad"
}

.icon-arrow-left:before {
    content: "\e607"
}

.icon-arrow-right:before {
    content: "\e608"
}

.icon-a-bianzubeifen7:before {
    content: "\e6a8"
}

.icon-a-bianzubeifen6:before {
    content: "\e6a9"
}

.icon-a-bianzubeifen5:before {
    content: "\e6aa"
}

.icon-a-bianzubeifen8:before {
    content: "\e6ab"
}

.icon-a-bianzubeifen4:before {
    content: "\e6ac"
}

.icon-instagram1:before {
    content: "\e87f"
}

.icon-Facebook:before {
    content: "\e606"
}

.icon-youtube:before {
    content: "\e879"
}

.icon-a-crossmark:before {
    content: "\e605"
}

.icon-a-ziyuan1:before {
    content: "\e604"
}

.icon-a-ActivitiesSettings:before {
    content: "\e6a6"
}

.icon-a-OnlineStoreOrders:before {
    content: "\e6a7"
}

.icon-dizhi:before {
    content: "\e6a5"
}

.icon-icons8-right:before {
    content: "\e602"
}

.icon-icons8-left:before {
    content: "\e601"
}

.icon-caidan--kuai:before {
    content: "\e897"
}

.icon-shangjiantou:before {
    content: "\e60a"
}

.icon-titok:before {
    content: "\e6a4"
}

.icon-instagram:before {
    content: "\e6fc"
}

.icon-douyin:before {
    content: "\e6a3"
}

.icon-shijian:before {
    content: "\e77c"
}

.icon-youxiang:before {
    content: "\e6a1"
}

.icon-dianhua1:before {
    content: "\e6a2"
}

.icon-mobileMenu-001:before {
    content: "\e6a0"
}

.icon-xingxing:before {
    content: "\e69f"
}

.icon-a-xingzhuangjiehe6:before {
    content: "\e686"
}

.icon-a-bianzu7beifen81:before {
    content: "\e687"
}

.icon-a-xingzhuangjiehe7:before {
    content: "\e688"
}

.icon-a-bianzu7beifen10:before {
    content: "\e689"
}

.icon-a-xingzhuangjiehe8:before {
    content: "\e68a"
}

.icon-a-xingzhuangjiehe2:before {
    content: "\e68b"
}

.icon-a-bianzu7beifen11:before {
    content: "\e68c"
}

.icon-a-bianzu7beifen9:before {
    content: "\e68d"
}

.icon-a-xingzhuangjiehe10:before {
    content: "\e68e"
}

.icon-a-xingzhuangjiehe5:before {
    content: "\e68f"
}

.icon-a-xingzhuangjiehe4:before {
    content: "\e690"
}

.icon-a-bianzu7beifen13:before {
    content: "\e691"
}

.icon-a-bianzu7beifen12:before {
    content: "\e692"
}

.icon-a-xingzhuangjiehebeifen2:before {
    content: "\e693"
}

.icon-xingzhuangjiehe:before {
    content: "\e694"
}

.icon-a-xingzhuangjiehebeifen7:before {
    content: "\e695"
}

.icon-a-xingzhuangjiehebeifen6:before {
    content: "\e696"
}

.icon-a-xingzhuangjiehe9:before {
    content: "\e697"
}

.icon-a-bianzu7beifen5:before {
    content: "\e698"
}

.icon-a-xingzhuangjiehe11:before {
    content: "\e699"
}

.icon-a-xingzhuangjiehebeifen4:before {
    content: "\e69a"
}

.icon-a-bianzu7:before {
    content: "\e69b"
}

.icon-a-xingzhuangjiehe3:before {
    content: "\e69c"
}

.icon-a-xingzhuangjiehebeifen9:before {
    content: "\e69d"
}

.icon-a-bianzu7beifen:before {
    content: "\e69e"
}

.icon-xieti:before {
    content: "\e67e"
}

.icon-a-bianzu7beifen8:before {
    content: "\e67f"
}

.icon-xiahuaxian:before {
    content: "\e680"
}

.icon-zitijiacu:before {
    content: "\e681"
}

.icon-zitimoren:before {
    content: "\e682"
}

.icon-yemian:before {
    content: "\e683"
}

.icon-zhongxian:before {
    content: "\e684"
}

.icon-link:before {
    content: "\e685"
}

.icon-zuoduiqi:before {
    content: "\e678"
}

.icon-juzhong:before {
    content: "\e679"
}

.icon-youduiqi:before {
    content: "\e67a"
}

.icon-youxia:before {
    content: "\e67b"
}

.icon-xiafangjuzhong:before {
    content: "\e67c"
}

.icon-youshang:before {
    content: "\e67d"
}

.icon-yulan:before {
    content: "\e675"
}

.icon-fenxiang:before {
    content: "\e676"
}

.icon-baocun:before {
    content: "\e677"
}

.icon-newPage:before {
    content: "\e674"
}

.icon-duoxuan-weixuanze:before {
    content: "\e673"
}

.icon-wenhao:before {
    content: "\e670"
}

.icon-wo-xiao:before {
    content: "\e671"
}

.icon-shanchu:before {
    content: "\e672"
}

.icon-zuoyoubianhuan:before {
    content: "\e664"
}

.icon-zengjia-hei:before {
    content: "\e665"
}

.icon-zhankai:before {
    content: "\e666"
}

.icon-a-xuanzhuan90:before {
    content: "\e667"
}

.icon-xianxing-_zhuanfa:before {
    content: "\e668"
}

.icon-a-zengjia-bai2:before {
    content: "\e669"
}

.icon-yuyue:before {
    content: "\e66a"
}

.icon-shangchuan:before {
    content: "\e66b"
}

.icon-xinzeng:before {
    content: "\e66c"
}

.icon-shuaxin:before {
    content: "\e66d"
}

.icon-shezhi:before {
    content: "\e66e"
}

.icon-zengjia-bai:before {
    content: "\e66f"
}

.icon-email:before {
    content: "\e661"
}

.icon-pages:before {
    content: "\e662"
}

.icon-zhuangxiu:before {
    content: "\e663"
}

.icon-duoxuan-xuanze:before {
    content: "\e656"
}

.icon-guanbi:before {
    content: "\e657"
}

.icon-gerenziliao:before {
    content: "\e658"
}

.icon-a-fanhuibeifen8:before {
    content: "\e659"
}

.icon-jianshao-zi:before {
    content: "\e65a"
}

.icon-qiehuan:before {
    content: "\e65b"
}

.icon-paixu:before {
    content: "\e65c"
}

.icon-shanchu-hong:before {
    content: "\e65d"
}

.icon-shanchu-bai:before {
    content: "\e65e"
}

.icon-gouwuche1:before {
    content: "\e65f"
}

.icon-qian:before {
    content: "\e660"
}

.icon-duoren:before {
    content: "\e64a"
}

.icon-a-bianzu42:before {
    content: "\e64b"
}

.icon-tuichu:before {
    content: "\e64c"
}

.icon-lianjie:before {
    content: "\e64d"
}

.icon-shuaxin-zi:before {
    content: "\e64e"
}

.icon-paixu-zi:before {
    content: "\e64f"
}

.icon-danxuan-gou:before {
    content: "\e650"
}

.icon-dingdan:before {
    content: "\e651"
}

.icon-bianji-banshou:before {
    content: "\e652"
}

.icon-mendianqiehuan:before {
    content: "\e653"
}

.icon-bianji1:before {
    content: "\e654"
}

.icon-aixin:before {
    content: "\e655"
}

.icon-denglu-liansuo:before {
    content: "\e63e"
}

.icon-ditu1:before {
    content: "\e63f"
}

.icon-denglu-mima1:before {
    content: "\e640"
}

.icon-denglu-xuanze:before {
    content: "\e641"
}

.icon-danxuan-xuanzhong:before {
    content: "\e642"
}

.icon-denglu-xiala:before {
    content: "\e643"
}

.icon-a-bianzu51:before {
    content: "\e644"
}

.icon-biyan:before {
    content: "\e645"
}

.icon-a-bianzu41:before {
    content: "\e646"
}

.icon-danxuan-weixuanzhong:before {
    content: "\e647"
}

.icon-a-bianzu2beifen10:before {
    content: "\e648"
}

.icon-bianji:before {
    content: "\e649"
}

.icon-diannao-yixuanzhong:before {
    content: "\e63c"
}

.icon-denglu-zhanghao:before {
    content: "\e63d"
}

.icon-diannao-weixuanzhong:before {
    content: "\e63a"
}

.icon-right:before {
    content: "\e63b"
}

.icon-shang-bai:before {
    content: "\e631"
}

.icon-shang-zi:before {
    content: "\e632"
}

.icon-qianjin:before {
    content: "\e633"
}

.icon-nan:before {
    content: "\e634"
}

.icon-fanhui:before {
    content: "\e613"
}

.icon-gouwuche:before {
    content: "\e635"
}

.icon-duoxuan-xuanzhong:before {
    content: "\e612"
}

.icon-duoxuan-bufenxuanzhong:before {
    content: "\e636"
}

.icon-denglu-EMAIL:before {
    content: "\e637"
}

.icon-dianhua:before {
    content: "\e638"
}

.icon-duoxuan-weixuanzhong:before {
    content: "\e639"
}

.icon-shuxing-weixuanzhong1:before {
    content: "\e615"
}

.icon-shuxing-xuanzhong:before {
    content: "\e62b"
}

.icon-shangxialashen:before {
    content: "\e62c"
}

.icon-houtui:before {
    content: "\e614"
}

.icon-shouji-weixuanzhong:before {
    content: "\e62d"
}

.icon-shouji-xuanzhong:before {
    content: "\e62e"
}

.icon-shang-hei:before {
    content: "\e62f"
}

.icon-nv:before {
    content: "\e630"
}

.icon-xiangji:before {
    content: "\e618"
}

.icon-zhuanfa:before {
    content: "\e617"
}

.icon-you-hei:before {
    content: "\e623"
}

.icon-you-bai:before {
    content: "\e624"
}

.icon-zhengyan:before {
    content: "\e625"
}

.icon-xia-bai:before {
    content: "\e626"
}

.icon-you-zi:before {
    content: "\e627"
}

.icon-zujian-weixuanzhong:before {
    content: "\e628"
}

.icon-xia-hei:before {
    content: "\e629"
}

.icon-xia-zi:before {
    content: "\e62a"
}

.icon-sousuo:before {
    content: "\e616"
}

.icon-Sections-weixuanzhong:before {
    content: "\e61e"
}

.icon-page-weixuanzhong:before {
    content: "\e61f"
}

.icon-zujian-xuanzhong:before {
    content: "\e620"
}

.icon-zuo-bai:before {
    content: "\e621"
}

.icon-zuo-hei:before {
    content: "\e622"
}

.icon-design-xuanzhong:before {
    content: "\e619"
}

.icon-design-weixuanzhong:before {
    content: "\e61a"
}

.icon-zuo-zi:before {
    content: "\e61b"
}

.icon-page-xuanzhong:before {
    content: "\e61c"
}

.icon-Sections-xuanzhong:before {
    content: "\e61d"
}

.icon-shuxing-weixuanzhong:before {
    content: "\e60d"
}

.icon-a-bianzu4:before {
    content: "\e60e"
}

.icon-a-bianzu5:before {
    content: "\e60f"
}

.icon-ditu:before {
    content: "\e610"
}

.icon-denglu-mima:before {
    content: "\e611"
}

@font-face {
    font-family: iconfont;
    src: url(../font/iconfont.1771283c.woff2) format("woff2"), url(../font/iconfont.3c39bd0d.woff) format("woff"), url(../font/iconfont.1d02a047.ttf) format("truetype")
}

.bk-icon.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bk-icon.iconfont.size-small {
    font-size: 12px;
    line-height: 12px
}

.bk-icon.iconfont.size-def {
    font-size: 16px;
    line-height: 16px
}

.bk-icon.iconfont.size-middle {
    font-size: 20px;
    line-height: 20px
}

.bk-icon.iconfont.size-big {
    font-size: 32px;
    line-height: 32px
}

.bk-input {
    display: inline-flex;
    border-radius: 5px
}

.bk-input.focusIn>.view-input {
    border-color: var(--webo-color-main);
    box-shadow: 0 0 4px 0 rgba(124, 101, 255, .5)
}

.bk-input.labelType-def {
    display: inline-block
}

.bk-input.labelType-def.size-plus>.view-label {
    line-height: 24px;
    font-size: var(--webo-font-def)
}

.bk-input.labelType-def>.view-label {
    line-height: 18px;
    padding-bottom: 4px;
    font-size: var(--webo-font-tip);
    color: var(--webo-text-def-45)
}

.bk-input.disabled .view-input {
    background: var(--webo-bc-lightGray) !important
}

.bk-input.disabled .view-input .view-value {
    background: var(--webo-bc-lightGray)
}

.bk-input.disabled .ant-input[disabled],
.bk-input.disabled input {
    color: var(--webo-text-def-45)
}

.bk-input>.view-label {
    line-height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.bk-input>.view-label>.view-sub_label {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin-left: 6px
}

.bk-input>.view-label>.view-must {
    color: var(--webo-color-red);
    vertical-align: middle;
    margin-right: 4px
}

.bk-input>.view-label>.view-label-tip {
    color: var(--webo-color-main);
    margin-left: 6px
}

.bk-input.type-search>.view-input {
    border-radius: 5px 0 0 5px
}

.bk-input.type-search>.bk-button.btn-search {
    height: auto;
    border-radius: 0 5px 5px 0;
    color: var(--webo-text-white);
    line-height: 30px
}

.bk-input.style-line>.view-input {
    border-color: transparent
}

.bk-input.style-line>.view-input>input {
    text-align: right;
    background: transparent
}

.bk-input>.view-input {
    flex: 1;
    display: flex;
    border-radius: 5px;
    border: solid 1px var(--webo-border-def);
    overflow: hidden;
    background: var(--webo-bc-white)
}

.bk-input>.view-input .bk-input__textarea {
    width: 100%;
    border: none;
    resize: none
}

.bk-input>.view-input>.view-left {
    display: flex;
    align-items: center;
    padding-left: 5px
}

.bk-input>.view-input>.view-left .icon-sousuo {
    padding-left: 6px
}

.bk-input>.view-input>.view-left .bk-areaCode-select .view-value .ant-select-selector {
    padding-left: 0;
    padding-right: 26px
}

.bk-input>.view-input>.view-left .bk-areaCode-select .view-value .ant-select-selector .bk-image {
    height: 16px
}

.bk-input>.view-input>.view-left .span-prefix {
    padding-left: 10px;
    color: rgba(46, 86, 242, .5);
    font-weight: 600
}

.bk-input>.view-input>.view-left>.icon-sousuo {
    color: var(--webo-color-main);
    font-size: 18px
}

.bk-input>.view-input>.view-left .bk-image {
    width: 24px;
    height: 24px
}

.bk-input>.view-input>.view-padInput {
    display: block;
    padding: 9px 16px 9px 6px;
    flex: 1;
    line-height: 20px;
    border: none;
    box-shadow: none;
    text-align: right;
    cursor: pointer
}

.bk-input>.view-input>.view-padInput>.span-tip {
    color: var(--webo-text-tip)
}

.bk-input>.view-input>input {
    display: block;
    padding: 10px 16px 10px 16px;
    flex: 1;
    line-height: 20px;
    border: none;
    box-shadow: none
}

.bk-input>.view-input>input:focus,
.bk-input>.view-input>input:hover {
    border: none;
    box-shadow: none
}

.bk-input>.view-input>.ant-input-number {
    width: 100%;
    border: none;
    flex: 1
}

.bk-input>.view-input>.ant-input-number.ant-input-number-focused {
    box-shadow: none;
    border-right: none
}

.bk-input>.view-input>.ant-input-number:focus,
.bk-input>.view-input>.ant-input-number:hover {
    border: none;
    box-shadow: none
}

.bk-input>.view-input>.ant-input-number>.ant-input-number-input-wrap {
    height: 100%
}

.bk-input>.view-input>.ant-input-number>.ant-input-number-input-wrap>input {
    display: block;
    padding: 4px;
    flex: 1;
    line-height: 20px;
    border: none;
    box-shadow: none;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-weight: 600;
    border-radius: 2px;
    height: 100%;
    min-height: 30px
}

.bk-input>.view-input>.ant-input-number>.ant-input-number-input-wrap>input::-webkit-inner-spin-button,
.bk-input>.view-input>.ant-input-number>.ant-input-number-input-wrap>input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.bk-input>.view-input>.ant-input-number>.ant-input-number-handler-wrap {
    display: none
}

.bk-input>.view-input>input[type=number] {
    -moz-appearance: textfield
}

.bk-input>.view-input>.view-right {
    display: flex;
    justify-content: center;
    align-items: center
}

.bk-input>.view-input>.view-right .span-suffix {
    padding-right: 10px;
    color: rgba(46, 86, 242, .5);
    font-weight: 600
}

.bk-input>.view-input>.view-right .bk-icon {
    padding-right: 10px
}

.bk-input>.view-input>.view-clear {
    width: 40px;
    min-height: 100%;
    background: 50%/12px no-repeat url(https://static-global.boka.vc/webo/pc/Def_Icon_Input_Clear.png) transparent;
    cursor: pointer
}

.bk-input>.btn-cancel {
    display: flex;
    height: 100%;
    font-weight: 700;
    align-items: center
}

.bk-input.size-plus {
    width: 100%
}

.bk-input.size-plus input {
    padding: 20px
}

.bk-input.size-full {
    width: 100%
}

.bk-input.size-full>.view-input>.ant-input-number {
    width: 100% !important;
    height: 40px;
    padding-left: 4%
}

.bk-input.size-full>.view-input>.ant-input-number input {
    padding: 0;
    width: 100% !important;
    background: transparent !important;
    max-width: 100% !important;
    text-align: left
}

.bk-input.size-full>.view-input>.ant-input-number .ant-input-number-input {
    text-align: left
}

.bk-input.size-middle .view-padInput,
.bk-input.size-middle input {
    padding: 5px 16px 5px 3px
}

.bk-input.size-small input {
    padding: 2px 12px 2px 3px
}

.bk-lang[data-v-7823bcb8] {
    vertical-align: top
}

.bk-location {
    width: 100%
}

.bk-location .input-view {
    width: calc(50% - 20px) !important;
    height: 40px
}

.bk-location .mapButton {
    height: 40px
}

.bk-mobile[data-v-d760e3dc] {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.bk-mobile>.bk-mobile-text[data-v-d760e3dc] {
    font-weight: 700;
    margin-right: 12px
}

.bk-mobile .bk-icon[data-v-d760e3dc] {
    margin-right: 8px
}

.bk-navBar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    height: 56px;
    z-index: 1;
    background: transparent
}

.bk-navBar>.view-navBarHeader {
    padding: 8px 0
}

.bk-navBar>.view-navBarHeader>.btn-close {
    width: auto;
    font-weight: 600;
    color: var(--webo-text-def);
    height: 40px;
    line-height: 40px;
    font-size: var(--webo-font-button-action)
}

.bk-navBar>.view-navBarHeader>.btn-close .bk-icon {
    margin-right: 5px;
    color: var(--webo-text-def-65) !important
}

.bk-navBar>.view-navBarContent {
    display: flex;
    padding: 12px 12px 12px 16px;
    line-height: 32px
}

.bk-navBar>.view-navBarContent>.view-title {
    height: 32px
}

.bk-navBar>.view-navBarContent>.view-title>.bk-title {
    line-height: 32px
}

.bk-navBar>.view-navBarContent>.view-title.center {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 10;
    max-width: 180px
}

.bk-navBar>.view-navBarContent>.view-leftItems {
    position: relative;
    z-index: 1;
    min-width: 0;
    line-height: 32px
}

.bk-navBar>.view-navBarContent>.view-leftItems>.btn-close {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 32px;
    padding: 0;
    text-align: center
}

.bk-navBar>.view-navBarContent>.view-leftItems>.btn-close .bk-icon {
    color: var(--webo-text-def)
}

.bk-navBar>.view-navBarContent>.view-leftItems>.bk-view {
    display: inline-flex;
    margin-right: 12px
}

.bk-navBar>.view-navBarContent>.view-leftItems>.bk-view:last-child {
    margin-right: 0
}

.bk-navBar>.view-navBarContent>.view-rightItems {
    position: relative;
    flex: 1;
    z-index: 1;
    min-width: 0;
    text-align: right;
    line-height: 32px
}

.bk-navBar>.view-navBarContent>.view-rightItems>.view-rightItem {
    display: inline-block;
    height: 32px;
    margin-right: 15px;
    vertical-align: top
}

.bk-navBar>.view-navBarContent>.view-rightItems>.view-rightItem:last-child {
    margin-right: 0
}

.bk-navBar>.view-navBarContent>.view-rightItems>.view-rightItem .view-box {
    padding: 4px
}

.bk-navBar>.view-navBarContent>.view-rightItems>.view-rightItem .view-box-list {
    width: 100%
}

.bk-navBar>.view-navBarContent>.view-rightItems>.view-rightItem .view-box-list-item {
    padding-left: 7px;
    cursor: pointer;
    height: 34px;
    line-height: 34px
}

.bk-navBar>.view-navBarContent>.view-rightItems>.view-rightItem .view-box-list-item:hover {
    background: rgba(46, 86, 242, .1);
    border-radius: 4px 4px 4px 4px
}

.bk-navBar>.view-navBarContent>.view-rightItems>.view-rightItem .view-box-list-item :first-child {
    margin-right: 8px
}

.bk-navBar>.view-navBarContent>.view-rightItems .bk-button {
    font-weight: 600
}

.bk-page {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: var(--webo-bc-page);
    font-size: var(--webo-font-def)
}

.bk-page.navBar {
    padding-top: 56px
}

.bk-page.navRoot {
    position: fixed;
    padding-top: 56px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100
}

.bk-page.navPage.noNavBar,
.bk-page.navRoot.noNavBar {
    padding-top: 0
}

.bk-page.navPage>.bk-navBar>.view-content {
    padding-right: 24px
}

.bk-page>.view-pageContent {
    height: 100%
}

.bk-page :deep(.bk-navBar)>.view-content :deep(.view-leftItems) {
    height: 32px;
    line-height: 32px !important
}

.bk-popover .ant-popover .ant-popover-arrow {
    display: none
}

.bk-popover .ant-popover .ant-popover-inner {
    border-radius: 12px;
    box-shadow: none;
    background: transparent
}

.bk-popover .ant-popover .ant-popover-inner .ant-popover-inner-content {
    padding: 0
}

.bk-popover .ant-popover .view-popoverContent {
    background: var(--webo-bc-white);
    box-shadow: 0 8px 16px -4px rgba(0, 0, 0, .1);
    border-radius: 4px
}

.bk-price[data-v-4c3810ae] {
    font-family: PingFangSC-Regular;
    font-weight: 600
}

.bk-price.dis-line[data-v-4c3810ae] {
    text-decoration: line-through
}

.bk-price.disabled[data-v-4c3810ae] {
    position: relative;
    color: var(--webo-text-tip)
}

.bk-price.disabled[data-v-4c3810ae]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 1px;
    background: var(--webo-text-tip);
    opacity: .8
}

.bk-price.color-red[data-v-4c3810ae] {
    color: var(--webo-color-red)
}

.bk-price.color-gray[data-v-4c3810ae] {
    color: var(--webo-text-tip)
}

.bk-price>.span-label[data-v-4c3810ae] {
    color: var(--webo-text-def)
}

.bk-price>.span-label[data-v-4c3810ae],
.bk-price>.span-unit[data-v-4c3810ae] {
    font-size: var(--webo-font-tip);
    font-family: SourceHanSansCN-Bold, PingFangSC-Semibold, PingFang SC
}

.bk-price>.span-unit[data-v-4c3810ae] {
    margin-right: 2px
}

.bk-price>.span-value[data-v-4c3810ae] {
    font-family: PingFangSC-Regular
}

.bk-price>.countTo[data-v-4c3810ae] {
    display: inline-block
}

.bk-radio.inline[data-v-cb4f82dc] {
    display: flex;
    align-items: center
}

.bk-radio .view-must[data-v-cb4f82dc] {
    color: var(--webo-color-red);
    vertical-align: middle;
    margin-right: 4px
}

.bk-radio .view-label[data-v-cb4f82dc] {
    margin-right: 10px;
    font-size: var(--webo-font-tip);
    color: var(--webo-text-def)
}

.bk-radio[data-v-cb4f82dc] .ant-radio.ant-radio-checked .ant-radio-inner {
    border-color: var(--webo-color-main)
}

.bk-radio[data-v-cb4f82dc] .ant-radio.ant-radio-checked .ant-radio-inner:after {
    background-color: var(--webo-color-main)
}

.bk-richTextEditor[data-v-4e53741b] {
    padding: 4px;
    border-radius: 8px;
    border: 1px solid #e0e7fe;
    background-color: #fff
}

.bk-richTextEditor[data-v-4e53741b] .w-e-text-container,
.bk-richTextEditor[data-v-4e53741b] .w-e-text-container [data-slate-editor] {
    min-height: var(--minHeight)
}

.bk-slider {
    display: flex
}

.bk-slider>.view-label {
    margin-right: 10px;
    line-height: 32px
}

.bk-slider>.view-box {
    flex: 1
}

.bk-slider>.view-box>.el-slider .el-slider__input {
    width: 112px
}

.bk-view {
    box-sizing: border-box
}

.bk-view.center {
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.bk-view.bold {
    font-weight: 600
}

.bk-view.disabled {
    opacity: .5;
    cursor: not-allowed !important
}

.bk-view.display-block {
    display: inline-block
}

.bk-view.display-flex {
    display: flex
}

.bk-view.display-inline-flex {
    display: inline-flex
}

.bk-view>.ant-space {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: hsla(0, 0%, 100%, .7)
}

.bk-view>.ant-space>.ant-space-item {
    position: relative;
    left: 0;
    right: 0;
    margin: auto
}

.bk-view .fadeIn-enter-from,
.bk-view .fadeIn-leave-to {
    opacity: 0
}

.bk-view .fadeIn-enter-active,
.bk-view .fadeIn-leave-active {
    transition: all .2s
}

.bk-view .rightFadeIn-enter-from,
.bk-view .rightFadeIn-leave-to {
    transform: translateX(352px);
    opacity: 0
}

.bk-view .rightFadeIn-enter-active,
.bk-view .rightFadeIn-leave-active {
    transition: all .2s
}

.bk-view .rightFadeInNoOpacity-enter,
.bk-view .rightFadeInNoOpacity-leave-to {
    transform: translateX(352px);
    opacity: .7
}

.bk-view .rightFadeInNoOpacity-enter-active,
.bk-view .rightFadeInNoOpacity-leave-active {
    transition: all .2s
}

.bk-step.size-full {
    width: 100%
}

.bk-step.type-def {
    display: inline-flex
}

.bk-step.type-def.labelType-def {
    display: inline-block
}

.bk-step.type-def>.view-label {
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 10px;
    line-height: 18px;
    padding-bottom: 4px;
    font-size: var(--webo-font-tip);
    color: var(--webo-text-def)
}

.bk-step.type-def>.view-label>.view-must {
    color: var(--webo-color-red);
    vertical-align: middle;
    margin-right: 4px
}

.bk-step.type-def .view-step {
    flex: 1;
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: solid 1px var(--webo-border-def);
    background-color: #fff
}

.bk-step.type-def .view-step .view-step-value-wrap {
    position: relative;
    flex: 1;
    padding: 5px 32px 5px 11px
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap {
    height: 100%;
    position: absolute;
    top: 0;
    right: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-up {
    background-color: #f6f7fa;
    width: 28px;
    height: calc(50% - 6px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-up.icon-btn-disabled {
    cursor: not-allowed
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-up.icon-btn-disabled:active {
    opacity: 1
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-up .bk-icon.iconfont {
    font-size: 12px !important
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-up:active {
    opacity: .7
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-down {
    background-color: #f6f7fa;
    width: 28px;
    height: calc(50% - 6px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-down.icon-btn-disabled {
    cursor: not-allowed
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-down.icon-btn-disabled:active {
    opacity: 1
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-down .bk-icon.iconfont {
    font-size: 12px !important
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .view-btn-down:active {
    opacity: .7
}

.bk-step.type-def .view-step .view-step-value-wrap .view-step-handle-wrap .icon-arrow {
    color: #e0e7fe
}

.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number-focused {
    box-shadow: none;
    border: none
}

.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number {
    border: none;
    width: 100%
}

.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number:focus,
.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number:hover {
    box-shadow: none;
    border: none
}

.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number>.ant-input-number-input-wrap {
    display: inline-flex;
    align-items: center
}

.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number>.ant-input-number-input-wrap>input {
    display: block;
    flex: 1;
    line-height: 20px;
    border: none;
    box-shadow: none;
    border-radius: 2px
}

.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number>.ant-input-number-input-wrap>input::-webkit-inner-spin-button,
.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number>.ant-input-number-input-wrap>input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number>.ant-input-number-input-wrap .ant-input-number-input {
    padding: 0
}

.bk-step.type-def .view-step .view-step-value-wrap>.ant-input-number>.ant-input-number-handler-wrap {
    display: none
}

.bk-step.disable .view-step {
    background-color: #f5f5f5;
    transition: all .3s
}

.bk-step.type-count {
    display: inline-flex
}

.bk-step.type-count.size-def {
    height: 32px
}

.bk-step.type-count.size-def>.view-step {
    width: 172px
}

.bk-step.type-count.size-def>.view-label {
    line-height: 32px;
    margin-right: 12px
}

.bk-step.type-count>.view-step {
    display: flex;
    flex: 1;
    height: 100%
}

.bk-step.type-count>.view-step>.bk-button {
    color: var(--webo-text-def);
    height: 100%
}

.bk-step.type-count>.view-step>.view-step-value-wrap {
    flex: 1;
    margin: 0 10px;
    height: 100%
}

.bk-step.type-count>.view-step>.view-step-value-wrap .view-input {
    border-color: var(--webo-bc-gray)
}

.bk-step.type-count>.view-step>.view-step-value-wrap .view-input .ant-input-number {
    background: var(--webo-bc-gray);
    width: 100%
}

.bk-switch {
    position: relative;
    display: inline-flex
}

.bk-switch.labelType-def {
    display: inline-block
}

.bk-switch.labelType-def>.view-label {
    line-height: 18px;
    padding-bottom: 4px;
    font-size: var(--webo-font-tip);
    color: var(--webo-text-def)
}

.bk-switch.labelType-def>.view-label>.view-label-tip {
    color: var(--webo-color-main);
    margin-left: 6px
}

.bk-switch.size-full {
    width: 100%
}

.bk-switch.size-full>.switch {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    font-size: 24px
}

.bk-switch.size-full>.view-value {
    height: 40px;
    line-height: 40px
}

.bk-switch.size-mid {
    width: 100%
}

.bk-switch.size-mid>.switch {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    font-size: 24px
}

.bk-switch.size-mid>.view-value {
    height: 22px;
    line-height: 20px
}

.bk-switch>.view-label {
    line-height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.bk-switch .ant-switch.ant-switch-checked {
    background-color: var(--webo-color-main)
}

.bk-tabs.inline[data-v-b704b448] {
    display: flex;
    align-items: center
}

.bk-tabs .view-must[data-v-b704b448] {
    color: var(--webo-color-red);
    vertical-align: middle;
    margin-right: 4px
}

.bk-tabs .view-label[data-v-b704b448] {
    margin-right: 10px;
    font-size: var(--webo-font-tip);
    color: var(--webo-text-def)
}

.bk-tabs .view-tabs[data-v-b704b448] {
    display: inline-block
}

.bk-tabs .view-tabs .view-tabItem[data-v-b704b448] {
    cursor: pointer;
    color: var(--webo-text-tip);
    display: inline-block;
    text-align: center
}

.bk-tabs .view-tabs .view-itemTip[data-v-b704b448] {
    color: #2e56f2;
    line-height: 16px;
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translateY(-50%)
}

.bk-tabs .view-tabs.type-def[data-v-b704b448] {
    padding: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--webo-bc-lightGray);
    text-align: center
}

.bk-tabs .view-tabs.type-def>.view-tabItem[data-v-b704b448] {
    padding: 2px 16px;
    border-radius: 3px;
    font-weight: 700
}

.bk-tabs .view-tabs.type-def>.view-tabItem.select[data-v-b704b448] {
    background: var(--webo-bc-white);
    color: var(--webo-color-main);
    font-weight: 600
}

.bk-tabs .view-tabs.type-def-button[data-v-b704b448] {
    background: var(--webo-bc-white);
    padding: 4px;
    border-radius: 6px
}

.bk-tabs .view-tabs.type-def-button>.view-tabItem[data-v-b704b448] {
    padding: 6px 8px;
    font-size: 13px
}

.bk-tabs .view-tabs.type-def-button>.view-tabItem.select[data-v-b704b448] {
    background: var(--webo-bc-white);
    border-radius: 4px;
    font-weight: 600;
    color: var(--webo-color-main)
}

.bk-tabs .view-tabs.type-menu-fill[data-v-b704b448] {
    display: inline-flex
}

.bk-tabs .view-tabs.type-menu-fill>.view-tabItem[data-v-b704b448] {
    margin-right: 20px;
    border-radius: 3px;
    padding: 8px 16px;
    font-weight: 400;
    min-width: 60px;
    color: var(--webo-text-def)
}

.bk-tabs .view-tabs.type-menu-fill>.view-tabItem[data-v-b704b448]:last-child {
    margin-right: 0
}

.bk-tabs .view-tabs.type-menu-fill>.view-tabItem.select[data-v-b704b448] {
    background: var(--webo-color-main);
    color: var(--webo-text-white);
    font-weight: 600
}

.bk-tabs .view-tabs.type-tabs-fill>.view-tabItem[data-v-b704b448] {
    margin-right: 12px;
    margin-bottom: 12px;
    border-radius: 3px;
    padding: 8px 12px;
    font-weight: 400;
    min-width: 60px;
    color: var(--webo-text-def);
    border: 1px solid transparent
}

.bk-tabs .view-tabs.type-tabs-fill>.view-tabItem.select[data-v-b704b448] {
    color: var(--webo-color-main);
    background: rgba(38, 74, 181, .1);
    border-radius: 4px;
    border: 1px solid var(--webo-color-main);
    font-weight: 600
}

.bk-tabs .view-tabs.type-menu-line[data-v-b704b448] {
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 100%
}

.bk-tabs .view-tabs.type-menu-line.size-small>.view-tabItem[data-v-b704b448] {
    padding: 4px 8px;
    margin-right: 12px
}

.bk-tabs .view-tabs.type-menu-line>.view-tabItem[data-v-b704b448] {
    position: relative;
    margin-right: 20px;
    padding: 8px 16px;
    font-weight: 500;
    min-width: 64px;
    color: var(--webo-text-gray);
    text-align: center
}

.bk-tabs .view-tabs.type-menu-line>.view-tabItem[data-v-b704b448]:last-child {
    margin-right: 0
}

.bk-tabs .view-tabs.type-menu-line>.view-tabItem.select[data-v-b704b448] {
    color: var(--webo-text-def);
    font-size: var(--webo-font-weighted);
    font-weight: 600
}

.bk-tabs .view-tabs.type-menu-line>.view-tabItem.select[data-v-b704b448]:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    content: "";
    top: auto;
    width: 32px;
    height: 3px;
    border-radius: 1.5px;
    background: var(--webo-color-main)
}

.bk-tabs .view-tabs.type-flex-line[data-v-b704b448] {
    position: relative;
    display: flex
}

.bk-tabs .view-tabs.type-flex-line[data-v-b704b448]:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    height: .5px;
    width: auto;
    background: var(--webo-border-def)
}

.bk-tabs .view-tabs.type-flex-line.size-full>.view-tabItem[data-v-b704b448] {
    padding: 18px 0
}

.bk-tabs .view-tabs.type-flex-line.size-small>.view-tabItem[data-v-b704b448] {
    padding: 4px 0;
    margin-right: 12px
}

.bk-tabs .view-tabs.type-flex-line>.view-tabItem[data-v-b704b448] {
    position: relative;
    flex: 1;
    text-align: left;
    margin-right: 20px;
    padding: 8px 0;
    font-weight: 500;
    min-width: 64px;
    color: var(--webo-text-gray)
}

.bk-tabs .view-tabs.type-flex-line>.view-tabItem[data-v-b704b448]:last-child {
    margin-right: 0
}

.bk-tabs .view-tabs.type-flex-line>.view-tabItem.select[data-v-b704b448] {
    color: var(--webo-color-main);
    font-weight: 600
}

.bk-tabs .view-tabs.type-flex-line>.view-tabItem.select[data-v-b704b448]:after {
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    top: auto;
    margin: auto;
    content: "";
    width: 30%;
    min-width: 32px;
    height: 4px;
    border-radius: 2px;
    background: var(--webo-color-main)
}

.bk-tabs .view-tabs.type-menu-list[data-v-b704b448] {
    overflow-y: auto;
    background: var(--webo-bc-lightGray);
    padding-bottom: 25px
}

.bk-tabs .view-tabs.type-menu-list>.view-tabItem[data-v-b704b448] {
    position: relative;
    display: block;
    text-align: left;
    padding: 16px 4px 16px 16px;
    font-family: SourceHanSansCN-Bold, PingFangSC-Semibold, PingFang SC;
    font-size: 13px;
    transition: all .3s
}

.bk-tabs .view-tabs.type-menu-list>.view-tabItem.select[data-v-b704b448] {
    background: var(--webo-bc-white);
    color: var(--webo-text-def)
}

.bk-tabs .view-tabs.type-menu-list>.view-tabItem.select[data-v-b704b448]:after {
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    top: 0;
    margin: auto;
    content: "";
    width: 3px;
    background: var(--webo-color-main)
}

.bk-tabs .view-tabs.type-menu-block[data-v-b704b448] {
    height: 28px
}

.bk-tabs .view-tabs.type-menu-block>.view-tabItem[data-v-b704b448] {
    display: inline-block;
    text-align: center;
    font-family: SourceHanSansCN-Bold, PingFangSC-Semibold, PingFang SC;
    font-size: var(--webo-font-tip);
    transition: all .3s;
    padding: 3px 15px;
    border: 1px solid var(--webo-bc-lightGray);
    background: var(--webo-bc-lightGray);
    margin-right: 12px;
    height: 28px;
    border-radius: 14px;
    overflow: hidden
}

.bk-tabs .view-tabs.type-menu-block>.view-tabItem.select[data-v-b704b448] {
    background: var(--webo-bc-hover);
    border: 1px solid var(--webo-color-main);
    color: var(--webo-color-main);
    font-family: SourceHanSansCN-Bold, PingFangSC-Semibold, PingFang SC;
    font-weight: 600
}

.bk-tabs .view-tabs.type-advanced[data-v-b704b448] {
    display: flex;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: var(--webo-color-main)
}

.bk-tabs .view-tabs.type-advanced>.view-tabItem[data-v-b704b448] {
    height: 32px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(46, 86, 242, .2);
    border-radius: 6px 6px 0 0;
    min-width: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    margin-left: 8px
}

.bk-tabs .view-tabs.type-advanced>.view-tabItem.select[data-v-b704b448] {
    background: linear-gradient(90deg, #611ef1, #2e56f2);
    box-shadow: 0 2px 4px 0 rgba(46, 86, 242, .5);
    color: #fff
}

.bk-tabs .view-tabs.size-middle.type-menu-line>.view-tabItem[data-v-b704b448] {
    padding: 6px 10px;
    margin-right: 0
}

.bk-tabs .view-tabs.size-middle.type-menu-line>.view-tabItem.select[data-v-b704b448] {
    font-size: var(--webo-font-def)
}

.bk-tabs .view-tabs.size-middle.type-menu-line>.view-tabItem.select[data-v-b704b448]:after {
    width: 24px
}

.bk-title[data-v-ff22fbd6] {
    display: inline-block;
    font-weight: 600;
    font-size: var(--webo-font-title);
    line-height: 32px
}

.bk-title .pre-image[data-v-ff22fbd6] {
    width: 20px;
    height: 18px;
    margin: 6px 10px 0 0
}

.bk-title .view-sub-title[data-v-ff22fbd6] {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    margin-left: 4px
}

.bk-title.size-banner[data-v-ff22fbd6] {
    font-size: var(--webo-font-title-banner);
    line-height: 44px
}

.bk-title.size-med[data-v-ff22fbd6] {
    font-size: var(--webo-font-title-med);
    line-height: 28px
}

.bk-title.size-small[data-v-ff22fbd6] {
    font-size: var(--webo-font-title-sub);
    line-height: 22px
}

.bk-title.size-tiny[data-v-ff22fbd6] {
    font-size: var(--webo-font-def);
    line-height: 19px
}

.bk-title.bk-title-showLeftSign[data-v-ff22fbd6]:before {
    display: inline-block;
    content: "";
    width: 3px;
    height: 12px;
    background: var(--webo-color-main);
    margin-right: 10px
}

.bk-title>.bk-title_subTitle[data-v-ff22fbd6] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    margin-left: 4px
}

.bk-img-preview .bk-image {
    width: 500px;
    height: 500px
}

.bk-upload[data-v-c2279472] {
    display: inline-block
}

.bk-upload.labelType-flex[data-v-c2279472] {
    display: flex;
    align-items: center
}

.bk-upload>.bk-upload-label>.view-label[data-v-c2279472] {
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 4px;
    font-size: var(--webo-font-tip);
    color: var(--webo-text-def-45)
}

.bk-upload>.bk-upload-label>.view-label>.view-must[data-v-c2279472] {
    color: var(--webo-color-red);
    vertical-align: middle;
    margin-right: 4px
}

.bk-upload>.bk-upload-label>.view-label>.view-placeholder[data-v-c2279472] {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #ccc;
    margin-left: 16px
}

.bk-upload .view-uploadWrap[data-v-c2279472] {
    display: flex;
    align-items: center
}

.bk-upload .view-uploadWrap[data-v-c2279472] .ant-upload-select .ant-upload {
    display: flex
}

.bk-upload .view-uploadWrap[data-v-c2279472] .ant-upload-select .uploaded-images {
    display: flex;
    border-radius: 6px
}

.bk-upload .view-uploadWrap[data-v-c2279472] .ant-upload-select .uploaded-images .bk-image {
    position: relative;
    width: 96px;
    height: 96px;
    margin-bottom: 12px
}

.bk-upload .view-uploadWrap[data-v-c2279472] .ant-upload-select .uploaded-images .bk-image .uploaded-images__close {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    background: rgba(0, 0, 0, .3);
    border-radius: 2px 2px 2px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.bk-upload .view-uploadWrap[data-v-c2279472] .ant-upload-select .uploaded-images .bk-image .uploaded-images__close .bk-icon {
    color: #fff
}

.bk-upload .bk-uploadTip[data-v-c2279472] {
    margin-left: 30px;
    color: var(--webo-text-tip);
    font-size: var(--webo-font-def)
}

.upload_btn[data-v-95aed7fa] {
    width: 96px;
    height: 96px;
    background-color: #f4f5f7;
    border: 1px dashed #e0e7fe;
    border-radius: 6px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.upload_btn.button[data-v-95aed7fa] {
    width: 100%;
    height: 40px
}

.upload_btn.button>.upload-text[data-v-95aed7fa] {
    line-height: 40px;
    color: var(--webo-text-def);
    font-weight: 600
}

.upload_btn .upload-tips[data-v-95aed7fa] {
    margin-top: 8px;
    font-size: 12px;
    color: #ccc
}

.web-section {
    position: relative
}

.web-section.topFadeIn {
    opacity: .6;
    transform: translateY(100px);
    transition-duration: .8s;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-delay: .2s
}

.web-section.topFadeIn.mobile {
    transform: translateY(60px)
}

.web-section.topFadeIn.visible {
    opacity: 1;
    transform: translateY(0)
}

.web-section.edit {
    position: relative
}

.web-section.edit.view-webWelcome.section-select,
.web-section.edit.view-webWelcome:hover {
    margin-top: 150px
}

.web-section.edit.section-select,
.web-section.edit:hover {
    border: 1.5px dashed #7c65ff
}

.web-section.edit.section-select.mobile>.view-editTool,
.web-section.edit:hover.mobile>.view-editTool {
    display: flex;
    position: absolute;
    left: -1.5px;
    right: -1.5px;
    bottom: auto;
    top: -32px;
    margin: auto;
    height: 32px
}

.web-section.edit.section-select.mobile>.view-editTool>.view-name,
.web-section.edit:hover.mobile>.view-editTool>.view-name {
    height: 32px
}

.web-section.edit.section-select.mobile>.view-editTool>.view-name>.bk-title,
.web-section.edit:hover.mobile>.view-editTool>.view-name>.bk-title {
    font-size: 12px !important;
    line-height: 32px
}

.web-section.edit.section-select.mobile>.view-editTool>.view-tool,
.web-section.edit:hover.mobile>.view-editTool>.view-tool {
    background: var(--webo-color-main)
}

.web-section.edit.section-select.mobile>.view-editTool>.view-tool>.bk-button,
.web-section.edit:hover.mobile>.view-editTool>.view-tool>.bk-button {
    width: 32px;
    height: 32px;
    font-weight: 600
}

.web-section.edit.section-select.mobile>.view-editTool>.view-tool>.bk-button .bk-icon,
.web-section.edit:hover.mobile>.view-editTool>.view-tool>.bk-button .bk-icon {
    font-size: 14px !important
}

.web-section.edit.section-select>.view-editTool,
.web-section.edit:hover>.view-editTool {
    display: flex;
    z-index: 1000
}

.web-section.edit>.view-editTool {
    display: none;
    position: absolute;
    left: -1.5px;
    right: -1.5px;
    bottom: auto;
    top: -50px;
    margin: auto;
    height: 50px
}

.web-section.edit>.view-editTool>.view-name {
    flex: 1
}

.web-section.edit>.view-editTool>.view-name>.bk-title {
    display: inline-block;
    background: var(--webo-color-main);
    line-height: 50px;
    padding: 0 15px;
    color: var(--webo-text-white);
    font-size: 18px
}

.web-section.edit>.view-editTool>.view-tool {
    background: var(--webo-color-main)
}

.web-section.edit>.view-editTool>.view-tool>.bk-button {
    width: 50px;
    height: 50px;
    font-weight: 600
}

.web-section.edit>.view-editTool>.view-tool>.bk-button .bk-icon {
    font-size: 18px !important
}

.web-section .view-fitler .bk-input {
    width: 360px
}

.web-section .vdr-container {
    position: absolute;
    z-index: 1;
    cursor: move;
    border: 2px dashed var(--webo-color-main)
}

.web-section .vdr-container>.view-tap {
    width: 100%;
    height: 100%
}

.web-section .vdr-container>.view-tap>.textInput {
    display: block;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .3);
    line-height: normal
}

.web-section .vdr-container>.vdr-handle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--webo-color-main)
}

.web-section .vdr-container>.vdr-handle.handle-tl {
    top: -6px;
    left: -6px
}

.web-section .vdr-container>.vdr-handle.handle-tm {
    top: -6px
}

.web-section .vdr-container>.vdr-handle.handle-tr {
    top: -6px;
    right: -6px
}

.web-section .vdr-container>.vdr-handle.handle-ml {
    left: -6px
}

.web-section .vdr-container>.vdr-handle.handle-mr {
    right: -6px
}

.web-section .vdr-container>.vdr-handle.handle-bl {
    bottom: -6px;
    left: -6px
}

.web-section .vdr-container>.vdr-handle.handle-bm {
    bottom: -6px
}

.web-section .vdr-container>.vdr-handle.handle-br {
    bottom: -6px;
    right: -6px
}

.web-section .vdr-container>.view-del {
    cursor: pointer;
    position: absolute;
    left: auto;
    right: 5px;
    bottom: auto;
    top: -32px;
    margin: auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: var(--webo-color-main);
    text-align: center;
    color: #fff
}

.web-blogsNews>.view-blogNewsItem {
    display: flex;
    margin-bottom: 12px
}

.web-blogsNews>.view-blogNewsItem>.view-img {
    width: 180px;
    height: 180px;
    min-width: 180px;
    margin-right: 20px
}

.web-blogsNews>.view-blogNewsItem>.view-img>.bk-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.web-blogsNews>.view-blogNewsItem>.view-text {
    flex: 1;
    height: 180px
}

.web-blogsNews>.view-blogNewsItem>.view-text>.view-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
    padding-top: 12px
}

.web-blogsNews>.view-blogNewsItem>.view-text>.view-date {
    font-size: 12px;
    color: #666
}

.web-blogsNews>.view-blogNewsItem>.view-text>.view-desc {
    margin-top: 5px;
    font-size: 14px;
    line-height: 24px;
    height: calc(100% - 86px);
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.web-button[data-v-c7e11206] {
    cursor: pointer;
    transition: all .3s ease
}

.web-button[data-v-c7e11206]:hover {
    scale: 1.05
}

.web-button .a-link[data-v-c7e11206] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent
}

.web-drawer.mobile .ant-drawer-header {
    padding: 15px 0 0 25px;
    background: none
}

.web-drawer.mobile .view-btn-close {
    font-size: 18px
}

.web-drawer.mobile .ant-drawer-body {
    padding: 30px 32px 0 25px
}

.web-drawer.mobile .view-drawer-menu .view-menu-item {
    font-size: 24px
}

.web-drawer.mobile .view-store-info {
    font-family: LeagueSpartan-Regular;
    font-size: 18px
}

.web-drawer.mobile .view-store-info .view-btn-jump {
    width: 30px;
    height: 30px;
    background-size: 30px 30px
}

.web-drawer.mobile .view-workHours .view-workHours-item {
    font-size: 18px;
    line-height: 20px
}

.web-drawer .view-btn-close {
    font-size: 36px;
    color: #fff
}

.web-drawer .ant-drawer-header {
    padding: 30px 0 0 50px;
    background: none
}

.web-drawer .ant-drawer-content {
    background-color: #111
}

.web-drawer .ant-drawer-body {
    padding: 0 64px 0 50px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.view-drawer-menu .view-menu-item {
    font-family: BebasNeueBold;
    font-size: 46px;
    color: #fff;
    line-height: 1.8;
    cursor: pointer
}

.view-drawer-menu .view-menu-item.active {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.view-info-container {
    margin-top: 20px;
    color: #fff
}

.view-info-container .view-store-info {
    font-family: LeagueSpartan-Regular;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    line-height: 36px
}

.view-info-container .view-store-info .view-btn-jump {
    margin-top: 8px;
    width: 46px;
    height: 46px;
    background: url(../image/UKIYOTATTOO_Home_Icon_Ins.png);
    background-size: 46px 46px;
    cursor: pointer
}

.view-info-container .view-workHours {
    margin-top: 30px
}

.view-info-container .view-workHours .view-workHours-item {
    display: flex;
    justify-content: space-between;
    font-family: LeagueSpartan-Regular;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    line-height: 36px
}

.view-info-container .view-workHours .view-workHours-item .view-day {
    min-width: 100px;
    color: #fff
}

.view-info-container .view-workHours .view-workHours-item .view-time {
    text-align: right;
    color: #fff
}

.web-editorView[data-v-385e67ca] {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.web-editorView[data-v-385e67ca]:hover {
    overflow: hidden;
    border: 1.5px dashed #7c65ff
}

.web-goods .view-fitler {
    margin-bottom: 20px
}

.web-goods .view-goodsBox {
    width: 100%
}

.web-goods .view-goodsBox>.view-goodsItem {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 16px 16px 16px 222px;
    width: calc(50% - 10px);
    height: 272px;
    margin-bottom: 16px
}

.web-goods .view-goodsBox>.view-goodsItem:nth-child(odd) {
    margin-right: 16px
}

.web-goods .view-goodsBox>.view-goodsItem:last-child {
    margin-bottom: 0
}

.web-goods .view-goodsBox>.view-goodsItem>.view-left {
    position: absolute;
    left: 16px;
    right: auto;
    bottom: auto;
    top: 16px;
    margin: auto
}

.web-goods .view-goodsBox>.view-goodsItem>.view-left>.view-coverImg {
    width: 190px;
    height: 190px
}

.web-goods .view-goodsBox>.view-goodsItem>.view-left>.view-coverImg>.bk-image {
    width: 100%;
    height: 100%;
    background: #f5f5f5
}

.web-goods .view-goodsBox>.view-goodsItem>.view-left>.view-thumbnail {
    margin-top: 10px;
    height: 40px
}

.web-goods .view-goodsBox>.view-goodsItem>.view-left>.view-thumbnail>.view-thumbImg {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: top;
    margin-right: 10px
}

.web-goods .view-goodsBox>.view-goodsItem>.view-left>.view-thumbnail>.view-thumbImg>.bk-image {
    width: 100%;
    height: 100%;
    background: #f5f5f5
}

.web-goods .view-goodsBox>.view-goodsItem>.view-info>.view-name {
    padding-top: 8px;
    line-height: 32px;
    font-weight: 600;
    font-size: 15px
}

.web-goods .view-goodsBox>.view-goodsItem>.view-info>.view-text {
    height: 150px;
    overflow-y: auto
}

.web-goods .view-goodsBox>.view-goodsItem>.view-info>.view-text>.view-group {
    padding-bottom: 5px
}

.web-goods .view-goodsBox>.view-goodsItem>.view-info>.view-text>.view-group>.view-title {
    line-height: 20px;
    font-weight: 600
}

.web-goods .view-goodsBox>.view-goodsItem>.view-info>.view-book {
    margin-top: 10px;
    text-align: right
}

.web-goods .view-goodsBox>.view-goodsItem>.view-info>.view-book>.web-btn {
    display: inline-block;
    min-width: 112px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: var(--webo-color-main);
    color: var(--webo-text-white);
    padding: 0 18px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600
}

.web-iframe iframe[data-v-56e2ac7a] {
    display: block;
    background: transparent;
    border: none
}

.web-image>.bk-image[data-v-e4bcbdd0] {
    width: 100%;
    height: 100%
}

.web-imageGroup.mobile .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-before {
    display: block;
    position: absolute !important;
    top: auto !important;
    bottom: 60px !important;
    left: auto !important;
    right: -60px !important;
    width: 35px;
    height: 25px
}

.web-imageGroup.mobile .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-before,
.web-imageGroup.mobile .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-before:hover {
    background: transparent url(../image/MYBEAUTYSPA_Video_Before.png) 50%/100% auto no-repeat !important
}

.web-imageGroup.mobile .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-next {
    position: absolute !important;
    bottom: 10px !important;
    top: auto !important;
    right: -30px !important;
    width: 35px;
    height: 25px
}

.web-imageGroup.mobile .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-next,
.web-imageGroup.mobile .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-next:hover {
    background: transparent url(../image/MYBEAUTYSPA_Video_Next.png) 50%/100% auto no-repeat !important
}

.web-imageGroup.mobile .view-imageGroupBox.layout-float {
    -moz-column-count: 2;
    column-count: 2;
    gap: 6px
}

.web-imageGroup.mobile .view-imageGroupBox.layout-float>.view-flexItem {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px
}

.web-imageGroup .view-carouselMenu {
    display: flex;
    text-align: center;
    border-bottom: 1px solid #bc9c8a
}

.web-imageGroup .view-carouselMenu>.view-titleItem {
    flex: 1;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    font-family: Cormorant;
    padding: 8px 0;
    opacity: .8;
    cursor: pointer
}

.web-imageGroup .view-carouselMenu>.view-titleItem.select {
    opacity: 1
}

.web-imageGroup .view-imageGroupBox.MYBEAUTYSPA-VIDEO {
    position: relative
}

.web-imageGroup .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-before {
    display: block;
    position: absolute !important;
    top: auto !important;
    bottom: 60px !important;
    left: auto !important;
    right: -90px !important;
    width: 70px;
    height: 50px
}

.web-imageGroup .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-before,
.web-imageGroup .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-before:hover {
    background: transparent url(../image/MYBEAUTYSPA_Video_Before.png) 50%/70px auto no-repeat !important
}

.web-imageGroup .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-next {
    position: absolute !important;
    bottom: 10px !important;
    top: auto !important;
    right: -90px !important;
    width: 70px;
    height: 50px
}

.web-imageGroup .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-next,
.web-imageGroup .view-imageGroupBox.MYBEAUTYSPA-VIDEO .arrow-next:hover {
    background: transparent url(../image/MYBEAUTYSPA_Video_Next.png) 50%/70px auto no-repeat !important
}

.web-imageGroup .view-imageGroupBox.layout-flex {
    display: flex
}

.web-imageGroup .view-imageGroupBox.layout-flex>.view-flexItem {
    flex: 1;
    padding: 46px
}

.web-imageGroup .view-imageGroupBox.layout-flex>.view-flexItem>video {
    display: block;
    width: 100%;
    height: 100%
}

.web-imageGroup .view-imageGroupBox.layout-float {
    -moz-column-count: 4;
    column-count: 4;
    gap: 12px
}

.web-imageGroup .view-imageGroupBox.layout-float>.view-flexItem {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px
}

.web-imageGroup .ant-carousel,
.web-imageGroup .ant-carousel .slick-slider {
    height: 100%
}

.web-imageGroup .ant-carousel.small-dots .slick-dots-bottom {
    height: 10px;
    bottom: 0
}

.web-imageGroup .ant-carousel.small-dots .slick-dots-bottom>li {
    margin-right: 10px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, .3)
}

.web-imageGroup .ant-carousel.small-dots .slick-dots-bottom>li:last-child {
    margin-right: 0
}

.web-imageGroup .ant-carousel.small-dots .slick-dots-bottom>li.slick-active {
    background: #000
}

.web-imageGroup .ant-carousel.small-dots .slick-dots-bottom>li>button {
    display: none
}

.web-imageGroup .ant-carousel .slick-prev {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: transparent url(../image/Def_Icon_ImgGroup_Left.png) 0/32px no-repeat
}

.web-imageGroup .ant-carousel .slick-next {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: transparent url(../image/Def_Icon_ImgGroup_Right.png) 100%/32px no-repeat
}

.web-imageGroup.mobile .ant-carousel,
.web-imageGroup.mobile .ant-carousel .slick-slider {
    height: 100%
}

.web-imageGroup.mobile .ant-carousel.small-dots .slick-dots-bottom {
    height: 10px;
    bottom: 0
}

.web-imageGroup.mobile .ant-carousel.small-dots .slick-dots-bottom>li {
    margin-right: 6px;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, .3)
}

.web-imageGroup.mobile .ant-carousel.small-dots .slick-dots-bottom>li:last-child {
    margin-right: 0
}

.web-imageGroup.mobile .ant-carousel.small-dots .slick-dots-bottom>li.slick-active {
    background: #000
}

.web-imageGroup.mobile .ant-carousel.small-dots .slick-dots-bottom>li>button {
    display: none
}

.web-imageGroup.mobile .ant-carousel .slick-prev {
    width: 32px;
    height: 50px;
    margin-left: -32px;
    margin-top: -25px;
    background: transparent url(../image/Def_Icon_ImgGroup_Left.png) 0/20px no-repeat
}

.web-imageGroup.mobile .ant-carousel .slick-next {
    width: 32px;
    height: 50px;
    margin-right: -32px;
    margin-top: -25px;
    background: transparent url(../image/Def_Icon_ImgGroup_Right.png) 100%/20px no-repeat
}

.web-leaveMessage.layout-001 .view-form .view-formItem {
    margin-bottom: 32px;
    max-width: 600px
}

.web-leaveMessage.layout-001 .view-form .view-formItem>.bk-input>.view-label {
    font-size: 18px;
    line-height: 24px
}

.web-leaveMessage.layout-001 .view-form .view-formItem>.bk-input>.view-input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #333;
    border-radius: 0
}

.web-leaveMessage.layout-001 .view-form .view-formItem>.bk-input>.view-input input {
    background: transparent;
    font-size: 18px;
    font-weight: 600
}

.web-leaveMessage.layout-001 .view-form .view-formItem>.bk-input>.view-input input:focus {
    border-color: transparent !important;
    box-shadow: none !important
}

.web-leaveMessage.layout-001 .view-btn {
    margin-top: 48px
}

.web-leaveMessage.layout-001 .view-btn>.btn-send {
    padding: 0 24px;
    line-height: 44px;
    height: 44px;
    min-width: 120px;
    color: #333;
    font-size: 20px;
    background: transparent;
    border-color: #333;
    border-radius: 2px
}

.web-leaveMessage.layout-002 .view-form .view-formItem {
    margin-bottom: 32px;
    max-width: 600px
}

.web-leaveMessage.layout-002 .view-form .view-formItem>.bk-input>.view-label {
    font-size: 18px;
    line-height: 24px;
    color: #6b4020
}

.web-leaveMessage.layout-002 .view-form .view-formItem>.bk-input>.view-input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #6b4020;
    border-radius: 0
}

.web-leaveMessage.layout-002 .view-form .view-formItem>.bk-input>.view-input input {
    background: transparent;
    font-size: 18px;
    font-weight: 600
}

.web-leaveMessage.layout-002 .view-form .view-formItem>.bk-input>.view-input input:focus {
    border-color: transparent !important;
    box-shadow: none !important
}

.web-leaveMessage.layout-002 .view-btn {
    margin-top: 48px
}

.web-leaveMessage.layout-002 .view-btn>.btn-send {
    border: none;
    padding: 0 24px;
    line-height: 44px;
    height: 44px;
    min-width: 120px;
    color: #fff;
    font-size: 20px;
    background: transparent;
    background: #6b4020;
    border-radius: 22px
}

.web-leaveMessage-mobile.m-layout-001 .view-form .view-formItem {
    margin-bottom: 12px
}

.web-leaveMessage-mobile.m-layout-001 .view-form .view-formItem>.bk-input>.view-label {
    font-size: 12px;
    line-height: 16px
}

.web-leaveMessage-mobile.m-layout-001 .view-form .view-formItem>.bk-input>.view-input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #6b4020;
    border-radius: 0
}

.web-leaveMessage-mobile.m-layout-001 .view-form .view-formItem>.bk-input>.view-input input {
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 5px 5px 5px
}

.web-leaveMessage-mobile.m-layout-001 .view-form .view-formItem>.bk-input>.view-input input:focus {
    border-color: transparent !important;
    box-shadow: none !important
}

.web-leaveMessage-mobile.m-layout-001 .view-btn {
    margin-top: 32px;
    text-align: center
}

.web-leaveMessage-mobile.m-layout-001 .view-btn>.btn-send {
    display: inline-block;
    padding: 0 24px;
    line-height: 34px;
    height: 36px;
    min-width: 120px;
    color: #fff;
    border-color: #1f2d2e;
    border-radius: 18px;
    font-size: 14px;
    background: #1f2d2e;
    font-weight: 600
}

.web-leaveMessage-mobile.m-layout-002 .view-form .view-formItem {
    margin-bottom: 12px
}

.web-leaveMessage-mobile.m-layout-002 .view-form .view-formItem>.bk-input>.view-label {
    font-size: 12px;
    line-height: 16px;
    color: #6b4020
}

.web-leaveMessage-mobile.m-layout-002 .view-form .view-formItem>.bk-input>.view-input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #6b4020;
    border-radius: 0
}

.web-leaveMessage-mobile.m-layout-002 .view-form .view-formItem>.bk-input>.view-input input {
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 5px 5px 5px
}

.web-leaveMessage-mobile.m-layout-002 .view-form .view-formItem>.bk-input>.view-input input:focus {
    border-color: transparent !important;
    box-shadow: none !important
}

.web-leaveMessage-mobile.m-layout-002 .view-btn {
    margin-top: 32px;
    text-align: center
}

.web-leaveMessage-mobile.m-layout-002 .view-btn>.btn-send {
    border: none;
    display: inline-block;
    padding: 0 24px;
    line-height: 34px;
    height: 36px;
    min-width: 120px;
    color: #fff;
    border-radius: 18px;
    font-size: 14px;
    background: #6b4020;
    font-weight: 600
}

.web-linkGroup .web-linkGroupBox.layout-app-menu[data-v-1daa62f0] {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

.web-linkGroup .web-linkGroupBox.layout-app-menu>.view-item[data-v-1daa62f0] {
    margin: 0 8px;
    text-align: center;
    cursor: pointer;
    flex: 1 1 auto
}

.web-linkGroup .web-linkGroupBox.layout-app-menu>.view-item.select[data-v-1daa62f0] {
    font-weight: 600;
    text-decoration: underline
}

.web-linkGroup .web-linkGroupBox.layout-app-menu>.view-item span[data-v-1daa62f0] {
    cursor: pointer
}

.web-linkGroup .web-linkGroupBox.layout-block>.view-item[data-v-1daa62f0] {
    margin-bottom: 20px;
    cursor: pointer
}

.web-linkGroup .web-linkGroupBox.layout-flex[data-v-1daa62f0] {
    display: flex
}

.web-linkGroup .web-linkGroupBox.layout-flex>.view-item[data-v-1daa62f0] {
    flex: 1;
    cursor: pointer
}

.web-linkGroup-mobile .view-menuIcon[data-v-1daa62f0] {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.web-linkGroup-mobile .m-layout-flex[data-v-1daa62f0] {
    display: flex
}

.web-linkGroup-mobile .m-layout-flex>.view-item[data-v-1daa62f0] {
    flex: 1;
    cursor: pointer
}

.view-menu-fullScreen[data-v-1daa62f0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #fff;
    color: #333
}

.view-menu-fullScreen>.btn-close[data-v-1daa62f0] {
    position: fixed;
    top: 10px;
    right: 10px;
    border: none;
    font-weight: 600
}

.view-menu-fullScreen>.view-menu-box[data-v-1daa62f0] {
    height: 100%;
    overflow-y: auto;
    padding: 64px 0 72px 0;
    text-align: center
}

.view-menu-fullScreen>.view-menu-box>.view-item[data-v-1daa62f0] {
    text-align: center;
    line-height: 64px
}

.web-menu[data-v-095d9758] {
    text-align: center
}

.web-menu.center[data-v-095d9758] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.web-menu>.view-menuItem[data-v-095d9758] {
    flex: 1
}

.web-menu>.view-menuItem>span[data-v-095d9758] {
    cursor: pointer
}

.web-popButton {
    cursor: pointer;
    transition: all .3s ease
}

.web-popButton.drawer {
    background: url(../image/ZONEOFINKTATTOO_Home_MenuBtn.png);
    background-size: cover
}

.web-popButton:hover {
    scale: 1.05
}

.web-popButton .a-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent
}

.popup-popButton.mobile {
    box-shadow: none !important;
    border-radius: 0;
    width: 375px !important;
    padding: 0 16px;
    height: 500px !important;
    overflow: visible
}

.popup-popButton.mobile,
.popup-popButton.mobile .view-popupBox {
    background: transparent !important
}

.popup-popButton.mobile .view-popupBox>.view-popupContent {
    overflow-y: visible !important
}

.popup-popButton.mobile .btn-close {
    position: absolute;
    bottom: -50px;
    width: 36px;
    height: 36px;
    left: 0;
    right: 0;
    margin: auto;
    border: none;
    background: transparent url(../image/Def_popButton_Close.png) 50%/100% no-repeat !important
}

.popup-popButton.mobile .btn-close.TR {
    bottom: auto;
    top: -18px;
    right: 0;
    left: auto
}

.popup-popButton.mobile .custom-slick-pre-arrow {
    width: 32px;
    height: 32px;
    left: -36px !important;
    background: transparent url(../image/Def_popButton_Left.png) 50%/100% no-repeat !important
}

.popup-popButton.mobile .custom-slick-next-arrow {
    width: 32px;
    height: 32px;
    right: -36px !important;
    background: transparent url(../image/Def_popButton_Right.png) 50%/100% no-repeat !important
}

.popup-popButton.mobile .view-popButton-imageGroupBox,
.popup-popButton.mobile .view-popButton-imageGroupBox .slick-active>div,
.popup-popButton.mobile .view-popButton-imageGroupBox .slick-list,
.popup-popButton.mobile .view-popButton-imageGroupBox .slick-slider,
.popup-popButton.mobile .view-popButton-imageGroupBox .slick-track {
    height: 100%
}

.popup-popButton.mobile .view-popButton-imageGroupBox .view-imgItem {
    text-align: center;
    height: 100%
}

.popup-popButton.mobile .view-popButton-imageGroupBox .view-imgItem>.bk-image {
    height: 100%
}

.popup-popButton.pc {
    box-shadow: none !important;
    border-radius: 0;
    width: 1200px;
    padding: 0 100px;
    height: 680px;
    max-height: 80vh;
    overflow: visible
}

.popup-popButton.pc,
.popup-popButton.pc .view-popupBox {
    background: transparent !important
}

.popup-popButton.pc .view-popupBox>.view-popupContent {
    overflow-y: visible !important
}

.popup-popButton.pc .btn-close {
    position: absolute;
    bottom: -80px;
    width: 64px;
    height: 64px;
    left: 0;
    right: 0;
    margin: auto;
    border: none;
    background: transparent url(../image/Def_popButton_Close.png) 50%/100% no-repeat !important
}

.popup-popButton.pc .btn-close.TR {
    bottom: auto;
    top: -18px;
    right: 0;
    left: auto
}

.popup-popButton.pc .custom-slick-pre-arrow {
    width: 64px;
    height: 64px;
    left: -84px !important;
    background: transparent url(../image/Def_popButton_Left.png) 50%/100% no-repeat !important
}

.popup-popButton.pc .custom-slick-next-arrow {
    width: 64px;
    height: 64px;
    right: -84px !important;
    background: transparent url(../image/Def_popButton_Right.png) 50%/100% no-repeat !important
}

.popup-popButton.pc .view-popButton-imageGroupBox,
.popup-popButton.pc .view-popButton-imageGroupBox .slick-active>div,
.popup-popButton.pc .view-popButton-imageGroupBox .slick-list,
.popup-popButton.pc .view-popButton-imageGroupBox .slick-slider,
.popup-popButton.pc .view-popButton-imageGroupBox .slick-track {
    height: 100%
}

.popup-popButton.pc .view-popButton-imageGroupBox .view-imgItem {
    text-align: center;
    height: 100%
}

.popup-popButton.pc .view-popButton-imageGroupBox .view-imgItem>.bk-image {
    height: 100%
}

.web-services>.layout-006[data-v-6c80ba7d] {
    display: flex;
    padding: 0 290px;
    flex-wrap: wrap;
    justify-content: center
}

.web-services>.layout-006>.view-item[data-v-6c80ba7d] {
    width: 420px;
    height: 560px;
    background-color: #fffefa;
    margin-left: 24px;
    padding: 29px;
    margin-bottom: 19px;
    border-radius: 20px
}

.web-services>.layout-006>.view-item>.view-img[data-v-6c80ba7d] {
    height: 363px;
    width: 363px
}

.web-services>.layout-006>.view-item>.view-text[data-v-6c80ba7d] {
    padding-top: 34px;
    padding-bottom: 27px;
    font-size: 34px
}

.web-services>.layout-006>.view-item>.view-text>.view-name[data-v-6c80ba7d] {
    color: #1f201c;
    font-family: Jost-Book;
    letter-spacing: -.05em
}

.web-services>.layout-006>.view-item>.btn-book[data-v-6c80ba7d] {
    background-color: #00452b;
    border-radius: 21px;
    font-size: 23px;
    font-family: Jost-Book;
    text-align: center;
    width: 180px;
    height: 44px
}

.web-services .view-categoryList.layout-book-001[data-v-6c80ba7d] {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 80%;
    margin-bottom: 36px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.web-services .view-categoryList.layout-book-001>.view-box[data-v-6c80ba7d] {
    display: inline-block;
    border-bottom: 1px solid #a1a29a;
    vertical-align: top
}

.web-services .view-categoryList.layout-book-001>.view-box>.view-categoryItem[data-v-6c80ba7d] {
    position: relative;
    display: inline-block;
    line-height: 22px;
    padding: 11px 24px;
    font-size: 16px;
    cursor: pointer;
    min-width: 140px;
    text-align: center
}

.web-services .view-categoryList.layout-book-001>.view-box>.view-categoryItem.select[data-v-6c80ba7d] {
    font-weight: 600
}

.web-services .view-categoryList.layout-book-001>.view-box>.view-categoryItem.select[data-v-6c80ba7d]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    margin: auto;
    height: 2px;
    background: #282e1f
}

.web-services .view-categoryList.FLOWERNS[data-v-6c80ba7d] {
    width: 100%;
    margin-bottom: -6px
}

.web-services .view-categoryList.FLOWERNS>.view-box>.view-categoryItem[data-v-6c80ba7d] {
    font-family: Jost-Book;
    font-weight: 400;
    font-size: 24px;
    color: #1f201c
}

.web-services .view-categoryList.layout-book-002[data-v-6c80ba7d] {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 80%;
    margin-bottom: 36px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.web-services .view-categoryList.layout-book-002>.view-box[data-v-6c80ba7d] {
    display: inline-block;
    border-bottom: 1px solid #a1a29a;
    vertical-align: top
}

.web-services .view-categoryList.layout-book-002>.view-box>.view-categoryItem[data-v-6c80ba7d] {
    position: relative;
    display: inline-block;
    line-height: 22px;
    padding: 11px 24px;
    font-size: 16px;
    cursor: pointer;
    min-width: 140px;
    text-align: center
}

.web-services .view-categoryList.layout-book-002>.view-box>.view-categoryItem.select[data-v-6c80ba7d] {
    font-weight: 600
}

.web-services .view-categoryList.layout-book-002>.view-box>.view-categoryItem.select[data-v-6c80ba7d]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    margin: auto;
    height: 2px;
    background: #282e1f
}

.web-services .view-showAction[data-v-6c80ba7d] {
    padding: 28px 0;
    text-align: right
}

.web-services .view-showAction>.view-scaling[data-v-6c80ba7d] {
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #333;
    font-size: 50px;
    line-height: 62px;
    text-align: center;
    cursor: pointer
}

.web-services .view-showAction>.view-scaling.show[data-v-6c80ba7d] {
    background: transparent url(../image/Def_Icon_Services_Scaling_N.png) 50%/100% no-repeat
}

.web-services .view-showAction>.view-scaling.hide[data-v-6c80ba7d] {
    background: transparent url(../image/Def_Icon_Services_Scaling_S.png) 50%/100% no-repeat
}

.web-services .view-servicesBox.layout-book-001[data-v-6c80ba7d] {
    border-top: 1px solid #a1a29a;
    padding-bottom: 100px
}

.web-services .view-servicesBox.layout-book-001>.view-item[data-v-6c80ba7d] {
    display: flex;
    font-size: 24px;
    line-height: 44px;
    padding: 28px 18px 28px 0;
    border-bottom: 1px solid #a1a29a
}

.web-services .view-servicesBox.layout-book-001>.view-item>.view-name[data-v-6c80ba7d] {
    font-family: NewYork;
    flex: 3
}

.web-services .view-servicesBox.layout-book-001>.view-item>.view-name>.view-introduction[data-v-6c80ba7d] {
    line-height: 22px;
    font-size: 16px;
    font-family: alifont-regular, PingFangSC-Regular, SourceHanSansCN-Light
}

.web-services .view-servicesBox.layout-book-001>.view-item>.view-price[data-v-6c80ba7d] {
    flex: 1;
    text-align: right;
    font-family: NewYork
}

.web-services .view-servicesBox.layout-book-001>.view-item>.view-btn[data-v-6c80ba7d] {
    display: none;
    flex: 1
}

.web-services .view-servicesBox.layout-book-001>.view-item>.view-btn>.btn-res[data-v-6c80ba7d] {
    min-width: 125px;
    height: 37px;
    background-color: #00452b;
    line-height: 37px;
    border-radius: 18px;
    font-size: 18px
}

.web-services .view-servicesBox.layout-book-001>.view-item.FLOWERNS[data-v-6c80ba7d] {
    height: 138px;
    line-height: 84px;
    font-family: Jost-Book
}

.web-services .view-servicesBox.layout-book-001>.view-item.FLOWERNS>.view-name[data-v-6c80ba7d] {
    font-family: Jost-Book
}

.web-services .view-servicesBox.layout-book-001>.view-item.FLOWERNS>.view-price[data-v-6c80ba7d] {
    text-align: left;
    font-family: Jost-Book
}

.web-services .view-servicesBox.layout-book-001>.view-item.FLOWERNS .view-introduction[data-v-6c80ba7d] {
    display: none
}

.web-services .view-servicesBox.layout-book-001>.view-item.FLOWERNS>.view-btn[data-v-6c80ba7d] {
    display: block;
    text-align: right
}

.web-services .view-servicesBox.layout-book-002[data-v-6c80ba7d] {
    border-top: 1px solid #a1a29a;
    padding-bottom: 100px;
    font-family: Lato-Regular
}

.web-services .view-servicesBox.layout-book-002>.view-item[data-v-6c80ba7d] {
    font-size: 24px;
    line-height: 44px;
    padding: 28px 18px 40px 0;
    border-bottom: 1px solid #a1a29a
}

.web-services .view-servicesBox.layout-book-002>.view-item>.view-flex[data-v-6c80ba7d] {
    display: flex
}

.web-services .view-servicesBox.layout-book-002>.view-item>.view-flex>.view-name[data-v-6c80ba7d] {
    font-family: Lato-Regular;
    flex: 3;
    margin-right: 20px;
    font-weight: 600
}

.web-services .view-servicesBox.layout-book-002>.view-item>.view-flex>.view-name>.view-LinkKey[data-v-6c80ba7d] {
    font-size: 24px;
    line-height: 30px
}

.web-services .view-servicesBox.layout-book-002>.view-item>.view-flex>.view-name>.view-serviceProcess[data-v-6c80ba7d] {
    margin-top: 32px;
    line-height: 28px;
    font-size: 18px
}

.web-services .view-servicesBox.layout-book-002>.view-item>.view-flex>.view-price[data-v-6c80ba7d] {
    flex: 1;
    margin-top: 5px
}

.web-services .view-servicesBox.layout-book-002>.view-item>.view-flex>.view-price>.view-priceItem[data-v-6c80ba7d] {
    font-family: Lato-Regular;
    font-size: 20px;
    line-height: 36px;
    font-style: italic
}

.web-services .view-servicesBox.layout-book-002>.view-item>.view-flex>.view-btn[data-v-6c80ba7d] {
    margin-left: 50px
}

.web-services .view-servicesBox.layout-book-002>.view-item>.view-flex>.view-btn>.btn-res[data-v-6c80ba7d] {
    min-width: 125px;
    height: 38px;
    line-height: 36px;
    background: #1f2d2e;
    border-color: #1f2d2e;
    border-radius: 19px;
    font-size: 18px;
    font-weight: 600
}

.web-services .view-servicesBox.layout-book-003[data-v-6c80ba7d] {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox[data-v-6c80ba7d] {
    display: inline-block;
    width: 1332px;
    vertical-align: top
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox>.view-item[data-v-6c80ba7d] {
    display: inline-block;
    vertical-align: top;
    padding: 28px;
    margin-right: 28px;
    background: #f6ece0
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox>.view-item>.view-bc[data-v-6c80ba7d] {
    width: 360px;
    height: 320px;
    background: #fff;
    padding: 0 18px 0 24px
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox>.view-item>.view-bc>.view-name[data-v-6c80ba7d] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Compote;
    padding: 28px 0 0 0;
    line-height: 32px;
    font-size: 30px;
    height: 92px;
    white-space: break-spaces
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox>.view-item>.view-bc>.view-introduction[data-v-6c80ba7d] {
    height: 168px;
    font-size: 18px;
    font-family: Ashfiana-Regular;
    padding-right: 26px;
    overflow: hidden
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox>.view-item>.view-bc>.view-introduction>p[data-v-6c80ba7d] {
    position: relative;
    padding-left: 20px;
    word-wrap: break-word;
    white-space: pre-line;
    margin-bottom: 0;
    line-height: 32px
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox>.view-item>.view-bc>.view-introduction>p[data-v-6c80ba7d]:after {
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    overflow: hidden;
    background: #000
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox>.view-item>.view-bc>.view-price[data-v-6c80ba7d] {
    text-align: right;
    padding-right: 20px;
    font-size: 36px;
    font-family: Compote
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox>.view-item>.view-bc>.view-btn[data-v-6c80ba7d] {
    margin-left: 50px
}

.web-services .view-servicesBox.layout-book-003>.view-itemBox>.view-item>.view-bc>.view-btn>.btn-res[data-v-6c80ba7d] {
    min-width: 150px;
    height: 44px;
    line-height: 44px;
    background: rgba(40, 46, 31, .7);
    border-color: rgba(40, 46, 31, .7);
    border-radius: 0;
    font-size: 18px
}

.web-services .view-servicesBox.layout-book-003>.view-pageAction[data-v-6c80ba7d] {
    display: inline-flex;
    margin-left: 20px;
    width: 120px;
    color: #fff
}

.web-services .view-servicesBox.layout-book-003>.view-pageAction>.bk-view[data-v-6c80ba7d] {
    flex: 1;
    text-align: center;
    height: 50px;
    cursor: pointer
}

.web-services .view-servicesBox.layout-book-003>.view-pageAction>.bk-view>.bk-icon[data-v-6c80ba7d] {
    line-height: 50px;
    font-size: 36px
}

.web-services .view-servicesBox.layout-book-004[data-v-6c80ba7d] {
    min-height: 200px
}

.web-services .view-servicesBox.layout-book-004>.view-categoryGroup[data-v-6c80ba7d] {
    padding-bottom: 60px
}

.web-services .view-servicesBox.layout-book-004>.view-categoryGroup>.view-categoryItem[data-v-6c80ba7d] {
    font-size: 36px;
    font-family: PlayfairDisplay;
    color: #956949;
    line-height: 40px;
    padding-bottom: 32px;
    font-weight: bolder
}

.web-services .view-servicesBox.layout-book-004>.view-categoryGroup>.view-itemBox>.view-item[data-v-6c80ba7d] {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 40px);
    font-family: Poppins;
    font-size: 28px;
    font-weight: bolder;
    line-height: 32px;
    padding: 6px 0
}

.web-services .view-servicesBox.layout-book-004>.view-categoryGroup>.view-itemBox>.view-item[data-v-6c80ba7d]:nth-child(odd) {
    margin-right: 80px
}

.web-services .view-servicesBox.layout-book-004>.view-categoryGroup>.view-itemBox>.view-item>.view-bc[data-v-6c80ba7d] {
    display: flex
}

.web-services .view-servicesBox.layout-book-004>.view-categoryGroup>.view-itemBox>.view-item>.view-bc>.view-name[data-v-6c80ba7d] {
    flex: 1
}

.web-services .view-servicesBox.layout-book-004>.view-categoryGroup>.view-itemBox>.view-item>.view-bc>.view-price[data-v-6c80ba7d] {
    color: #956949
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox[data-v-6c80ba7d] {
    height: 680px
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem[data-v-6c80ba7d] {
    vertical-align: top;
    text-align: center;
    display: inline-block;
    height: 320px;
    width: calc(25% - 20px);
    border: 1px solid var(--color-service-mainColor);
    margin-right: 25px;
    margin-bottom: 25px;
    transition: all .2s
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem[data-v-6c80ba7d]:hover {
    background-color: var(--color-service-activeColor)
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem:hover .view-price[data-v-6c80ba7d] {
    color: #fff
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem[data-v-6c80ba7d]:nth-child(4n+4) {
    margin-right: 0
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem>.view-name[data-v-6c80ba7d] {
    padding: 60px 20px 0 20px;
    min-height: 144px;
    font-size: 32px;
    line-height: 32px;
    font-family: Jost;
    color: var(--color-service-mainColor);
    font-weight: 600
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem>.view-price[data-v-6c80ba7d] {
    margin-top: 0;
    font-size: 30px;
    height: 30px;
    font-weight: 600;
    color: #000
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem>.view-btn>.btn-res[data-v-6c80ba7d] {
    display: inline-block;
    margin-top: 40px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: var(--color-service-mainColor);
    border-radius: 0;
    border: 1px solid var(--color-service-mainColor);
    font-size: 24px;
    font-weight: 600;
    font-family: Jost
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .arrow-before[data-v-6c80ba7d] {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: -30px;
    margin-top: -30px
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .arrow-before>.bk-icon[data-v-6c80ba7d] {
    color: #000;
    font-size: 40px
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .arrow-next[data-v-6c80ba7d] {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: -30px;
    margin-top: -30px
}

.web-services .view-servicesBox.layout-book-005 .view-serviceGroupBox .arrow-next>.bk-icon[data-v-6c80ba7d] {
    color: #000;
    font-size: 40px
}

.web-services .view-servicesBox.layout-001>.view-item[data-v-6c80ba7d] {
    position: relative;
    padding-top: 80px;
    min-height: 560px;
    padding-left: 480px
}

.web-services .view-servicesBox.layout-001>.view-item>.view-img[data-v-6c80ba7d] {
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 80px;
    margin: auto;
    width: 398px;
    height: 480px
}

.web-services .view-servicesBox.layout-001>.view-item>.view-text[data-v-6c80ba7d] {
    position: relative;
    min-height: 480px
}

.web-services .view-servicesBox.layout-001>.view-item>.view-text>.view-name[data-v-6c80ba7d] {
    font-family: NewYork;
    font-size: 56px;
    line-height: 68px;
    padding: 48px 0 20px 0
}

.web-services .view-servicesBox.layout-001>.view-item>.view-text>.view-introduction[data-v-6c80ba7d] {
    font-size: 22px;
    line-height: 32px;
    padding-right: 240px;
    margin-bottom: 24px;
    white-space: pre-wrap
}

.web-services .view-servicesBox.layout-001>.view-item>.view-text>.view-process[data-v-6c80ba7d] {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    font-style: italic;
    white-space: pre-line
}

.web-services .view-servicesBox.layout-001>.view-item>.view-text>.view-link[data-v-6c80ba7d] {
    font-size: 20px;
    line-height: 32px;
    white-space: pre-line;
    cursor: pointer
}

.web-services .view-servicesBox.layout-001>.view-item>.view-text>.view-line[data-v-6c80ba7d] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    top: auto;
    margin: auto;
    height: 2px;
    background: #333;
    -webkit-animation: auto slide-in-from-left linear both;
    animation: auto slide-in-from-left linear both;
    animation-timeline: view();
    animation-range: entry 0 cover 30%
}

.web-services .view-servicesBox.layout-scaling-001[data-v-6c80ba7d] {
    border-top: 1px solid #a1a29a;
    padding-bottom: 100px
}

.web-services .view-servicesBox.layout-scaling-001>.view-item[data-v-6c80ba7d] {
    display: flex;
    font-size: 24px;
    line-height: 44px;
    padding: 28px 18px 28px 0;
    border-bottom: 1px solid #a1a29a
}

.web-services .view-servicesBox.layout-scaling-001>.view-item>.view-name[data-v-6c80ba7d] {
    font-family: NewYork;
    flex: 3
}

.web-services .view-servicesBox.layout-scaling-001>.view-item>.view-price[data-v-6c80ba7d] {
    flex: 1;
    text-align: right;
    font-family: NewYork
}

.web-services .view-servicesBox.layout-scaling-001>.view-item>.view-btn[data-v-6c80ba7d] {
    margin-left: 50px
}

.web-services .view-servicesBox.layout-scaling-001>.view-item>.view-btn>.btn-res[data-v-6c80ba7d] {
    min-width: 150px;
    height: 44px;
    line-height: 44px;
    background: #173700;
    border-color: #173700;
    border-radius: 0;
    font-size: 18px
}

.web-services .view-servicesBox>.view-close[data-v-6c80ba7d] {
    margin-top: 20px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    vertical-align: middle;
    font-weight: 600;
    cursor: pointer
}

.web-services .view-servicesBox>.view-close>.bk-icon[data-v-6c80ba7d] {
    margin-left: 10px
}

.web-services .view-servicesBox.FLOWERNS[data-v-6c80ba7d] {
    background-color: #639
}

.web-services-mobile .view-categoryList.m-layout-book-001[data-v-6c80ba7d] {
    position: relative;
    left: 0;
    right: 0;
    margin: auto auto 20px auto;
    width: 100%
}

.web-services-mobile .view-categoryList.m-layout-book-001>.view-box[data-v-6c80ba7d] {
    border-bottom: 1px solid #a1a29a;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.web-services-mobile .view-categoryList.m-layout-book-001>.view-box>.view-categoryItem[data-v-6c80ba7d] {
    position: relative;
    display: inline-block;
    line-height: 22px;
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    vertical-align: top
}

.web-services-mobile .view-categoryList.m-layout-book-001>.view-box>.view-categoryItem.select[data-v-6c80ba7d] {
    font-weight: 600
}

.web-services-mobile .view-categoryList.m-layout-book-001>.view-box>.view-categoryItem.select[data-v-6c80ba7d]:after {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 0;
    top: auto;
    margin: auto;
    height: 2px;
    background: #282e1f
}

.web-services-mobile .view-categoryList.m-layout-book-002[data-v-6c80ba7d] {
    position: relative;
    left: 0;
    right: 0;
    margin: auto auto 20px auto;
    width: 100%
}

.web-services-mobile .view-categoryList.m-layout-book-002>.view-box[data-v-6c80ba7d] {
    border-bottom: 1px solid #a1a29a;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.web-services-mobile .view-categoryList.m-layout-book-002>.view-box>.view-categoryItem[data-v-6c80ba7d] {
    position: relative;
    display: inline-block;
    line-height: 22px;
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    vertical-align: top
}

.web-services-mobile .view-categoryList.m-layout-book-002>.view-box>.view-categoryItem.select[data-v-6c80ba7d] {
    font-weight: 600
}

.web-services-mobile .view-categoryList.m-layout-book-002>.view-box>.view-categoryItem.select[data-v-6c80ba7d]:after {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 0;
    top: auto;
    margin: auto;
    height: 2px;
    background: #282e1f
}

.web-services-mobile .view-showAction[data-v-6c80ba7d] {
    padding: 18px 0;
    text-align: right
}

.web-services-mobile .view-showAction>.view-scaling[data-v-6c80ba7d] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #333;
    text-align: center;
    cursor: pointer
}

.web-services-mobile .view-showAction>.view-scaling.show[data-v-6c80ba7d] {
    background: transparent url(../image/Def_Icon_Services_Scaling_N.png) 50%/100% no-repeat
}

.web-services-mobile .view-showAction>.view-scaling.hide[data-v-6c80ba7d] {
    background: transparent url(../image/Def_Icon_Services_Scaling_S.png) 50%/100% no-repeat
}

.web-services-mobile .view-servicesBox.m-layout-book-001>.view-item[data-v-6c80ba7d] {
    font-size: 16px;
    line-height: 20px;
    padding: 18px;
    border: 1px solid #a1a29a;
    margin-bottom: 20px
}

.web-services-mobile .view-servicesBox.m-layout-book-001>.view-item>.view-name[data-v-6c80ba7d] {
    font-family: NewYork;
    padding-bottom: 18px;
    border-bottom: 1px solid #a1a29a
}

.web-services-mobile .view-servicesBox.m-layout-book-001>.view-item>.view-introduction[data-v-6c80ba7d] {
    padding-top: 18px;
    font-size: 13px;
    white-space: pre-line;
    word-break: break-all
}

.web-services-mobile .view-servicesBox.m-layout-book-001>.view-item>.view-price[data-v-6c80ba7d] {
    font-family: NewYork;
    padding: 18px 0
}

.web-services-mobile .view-servicesBox.m-layout-book-001>.view-item>.view-btn>.btn-res[data-v-6c80ba7d] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(40, 46, 31, .7);
    border-color: rgba(40, 46, 31, .7);
    border-radius: 0;
    font-size: 16px
}

.web-services-mobile .view-servicesBox.m-layout-book-002[data-v-6c80ba7d] {
    font-family: Lato-Regular
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item[data-v-6c80ba7d] {
    font-size: 16px;
    line-height: 20px;
    padding: 18px;
    border: 1px solid #a1a29a;
    margin-bottom: 20px
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item>.view-name[data-v-6c80ba7d] {
    padding-bottom: 15px;
    border-bottom: 1px solid #a1a29a
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item>.view-name1[data-v-6c80ba7d] {
    display: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #a1a29a
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item>.view-introduction[data-v-6c80ba7d] {
    padding-top: 18px;
    font-size: 13px;
    white-space: pre-line;
    word-break: break-word;
    padding-right: 120px
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item>.view-price[data-v-6c80ba7d] {
    padding: 18px 0 18px 170px;
    text-align: left;
    font-style: italic;
    line-height: 24px
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item>.view-btn>.btn-res[data-v-6c80ba7d] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #1f2d2e;
    border-color: #1f2d2e;
    border-radius: 0;
    font-size: 16px;
    border-radius: 20px;
    font-weight: 600
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item.FLOWERNS[data-v-6c80ba7d] {
    font-family: Jost-Book
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item.FLOWERNS>.view-name[data-v-6c80ba7d] {
    display: none
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item.FLOWERNS>.view-name1[data-v-6c80ba7d] {
    display: block
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item.FLOWERNS .view-priceItem[data-v-6c80ba7d] {
    text-align: right;
    font-style: normal
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item.FLOWERNS>.view-introduction[data-v-6c80ba7d] {
    display: none
}

.web-services-mobile .view-servicesBox.m-layout-book-002>.view-item.FLOWERNS>.view-btn>.btn-res[data-v-6c80ba7d] {
    background-color: #00452b
}

.web-services-mobile .view-servicesBox.m-layout-book-002.FLOWERNS[data-v-6c80ba7d] {
    background-color: #639
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item[data-v-6c80ba7d] {
    position: relative;
    margin-bottom: 24px
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item[data-v-6c80ba7d]:last-child {
    margin-bottom: 0
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item:last-child>.view-text>.view-line[data-v-6c80ba7d] {
    display: none
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item>.view-img[data-v-6c80ba7d] {
    width: 100%
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item>.view-text[data-v-6c80ba7d] {
    position: relative;
    padding-bottom: 16px
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item>.view-text>.view-name[data-v-6c80ba7d] {
    font-family: NewYork;
    font-size: 26px;
    line-height: 32px;
    padding: 32px 0
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item>.view-text>.view-introduction[data-v-6c80ba7d] {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    white-space: pre-wrap
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item>.view-text>.view-process[data-v-6c80ba7d] {
    font-size: 14px;
    line-height: 30px;
    color: #666;
    font-style: italic;
    white-space: pre-line
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item>.view-text>.view-link[data-v-6c80ba7d] {
    font-size: 20px;
    line-height: 32px;
    white-space: pre-line;
    cursor: pointer
}

.web-services-mobile .view-servicesBox.m-layout-001>.view-item>.view-text>.view-line[data-v-6c80ba7d] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    top: auto;
    margin: auto;
    height: 1px;
    background: #333;
    -webkit-animation: auto slide-in-from-left linear both;
    animation: auto slide-in-from-left linear both;
    animation-timeline: view();
    animation-range: entry 20% cover 50%
}

.web-services-mobile .view-servicesBox.m-layout-006[data-v-6c80ba7d] {
    display: flex;
    padding: 0 13px;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -6px
}

.web-services-mobile .view-servicesBox.m-layout-006>.view-item[data-v-6c80ba7d] {
    width: 170px;
    height: 226px;
    background-color: #fffefa;
    margin-left: 4px;
    padding: 10px 12px;
    margin-bottom: 7px;
    border-radius: 10px
}

.web-services-mobile .view-servicesBox.m-layout-006>.view-item>.view-img[data-v-6c80ba7d] {
    height: 146px;
    width: 146px
}

.web-services-mobile .view-servicesBox.m-layout-006>.view-item>.view-text[data-v-6c80ba7d] {
    padding-top: 10px;
    padding-bottom: 8px;
    font-size: 14px
}

.web-services-mobile .view-servicesBox.m-layout-006>.view-item>.view-text>.view-name[data-v-6c80ba7d] {
    color: #1f201c;
    font-family: Jost-Book;
    letter-spacing: -.05em
}

.web-services-mobile .view-servicesBox.m-layout-006>.view-item>.btn-book[data-v-6c80ba7d] {
    background-color: #00452b;
    border-radius: 9px;
    font-size: 10px;
    font-family: Jost-Book;
    text-align: center;
    width: 72px;
    height: 18px
}

.web-services-mobile .view-servicesBox.m-layout-scaling-001>.view-item[data-v-6c80ba7d] {
    font-size: 16px;
    line-height: 20px;
    padding: 18px;
    border: 1px solid #a1a29a;
    margin-bottom: 20px
}

.web-services-mobile .view-servicesBox.m-layout-scaling-001>.view-item>.view-name[data-v-6c80ba7d] {
    font-family: NewYork;
    padding-bottom: 18px;
    border-bottom: 1px solid #a1a29a
}

.web-services-mobile .view-servicesBox.m-layout-scaling-001>.view-item>.view-price[data-v-6c80ba7d] {
    font-family: NewYork;
    padding: 18px 0
}

.web-services-mobile .view-servicesBox.m-layout-scaling-001>.view-item>.view-btn>.btn-res[data-v-6c80ba7d] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #173700;
    border-color: #173700;
    border-radius: 0;
    font-size: 16px
}

.web-services-mobile .view-servicesBox.m-layout-book-003[data-v-6c80ba7d] {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox[data-v-6c80ba7d] {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-left: 18px
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox>.view-item[data-v-6c80ba7d] {
    display: inline-block;
    vertical-align: top;
    padding: 18px;
    margin-right: 18px;
    background: #f6ece0
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox>.view-item>.view-bc[data-v-6c80ba7d] {
    width: 210px;
    height: 188px;
    background: #fff;
    padding: 0 10px 0 12px
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox>.view-item>.view-bc>.view-name[data-v-6c80ba7d] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Compote;
    padding: 20px 0 0 0;
    line-height: 20px;
    font-size: 18px;
    height: 72px;
    white-space: break-spaces
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox>.view-item>.view-bc>.view-introduction[data-v-6c80ba7d] {
    height: 78px;
    font-size: 14px;
    font-family: Ashfiana-Regular;
    color: #666;
    padding-right: 5px;
    overflow: hidden
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox>.view-item>.view-bc>.view-introduction>p[data-v-6c80ba7d] {
    position: relative;
    padding-left: 12px;
    word-wrap: break-word;
    white-space: pre-line;
    margin-bottom: 0;
    line-height: 18px;
    font-size: 13px
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox>.view-item>.view-bc>.view-introduction>p[data-v-6c80ba7d]:after {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    overflow: hidden;
    background: #000
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox>.view-item>.view-bc>.view-price[data-v-6c80ba7d] {
    text-align: right;
    padding-right: 16px;
    font-size: 20px;
    font-family: Compote
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox>.view-item>.view-bc>.view-btn[data-v-6c80ba7d] {
    margin-left: 50px
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-itemBox>.view-item>.view-bc>.view-btn>.btn-res[data-v-6c80ba7d] {
    min-width: 150px;
    height: 44px;
    line-height: 44px;
    background: rgba(40, 46, 31, .7);
    border-color: rgba(40, 46, 31, .7);
    border-radius: 0;
    font-size: 18px
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-pageAction[data-v-6c80ba7d] {
    display: inline-flex;
    margin-left: 20px;
    width: 120px;
    color: #fff
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-pageAction>.bk-view[data-v-6c80ba7d] {
    flex: 1;
    text-align: center;
    height: 50px;
    cursor: pointer
}

.web-services-mobile .view-servicesBox.m-layout-book-003>.view-pageAction>.bk-view>.bk-icon[data-v-6c80ba7d] {
    line-height: 50px;
    font-size: 36px
}

.web-services-mobile .view-servicesBox.m-layout-book-004[data-v-6c80ba7d] {
    min-height: 200px
}

.web-services-mobile .view-servicesBox.m-layout-book-004>.view-categoryGroup[data-v-6c80ba7d] {
    padding-bottom: 20px
}

.web-services-mobile .view-servicesBox.m-layout-book-004>.view-categoryGroup>.view-categoryItem[data-v-6c80ba7d] {
    font-size: 18px;
    font-family: PlayfairDisplay;
    color: #956949;
    line-height: 20px;
    padding-bottom: 18px;
    font-weight: bolder
}

.web-services-mobile .view-servicesBox.m-layout-book-004>.view-categoryGroup>.view-itemBox>.view-item[data-v-6c80ba7d] {
    font-family: Poppins;
    font-size: 14px;
    font-weight: bolder;
    line-height: 20px;
    padding: 3px 0
}

.web-services-mobile .view-servicesBox.m-layout-book-004>.view-categoryGroup>.view-itemBox>.view-item>.view-bc[data-v-6c80ba7d] {
    display: flex
}

.web-services-mobile .view-servicesBox.m-layout-book-004>.view-categoryGroup>.view-itemBox>.view-item>.view-bc>.view-name[data-v-6c80ba7d] {
    flex: 1
}

.web-services-mobile .view-servicesBox.m-layout-book-004>.view-categoryGroup>.view-itemBox>.view-item>.view-bc>.view-price[data-v-6c80ba7d] {
    color: #956949;
    text-align: right
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox[data-v-6c80ba7d] {
    height: 320px
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem[data-v-6c80ba7d] {
    vertical-align: top;
    text-align: center;
    display: inline-block;
    height: 138px;
    width: calc(50% - 5px);
    border: 1px solid var(--color-service-mainColor);
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all .2s
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem[data-v-6c80ba7d]:hover {
    background-color: var(--color-service-activeColor)
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem:hover .view-price[data-v-6c80ba7d] {
    color: #fff
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem[data-v-6c80ba7d]:nth-child(2n+2) {
    margin-right: 0
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem>.view-name[data-v-6c80ba7d] {
    padding: 20px 5px 0 5px;
    min-height: 60px;
    font-size: 16px;
    line-height: 20px;
    font-family: Jost;
    color: var(--color-service-mainColor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 600
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem>.view-price[data-v-6c80ba7d] {
    margin-top: 5px;
    font-size: 15px;
    height: 18px;
    font-weight: 600;
    color: #000
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .view-carouselItem>.view-serviceItem>.view-btn>.btn-res[data-v-6c80ba7d] {
    display: inline-block;
    margin-top: 10px;
    width: 112px;
    height: 32px;
    line-height: 30px;
    background: var(--color-service-mainColor);
    border-radius: 0;
    border: 1px solid var(--color-service-mainColor);
    font-size: 13px;
    font-weight: 600;
    font-family: Jost
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .arrow-before[data-v-6c80ba7d] {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 0;
    margin-top: -20px
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .arrow-before>.bk-icon[data-v-6c80ba7d] {
    color: #000;
    font-size: 20px
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .arrow-next[data-v-6c80ba7d] {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 0;
    margin-top: -20px;
    text-align: right
}

.web-services-mobile .view-servicesBox.m-layout-book-005 .view-serviceGroupBox .arrow-next>.bk-icon[data-v-6c80ba7d] {
    color: #000;
    font-size: 20px
}

.web-services-mobile .view-servicesBox>.view-close[data-v-6c80ba7d] {
    margin-top: 10px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 600;
    cursor: pointer
}

.web-services-mobile .view-servicesBox>.view-close>.bk-icon[data-v-6c80ba7d] {
    margin-left: 10px;
    font-size: 12px
}

.waterfall-container[data-v-43e86491] {
    box-sizing: border-box;
    width: 100%
}

.waterfall-container .waterfall-column .waterfall-item[data-v-43e86491],
.waterfall-container .waterfall-column[data-v-43e86491] {
    box-sizing: border-box
}

.waterfall-container .waterfall-column .waterfall-item .waterfall-image[data-v-43e86491] {
    display: block;
    width: 100%
}

.web-staffDetail {
    background-color: #000;
    color: #fff;
    width: 100%;
    box-sizing: border-box
}

.web-staffDetail.mobile {
    padding-top: 29px
}

.web-staffDetail.mobile .view-backBtn {
    width: 323px;
    margin: 0 auto 10px auto;
    cursor: pointer
}

.web-staffDetail.mobile .view-staffContent {
    width: 323px
}

.web-staffDetail.mobile .view-staffContent,
.web-staffDetail.mobile .view-staffContent .view-artistHeader {
    display: flex;
    flex-direction: column;
    align-items: center
}

.web-staffDetail.mobile .view-staffContent .view-artistHeader .bk-image {
    position: relative;
    width: 323px;
    height: 429px;
    -o-object-fit: cover;
    object-fit: cover
}

.web-staffDetail.mobile .view-staffContent .view-artistHeader .view-bookBtn {
    margin-top: 23px;
    margin-bottom: 25px;
    width: 323px;
    cursor: pointer
}

.web-staffDetail.mobile .view-staffContent .view-artistInfo {
    width: 100%
}

.web-staffDetail.mobile .view-staffContent .view-artistInfo .view-description {
    font-size: 16px;
    line-height: 24px;
    width: 323px;
    flex: 1;
    margin: 0 auto;
    margin-top: 10px;
    max-height: none;
    overflow-y: visible;
    word-break: break-all;
    word-break: keep-all;
    -webkit-hyphens: none;
    hyphens: none;
    white-space: normal
}

.web-staffDetail.mobile .view-staffContent .view-artistInfo .view-tags {
    height: auto;
    border-top: 1px solid #fff;
    padding-top: 6px
}

.web-staffDetail.mobile .view-staffContent .view-artistInfo .view-tags .tag-item {
    position: relative;
    font-family: BebasNeueRegular, monospace;
    font-size: 16px;
    cursor: pointer;
    margin-right: 19px;
    line-height: 24px
}

.web-staffDetail.mobile .view-staffContent .view-artistInfo .view-tags .tag-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.web-staffDetail.mobile .view-staffContent .view-artistInfo .view-job {
    margin-bottom: 0
}

.web-staffDetail.mobile .view-gallerySection {
    margin-top: 45px
}

.web-staffDetail.mobile .view-gallerySection .view-galleryTitle {
    width: 100%;
    text-align: center
}

.web-staffDetail.mobile .view-gallerySection .view-gallery {
    width: 100%
}

.web-staffDetail .view-backBtn {
    width: 100%;
    margin: 0 auto 10px auto;
    cursor: pointer
}

.web-staffDetail .view-staffContent {
    display: flex;
    justify-content: space-between;
    width: 1300px;
    margin: 0 auto
}

.web-staffDetail .view-staffContent .view-artistHeader {
    position: relative
}

.web-staffDetail .view-staffContent .view-artistHeader .bk-image {
    width: 465px;
    height: 620px;
    -o-object-fit: cover;
    object-fit: cover
}

.web-staffDetail .view-staffContent .view-artistHeader .view-bookBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 465px;
    height: 90px;
    background: transparent;
    color: #fff;
    font-size: 30px;
    border: 2px solid #fff;
    text-decoration: underline;
    font-family: BebasNeueBold, sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease;
    margin-top: 8px
}

.web-staffDetail .view-staffContent .view-artistInfo {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 745px
}

.web-staffDetail .view-staffContent .view-artistInfo .view-name {
    font-family: BebasNeueBold, sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: normal
}

.web-staffDetail .view-staffContent .view-artistInfo .view-job {
    font-family: LeagueSpartan-Regular, monospace;
    font-size: 26px;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 28px
}

.web-staffDetail .view-staffContent .view-artistInfo .view-instagram {
    margin-top: 10px;
    cursor: pointer
}

.web-staffDetail .view-staffContent .view-artistInfo .view-instagram>.bk-image {
    width: 38px;
    height: 38px
}

.web-staffDetail .view-staffContent .view-artistInfo .view-description {
    flex: 1;
    margin-top: 40px;
    width: 728px;
    font-family: LeagueSpartan-Regular, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 42px;
    box-sizing: border-box;
    padding-bottom: 20px;
    max-height: 388px;
    overflow-y: auto;
    word-break: keep-all;
    overflow-wrap: anywhere;
    -webkit-hyphens: none;
    hyphens: none;
    white-space: normal
}

.web-staffDetail .view-staffContent .view-artistInfo .view-tags {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 90px;
    border-top: 1px solid #fff;
    padding-top: 10px
}

.web-staffDetail .view-staffContent .view-artistInfo .view-tags .tag-item {
    position: relative;
    font-family: BebasNeueRegular, monospace;
    font-size: 18px;
    cursor: pointer;
    margin-right: 19px;
    line-height: 34px
}

.web-staffDetail .view-staffContent .view-artistInfo .view-tags .tag-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.web-staffDetail .view-gallerySection {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px
}

.web-staffDetail .view-gallerySection .view-galleryTitle {
    width: 1300px;
    font-family: BebasNeueBold, sans-serif;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 40px
}

.web-staffDetail .view-gallerySection .view-gallery {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 1300px
}

.web-staffDetail .view-gallerySection .view-gallery .gallery-item {
    width: calc(33.33% - 14px);
    height: 300px;
    margin-bottom: 20px
}

.web-staffDetail .view-gallerySection .view-gallery .gallery-item>.bk-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.web-staffs.mobile .view-staffBox {
    display: flex;
    flex-direction: column;
    color: #282e1f
}

.web-staffs.mobile .view-staffBox .view-staffItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px
}

.web-staffs.mobile .view-staffBox .view-staffItem:last-child {
    margin-bottom: 0
}

.web-staffs.mobile .view-staffBox .view-staffItem>.view-book {
    position: relative;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 336px
}

.web-staffs.mobile .view-staffBox .view-staffItem>.view-book>.web-btn {
    width: auto;
    height: 50px;
    line-height: 50px;
    background: transparent;
    color: #fff;
    padding: 0 18px;
    font-size: 24px;
    border: 2px solid #fff;
    text-decoration: underline;
    text-align: center;
    font-family: BebasNeueBold
}

.web-staffs.mobile .view-staffBox .view-staffItem>.view-coverImg {
    position: static !important;
    align-self: center;
    width: 336px;
    height: 447px
}

.web-staffs.mobile .view-staffBox .view-staffItem>.view-coverImg>.bk-image {
    width: 100%;
    height: 100%
}

.web-staffs.mobile .view-staffBox .view-staffItem>.view-baseInfo {
    position: relative;
    height: auto;
    padding: 0;
    width: 336px
}

.web-staffs.mobile .view-staffBox .view-staffItem>.view-baseInfo>.view-text>.view-name {
    margin: 15px 0;
    font-size: 32px;
    font-weight: 700;
    font-family: BebasNeueBold
}

.web-staffs.mobile .view-staffBox .view-staffItem>.view-baseInfo>.view-text>.view-job {
    margin-top: 4px;
    display: inline-block;
    line-height: 18px;
    border: 1px solid var(--webo-color-main);
    border-radius: 2px;
    font-size: 14px;
    padding: 0 6px;
    color: var(--webo-color-main);
    background: #f4f4ff;
    font-weight: 600
}

.web-staffs.mobile .view-staffBox .view-staffItem>.view-baseInfo>.view-text>.view-price {
    margin-top: 5px
}

.web-staffs.mobile .view-staffBox .view-staffItem>.view-baseInfo>.view-text>.view-price>.span-pricePrefix {
    font-size: 14px;
    margin-right: 4px;
    color: #666
}

.web-staffs.mobile .view-staffBox .view-staffItem .view-description {
    width: 336px;
    margin: 20px 0;
    height: auto;
    font-family: LeagueSpartan-Regular;
    font-weight: 400;
    flex: 1;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    min-height: auto;
    word-break: keep-all;
    overflow-wrap: anywhere;
    -webkit-hyphens: none;
    hyphens: none;
    white-space: normal
}

.web-staffs.mobile .view-staffBox .view-staffItem .view-description:last-child {
    margin-bottom: 0
}

.web-staffs.mobile .view-staffBox .view-staffItem .view-tags {
    min-height: auto;
    margin-top: 10px;
    padding-top: 10px;
    width: 336px;
    font-family: BebasNeueRegular
}

.web-staffs.mobile .view-staffBox .view-staffItem .view-tags .tag-item {
    font-size: 16px;
    line-height: 24px
}

.web-staffs .web-tabs {
    margin-bottom: 16px
}

.web-staffs .view-staffBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 10px
}

.web-staffs .view-staffBox .view-staffItem {
    display: flex;
    flex-direction: column;
    width: 340px;
    margin-right: 83px;
    text-align: left;
    color: #282e1f;
    margin-bottom: 20px
}

.web-staffs .view-staffBox .view-staffItem.noMarginR,
.web-staffs .view-staffBox .view-staffItem.noRight {
    margin-right: 0
}

.web-staffs .view-staffBox .view-staffItem>.view-coverImg {
    position: static !important;
    width: 371px;
    height: 494px
}

.web-staffs .view-staffBox .view-staffItem>.view-coverImg>.bk-image {
    width: 100%;
    height: 100%
}

.web-staffs .view-staffBox .view-staffItem>.view-book {
    position: relative;
    margin: 30px 0
}

.web-staffs .view-staffBox .view-staffItem>.view-book>.web-btn {
    display: inline-block;
    min-width: 112px;
    width: 240px;
    height: 86px;
    line-height: 86px;
    background: transparent;
    color: #fff;
    font-size: 36px;
    border: 2px solid #fff;
    text-decoration: underline;
    text-align: center;
    font-family: BebasNeueBold
}

.web-staffs .view-staffBox .view-staffItem>.view-baseInfo {
    position: relative;
    height: auto;
    padding: 0
}

.web-staffs .view-staffBox .view-staffItem>.view-baseInfo>.view-text>.view-name {
    font-size: 48px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 30px;
    font-family: BebasNeueBold
}

.web-staffs .view-staffBox .view-staffItem>.view-baseInfo>.view-text>.view-job {
    margin-top: 4px;
    display: inline-block;
    line-height: 18px;
    border: 1px solid var(--webo-color-main);
    border-radius: 2px;
    font-size: 12px;
    padding: 0 6px;
    color: var(--webo-color-main);
    background: #f4f4ff;
    font-weight: 600
}

.web-staffs .view-staffBox .view-staffItem>.view-baseInfo>.view-text>.view-price {
    margin-top: 5px
}

.web-staffs .view-staffBox .view-staffItem>.view-baseInfo>.view-text>.view-price>.span-pricePrefix {
    font-size: 13px;
    margin-right: 4px;
    color: #666
}

.web-staffs .view-staffBox .view-staffItem>.view-description {
    flex: 1;
    margin-top: 10px;
    height: auto;
    font-family: LeagueSpartan-Regular;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    min-height: 70px;
    word-break: break-all;
    word-break: keep-all;
    overflow-wrap: anywhere;
    -webkit-hyphens: none;
    hyphens: none;
    white-space: normal
}

.web-staffs .view-staffBox .view-staffItem>.view-works {
    height: 144px;
    margin-bottom: 24px
}

.web-staffs .view-staffBox .view-staffItem>.view-works>.view-workItem {
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 8px);
    margin-right: 16px;
    height: 144px
}

.web-staffs .view-staffBox .view-staffItem>.view-works>.view-workItem:last-child {
    margin-right: 0
}

.web-staffs .view-staffBox .view-staffItem>.view-works>.view-workItem>.bk-image {
    width: 100%;
    height: 100%
}

.web-staffs .view-staffBox .view-staffItem>.view-tags {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: auto;
    border-top: 1px solid #fff;
    width: 371px;
    padding-top: 10px;
    margin-top: 15px;
    min-height: 70px
}

.web-staffs .view-staffBox .view-staffItem>.view-tags .tag-item {
    position: relative;
    font-family: BebasNeueRegular, monospace;
    font-size: 18px;
    cursor: pointer;
    margin-right: 19px;
    line-height: 28px
}

.web-staffs .view-staffBox .view-staffItem>.view-tags .tag-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.web-storeChange .view-storeChangeBox.layout-001 .view-shopName {
    cursor: pointer
}

.web-storeChange .view-storeChangeBox.layout-001 .view-shopName>.bk-icon {
    margin-left: 12px;
    font-size: 22px;
    font-weight: 600
}

.web-storeChange-mobile .view-storeChangeBox.m-layout-001 .view-shopName {
    cursor: pointer
}

.web-storeChange-mobile .view-storeChangeBox.m-layout-001 .view-shopName>.bk-icon {
    margin-left: 12px;
    font-size: 22px;
    font-weight: 600
}

.view-web-storeChange-shopContent {
    width: 400px;
    max-width: 100vw
}

.view-web-storeChange-shopContent>.view-list>.view-shopItem {
    padding: 15px 32px 15px 0;
    border-bottom: 1px solid #e4e4e8
}

.view-web-storeChange-shopContent>.view-list>.view-shopItem.select {
    background: transparent url(../image/Def_Icon_ShopSelect_S.png) 100%/24px no-repeat
}

.view-web-storeChange-shopContent>.view-list>.view-shopItem:last-child {
    border-bottom: none
}

.view-web-storeChange-shopContent>.view-list>.view-shopItem>.bk-view {
    margin-bottom: 5px
}

.view-web-storeChange-shopContent>.view-list>.view-shopItem>.bk-view>.bk-icon {
    margin-right: 10px
}

.view-web-storeChange-shopContent>.view-list>.view-shopItem>.bk-view:last-child {
    margin-bottom: 0
}

.view-web-storeChange-shopContent>.view-list>.view-shopItem>.view-name {
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600
}

.view-web-storeChange-shopContent-mobile {
    width: 300px
}

.view-web-storeChange-shopContent-mobile>.view-list>.view-shopItem {
    padding: 10px 32px 10px 0;
    border-bottom: 1px solid #e4e4e8
}

.view-web-storeChange-shopContent-mobile>.view-list>.view-shopItem.select {
    background: transparent url(../image/Def_Icon_ShopSelect_S.png) 100%/20px no-repeat
}

.view-web-storeChange-shopContent-mobile>.view-list>.view-shopItem:last-child {
    border-bottom: none
}

.view-web-storeChange-shopContent-mobile>.view-list>.view-shopItem>.bk-view {
    margin-bottom: 5px
}

.view-web-storeChange-shopContent-mobile>.view-list>.view-shopItem>.bk-view>.bk-icon {
    margin-right: 10px
}

.view-web-storeChange-shopContent-mobile>.view-list>.view-shopItem>.bk-view:last-child {
    margin-bottom: 0
}

.view-web-storeChange-shopContent-mobile>.view-list>.view-shopItem>.view-name {
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600
}

.web-stores .view-fitler {
    margin-bottom: 20px
}

.web-stores .view-storesBox {
    width: 100%
}

.web-stores .view-storesBox>.view-storeItem {
    background: #fff;
    margin-bottom: 16px;
    padding: 16px
}

.web-stores .view-storesBox>.view-storeItem:last-child {
    margin-bottom: 0
}

.web-stores .view-storesBox>.view-storeItem>.view-baseInfo {
    position: relative;
    padding-left: 96px;
    min-height: 80px;
    padding-right: 100px;
    margin-bottom: 12px
}

.web-stores .view-storesBox>.view-storeItem>.view-baseInfo>.view-logo {
    position: absolute;
    left: 0;
    right: auto;
    bottom: auto;
    top: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    background: var(--webo-bc-lightGray)
}

.web-stores .view-storesBox>.view-storeItem>.view-baseInfo>.view-logo>.bk-image {
    width: 100%;
    height: 100%
}

.web-stores .view-storesBox>.view-storeItem>.view-baseInfo>.view-name {
    padding-top: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 600
}

.web-stores .view-storesBox>.view-storeItem>.view-baseInfo>.view-distance {
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 20px;
    margin: auto;
    color: var(--webo-text-tip)
}

.web-stores .view-storesBox>.view-storeItem>.view-form {
    position: relative;
    padding-right: 180px
}

.web-stores .view-storesBox>.view-storeItem>.view-form>.view-formItem {
    display: inline-block;
    width: 50%;
    line-height: 32px
}

.web-stores .view-storesBox>.view-storeItem>.view-form>.view-formItem>.bk-icon {
    margin-right: 5px
}

.web-stores .view-storesBox>.view-storeItem>.view-form>.web-btn {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    top: auto;
    margin: auto;
    display: inline-block;
    min-width: 112px;
    height: 44px;
    line-height: 44px;
    background: var(--webo-color-main);
    color: var(--webo-text-white);
    padding: 0 18px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600
}

.web-tabs[data-v-07f10658] {
    width: 100%
}

.web-tabs>.view-content[data-v-07f10658] {
    display: inline-block;
    max-width: 100%;
    background: #fff;
    border: .5px solid var(--webo-border-def)
}

.web-tabs>.view-content>.web-tabItem[data-v-07f10658] {
    display: inline-block;
    padding: 0 24px;
    line-height: 40px;
    border-right: .5px solid var(--webo-border-def);
    cursor: pointer
}

.web-tabs>.view-content>.web-tabItem.select[data-v-07f10658] {
    background: var(--webo-color-main);
    color: var(--webo-text-white);
    font-weight: 600
}

.web-text[data-v-16569bd0] {
    display: inline-block;
    /* white-space: pre-wrap */
}

.web-userInfo {
    cursor: pointer;
    transition: all .3s ease
}

.web-userInfo:hover {
    scale: 1.05
}

.web-userInfo>.bk-icon {
    font-size: 1em;
    margin-right: 5px
}

.web-userInfo .a-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent
}

.web-video[data-v-654f4996] {
    position: relative
}

.web-video[data-v-654f4996]:after {
    content: "";
    opacity: 0
}

.web-video.animation-bc-transparent-black-blur .view-action[data-v-654f4996] {
    z-index: 100;
    display: none
}

.web-video.animation-bc-transparent-black-blur[data-v-654f4996]:after {
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background: rgba(0, 0, 0, .7);
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    transition: background-color .5s ease-in-out, -webkit-backdrop-filter .3s ease-in-out, opacity .3s;
    transition: background-color .5s ease-in-out, backdrop-filter .3s ease-in-out, -webkit-backdrop-filter .3s ease-in-out, opacity .3s;
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px)
}

.web-video video[data-v-654f4996] {
    width: 100%;
    height: 100%
}

.web-video>.view-bc[data-v-654f4996] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background: transparent;
    z-index: 10
}

.web-video>.view-action[data-v-654f4996] {
    position: absolute;
    left: auto;
    right: 5%;
    bottom: auto;
    top: 12%;
    margin: auto;
    width: 44px;
    z-index: 1001
}

.web-video>.view-action>.view-muted[data-v-654f4996] {
    width: 44px;
    height: 44px;
    background: transparent url(../image/Def_Icon_Video_Muted_N.png) 50%/100% no-repeat;
    cursor: pointer
}

.web-video>.view-action>.view-muted.select[data-v-654f4996] {
    background: transparent url(../image/Def_Icon_Video_Muted_S.png) 50%/100% no-repeat
}

.web-view[data-v-6187c6e3] {
    box-sizing: border-box;
    font-family: PingFangSC, PingFang SC
}

.web-view.edit[data-v-6187c6e3] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.web-view.edit[data-v-6187c6e3]:hover {
    border: 2px solid var(--webo-color-main)
}

.web-view.topFadeIn[data-v-6187c6e3] {
    opacity: 0;
    transform: translateY(50px);
    transition-duration: .8s;
    transition-property: transform, opacity;
    transition-timing-function: ease
}

.web-view.topFadeIn.visible[data-v-6187c6e3] {
    opacity: 0;
    transform: 0
}