html{width:100%;height:100%;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,ul,div{margin:0;padding:0}img{display:block}table{min-height:20px;line-height:20px;text-align:center;border-collapse:collapse;border:1px solid #303133}::-webkit-scrollbar{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;appearance:none !important;margin:0 !important}.bg-white{background-color:#fff !important}.text-white{color:#fff !important}.bg-red{background-color:#dd2b43 !important}.text-red{color:#dd2b43 !important}.bg-yellow{background-color:#88745c !important}.text-yellow{color:#88745c !important}.bg-yellow-light{background-color:#bc9771 !important}.text-yellow-light{color:#bc9771 !important}.bg-gold{background-color:#f4dab0 !important}.text-gold{color:#f4dab0 !important}.bg-gold-light{background-color:#f2ebe1 !important}.text-gold-light{color:#f2ebe1 !important}.bg-green{background-color:#1bb394 !important}.text-green{color:#1bb394 !important}.bg-green-we{background-color:#3da840 !important}.text-green-we{color:#3da840 !important}.bg-link{background-color:#5e94dd !important}.text-link{color:#5e94dd !important}.bg-black{background-color:#000 !important}.text-black{color:#000 !important}.bg-black-dark{background-color:#2a2a2a !important}.text-black-dark{color:#2a2a2a !important}.bg-placeholder{background-color:#c0c4cc !important}.text-placeholder{color:#c0c4cc !important}.bg-disabled{background-color:#e6e6e6 !important}.text-disabled{color:#e6e6e6 !important}.bg-light{background-color:#f6f6f6 !important}.text-light{color:#f6f6f6 !important}.bg-primary{background-color:#303133 !important}.text-primary{color:#303133 !important}.bg-regular{background-color:#606266 !important}.text-regular{color:#606266 !important}.bg-secondary{background-color:#909399 !important}.text-secondary{color:#909399 !important}.font-size-10{font-size:10px !important}.font-size-11{font-size:11px !important}.font-size-12{font-size:12px !important}.font-size-13{font-size:13px !important}.font-size-14{font-size:14px !important}.font-size-16{font-size:16px !important}.font-size-17{font-size:17px !important}.font-size-18{font-size:18px !important}.font-size-20{font-size:20px !important}.font-size-22{font-size:22px !important}.font-size-24{font-size:24px !important}.font-weight-500{font-weight:500 !important}.font-weight-600{font-weight:600 !important}.line-height-12{line-height:12px !important}.line-height-14{line-height:14px !important}.line-height-16{line-height:16px !important}.line-height-18{line-height:18px !important}.line-height-20{line-height:20px !important}.line-height-22{line-height:22px !important}.line-height-24{line-height:24px !important}.border-radius-4{border-radius:4px !important}.border-radius-5{border-radius:5px !important}.border-radius-8{border-radius:8px !important}.border-radius-10{border-radius:10px !important}.border-radius-50p{border-radius:50% !important}.m-5{margin:5px !important}.p-5{padding:5px !important}.m-t-5{margin-top:5px !important}.p-t-5{padding-top:5px !important}.m-l-5{margin-left:5px !important}.p-l-5{padding-left:5px !important}.m-r-5{margin-right:5px !important}.p-r-5{padding-right:5px !important}.m-b-5{margin-bottom:5px !important}.p-b-5{padding-bottom:5px !important}.m-8{margin:8px !important}.p-8{padding:8px !important}.m-t-8{margin-top:8px !important}.p-t-8{padding-top:8px !important}.m-l-8{margin-left:8px !important}.p-l-8{padding-left:8px !important}.m-r-8{margin-right:8px !important}.p-r-8{padding-right:8px !important}.m-b-8{margin-bottom:8px !important}.p-b-8{padding-bottom:8px !important}.m-10{margin:10px !important}.p-10{padding:10px !important}.m-t-10{margin-top:10px !important}.p-t-10{padding-top:10px !important}.m-l-10{margin-left:10px !important}.p-l-10{padding-left:10px !important}.m-r-10{margin-right:10px !important}.p-r-10{padding-right:10px !important}.m-b-10{margin-bottom:10px !important}.p-b-10{padding-bottom:10px !important}.m-15{margin:15px !important}.p-15{padding:15px !important}.m-t-15{margin-top:15px !important}.p-t-15{padding-top:15px !important}.m-l-15{margin-left:15px !important}.p-l-15{padding-left:15px !important}.m-r-15{margin-right:15px !important}.p-r-15{padding-right:15px !important}.m-b-15{margin-bottom:15px !important}.p-b-15{padding-bottom:15px !important}.m-20{margin:20px !important}.p-20{padding:20px !important}.m-t-20{margin-top:20px !important}.p-t-20{padding-top:20px !important}.m-l-20{margin-left:20px !important}.p-l-20{padding-left:20px !important}.m-r-20{margin-right:20px !important}.p-r-20{padding-right:20px !important}.m-b-20{margin-bottom:20px !important}.p-b-20{padding-bottom:20px !important}.m-30{margin:30px !important}.p-30{padding:30px !important}.m-t-30{margin-top:30px !important}.p-t-30{padding-top:30px !important}.m-l-30{margin-left:30px !important}.p-l-30{padding-left:30px !important}.m-r-30{margin-right:30px !important}.p-r-30{padding-right:30px !important}.m-b-30{margin-bottom:30px !important}.p-b-30{padding-bottom:30px !important}.border-red{border:1px solid #dd2b43 !important}.border-top-red{border-top:1px solid #dd2b43 !important}.border-left-red{border-left:1px solid #dd2b43 !important}.border-right-red{border-right:1px solid #dd2b43 !important}.border-bottom-red{border-bottom:1px solid #dd2b43 !important}.border-light{border:1px solid #f2f6fc !important}.border-top-light{border-top:1px solid #f2f6fc !important}.border-left-light{border-left:1px solid #f2f6fc !important}.border-right-light{border-right:1px solid #f2f6fc !important}.border-bottom-light{border-bottom:1px solid #f2f6fc !important}.border-regular{border:1px solid #e5e5e5 !important}.border-top-regular{border-top:1px solid #e5e5e5 !important}.border-left-regular{border-left:1px solid #e5e5e5 !important}.border-right-regular{border-right:1px solid #e5e5e5 !important}.border-bottom-regular{border-bottom:1px solid #e5e5e5 !important}.border-primary{border:1px solid #303133 !important}.border-top-primary{border-top:1px solid #303133 !important}.border-left-primary{border-left:1px solid #303133 !important}.border-right-primary{border-right:1px solid #303133 !important}.border-bottom-primary{border-bottom:1px solid #303133 !important}.border-yellow{border:1px solid #f4dab0 !important}.border-top-yellow{border-top:1px solid #f4dab0 !important}.border-left-yellow{border-left:1px solid #f4dab0 !important}.border-right-yellow{border-right:1px solid #f4dab0 !important}.border-bottom-yellow{border-bottom:1px solid #f4dab0 !important}.border-yellow-light{border:1px solid #f2ebe1 !important}.border-top-yellow-light{border-top:1px solid #f2ebe1 !important}.border-left-yellow-light{border-left:1px solid #f2ebe1 !important}.border-right-yellow-light{border-right:1px solid #f2ebe1 !important}.border-bottom-yellow-light{border-bottom:1px solid #f2ebe1 !important}.border-yellow-dark{border:1px solid #bc9771 !important}.border-top-yellow-dark{border-top:1px solid #bc9771 !important}.border-left-yellow-dark{border-left:1px solid #bc9771 !important}.border-right-yellow-dark{border-right:1px solid #bc9771 !important}.border-bottom-yellow-dark{border-bottom:1px solid #bc9771 !important}.adm-picker-view-column-wheel{-ms-touch-action:none !important;touch-action:none !important}.adm-pull-to-refresh{-ms-touch-action:none !important;touch-action:none !important}.adm-infinite-scroll{padding:0 !important;height:40px !important}.adm-tab-bar-wrap{min-height:50px !important;overflow:visible !important}.adm-tab-bar-item{padding:0 !important}.adm-tab-bar-item-active{color:#bc9771 !important}.adm-tabs-header{position:-webkit-sticky !important;position:sticky !important;top:0;z-index:1000}.adm-tabs-content{padding:0 !important}.adm-tabs-tab{padding:14px 0 14px !important;font-size:16px !important;color:#606266 !important}.adm-tabs-tab-list{box-shadow:2px 2px 10px 0px rgba(0,0,0,.15)}.adm-tabs-tab-active{font-weight:600 !important;color:#88745c !important}.adm-tabs-tab-line{bottom:6px;background:#88745c !important}.adm-badge-fixed{top:6px !important;right:-4px !important}.adm-floating-bubble-button{width:auto !important;height:auto !important;background:rgba(0,0,0,0) !important}.adm-pull-to-refresh-content{overflow:scroll !important}.adm-list-header{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;height:40px !important;padding:0 !important}.adm-list-item-content{min-height:44px !important}.adm-list-item-content-main{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important;-webkit-box-pack:justify !important;-webkit-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important;padding:8px 0 !important;font-size:14px !important}.adm-list-item-description{font-size:11px !important;margin-top:4px !important}.adm-popup-close-icon{top:12px !important;right:12px !important}.flex-1{-webkit-box-flex:1 !important;-webkit-flex:1 !important;-ms-flex:1 !important;flex:1 !important}.flex-auto{-webkit-box-flex:unset !important;-webkit-flex:unset !important;-ms-flex:unset !important;flex:unset !important}.flex-grow{-webkit-box-flex:1 !important;-webkit-flex-grow:1 !important;-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-display{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important}.flex-wrap{-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-nowrap{-webkit-flex-wrap:nowrap !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.fixed{position:fixed !important}.relative{position:relative !important}.absolute{position:absolute !important}.center{-webkit-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;-webkit-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.box-border{box-sizing:border-box !important}.shadow{box-shadow:2px 2px 10px 0px rgba(0,0,0,.15)}.direction-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.direction-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important}.justify-center{-webkit-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-around{-webkit-justify-content:space-around !important;-ms-flex-pack:distribute !important;justify-content:space-around !important}.justify-between{-webkit-box-pack:justify !important;-webkit-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-end{-webkit-box-pack:end !important;-webkit-justify-content:flex-end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.align-start{-webkit-box-align:start !important;-webkit-align-items:flex-start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-center{-webkit-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important}.align-end{-webkit-box-align:end !important;-webkit-align-items:flex-end !important;-ms-flex-align:end !important;align-items:flex-end !important}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.full-screen{width:100vw;min-height:100vh;box-sizing:border-box}.full-screen-safe{width:100vw;height:100vh;overflow:scroll}.full-w{width:100% !important}.full-h{height:100% !important}.full-vw{width:100vw !important}.full-vh{height:100vh !important}.text-nowrap{white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.delete-line{text-decoration:line-through}.delete-under-line{text-decoration:underline}.list-title-span{width:4px;height:22px;margin-right:10px}.loading-placeholder{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.bottom-tab-placeholder{height:62px}.bottom-placeholder{height:50px}.bottom-fixed{position:fixed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;bottom:0px;width:100%;height:50px;z-index:900;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@supports(bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)){.full-screen{padding-bottom:constant(safe-area-inset-bottom) !important;padding-bottom:env(safe-area-inset-bottom) !important}.full-screen-safe{height:calc(100vh - constant(safe-area-inset-bottom)) !important;height:calc(100vh - env(safe-area-inset-bottom)) !important}.bottom-placeholder{height:calc(constant(safe-area-inset-bottom) + 50px) !important;height:calc(env(safe-area-inset-bottom) + 50px) !important}.bottom-fixed{bottom:calc(constant(safe-area-inset-bottom)) !important;bottom:calc(env(safe-area-inset-bottom)) !important}}
.tabbar {
  position: fixed;
  width: 100%;
  bottom: 0;
}

.tabbar-item {
  width: 70px;
  height: 70px;
  top: -24px;
  left: calc(50% - 35px);
}

.tabbar-item-container {
  width: 50px;
  height: 50px;
}

.tabbar-img {
  width: 24px;
  height: 24px;
}

.spinner {
  width: 50px;
  height: 40px;
  margin-left: -3px;
}

.spinner > div {
  height: 75%;
  width: 3px;
  margin-left: 3px;
  border-radius: 1.5px;
  display: inline-block;
  background-color: #88745C;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.register-container {
  width: calc(100vw - 100px);
  margin-top: 50px;
}

.register-logo {
  width: 100px;
  height: 160px;
  margin-top: 60px;
  margin-bottom: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

.register-list {
  height: 44px;
  margin-bottom: 20px;
}

.register-btn {
  height: 44px;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 22px;
}

.tec-support {
  padding: 34px 0;
}

.mobile-region {
  min-width: 65px;
}

.mobile-region-drop {
  width: 24px;
  height: 24px;
}

.login-container {
  width: calc(100vw - 100px);
}

.login-logo {
  width: 100px;
  height: 160px;
  margin-top: 60px;
  margin-bottom: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

.login-input-container {
  width: calc(100vw - 100px);
  height: 150px;
}

/* 微信占位 150 + 44 + 40 */
.login-wechat-container {
  width: calc(100vw - 100px);
  height: calc(150px + 44px + 40px);
}

.login-input-list {
  height: 40px;
  margin-bottom: 20px;
}

.login-input-list-send {
  padding: 2px 8px;
  height: 30px;
}

.login-type-btn {
  width: calc(100vw - 100px);
  height: 44px;
  margin-bottom: 40px;
  border-radius: 22px;
}

.login-type-we-btn {
  height: 44px;
  border-radius: 22px;
}

.login-type-we-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.login-way {
  width: 55vw;
  min-width: 190px;
}

.login-mode {
  width: 100%;
  padding: 30px 0;
}

/* login-card */
.login-card {
  width: 50px;
}

.login-card-container {
  width: 40px;
  height: 40px;
}

.login-card-icon {
  max-width: 18px;
  max-height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.policy-modal {

}

.policy-modal-container {
  height: 75vh;
}

.policy-modal-title {
  height: 50px;
}

.policy-modal-content {
  width: calc(100vw - 30px);
  height: calc(100% - 30px - 50px);
  margin: 15px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-align: left;
  white-space: pre-line;
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .policy-modal-content {
    height: calc(100% - 30px - 50px - constant(safe-area-inset-bottom)) !important;
    height: calc(100% - 30px - 50px - env(safe-area-inset-bottom)) !important;
  }
}

.home-swiper-item {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.home-swiper-indicator {
  width: 100%;
  bottom : 20px;
}

.home-swiper-indicator-cu {
  --dot-color: rgba(0, 0, 0, 0.2) !important;
  --active-dot-color: #88745C !important;
  --dot-size: 10px !important;
  --active-dot-size: 30px !important;
  --dot-border-radius: 50% !important;
  --active-dot-border-radius: 15px !important;
  --dot-spacing: 8px !important;
}

.home-plus-card {
  width: calc(100vw - 20px);
  padding: 10px;
  margin-top: 20px;
  margin-left: 10px;
}

.home-plus-card-icon {
  width: 26px;
  height: 26px;
}

.home-plus-card-title {
  margin-left: 4px;
  margin-right: 20px;
}

.home-plus-card-btn {
  height: 24px;
  padding: 0 10px;
  border-radius: 12px;
}

.home-plus-card-list-icon {
  width: 40px;
  height: 40px;
}

.lazy-image-desc {
  display: -webkit-box;
  padding: 2px 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.coupon-rules-card {
  width: calc((100vw - 45px) / 2);
  margin-top: 15px;
  margin-left: 15px;
}

.coupon-rules-card-img {
  width: 100%;
  height: calc((100vw - 45px) / 2);
}

.coupon-rules-card-info {
  padding: 10px;
}

.coupon-rules-card-info-icon {
  width: 18px;
  height: 18px;
}

.coupon-rules-card-info-plus {
  height: 20px;
  padding: 0px 6px;
  border-radius: 10px;
}

.code-qrcode {
  width: 60vw;
  height: 60vw;
  margin-top: 60px;
  margin-bottom: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.code-refresh {
  width: 24px;
  height: 24px;
}

/* 用户信息 */
.my-user {
  min-height: 110px;
}

.my-user-img {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}

.my-user-login {
  padding: 4px 8px;
}

.my-user-info-vip {
  margin-top: 4px;
  margin-bottom: 4px;
}

.my-user-info-img {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  margin-right: 8px;
}

.my-user-message {
  top: 15px;
  right: 15px;
  width: 28px;
  height: auto;
}

.my-user-black-card {
  top: 50px;
  right: 0;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}

.my-space-line {
  width: 1px;
  height: 20px;
}

.my-item-cell {
  height: 64px;
}

.section-title {
  height: 40px;
}

.section-title-icon {
  width: 8px;
  height: 16px;
}

.bind-mobile-container {
  width: calc(100vw - 100px);
  margin-top: 50px;
}

.bind-mobile-list {
  height: 44px;
  margin-bottom: 18px;
}

.bind-mobile-list-send {
  padding: 2px 8px;
  height: 30px;
}

.bind-mobile-finish {
  height: 44px;
  border-radius: 22px;
  margin-top: 28px;
}

.bind-mobile-skip {
  margin-top: 15px;
}

.persion-finish-container {
  width: calc(100vw - 100px);
}

.persion-finish-img {
  margin: 64px;
  width: 128px;
  height: 128px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.persion-finish-img-upload {
  width: 128px;
  height: 128px;
  opacity: 0;
  z-index: 2;
  margin-top: calc(-128px);
}

.persion-finish-input {
  height: 48px;
  padding-top: 12px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 12px;
}

.persion-finish-btn {
  height: 48px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.coupon-rule-img {
  width: 100vw;
  height: 100vw;
}

.coupon-rule-container {
  padding: 15px;
}

.coupon-rule-placeholder {
  height: calc(50px + 34px);
}

.coupon-rule-btn {
  bottom: 34px;
  width: calc(100vw - 100px);
  height: 50px;
  border-radius: 50px;
  margin-left: 50px;
}

.fast-back-btn {
  --border-radius: 0 !important;
  --initial-position-left: 0 !important;
  --initial-position-bottom: 30% !important;
}

.fast-back-btn-container {
  width: 100px;
  height: 30px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.fast-back-btn-icon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.coupons-card {
  width: calc(100vw - 30px);
  margin-top: 15px;
  margin-left: 15px;
  padding: 10px;
}

.coupons-card-img {
  width: 64px;
  height: 64px;
}

.coupons-card-info {
  margin-left: 10px;
  margin-right: 10px;
}

.coupons-card-status {
  top: 15px;
  right: 15px;
}

.coupon-modal {
  height: 280px;
}

.member-ship {
  padding-top: 20px;
}

.member-ship-card {
  width: calc(100vw - 40px);
  margin-left: 20px;
  padding: 30px 40px;
}

.member-ship-card-icon {
  width: 26px;
  height: 26px;
  margin-right: 8px;
}

.member-ship-card-desc {
  margin-top: 40px;
  margin-bottom: 30px;
}

.member-ship-card-list {
  width: calc((100vw - 40px - 80px) / 3);
}

.member-ship-card-list-icon {
  width: 40px;
  height: 40px;
}

.member-ship-card-btn {
  width: 100%;
  height: 60px;
  border-radius: 30px;
  margin-top: 40px;
}

.member-ship-record {
  width: calc(100vw - 40px);
  height: 100px;
  margin-top: 20px;
  margin-left: 20px;
}

.check-box {
  width: 14px;
  height: 14px;
}

.check-box-icon {
  width: 100%;
  height: 100%;
}

.check-box-icon:before {
  content: '\2713';
  font-weight: 900;
}

.member-ship-record-card {
  width: calc(100% - 30px);
  margin-left: 15px;
  padding: 15px;
}

.setting-user {
  height: 80px;
}

.setting-user-img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}

.setting-user-img-upload {
  opacity: 0;
  top: 15px;
  right: 15px;
  width: 50px;
  height: 50px;
  z-index: 30;
}

.setting-user-dialog-container {
  height: 70px;
  padding: 15px 15px 0 15px;
}

.setting-user-dialog-input {
  width: 100%;
  height: 34px;
  padding: 0 15px;
}

.credit-info {
  height: 140px;
  padding: 15px;
}

.credit-space {
  height: 2px;
}

.messages-dot {
  margin-right: -5px;
}

.messages-tabs-container {
  height: calc(100vh - 50px) !important;
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .messages-tabs-container {
    height: calc(100vh - 50px - constant(safe-area-inset-bottom)) !important;
    height: calc(100vh - 50px - env(safe-area-inset-bottom)) !important;
  }
}

.message-card {
  margin: 0 10px;
  padding: 0px 15px;
  height: 200PX;
}

.message-card-title {
  height: 40px;
}

.message-card-content {
  padding: 8px 0;
  height: calc(200px - 80px - 4px);
}

.message-card-bottom {
  height: 40px;
}

.message-content {

}

.orders-tabs-container {
  height: calc(100vh - 50px) !important;
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .orders-tabs-container {
    height: calc(100vh - 50px - constant(safe-area-inset-bottom)) !important;
    height: calc(100vh - 50px - env(safe-area-inset-bottom)) !important;
  }
}

.order-card {
  margin: 0 10px;
  padding: 0px 15px;
}

.order-card-title {
  height: 40px;
}

.order-card-products {
  width: calc(100vw - 60px);
}

.order-card-product {
  padding: 10px 0;
}

.order-card-product-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.order-card-product-quantity {
  top: 11px;
  right: 11px;
  min-width: 16px;
  height: 16px;
  border-radius: 4px;
}

.order-card-product-credit {
  top: 46px;
  right: 11px;
  min-width: 16px;
  height: 16px;
  border-radius: 4px;
}

.order-card-bottom {
  height: 40px;
}

.payment-member-ship {
  padding-top: 24px;
}

.payment-member-ship-icon {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.payment-result {
  padding: 50px;
}

.payment-result-content {
  height: 40vh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.payment-result-card {
  width: 50%;
  height: 100px;
}

.payment-result-btn {
  height: 50px;
  border-radius: 25px;
}

