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

.coupon-btnbox {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: calc(1.2rem + env(safe-area-inset-bottom, 0));
  padding: 0 0.25rem;
  padding-top: 0.25rem;
  width: 100%;
  max-width: 7.5rem;
  border-top: 0.01rem solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: start;
  background-color: #fff;
  z-index: 100;
}

.coupon-btnbox span {
  display: block;
  border-radius: 0.08rem;
  border: 0.01rem solid #cf1717;
  width: 3.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
}

.coupon-btnbox span.white-red {
  font-size: 0.28rem;
  color: #cf1717;
}

.coupon-btnbox span.red-white {
  font-size: 0.28rem;
  background-color: #cf1717;
  color: #fff;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: calc(100vw / 7.5);
}

html,
body {
  height: 100vh;
  min-height: auto;
  margin: 0;
  background-color: #fff;
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  -ms-user-select: none;
  /*IE10*/
  user-select: none;
  /* 去掉点击链接和文本框时默认的灰色半透明覆盖层（iOS）或者虚框（Android）。 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body * {
  font-family: 'Roboto';
}

body p {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

img {
  border: none;
  transition: all linear 200ms;
  opacity: 1;
  display: block;
  width: 100%;
}

a {
  text-decoration: none;
  color: #232323;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}

input,
textarea {
  outline: none;
  border: none;
}

textarea {
  resize: none;
  overflow: auto;
}

.icon.icon-cart-gray {
  background-image: url(https://preapp.wook.id/image/icon_cart_gray.png);
}

.icon.icon-cart-w {
  background-image: url(https://preapp.wook.id/image/icon_cart_w.png);
}

.icon.icon-cart-active {
  background-image: url(https://preapp.wook.id/image/icon_cart_active.png);
}

.icon.icon-cart-s {
  background-image: url(https://preapp.wook.id/image/icon_cart_s.png);
}

.icon.icon-cart {
  background-image: url(https://preapp.wook.id/image/icon_cart.png);
}

.icon.icon-search {
  background-image: url(https://preapp.wook.id/image/icon_search.png);
}

.icon.icon-logo {
  background-image: url(https://preapp.wook.id/image/icon_logo.png);
}

.icon.icon-num {
  background-image: url(https://preapp.wook.id/image/icon_num.png);
}

.icon.icon-search {
  background-image: url(https://preapp.wook.id/image/icon_search.png);
}

.icon.icon-quick-order {
  background-image: url(https://preapp.wook.id/image/icon_quick_order.png);
}

.icon.icon-back {
  background-image: url(https://preapp.wook.id/image/icon_back.png);
}

.icon.icon-gitImg {
  background-image: url(https://preapp.wook.id/image/icon_gitImg.png);
}

.icon.icon-back-w {
  background-image: url(https://preapp.wook.id/image/icon_back_w.png);
}

.icon.icon-reduce {
  background-image: url(https://preapp.wook.id/image/icon_reduce.png);
}

.icon.icon-on-road {
  background-image: url(https://preapp.wook.id/image/icon_on_road.png);
}

.icon.icon-on-road-w {
  background-image: url(https://preapp.wook.id/image/icon_on_road_w.png);
}

.icon.icon-warning {
  background-image: url(https://preapp.wook.id/image/icon_warning.png);
}

.icon.icon-order {
  background-image: url(https://preapp.wook.id/image/icon_order.png);
}

.icon.icon-pending-delivery {
  background-image: url(https://preapp.wook.id/image/icon_pending_delivery.png);
}

.icon.icon-wait-sign {
  background-image: url(https://preapp.wook.id/image/icon_wait_sign.png);
}

.icon.icon-comment {
  background-image: url(https://preapp.wook.id/image/icon_comment.png);
}

.icon.icon-invoice {
  background-image: url(https://preapp.wook.id/image/icon_invoice.png);
}

.icon.icon-agent-order {
  background-image: url(https://preapp.wook.id/image/icon_agent_order.png);
}

.icon.icon-agent-order-blue {
  background-image: url(https://preapp.wook.id/image/icon_agent_order_blue.png);
}

.icon.icon-wook-agent {
  background-image: url(https://preapp.wook.id/image/icon_wook_agent.png);
}

.icon.icon-agent-guide {
  background-image: url(https://preapp.wook.id/image/icon_agent_guide.png);
}

.icon.icon-tax-card {
  background-image: url(https://preapp.wook.id/image/icon_tax_card.png);
}

.icon.icon-oa-system {
  background-image: url(https://preapp.wook.id/image/icon_oa_system.png);
}

.icon.icon-bank-card {
  background-image: url(https://preapp.wook.id/image/icon_bank_card.png);
}

.icon.icon-service {
  background-image: url(https://preapp.wook.id/image/icon_service.png);
}

.icon.icon-book {
  background-image: url(https://preapp.wook.id/image/icon_book.png);
}

.icon.icon-return-goods {
  background-image: url(https://preapp.wook.id/image/icon_return_goods.png);
}

.icon.icon-more {
  background-image: url(https://preapp.wook.id/image/icon_more.png);
}

.icon.icon-sign-state {
  background-image: url(https://preapp.wook.id/image/icon_sign_state.png);
}

.icon.icon-sign-state-w {
  background-image: url(https://preapp.wook.id/image/icon_sign_state_w.png);
}

.icon.icon-del {
  background-image: url(https://preapp.wook.id/image/icon_del.png);
}

.icon.icon-arrow {
  background-image: url(https://preapp.wook.id/image/icon_arrow.png);
}

.icon.icon-location {
  background-image: url(https://preapp.wook.id/image/icon_location.png);
}

.icon.icon-right {
  background-image: url(https://preapp.wook.id/image/icon_right.png);
}

.icon.icon-right-bdr {
  background-image: url(https://preapp.wook.id/image/icon_right_bdr.png);
}

.icon.icon-right-blue {
  background-image: url(https://preapp.wook.id/image/icon_right_blue.png);
}

.icon.icon-arrow-open {
  background-image: url(https://preapp.wook.id/image/icon_arrow_open.png);
}

.icon.icon-close-p {
  background-image: url(https://preapp.wook.id/image/icon_close_p.png);
}

.icon.icon-close-enlarge {
  background-image: url(https://preapp.wook.id/image/icon_close_enlarge.png);
}

.icon.icon-reduce-s {
  background-image: url(https://preapp.wook.id/image/icon_reduce_s.png);
}

.icon.icon-reduce-gray {
  background-image: url(https://preapp.wook.id/image/icon_reduce_gray.png);
}

.icon.icon-plus {
  background-image: url(https://preapp.wook.id/image/icon_plus.png);
}

.icon.icon-plus-gray {
  background-image: url(https://preapp.wook.id/image/icon_plus_gray.png);
}

.icon.icon-share {
  background-image: url(https://preapp.wook.id/image/icon_share.png);
}

.icon.icon-share-w {
  background-image: url(https://preapp.wook.id/image/icon_share_w.png);
}

.icon.icon-gift-w {
  background-image: url(https://preapp.wook.id/image/icon_gift_w.png);
}

.icon.icon-gift-red {
  background-image: url(https://preapp.wook.id/image/icon_gift_red.png);
}

.icon.icon-succ {
  background-image: url(https://preapp.wook.id/image/icon_succ.png);
}

.icon.icon-err {
  background-image: url(https://preapp.wook.id/image/icon_err.png);
}

.icon.icon-loading {
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E %3Ccircle cx='50' cy='50' r='44' stroke-width='10' stroke='%23ca1539' stroke-dasharray='69.11503837897544 69.11503837897544' fill='none' stroke-linecap='round' transform='rotate(229.978 50 50)'%3E %3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' keyTimes='0;1' values='0 50 50;360 50 50'%3E%3C/animateTransform%3E %3C/circle%3E %3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E");
}

.icon.icon-loading-2 {
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E %3Cg transform='rotate(0 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.9s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E%3Cg transform='rotate(36 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.8s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E%3Cg transform='rotate(72 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.7s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E%3Cg transform='rotate(108 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.6s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E%3Cg transform='rotate(144 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E%3Cg transform='rotate(180 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.4s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E%3Cg transform='rotate(216 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.3s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E%3Cg transform='rotate(252 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.2s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E%3Cg transform='rotate(288 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.1s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E%3Cg transform='rotate(324 50 50)'%3E %3Crect x='45' y='2' rx='1.92' ry='1.92' width='10' height='24' fill='%23424549'%3E %3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E %3C/rect%3E %3C/g%3E %3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E");
}

.icon.icon-loading-3 {
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E %3Ccircle cx='50' cy='50' r='42' stroke-width='6' stroke='%23ffffff' stroke-dasharray='65.97344572538566 65.97344572538566' fill='none' stroke-linecap='round'%3E %3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1.2195121951219512s' keyTimes='0;1' values='0 50 50;360 50 50'%3E%3C/animateTransform%3E %3C/circle%3E %3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E");
}

.icon.icon-discount {
  background-image: url(https://preapp.wook.id/image/icon_discount.png);
}

.icon.icon-empty {
  background-image: url(https://preapp.wook.id/image/icon_empty.png);
}

.icon.icon-no-message {
  background-image: url(https://preapp.wook.id/image/icon_no_message.png);
}

.icon.icon-no-order {
  background-image: url(https://preapp.wook.id/image/icon_no_order.png);
}

.icon.icon-offline {
  background-image: url(https://preapp.wook.id/image/icon_offline.png);
}

.icon.icon-advance-notice {
  background-image: url(https://preapp.wook.id/image/icon_advance_notice.png);
}

.icon.icon-book-goods {
  background-image: url(https://preapp.wook.id/image/icon_book_goods.png);
}

.icon.icon-loading-p-101 {
  background-image: url(https://preapp.wook.id/image/icon_loading_p_101.gif);
}

.icon.icon-logo {
  background-image: url(https://preapp.wook.id/image/icon_logo.png);
}

.icon.icon-address {
  background-image: url(https://preapp.wook.id/image/icon_address.png);
}

.icon.icon-bell-red {
  background-image: url(https://preapp.wook.id/image/icon_bell_red.png);
}

.icon.icon-sold-out {
  background-image: url(https://preapp.wook.id/image/icon_sold_out.png);
}

.icon.icon-clear-stock {
  background-image: url(https://preapp.wook.id/image/icon_clear_stock.png);
}

.icon.icon-pre-order {
  background-image: url(https://preapp.wook.id/image/icon_pre_order.png);
}

.icon.icon-sold-out-d {
  background-image: url(https://preapp.wook.id/image/icon_sold_out_d.png);
}

.icon.icon-new-goods-d {
  background-image: url(https://preapp.wook.id/image/icon_new_goods_d.png);
}

.icon.icon-new-goods {
  background-image: url(https://preapp.wook.id/image/icon_new_goods.png);
}

.icon.icon-goods-off-line {
  background-image: url(https://preapp.wook.id/image/icon_goods_off_line.png);
}

.icon.icon-clear-stock-d {
  background-image: url(https://preapp.wook.id/image/icon_clear_stock_d.png);
}

.icon.icon-pre-order-d {
  background-image: url(https://preapp.wook.id/image/icon_pre_order_d.png);
}

.icon.icon-single {
  background-image: url(https://preapp.wook.id/image/icon_single.png);
}

.icon.icon-all-goods {
  background-image: url(https://preapp.wook.id/image/icon_all_goods.png);
}

.icon.icon-edit {
  background-image: url(https://preapp.wook.id/image/icon_edit.png);
}

.icon.icon-wait {
  background-image: url(https://preapp.wook.id/image/icon_wait.png);
}

.icon.icon-soldout {
  background-image: url(https://preapp.wook.id/image/icon_soldout.png);
}

.icon.icon-off-line {
  background-image: url(https://preapp.wook.id/image/icon_off_line.png);
}

.icon.icon-wait-white {
  background-image: url(https://preapp.wook.id/image/icon_wait_white.png);
}

.icon.icon-over {
  background-image: url(https://preapp.wook.id/image/icon_over.png);
}

.icon.icon-over-white {
  background-image: url(https://preapp.wook.id/image/icon_over_white.png);
}

.icon.icon-level {
  background-image: url(https://preapp.wook.id/image/icon_level.png);
}

.icon.icon-star-y {
  background-image: url(https://preapp.wook.id/image/icon_star_y.png);
}

.icon.icon-star-g {
  background-image: url(https://preapp.wook.id/image/icon_star_g.png);
}

.icon.icon-sys-err {
  background-image: url(https://preapp.wook.id/image/icon_sys_err.png);
}

.icon.icon-search-empty {
  background-image: url(https://preapp.wook.id/image/icon_search_empty.png);
}

.icon.icon-user-phone {
  background-image: url(https://preapp.wook.id/image/icon_user_phone.png);
}

.icon.icon-discount-bg-01 {
  background-image: url(https://preapp.wook.id/image/icon_discount_bg_01.png);
}

.icon.icon-rmd-bg-01 {
  background-image: url(https://preapp.wook.id/image/icon_rmd_bg_01.png);
}

.icon.icon-gift-bg-01 {
  background-image: url(https://preapp.wook.id/image/icon_gift_bg_01.png);
}

.icon.icon-back-top {
  background-image: url(https://preapp.wook.id/image/icon_back_top.png);
}

.icon.icon-industry {
  background-image: url(https://preapp.wook.id/image/icon_industry.png);
}

.icon.icon-e-cigarette {
  background-image: url(https://preapp.wook.id/image/icon_e_cigarette.png);
}

.icon.icon-sanitizer {
  background-image: url(https://preapp.wook.id/image/icon_sanitizer.png);
}

.icon.icon-shop-name {
  background-image: url(https://preapp.wook.id/image/icon_shop_name.png);
}

.icon.icon-pre-order {
  background-image: url(https://preapp.wook.id/image/icon_pre_order.png);
}

.icon.icon-resale {
  background-image: url(https://preapp.wook.id/image/icon_resale.png);
}

.icon.icon-notice {
  background-image: url(https://preapp.wook.id/image/icon_notice.png);
}

.icon.icon-points {
  background-image: url(https://preapp.wook.id/image/icon_points.png);
}

.icon.icon-order-statistics {
  background-image: url(https://preapp.wook.id/image/icon_order_statistics.png);
}

.icon.icon-close-gray {
  background-image: url(https://preapp.wook.id/image/icon_close_gray.png);
}

.icon.icon-lang-id {
  background-image: url(https://preapp.wook.id/image/icon_lang_id.png);
}

.icon.icon-lang-pa {
  background-image: url(https://preapp.wook.id/image/icon_lang_pa.png);
}

.icon.icon-lang-ph {
  background-image: url(https://preapp.wook.id/image/icon_lang_ph.png);
}

.icon.icon-lang-vn {
  background-image: url(https://preapp.wook.id/image/icon_lang_vn.png);
}

.icon.icon-ads-delete {
  background-image: url(https://preapp.wook.id/image/icon_ads_delete.png);
}

.icon.icon-xiala {
  background-image: url(https://preapp.wook.id/image/icon_xiala.png);
}

.icon.icon-account-details {
  background-image: url(https://preapp.wook.id/image/icon_account_details.png);
}

.icon.icon-account-info {
  background-image: url(https://preapp.wook.id/image/icon_account_info.png);
}

.icon.icon-wenhao {
  background-image: url(https://preapp.wook.id/image/icon_wenhao.png);
}

.icon.icon-payment {
  background-image: url(https://preapp.wook.id/image/icon_payment.png);
}

.icon.icon-share-gray {
  background-image: url(https://preapp.wook.id/image/icon_share_gray.png);
}

.icon.icon-right-red {
  background-image: url(https://preapp.wook.id/image/icon_right_red.png);
}

.icon.icon-right-gray {
  background-image: url(https://preapp.wook.id/image/icon_right_gray.png);
}

.icon.icon-header-kf {
  background-image: url(https://preapp.wook.id/image/icon_header_kf.png);
}

.icon.icon-header-more {
  background-image: url(https://preapp.wook.id/image/icon_header_more.png);
}

.icon.icon-to-bottom {
  background-image: url(https://preapp.wook.id/image/icon_to_bottom.png);
}

.icon.icon-right-gray {
  background-image: url(https://preapp.wook.id/image/icon_right_gray.png);
}

.icon.icon-center-kf {
  background-image: url(https://preapp.wook.id/image/icon_center_kf.png);
}

.icon.icon-chat-fail {
  background-image: url(https://preapp.wook.id/image/icon_chat_fail.png);
}

.icon.icon-chat-history {
  background-image: url(https://preapp.wook.id/image/icon_chat_history.png);
}

.icon.icon-chat-read {
  background-image: url(https://preapp.wook.id/image/icon_chat_read.png);
}

.icon.icon-chat-unread {
  background-image: url(https://preapp.wook.id/image/icon_chat_unread.png);
}

.icon.icon-chat-browser {
  background-image: url(https://preapp.wook.id/image/icon_chat_browser.png);
}

.icon.icon-chat-order {
  background-image: url(https://preapp.wook.id/image/icon_chat_order.png);
}

.icon.icon-chat-cart {
  background-image: url(https://preapp.wook.id/image/icon_chat_cart.png);
}

.icon.icon-chat-emoji {
  background-image: url(https://preapp.wook.id/image/icon_chat_emoji.png);
}

.icon.icon-chat-camera {
  background-image: url(https://preapp.wook.id/image/icon_chat_camera.png);
}

.icon.icon-chat-photo {
  background-image: url(https://preapp.wook.id/image/icon_chat_photo.png);
}

.icon.icon-add {
  background-image: url(https://preapp.wook.id/image/icon_add.png);
}

.icon.icon-chat-delete {
  background-image: url(https://preapp.wook.id/image/icon_chat_delete.png);
}

.icon.icon-chat-img-fail {
  background-image: url(https://preapp.wook.id/image/icon_chat_img_fail.png);
}

.icon.icon-loaded {
  background-image: url(https://preapp.wook.id/image/icon_loaded.gif);
}

.icon.icon-copy {
  background-image: url(https://preapp.wook.id/image/icon_copy.png);
}

.icon.icon-stock-log {
  background-image: url(https://preapp.wook.id/image/icon_stock_log.png);
}

.icon.icon-stock-manage {
  background-image: url(https://preapp.wook.id/image/icon_stock_manage.png);
}

.icon.icon-tel-service {
  background-image: url(https://preapp.wook.id/image/icon_tel_service.png);
}

.icon.icon-point-coin {
  background-image: url(https://preapp.wook.id/image/icon_point_coin.png);
}

.icon.icon-get-point {
  background-image: url(https://preapp.wook.id/image/icon_get_point.png);
}

.icon.icon-seventh-point {
  background-image: url(https://preapp.wook.id/image/icon_seventh_point.png);
}

.icon.icon-big-seventh-point {
  background-image: url(https://preapp.wook.id/image/icon_big_seventh_point.png);
}

.icon.icon-turntable {
  background-image: url(https://preapp.wook.id/image/icon_turntable.png);
}

.icon.icon-scan-page {
  background-image: url(https://preapp.wook.id/image/icon_scan_page.png);
}

.icon.icon-sign-bill {
  background-image: url(https://preapp.wook.id/image/icon_sign_bill.png);
}

.icon.icon-update-taxcard {
  background-image: url(https://preapp.wook.id/image/icon_update_taxcard.png);
}

.icon.icon-client-birthday {
  background-image: url(https://preapp.wook.id/image/icon_client_birthday.png);
}

.icon.icon-jump {
  background-image: url(https://preapp.wook.id/image/icon_jump.png);
}

.icon.icon-more-small {
  background-image: url(https://preapp.wook.id/image/icon_more_small.png);
}

.icon.icon-get-point-big {
  background-image: url(https://preapp.wook.id/image/icon_get_point_big.png);
}

.icon.icon-more-blue {
  background-image: url(https://preapp.wook.id/image/icon_more_blue.png);
}

.icon.icon-more-w {
  background-image: url(https://preapp.wook.id/image/icon_more_w.png);
}

.icon.icon-lang-th {
  background-image: url(https://preapp.wook.id/image/icon_lang_th.png);
}

.icon.icon-close-w {
  background-image: url(https://preapp.wook.id/image/icon_close_w.png);
}

.icon.icon-first-send-point {
  background-image: url(https://preapp.wook.id/image/icon_first_send_point.png);
}

.icon.icon-more-red {
  background-image: url(https://preapp.wook.id/image/icon_more_red.png);
}

.icon.icon-hot-tow {
  background-image: url(https://preapp.wook.id/image/icon_hot_tow.png);
}

.icon.icon-select-add {
  background-image: url(https://preapp.wook.id/image/icon_select_add.png);
}

.icon.icon-whats-app {
  background-image: url(https://preapp.wook.id/image/icon_whats_app.png);
}

.icon.icon-whatsapp-logo {
  background-image: url(https://preapp.wook.id/image/icon_whatsapp_logo.png);
}

.icon.icon-whats-app-reg {
  background-image: url(https://preapp.wook.id/image/icon_whats_app_reg.png);
}

.icon.icon-whatsapp-back {
  background-image: url(https://preapp.wook.id/image/icon_whatsapp_back.png);
}

.icon.icon-visit-sales {
  background-image: url(https://preapp.wook.id/image/icon_visit_sales.png);
}

.icon.icon-assisted-buy {
  background-image: url(https://preapp.wook.id/image/icon_assisted_buy.png);
}

.icon.icon-active-bg {
  background-image: url(https://preapp.wook.id/image/icon_active_bg.png);
}

.icon.icon-top-tips {
  background-image: url(https://preapp.wook.id/image/icon_top_tips.png);
}

.icon.icon-level-gold {
  background-image: url(https://preapp.wook.id/image/icon_level_gold.png);
}

.icon.icon-wsd {
  background-image: url(https://preapp.wook.id/image/icon_wsd.png);
}

.icon.icon-yellow-arrow {
  background-image: url(https://preapp.wook.id/image/icon_yellow_arrow.png);
}

.icon.icon-checkbox {
  background-image: url(https://preapp.wook.id/image/icon_checkbox.png);
}

.icon.icon-checkbox-active {
  background-image: url(https://preapp.wook.id/image/icon_checkbox_active.png);
}

.icon.icon-checkbox-dis {
  background-image: url(https://preapp.wook.id/image/icon_checkbox_dis.png);
}

.icon.icon-freight-bg {
  background-image: url(https://preapp.wook.id/image/icon_freight_bg.png);
}

.icon.icon-msg {
  background-image: url(https://preapp.wook.id/image/icon_msg.png);
}

.icon.icon-down {
  background-image: url(https://preapp.wook.id/image/icon_down.png);
}

.icon.icon-up {
  background-image: url(https://preapp.wook.id/image/icon_up.png);
}

.icon.icon-cut-film {
  background-image: url(https://preapp.wook.id/image/icon_cut_film.png);
}

.icon.icon-scan-rect {
  background-image: url(https://preapp.wook.id/image/icon_scan_rect.png);
}

.icon.icon-scan-line {
  background-image: url(https://preapp.wook.id/image/icon_scan_line.png);
}

.icon.icon-return-star {
  background-image: url(https://preapp.wook.id/image/icon_return_star.png);
}

.icon.icon-active-bg-th {
  background-image: url(https://preapp.wook.id/image/icon_active_bg_th.png);
}

.icon.icon-add-address {
  background-image: url(https://preapp.wook.id/image/icon_add_address.png);
}

.icon.icon-sign-success {
  background-image: url(https://preapp.wook.id/image/icon_sign_success.png);
}

.icon.icon-sign-success-th {
  background-image: url(https://preapp.wook.id/image/icon_sign_success_th.png);
}

.icon.icon-kcp {
  background-image: url(https://preapp.wook.id/image/icon_kcp.png);
}

.icon.icon-verify-deliver {
  background-image: url(https://preapp.wook.id/image/icon_verify_deliver.png);
}

.icon.icon-month-bill {
  background-image: url(https://preapp.wook.id/image/icon_month_bill.png);
}

.icon.icon-lang-ug {
  background-image: url(https://preapp.wook.id/image/icon_lang_ug.png);
}

.icon.icon-active-bg-samano1 {
  background-image: url(https://preapp.wook.id/image/icon_active_bg_samano1.png);
}

.icon.icon-active-bg-samano2 {
  background-image: url(https://preapp.wook.id/image/icon_active_bg_samano2.png);
}

.icon.icon-drogue-close {
  background-image: url(https://preapp.wook.id/image/icon_drogue_close.png);
}

.icon.icon-order-hmask {
  background-image: url(https://preapp.wook.id/image/icon_order_hmask.png);
}

.icon.icon-order-mask {
  background-image: url(https://preapp.wook.id/image/icon_order_mask.png);
}

.icon.icon-back-box-arrow {
  background-image: url(https://preapp.wook.id/image/icon_back_box_arrow.png);
}

.icon.icon-active-radio {
  background-image: url(https://preapp.wook.id/image/icon_active_radio.png);
}

.icon.icon-radio-gray {
  background-image: url(https://preapp.wook.id/image/icon_radio_gray.png);
}

.icon.icon-back-box-arrow-gray {
  background-image: url(https://preapp.wook.id/image/icon_back_box_arrow_gray.png);
}

.icon.icon-half-star {
  background-image: url(https://preapp.wook.id/image/icon_half_star.png);
}

.icon.icon-half-star-gray {
  background-image: url(https://preapp.wook.id/image/icon_half_star_gray.png);
}

.icon.icon-level-half {
  background-image: url(https://preapp.wook.id/image/icon_level_half.png);
}

.icon.icon-radio-blue {
  background-image: url(https://preapp.wook.id/image/icon_radio_blue.png);
}

.icon.icon-download-bill {
  background-image: url(https://preapp.wook.id/image/icon_download_bill.png);
}

.icon.icon-quick-orders {
  background-image: url(https://preapp.wook.id/image/icon_quick_orders.png);
}

.icon.icon-more-blue {
  background-image: url(https://preapp.wook.id/image/icon_more_blue.png);
}

.icon.icon-no-coupon {
  background-image: url(https://preapp.wook.id/image/icon_no_coupon.png);
}

.icon.icon-select {
  background-image: url(https://preapp.wook.id/image/icon_select.png);
}

.icon.icon-checkbox-gray {
  background-image: url(https://preapp.wook.id/image/icon_checkbox_gray.png);
}

.icon.icon-arrow-up-blue {
  background-image: url(https://preapp.wook.id/image/icon_arrow_up_blue.png);
}

.icon.icon-arrow-down-blue {
  background-image: url(https://preapp.wook.id/image/icon_arrow_down_blue.png);
}

.icon.icon-more-2x {
  background-image: url(https://preapp.wook.id/image/icon_more_2x.png);
}

.icon.icon-profession-1 {
  background-image: url(https://preapp.wook.id/image/icon_profession_1.png);
}

.icon.icon-profession-2 {
  background-image: url(https://preapp.wook.id/image/icon_profession_2.png);
}

.icon.icon-profession-3 {
  background-image: url(https://preapp.wook.id/image/icon_profession_3.png);
}

.icon.icon-profession-4 {
  background-image: url(https://preapp.wook.id/image/icon_profession_4.png);
}

.icon.icon-profession-5 {
  background-image: url(https://preapp.wook.id/image/icon_profession_5.png);
}

.icon.icon-profession-6 {
  background-image: url(https://preapp.wook.id/image/icon_profession_6.png);
}

.icon.icon-profession-7 {
  background-image: url(https://preapp.wook.id/image/icon_profession_7.png);
}

.icon.icon-profession-8 {
  background-image: url(https://preapp.wook.id/image/icon_profession_8.png);
}

.icon.icon-profession-9 {
  background-image: url(https://preapp.wook.id/image/icon_profession_9.png);
}

.icon.icon-profession-10 {
  background-image: url(https://preapp.wook.id/image/icon_profession_10.png);
}

.icon.icon-profession-11 {
  background-image: url(https://preapp.wook.id/image/icon_profession_11.png);
}

.icon.icon-profession-12 {
  background-image: url(https://preapp.wook.id/image/icon_profession_12.png);
}

.icon.icon-profession-13 {
  background-image: url(https://preapp.wook.id/image/icon_profession_13.png);
}

.icon.icon-profession-14 {
  background-image: url(https://preapp.wook.id/image/icon_profession_14.png);
}

.icon.icon-profession-15 {
  background-image: url(https://preapp.wook.id/image/icon_profession_15.png);
}

.icon.icon-profession-16 {
  background-image: url(https://preapp.wook.id/image/icon_profession_16.png);
}

.icon.icon-profession-17 {
  background-image: url(https://preapp.wook.id/image/icon_profession_17.png);
}

.icon.icon-profession-18 {
  background-image: url(https://preapp.wook.id/image/icon_profession_18.png);
}

.icon.icon-profession-19 {
  background-image: url(https://preapp.wook.id/image/icon_profession_19.png);
}

.icon.icon-profession-switch-1 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_1.png);
}

.icon.icon-profession-switch-2 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_2.png);
}

.icon.icon-profession-switch-3 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_3.png);
}

.icon.icon-profession-switch-4 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_4.png);
}

.icon.icon-profession-switch-5 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_5.png);
}

.icon.icon-profession-switch-6 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_6.png);
}

.icon.icon-profession-switch-7 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_7.png);
}

.icon.icon-profession-switch-8 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_8.png);
}

.icon.icon-profession-switch-9 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_9.png);
}

.icon.icon-profession-switch-10 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_10.png);
}

.icon.icon-profession-switch-11 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_11.png);
}

.icon.icon-profession-switch-12 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_12.png);
}

.icon.icon-profession-switch-13 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_13.png);
}

.icon.icon-profession-switch-14 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_14.png);
}

.icon.icon-profession-switch-15 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_15.png);
}

.icon.icon-profession-switch-16 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_16.png);
}

.icon.icon-profession-switch-17 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_17.png);
}

.icon.icon-profession-switch-18 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_18.png);
}

.icon.icon-profession-switch-19 {
  background-image: url(https://preapp.wook.id/image/icon_profession_switch_19.png);
}

.icon.icon-user {
  background-image: url(https://preapp.wook.id/image/icon_user.png);
}

.icon.icon-like {
  background-image: url(https://preapp.wook.id/image/icon_like.png);
}

.icon.icon-reserve {
  background-image: url(https://preapp.wook.id/image/icon_reserve.png);
}

.icon.icon-gift {
  background-image: url(https://preapp.wook.id/image/icon_gift.png);
}

.icon.icon-integral {
  background-image: url(https://preapp.wook.id/image/icon_integral.png);
}

.icon.icon-record-empty {
  background-image: url(https://preapp.wook.id/image/icon_record_empty.png);
}

.icon.icon-winning-record {
  background-image: url(https://preapp.wook.id/image/icon_winning_record.png);
}

.icon.icon-liveing {
  background-image: url(https://preapp.wook.id/image/icon_liveing.gif);
}

.icon.icon-live-time {
  background-image: url(https://preapp.wook.id/image/icon_live_time.png);
}

.icon.icon-reserve-num {
  background-image: url(https://preapp.wook.id/image/icon_reserve_num.png);
}

.icon.icon-back-live {
  background-image: url(https://preapp.wook.id/image/icon_back_live.png);
}

.icon.icon-live-time-gray {
  background-image: url(https://preapp.wook.id/image/icon_live_time_gray.png);
}

.icon.icon-live {
  background-image: url(https://preapp.wook.id/image/icon_live.gif);
}

.icon.icon-vod-goods-cart {
  background-image: url(https://preapp.wook.id/image/icon_vod_goods_cart.png);
}

.icon.icon-vod-shopping {
  background-image: url(https://preapp.wook.id/image/icon_vod_shopping.png);
}

.icon.icon-coupon {
  background-image: url(https://preapp.wook.id/image/icon_coupon.png);
}

.icon.icon-stop {
  background-image: url(https://preapp.wook.id/image/icon_stop.png);
}

.icon.icon-default-img {
  background-image: url(https://preapp.wook.id/image/icon_default_img.png);
}

.icon.icon-close-w-l {
  background-image: url(https://preapp.wook.id/image/icon_close_w_l.png);
}

.icon.icon-review-blue {
  background-image: url(https://preapp.wook.id/image/icon_review_blue.png);
}

.icon.icon-review-red {
  background-image: url(https://preapp.wook.id/image/icon_review_red.png);
}

.icon.icon-review-green {
  background-image: url(https://preapp.wook.id/image/icon_review_green.png);
}

.icon.icon-coupon-list {
  background-image: url(https://preapp.wook.id/image/icon_coupon_list.png);
}

.icon.icon-promotion {
  background-image: url(https://preapp.wook.id/image/icon_promotion.png);
}

.icon.icon-order-tip {
  background-image: url(https://preapp.wook.id/image/icon_order_tip.png);
}

.icon.icon-arrow-yellow {
  background-image: url(https://preapp.wook.id/image/icon_arrow_yellow.png);
}

.icon.icon-scan {
  background-image: url(https://preapp.wook.id/image/icon_scan.png);
}

.icon.icon-recommend {
  background-image: url(https://preapp.wook.id/image/icon_recommend.png);
}

.icon.icon-delete-img {
  background-image: url(https://preapp.wook.id/image/icon_delete_img.png);
}

.icon.icon-recommend-goods {
  background-image: url(https://preapp.wook.id/image/icon_recommend_goods.png);
}

.icon.icon-adakami {
  background-image: url(https://preapp.wook.id/image/icon_adakami.png);
}

.icon.icon-film-disabled-up {
  background-image: url(https://preapp.wook.id/image/icon_film_disabled_up.png);
}

.icon.icon-film-up {
  background-image: url(https://preapp.wook.id/image/icon_film_up.png);
}

.icon.icon-spu {
  background-image: url(https://preapp.wook.id/image/icon_spu.png);
}

.icon.icon-all-expand {
  background-image: url(https://preapp.wook.id/image/icon_all_expand.png);
}

.icon.icon-all-collapsed {
  background-image: url(https://preapp.wook.id/image/icon_all_collapsed.png);
}

.icon.icon-promotion-gift {
  background-image: url(https://preapp.wook.id/image/icon_promotion_gift.png);
}

.icon.icon-gift-plus {
  background-image: url(https://preapp.wook.id/image/icon_gift_plus.png);
}

.icon.icon-quick-right {
  background-image: url(https://preapp.wook.id/image/icon_quick_right.png);
}

.icon.icon-rule {
  background-image: url(https://preapp.wook.id/image/icon_rule.png);
}

.icon.icon-points-mall {
  background-image: url(https://preapp.wook.id/image/icon_points_mall.png);
}

.icon.icon-checkbox-disabled {
  background-image: url(https://preapp.wook.id/image/icon_checkbox_disabled.png);
}

.icon.icon-redeemed-out {
  background-image: url(https://preapp.wook.id/image/icon_redeemed_out.png);
}

.icon.icon-search-ai {
  background-image: url(https://preapp.wook.id/image/icon_search_ai.png);
}

i.icon {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  vertical-align: top;
}

.f-b {
  color: #232323;
}

.f-b-b {
  color: #232323;
  font-weight: bold;
}

.clx {
  zoom: 1;
}

.clx:after {
  content: '.';
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  overflow: hidden;
}

.clx:before {
  content: '.';
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  overflow: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.main-page {
  width: 7.5rem;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.icon-price {
  background-image: url(https://preapp.wook.id/image/icon_arrow_def.png);
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 7.5rem;
  z-index: 100;
}

h3 {
  font-size: 0.26rem;
  font-weight: bold;
}

h2 {
  font-size: 0.34rem;
  font-weight: bold;
}

input[type='text']:disabled {
  background: #f1f1f1;
}

input[type='checkbox'] {
  background-image: url(https://preapp.wook.id/image/icon_checkbox.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.04rem;
  -webkit-appearance: none;
  /*清除复选框默认样式*/
  appearance: none;
  outline: none;
  /*去掉自带的边框*/
  vertical-align: middle;
  display: inline-block;
}

input[type='checkbox'].cycle {
  background-image: url(https://preapp.wook.id/image/icon_radio.png);
}

input[type='checkbox'].blue {
  background-image: url(https://preapp.wook.id/image/icon_select_false.png);
}

input[type='checkbox']:checked {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(https://preapp.wook.id/image/icon_checkbox_active.png);
}

input[type='checkbox']:checked.cycle {
  background-image: url(https://preapp.wook.id/image/icon_radio_active.png);
}

input[type='checkbox']:checked.blue {
  background-image: url(https://preapp.wook.id/image/icon_select_true.png);
}

input[type='checkbox']:checked.whats-app {
  background-image: url(https://preapp.wook.id/image/icon_whats_app_checkbox.png);
}

input[type='checkbox']:disabled {
  background-image: url(https://preapp.wook.id/image/icon_checkbox_dis.png);
}

input[type='checkbox']:disabled.cycle {
  background-image: url(https://preapp.wook.id/image/icon_radio_disabled.png);
}

input[type='checkbox']:disabled.normal {
  background-image: url(https://preapp.wook.id/image/icon_checkbox_dis.png);
}

input[type='checkbox']:disabled.full {
  position: relative;
  background: rgba(0, 0, 0, 0.25);
}

input[type='checkbox']:disabled.full::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  background: #dbd9d9;
}

input[type='radio'] {
  background-image: url(https://preapp.wook.id/image/icon_radio.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 0.4rem;
  height: 0.4rem;
  appearance: none;
  -webkit-appearance: none;
  /*清除复选框默认样式*/
  outline: none;
  /*去掉自带的边框*/
  vertical-align: middle;
  display: inline-block;
}

input[type='radio']:checked {
  appearance: none;
  background-color: #fff;
  -webkit-appearance: none;
  background-image: url(https://preapp.wook.id/image/icon_radio_active.png);
}

input[type='radio']:checked.blue {
  background-image: url(https://preapp.wook.id/image/icon_radio_blue.png);
}

input[type='radio']:disabled {
  background-image: url(https://preapp.wook.id/image/icon_radio_disabled.png);
}

.btn {
  text-align: center;
  font-size: 0.28rem;
  display: inline-block;
  line-height: 0.8rem;
  padding: 0 0.1rem;
  border-radius: 0.08rem;
}

.btn.btn-primary {
  background-color: #cf1717;
  color: #ffffff;
}

.btn.btn-line {
  border: 0.024rem solid #dbd9d9;
  border-color: #cf1717;
  color: #cf1717;
}

.btn.btn-default {
  border: 0.024rem solid #dbd9d9;
  border-color: #ccc;
  color: #666;
}

.btn.btn-small {
  line-height: 0.6rem;
  font-size: 0.26rem;
  border-radius: 0.08rem;
}

.btn.btn-medium {
  line-height: 0.7rem;
  height: 0.7rem;
}

.btn.disabled {
  background-color: #dbd9d9;
}

.btn.btn-link {
  color: #2c8eda;
}

.env-notice-bar {
  position: fixed;
  z-index: 10000;
  top: calc(env(safe-area-inset-top, 0) + 0.12rem);
  right: 0.24rem;
  left: auto;
  width: auto;
  max-width: calc(100% - 0.48rem);
  background: transparent;
  overflow: visible;
  font-size: 0.24rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  animation: none;
}

.env-notice-bar .env-notice-pill {
  min-width: 0.72rem;
  height: 0.4rem;
  padding: 0 0.16rem;
  border: 0;
  border-radius: 0.2rem;
  font-size: 0.2rem;
  line-height: 0.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(34, 36, 44, 0.18);
  box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.04);
  -webkit-appearance: none;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  opacity: 0.68;
  animation: none;
}

.env-notice-bar .env-notice-panel {
  margin-top: 0.12rem;
  min-width: 2.4rem;
  max-width: 4.2rem;
  padding: 0.2rem 0.24rem;
  border-radius: 0.2rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0.1rem 0.28rem rgba(0, 0, 0, 0.12);
  animation: none;
}

.env-notice-bar .env-notice-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.env-notice-bar .env-notice-row + .env-notice-row {
  margin-top: 0.12rem;
}

.env-notice-bar .env-notice-label {
  flex-shrink: 0;
  margin-right: 0.16rem;
  color: rgba(0, 0, 0, 0.45);
}

.env-notice-bar .env-notice-value {
  color: rgba(0, 0, 0, 0.88);
  text-align: right;
}

.env-notice-bar .env-notice-tip {
  margin-top: 0.16rem;
  padding-top: 0.16rem;
  border-top: 0.01rem solid rgba(0, 0, 0, 0.06);
  color: #f76a24;
  line-height: 0.36rem;
}

.env-notice-bar.is-dev .env-notice-pill {
  background: rgba(247, 106, 36, 0.14);
  color: rgba(201, 89, 32, 0.82);
}

.env-notice-bar.is-test .env-notice-pill {
  background: rgba(247, 106, 36, 0.16);
  color: rgba(201, 89, 32, 0.84);
}

.env-notice-bar.is-pre .env-notice-pill {
  background: rgba(247, 106, 36, 0.14);
  color: rgba(201, 89, 32, 0.82);
}

.env-notice-bar.is-pro .env-notice-pill {
  background: rgba(247, 106, 36, 0.14);
  color: rgba(201, 89, 32, 0.82);
}

.env-notice-bar.expanded .env-notice-pill {
  opacity: 1;
  box-shadow: 0 0.06rem 0.16rem rgba(0, 0, 0, 0.08);
}

.feedback-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.28rem;
  color: #f1a70b;
  letter-spacing: 0;
  line-height: 0.79rem;
  padding: 0 0.3rem;
}

.feedback-question .icon-yellow-arrow {
  width: 0.16rem;
  height: 0.24rem;
}

.freight-out-info {
  background-color: #fff;
}

.freight-out-info .show-more {
  background-color: #fff;
  width: 100%;
  height: 0.8rem;
  text-align: center;
}

.freight-out-info .show-more .icon-up,
.freight-out-info .show-more .icon-down {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
}

.freight-out-info .freight-order-list {
  margin: 0 0.3rem;
}

.points-faq-dialog .wrap {
  width: 6.7rem;
}

.points-faq-dialog .wrap .title {
  padding-top: 0.4rem;
  background: #fafafa;
  line-height: 1.5;
}

.points-faq-dialog .wrap .body {
  font-size: 0.28rem;
  color: #9e9e9e;
  background: #fafafa;
  padding: 0.3rem 0.4rem;
}

.points-faq-dialog .wrap .btn {
  padding: 0 0.4rem;
}

.points-faq-dialog .faq-table-wrap {
  overflow: auto;
}

.points-faq-dialog .faq-content {
  margin-top: 0.1rem;
}

.points-faq-dialog .faq-brand {
  color: #1f1f1f;
  line-height: 1.5;
}

.points-faq-dialog .faq-content-overflow {
  padding: 0 0.1rem;
  width: 3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.points-faq-dialog .faq-title {
  color: #1f1f1f;
  margin-top: 0.6rem;
  font-weight: bold;
}

.points-faq-dialog .faq-title:first-child {
  margin-top: 0;
}

.points-faq-dialog .faq-title .star {
  margin-left: 0.1rem;
  color: #cf1717;
}

.points-faq-dialog .faq-title + .faq-content {
  margin-top: 0.2rem;
}

.points-faq-dialog .faq-table {
  width: 100%;
  border: 0.024rem solid #dbd9d9;
  text-align: center;
  font-size: 0.24rem;
  color: #1f1f1f;
}

.points-faq-dialog .faq-table tr {
  height: 0.6rem;
  line-height: 1.5;
}

.points-faq-dialog .faq-table tr.on {
  color: #cf1717;
}

.points-faq-dialog .faq-table th {
  background: #eee;
  font-weight: normal;
  height: 1rem;
}

.points-faq-dialog .faq-tips {
  margin-top: 0.1rem;
  font-size: 0.24rem;
  color: #9e9e9e;
  line-height: 1.5;
}

.points-faq-dialog .faq-tips .num {
  color: #cf1717;
}

.points-faq-dialog .rc-dialog-content .alert-content {
  max-height: 100%;
  background: #fafafa;
}

.points-faq-dialog .rc-dialog-content .alert-content .content-style {
  font-size: 0.28rem;
  color: #9e9e9e;
}

.points-faq-dialog .rc-dialog-content .confirm-button > div {
  padding: 0 0.4rem;
}

.points-desc-dialog .wrap .title {
  padding-top: 0.4rem;
  background: #fafafa;
  line-height: 1.5;
}

.points-desc-dialog .wrap .body {
  height: auto;
  max-height: 9rem;
  background: #fafafa;
  padding: 0.3rem 0.4rem;
}

.points-desc-dialog .wrap .btn {
  padding: 0 0.4rem;
}

.radio-select {
  margin: 0 0.4rem;
}

.radio-select .item {
  outline: none;
}

.radio-select .item .radio-box {
  height: 1rem;
  padding-top: 0.3rem;
  font-size: 0.32rem;
  line-height: 0.48rem;
  color: #1f1f1f;
  display: flex;
}

.radio-select .item .radio-box input {
  vertical-align: middle;
}

.radio-select .item .radio-box label {
  padding-left: 0.08rem;
  margin-top: 0;
  font-size: 0.34rem;
  line-height: 0.4rem;
  margin-left: 0.1rem;
  width: 4.2rem;
}

.radio-select .item .base {
  font-size: 0.28rem;
  color: #666;
  line-height: 0.36rem;
  margin-top: 0.12rem;
}

.dialog-exit .tips {
  font-size: 0.26rem;
  color: #9e9e9e;
}

.top-empty {
  height: calc(0.9rem + env(safe-area-inset-top, 0));
}

.bottom-empty {
  height: env(safe-area-inset-bottom, 0);
}

.location-reload-tips.container + div .rc-dialog-wrap,
.location-reload-tips.container + div .rc-dialog-mask {
  z-index: 999999;
}

.article-p .err-page {
  height: 100%;
}

.article-p .top-empty {
  height: calc(0.9rem + env(safe-area-inset-top, 0));
}

.article-p .bottom-empty {
  height: calc(1rem + env(safe-area-inset-bottom, 0));
}

.article-p.detail {
  height: 100%;
}

.article-p.detail .bottom-empty {
  height: calc(2rem + env(safe-area-inset-bottom, 0));
}

.article-p.detail.no-goods .bottom-empty {
  height: calc(0.16rem + env(safe-area-inset-bottom, 0));
}

.article-p .slides {
  position: relative;
  width: 7.5rem;
  height: 4.2rem;
  background-color: #dbd9d9;
}

.article-p .slides .item {
  width: 7.5rem;
  height: 4.2rem;
  background-color: #dbd9d9;
}

.article-p .slides .item img {
  width: 100%;
  height: 100%;
}

.article-p .slides .controls {
  position: absolute;
  bottom: 0.16rem;
  width: 7.5rem;
  left: 0;
  text-align: center;
}

.article-p .slides .controls span {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background-color: #dbd9d9;
  margin: 0 0.1rem;
}

.article-p .slides .controls span.active {
  background-color: #cf1717;
}

.article-p-item {
  position: relative;
  background-color: #ffffff;
  margin-bottom: 0.2rem;
  padding: 0.2rem;
}

.article-p-item:first-child {
  margin-top: 0.2rem;
}

.article-p-item.bi .article-p-info {
  padding-top: 0.16rem;
}

.article-p-item.bi .article-p-info-stro {
  white-space: nowrap;
  height: 0.4rem;
}

.article-p-item.bi .article-p-pic {
  width: 100%;
  height: 2.3rem;
}

.article-p-item.si {
  display: flex;
}

.article-p-item.si .article-p-info {
  padding-left: 0.16rem;
  flex: 1;
  width: 4rem;
}

.article-p-item.si .article-p-info-stro {
  height: 0.64rem;
  margin-bottom: 0.64rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.article-p-item.si .article-p-pic {
  width: 2.1rem;
  height: 2.1rem;
}

.article-p-item .icon-top-tips {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 0.44rem;
  height: 0.44rem;
  background-size: 100%;
}

.article-p .article-p-pic img {
  height: 100%;
  width: 100%;
}

.article-p .article-p-info {
  font-size: 0.28rem;
}

.article-p .article-p-info h4 {
  font-weight: 700;
  margin-bottom: 0.16rem;
  font-size: 0.28rem;
  max-height: 0.32rem;
  max-width: 100%;
  color: #1f1f1f;
}

.article-p .article-p-info h4:not(.survey-title) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.article-p .article-p-info .unread:before {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background: #cf1717;
  display: inline-block;
  vertical-align: middle;
}

.article-p .article-p-info-times {
  float: right;
  color: #9e9e9e;
  font-size: 0.24rem;
}

.article-p .article-p-info-date {
  float: left;
  color: #9e9e9e;
  font-size: 0.24rem;
}

.article-p .article-p-info-stro {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.6rem;
  color: #666;
}

.article-p-d {
  padding: 0.3rem;
  background-color: #fff;
}

.article-p-d-title {
  font-size: 0.48rem;
  line-height: 0.66rem;
  font-weight: bold;
}

.article-p-d-tabs {
  margin-bottom: 0.16rem;
}

.article-p-d-tabs span {
  padding: 0.08rem;
  color: #2c8eda;
  font-size: 0.28rem;
  display: inline-block;
}

.article-p-d .inline-img img {
  margin-bottom: 0;
  display: inline-block;
  max-width: 100%;
  width: auto;
}

.article-p-d img {
  margin-bottom: 0.16rem;
}

.article-p-d img + img {
  margin-top: -0.16rem;
}

.article-p-d-content {
  font-size: 0.28rem;
  color: #666;
  line-height: 0.48rem;
}

.article-p-d-content iframe {
  width: 100% !important;
  max-height: 4.12rem;
}

.article-p-d-total {
  margin-top: 0.16rem;
  font-size: 0.24rem;
  color: #9e9e9e;
}

.article-p-d-data {
  float: left;
}

.article-p-d-times {
  float: right;
}

.article-p-d-operate {
  padding: 0.3rem 0;
}

.article-p-d-operate a {
  width: 3.3rem;
  box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  height: 1.2rem;
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.32rem;
  color: #cf1717;
  padding: 0.34rem 0 0.26rem 0;
}

.article-p-d-operate a:first-child {
  margin-right: 0.3rem;
}

.article-p-d-operate a .icon {
  width: 0.48rem;
  height: 0.48rem;
  display: inline-block;
  background-position: 'center';
  background-repeat: no-repeat;
  background-size: 90%;
  vertical-align: middle;
}

.article-p-d-operate a .icon:last-child {
  width: 0.68rem;
  height: 0.48rem;
}

.article-p-d-operate a:last-child .icon {
  margin-top: 0.08rem;
}

.article-p-d-operate a label {
  vertical-align: middle;
  display: inline-block;
  padding-left: 0.16rem;
}

.article-p-d-comment {
  padding: 0.3rem;
  background-color: #fff;
  margin-top: 0.2rem;
}

.article-p-d-comment-title {
  border-left: 0.04rem solid #cf1717;
  padding-left: 0.16rem;
  font-size: 0.28rem;
  margin-bottom: 0.4rem;
}

.article-p-d-comment-title label {
  margin-left: 0.08rem;
  font-size: 0.24rem;
  color: #666;
}

.article-p-d-comment-ipt {
  display: flex;
  flex-direction: row;
}

.article-p-d-comment-ipt div {
  flex: 1;
  border: 0.024rem solid #dbd9d9;
  display: block;
  line-height: 0.6rem;
  padding-left: 0.16rem;
  box-shadow: 0 0.04rem 0.08rem #dbd9d9;
  border-radius: 0.08rem;
  height: 0.7rem;
}

.article-p-d-comment-ipt a {
  color: #cf1717;
  font-weight: 700;
  font-size: 0.28rem;
  padding-left: 0.16rem;
  line-height: 0.6rem;
}

.article-p-d-comment-list {
  font-size: 0.28rem;
}

.article-p-d-comment-list li {
  padding-bottom: 0.3rem;
  border-bottom: 0.04rem solid #dbd9d9;
}

.article-p-d-comment-list li:last-child {
  border-bottom: none;
}

.article-p-d-comment-info {
  padding: 0.3rem 0;
  position: relative;
}

.article-p-d-comment-name {
  font-weight: 700;
  padding-right: 0.16rem;
  margin-right: 0.16rem;
}

.article-p-d-comment-right {
  position: absolute;
  right: 0;
  top: 0.32rem;
}

.article-p-d-comment-right .icon {
  width: 0.32rem;
  height: 0.32rem;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

.article-p-d-comment-right label {
  display: block;
  font-size: 0.2rem;
  text-align: center;
}

.article-p-d-comment-content {
  color: #1f1f1f;
  font-size: 0.28rem;
  line-height: 0.4rem;
}

.article-p-d-comment-reply {
  position: relative;
  background-color: #f1f1f1;
  padding: 0.3rem;
  border-radius: 0.1rem;
  margin-top: 0.3rem;
}

.article-p-d-comment-reply::after {
  content: '';
  top: -0.18rem;
  position: absolute;
  height: 0.4rem;
  width: 0.4rem;
  left: 0.8rem;
  background: linear-gradient(135deg, #f1f1f1 0%, #f1f1f1 50%, transparent 50%, transparent 100%);
  transform: rotate(45deg);
}

.article-p-d-recommend {
  padding: 0.3rem;
  background-color: #fff;
  margin-top: 0.2rem;
}

.article-p-d-recommend-title {
  border-left: 0.04rem solid #cf1717;
  padding-left: 0.16rem;
  font-size: 0.28rem;
  margin-bottom: 0.1rem;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

.article-p-d-recommend li {
  border-bottom: 0.024rem solid #dbd9d9;
  padding: 0.3rem 0;
}

.article-p-d-recommend li:last-child {
  border-bottom: none;
}

.article-p-d-recommend li .pic {
  width: 1.92rem;
  height: 1.92rem;
  margin-right: 0.16rem;
  float: left;
  overflow: hidden;
}

.article-p-d-recommend li .pic img {
  width: auto;
  height: 100%;
}

.article-p-d-recommend li .info {
  float: right;
  width: 4.64rem;
}

.article-p-d-recommend li .info .title {
  font-size: 0.28rem;
  font-weight: bold;
  margin-bottom: 0.16rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.article-p-d-recommend li .info .brief {
  font-size: 0.26rem;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.article-p-d-recommend li .info .tabs {
  margin-bottom: 0.32rem;
}

.article-p-d-recommend li .info .tabs span {
  padding: 0.08rem;
  color: #2c8eda;
  font-size: 0.28rem;
  display: inline-block;
}

.article-p-d-recommend li .info .total {
  margin-top: 0.16rem;
  font-size: 0.24rem;
  color: #9e9e9e;
}

.article-p-d-recommend li .info .total .data {
  float: left;
}

.article-p-d-recommend li .info .total .times {
  float: right;
}

.article-p.detail .goods-banner {
  position: fixed;
  border-top: 0.024rem solid #ccc;
  bottom: 0;
  background-color: #fff;
}

.article-p.detail .goods-banner .pic {
  float: left;
  width: 0.9rem;
  height: 0.9rem;
  margin-left: 0.3rem;
}

.article-p.detail .goods-banner .pic img {
  width: 100%;
  height: 100%;
}

.article-p.detail .goods-banner .slides {
  height: 1.5rem;
}

.article-p.detail .goods-banner .slides .item {
  background-color: #fff;
  height: 1.5rem;
  padding: 0.3rem 0 0.6rem 0;
}

.article-p.detail .goods-banner .slides .controls {
  width: 0.9rem;
  left: 0.3rem;
  bottom: 0.08rem;
}

.article-p.detail .goods-banner .slides .controls span {
  width: 0.08rem;
  height: 0.08rem;
}

.article-p.detail .goods-banner .info {
  float: right;
  width: 5.86rem;
  margin-right: 0.3rem;
}

.article-p.detail .goods-banner .info .title {
  margin-bottom: 0.2rem;
  display: flex;
}

.article-p.detail .goods-banner .info .title .ads-title {
  flex: 1;
  font-size: 0.28rem;
  color: #1f1f1f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.article-p.detail .goods-banner .info .title .price {
  margin-left: 0.16rem;
  font-size: 0.28rem;
  color: #cf1717;
}

.article-p.detail .goods-banner .info .goods-name {
  font-size: 0.28rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

* {
  touch-action: pan-y;
}

.wook-popup .comment-form {
  display: flex;
  align-items: flex-end;
  padding: 0.3rem;
}

.wook-popup .comment-form-content {
  flex: 1;
  border: 0.024rem solid #dbd9d9;
  display: block;
  line-height: 0.4rem;
  padding: 0.08rem;
  box-shadow: 0 0.04rem 0.08rem #dbd9d9;
  border-radius: 0.08rem;
  -webkit-appearance: none;
  appearance: none;
}

.wook-popup .comment-form-btn {
  color: #cf1717;
  font-weight: 700;
  font-size: 0.28rem;
  padding-left: 0.16rem;
  line-height: 0.6rem;
}

.main-page[data-country='vn'] ~ .zx_mask .zx_select > nav > div {
  margin-right: 0.45rem;
}

.main-page[data-country='th'] .center-wrap .c-icon-wrap .c-icon-txt {
  height: 0.7rem;
}

.main-page[data-country='th'] .payment .top-empty {
  height: calc(2.5rem + env(safe-area-inset-top, 0));
}

.main-page[data-country='th'] .payment-body-table th:last-child div {
  white-space: nowrap;
}

.main-page[data-country='th'] .center-wrap .c-icon-wrap {
  padding-bottom: 0;
}

.main-page[data-country='th'] ~ .zx_mask .zx_select > nav > div {
  margin-right: 0.45rem;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.coupon-btnbox {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: calc(1.2rem + env(safe-area-inset-bottom, 0));
  padding: 0 0.25rem;
  padding-top: 0.25rem;
  width: 100%;
  max-width: 7.5rem;
  border-top: 0.01rem solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: start;
  background-color: #fff;
  z-index: 100;
}

.coupon-btnbox span {
  display: block;
  border-radius: 0.08rem;
  border: 0.01rem solid #cf1717;
  width: 3.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
}

.coupon-btnbox span.white-red {
  font-size: 0.28rem;
  color: #cf1717;
}

.coupon-btnbox span.red-white {
  font-size: 0.28rem;
  background-color: #cf1717;
  color: #fff;
}

.first-ads-modal {
  z-index: 10010;
}

.first-ads-modal .modal-ads {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.first-ads-modal .modal-ads .f-ads-pic {
  width: 100%;
  height: 100%;
}

.first-ads-modal .modal-ads .f-ads-pic img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.first-ads-modal .modal-ads .close {
  position: absolute;
  bottom: 0.6rem;
  right: 0.6rem;
  z-index: 20;
  padding: 0.16rem 0;
}

.first-ads-modal .modal-ads .close div {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.25rem;
  font-size: 0.28rem;
  color: #ffffff;
  padding: 0 0.16rem;
  min-width: 1.2rem;
  text-align: center;
  font-weight: 600;
  line-height: 0.5rem;
  height: 0.5rem;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.coupon-btnbox {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: calc(1.2rem + env(safe-area-inset-bottom, 0));
  padding: 0 0.25rem;
  padding-top: 0.25rem;
  width: 100%;
  max-width: 7.5rem;
  border-top: 0.01rem solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: start;
  background-color: #fff;
  z-index: 100;
}

.coupon-btnbox span {
  display: block;
  border-radius: 0.08rem;
  border: 0.01rem solid #cf1717;
  width: 3.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
}

.coupon-btnbox span.white-red {
  font-size: 0.28rem;
  color: #cf1717;
}

.coupon-btnbox span.red-white {
  font-size: 0.28rem;
  background-color: #cf1717;
  color: #fff;
}

.mask-left {
  position: fixed;
  z-index: 8000;
  top: 0;
  left: 0;
  width: 0.3rem;
  height: 100%;
}

.mask-left .back-left {
  background-color: #1f1f1f;
  left: 0;
  height: 1rem;
  position: fixed;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  z-index: 7999;
}

.mask-left .back-left .icon {
  position: absolute;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}