@font-face {
  font-family: 'hll-icon';
  /* project id 510941 */
  src: url('https://static.huolala.cn/image/54b47f89e2718a1f2def602398508d9e11f4c807.eot');
  src: url('https://static.huolala.cn/image/54b47f89e2718a1f2def602398508d9e11f4c807.eot?#iefix')
      format('embedded-opentype'),
    url('https://static.huolala.cn/image/253acf7e4341147571039919aae094a2793bdbaf.woff') format('woff'),
    url('https://static.huolala.cn/image/10594563474c0b40d465c49f86736e99e1c43b84.ttf') format('truetype'),
    url('https://static.huolala.cn/image/d8328bbe5c2bbc28cc6a960df3eec33ca5ffd18e.svg#hll-icon') format('svg');
}

@keyframes hll-ui-loading-circle_eSrGp {
  0% {
    transform-origin: center center;
    transform: rotate(0deg);
  }

  100% {
    transform-origin: center center;
    transform: rotate(360deg);
  }
}

.wrap_8KSx7 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrap_8KSx7 .panel_fmmgp {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20vw;
    height: 20vw;
    border-radius: 2.666667vw;
    background: rgba(0, 0, 0, 0.7);
    /* TODO        : appear */
  }

/* opacity     : 0; */

.wrap_8KSx7 .panel_fmmgp .circle_s1oE1 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 13.333333vw;
      height: 13.333333vw;
      animation: hll-ui-loading-circle_eSrGp 0.5s linear infinite;
      border: 0.533333vw solid rgba(255, 255, 255, 0.2);
      border-radius: 50%;
      border-left-color: #ffffff;
      box-sizing: border-box;
    }

/* transform   : translate(-50%, -50%); */

.wrap_8KSx7 .panel_fmmgp .iconLogo_lgWUX {
      /* width: 100px; */
      /* height: 100px; */
      /* width: 150px; */
      /* height: 150px; */
      position: absolute;
      font-size: 7.466667vw;
      color: #afafaf
    }

/* transition  : opacity .3s linear; */

.wrap_8KSx7 .panel_fmmgp .iconLogo_lgWUX:after {
        content: '\e613';
        font-family: 'hll-icon';
      }

.wrap_8KSx7.iconWrap_lt0fC {
    border-radius: 2.666667vw;
    min-width: 38.4vw;
    padding-bottom: 5.333333vw;
  }

.hllicon_r\+wZ- {
  font-family: 'hll-icon';
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.4px;
  -moz-osx-font-smoothing: grayscale;
  width: 13.333333vw;
  height: 13.333333vw;
}

.icon_cUo\+L {
  line-height: 1;
  font-size: 12.8vw;
  margin: 5.866667vw 0 6.4vw;
}

.return_ix9tb:after {
    content: '\e642';
    font-family: 'hll-icon';
  }

.user_wwNkV:after {
    content: '\e632';
    font-family: 'hll-icon';
  }

.arrow_v5Vo8:after {
    content: '\e644';
    font-family: 'hll-icon';
  }

.clear_TNkmr:after {
    content: '\e646';
    font-family: 'hll-icon';
  }

.warning_NpiV6:after {
    content: '\e647';
    font-family: 'hll-icon';
  }

.success_OPAYa:after {
    content: '\e64a';
    font-family: 'hll-icon';
  }

.logo_oGV2r:after {
    content: '\e613';
    font-family: 'hll-icon';
  }

.close_tqqxf:after {
    content: '\e64b';
    font-family: 'hll-icon';
  }

/* // 新加的活动icon
.new-warning {
  margin: 33px 0 24px 0 !important;

  &:after {
    content        : '';
    display        : inline-block;
    width          : 96px;
    height         : 96px;
    background     : url('../images/new_warning.png') no-repeat;
    background-size: 100%;
  }
} */

/* @keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
} */

.wrap_NVQ7B {
  position         : fixed;
  top              : 50%;
  left             : 50%;
  z-index          : 10000;
  max-width        : 66.666667vw;
  padding          : 2.666667vw;
  border-radius    : 1.333333vw;
  box-sizing       : border-box;
  font-size        : 3.733333vw;
  text-align       : center;
  pointer-events   : none;
  color            : #fff;
  background    : rgba(66, 68, 86, 0.9);
  /* background       : rgba(66, 68, 86); */
  transition       : opacity .3s linear;
  transform        : translate(-50%, -50%);
  opacity          : 0
}

.wrap_NVQ7B.show_RGPhn {
    opacity: 1;
  }

.wrap_NVQ7B.fadein_JkCRS {
    opacity: 1;
  }

.wrap_NVQ7B.fadeout_2Xa4y {
    opacity: 0;
  }

.wrap_NVQ7B.toastIcon_lSSc- {
    border-radius : 2.666667vw;
    min-width     : 38.4vw;
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
  }

/* .fadein {
  animation: fadein 0.3s ease;
}

.fadeout {
  opacity  : 0;
  animation: fadeout 0.3s ease;
} */
.wrap_2L8Ie {
  position           : fixed;
  left               : 0;
  top                : 0;
  width              : 100%;
  height             : 100%;
  z-index            : 10000;
  display            : flex;
  align-items        : center;
  justify-content    : center;
  background-color   : rgba(0, 0, 0);
  opacity            : 0;
  transition         : all 0.25s
}
.wrap_2L8Ie.show_jMWtJ {
    background-color: rgba(0, 0, 0, 0.7);
    opacity         : 1;
  }
.wrap_2L8Ie .content_W9\+tf {
    display: flex;
    flex-direction: column;
    position        : absolute;
    z-index         : 10;
    left            : 0;
    right           : 0;
    bottom          : 0;
    margin          : auto;
    transform       : translateY(133.333333vw);
    box-sizing      : border-box;
    height          : 109.333333vw;
    background-color: rgba(255, 255, 255, 1);
    border-radius   : 2.133333vw 2.133333vw 0px 0px;
    transition      : all 0.25s
  }
.wrap_2L8Ie .content_W9\+tf.show_jMWtJ {
      transform: translateY(0);
    }
.wrap_2L8Ie .content_W9\+tf .header_I4ms\+ {
      display: flex;
      align-items: center;
      position: relative;
    }
.wrap_2L8Ie .content_W9\+tf .header_I4ms\+ .popupItem_ljOFC {
        color: rgba(0, 0, 0, .85);
        font-size: 4.266667vw;
        padding: 3.2vw 4.266667vw;
        height: 12.8vw;
        display: flex;
        align-items: center;
        justify-content: center;
      }
.wrap_2L8Ie .content_W9\+tf .header_I4ms\+ .headerDismiss_5Hs0J {
      }
.wrap_2L8Ie .content_W9\+tf .header_I4ms\+ .headerTitle_va0NV {
        flex: 1;
        text-align: center;
        font-weight: 500;
      }
.wrap_2L8Ie .content_W9\+tf .header_I4ms\+ .headerOk_TzAA- {
        text-align: right;
      }
.wrap_2L8Ie .content_W9\+tf .header_I4ms\+::after {
      content: '';
      position: absolute;
      background-color: #ddd;
      display: block;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
    }
:root {
  --white: #fff;
  --black: #000;

  --hll-primary-color: #f16622;
  --xl-primary-color : #ff4553;

  /* 品牌色 */
  --brand-primary-color: #FF6600;
  
  /* 字体颜色 */
  --text-primary: rgba(0, 0, 0, 0.85);
  --text-secondary: rgba(0, 0, 0, 0.65);
  --text-tertiary: rgba(0, 0, 0, 0.45);

  /* 背景色 */
  --background-primary: #FFFFFF;
  --background-secondary: rgba(255, 255, 255, 0.6);
}


/**
 * style code gist
 * you can use it in your css file like below.
 *
 *  .base {
 *    @extend --flex;  
 *  }
 *
 **/


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


* {
  box-sizing: border-box;
}
.couponPanelWrap_GWjJY {
  padding: 4.266667vw 2.133333vw;
  background-color: var(--background-secondary);
  border-radius: 2.133333vw;
}

  .couponPanelWrap_GWjJY .couponWrap_U1m8b {
    position: relative;
  }

  .couponPanelWrap_GWjJY .couponWrap_U1m8b .couponList_v2ABg {
      max-height: 66.133333vw;
      overflow-y: auto;
    }

  .couponPanelWrap_GWjJY .couponWrap_U1m8b .couponMask_RIE\+N {
      position: absolute;
      bottom: -1px;
      height: 9.6vw;
      width: 100%;
      pointer-events: none;
    }

  .couponPanelWrap_GWjJY .title_kZkOC {
    text-align: center;
    font-size: 4.8vw;
    height: 4.533333vw;
    line-height: 4.8vw;
    font-weight: 600;
    color: var(--brand-primary-color);
    margin-bottom: 3.2vw;
  }

  .couponPanelWrap_GWjJY .checkMore_723S6 {
    display: inline-block;
    background-size: 5.333333vw;
    background-repeat: no-repeat;
    background-position: center right;
  }

  .couponPanelWrap_GWjJY .collapseSwitch_9V7i9 {
    margin-top: 2.666667vw;
    color: #ffffff;
    font-size: 3.733333vw;
    text-align: center;
  }

  .couponPanelWrap_GWjJY .collapseSwitch_9V7i9 .collapseIcon_EdBuO {
      width: 2.933333vw;
      height: 1.6vw;
      vertical-align: middle
    }

  .couponPanelWrap_GWjJY .collapseSwitch_9V7i9 .collapseIcon_EdBuO.reverse_yld0O {
        transform-origin: center;
        transform       : rotate(180deg);
      }

.couponPanelEmptyWrap_B2NcT {
  padding: 0;
}

.couponPanelEmptyWrap_B2NcT .couponPanelEmpty_SuwFk {
    text-align: center;
    border-radius: 2.133333vw;
    padding: 2.666667vw 0 4.133333vw;
  }

.couponPanelEmptyWrap_B2NcT .couponPanelEmpty_SuwFk .emptyImg_3nVTv {
      display: block;
      width: 20vw;
      height: 20vw;
      margin: 0 auto;
      margin-bottom: 2.666667vw;
    }

.couponPanelEmptyWrap_B2NcT .couponPanelEmpty_SuwFk p {
      font-size: 3.733333vw;
      color: var(--text-secondary);
      line-height: 1;
    }

.receiveCoupon_t5RLR {
  margin-top: 3.2vw;
}

.toastIcon_V91J6 {
  font-size: 17.066667vw;
  margin-bottom: 2.666667vw;
}

.couponItemWrap_Qkrja {
  position: relative;
  margin: 0 auto 2.133333vw;
}

.couponItemWrap_Qkrja:last-child {
  margin-bottom: 0px;
}

.couponItem_K-Xsq {
  background: var(--background-primary);
  border-radius: 2.133333vw;
  padding: 2.133333vw 0px 2.666667vw;
}

.left_CxGGC {
  display: inline-block;
  width: 24vw;
  text-align: center;
}

.left_CxGGC .amount_3tjg4 {
    color: var(--brand-primary-color);
    font-family: 'ALIBABAFont';
    margin-top: 2.4vw;
    margin-bottom: 2.933333vw;
    height: 7.733333vw;
    line-height: 7.733333vw
  }

.left_CxGGC .amount_3tjg4.level1_WF-Op {
      font-size: 9.6vw;
    }

.left_CxGGC .amount_3tjg4.level2_j\+PxZ {
      font-size: 7.466667vw;
    }

.left_CxGGC .amount_3tjg4.level3_OH8ln {
      font-size: 5.866667vw;
    }

.left_CxGGC .amount_3tjg4 .suffix_8ihV4 {
      font-size: 2.666667vw;
    }

.left_CxGGC .amount_3tjg4 .unit_Yrx02 {
      font-size: 3.2vw;
    }

.left_CxGGC .condition_3nvFR {
    font-size: 3.2vw;
    height: 4.533333vw;
    line-height: 4.533333vw;
    color: #666;
  }

.right_1y3-E {
  display: inline-block;
  width: 65.066667vw;
}

.right_1y3-E .titleRow_JHyjt {
    display: flex;
    align-items: center;
  }

.right_1y3-E .titleRow_JHyjt .tag_Buka0 {
      white-space: nowrap;
      height: 4vw;
      line-height: 1;
      font-size: 2.933333vw;
      color: #fff;
      background-color: var(--brand-primary-color);
      border-radius: 0.666667vw;
      padding: 0.533333vw 0.8vw;
      margin-right: 1.733333vw;
    }

.right_1y3-E .titleRow_JHyjt .title_7Aaq6 {
      color: #333;
      font-weight: 500;
      font-family: PingFang SC, PingFang SC-Medium;
      font-size: 4vw;
      height: 5.866667vw;
      line-height: 5.866667vw;
      max-width: 50.666667vw;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

.right_1y3-E .time_auCJs {
    color: #666;
    height: 4.533333vw;
    line-height: 4.533333vw;
    font-size: 3.2vw;
    margin-top: 0.533333vw;
  }

.right_1y3-E .useBtn_xrd1s {
    position: absolute;
    right: 2.4vw;
    top: 13.333333vw;
    text-align: center;
    font-size: 3.466667vw;
    color: #fffefe;
    width: 18.666667vw;
    height: 6.666667vw;
    line-height: 6.666667vw;
    background: linear-gradient(162deg,#ffac40 0%, #fd6813 100%);
    border-radius: 3.333333vw;
  }

.right_1y3-E .ruleBtn_0D6mB {
    display: inline-block;
    margin-top: 1.6vw;
    color: #999;
    font-size: 3.2vw;
    height: 4.533333vw;
    line-height: 4.533333vw;
  }

.right_1y3-E .ruleBtn_0D6mB .ruleArrow_SWOzx {
      vertical-align: middle;
      display: inline-block;
      margin-left: 1.066667vw;
      width: 2.4vw;
      height: 1.333333vw;
      background: center / cover no-repeat;
      transition: .3s all ease
    }

.right_1y3-E .ruleBtn_0D6mB .ruleArrow_SWOzx.reverse_hs74G {
        transform: rotate(180deg);
      }

.rulePanel_yOcUY {
  /* background-color: var(--background-secondary); */
  background-color: rgba(255, 255, 255, 0.5);
  color: var(--text-tertiary);
  border-radius: 1.333333vw;
  padding: 2.133333vw 2.933333vw 2.666667vw;
  transition: .3s all ease;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

.rulePanel_yOcUY .ruleItem_6tMUz {
    font-size: 3.2vw;
    line-height: 4.8vw;
  }

.rulePanel_yOcUY .ruleItem_6tMUz:first-child {
    margin-top: 0px;
  }

.rulePanel_yOcUY .ruleItem_6tMUz:last-child {
    margin-bottom: 0px;
  }

.rulePanel_yOcUY .ruleItem_6tMUz::before {
    /* content: '\2022'; */
    content: '・';
    margin-right: -0.533333vw;
    color: var(--text-tertiary);
  }

.btn_cJQUZ {
  width: 88vw;
  height: 13.066667vw;
  border-radius: 13.333333vw;
  margin: 0 auto 3.2vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.onlyBtn_EacW3 {
  margin-bottom: 0;
}

.agreementWrap_ohoCf {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
  line-height: 1;
}

.agreementText_tx\+ja {
  margin-left: 1.066667vw;
}

.agreementText_tx\+ja .agreement_OCOhg {
    font-weight: 500;
    text-decoration: underline;
  }

.toastIcon_GmKcD {
  font-size: 17.066667vw;
  margin-bottom: 2.666667vw;
}

.couponPanel_y1uzm {
  text-align: center;
  padding: 4.266667vw 2.133333vw 4vw;
  background-color: var(--background-secondary);
  border-radius: 2.133333vw;
}

.title_m2h3v {
  text-align: center;
  font-size: 4.8vw;
  font-weight: 600;
  color: var(--brand-primary-color);
  margin-bottom: 3.733333vw;
  line-height: 1;
}

.desc_BphOE {
  font-size: 3.2vw;
  color: rgba(51, 51, 51, 0.65);
  margin-bottom: 2.933333vw;
  line-height: 1;
}

.couponWrap_IeiGA {
  position: relative;
}

.couponWrap_IeiGA .couponMask_FYpCP {
    position: absolute;
    bottom: -1px;
    height: 9.6vw;
    width: 100%;
    pointer-events: none;
  }

.couponBeforeList_7cWCm {
  max-height: 64.266667vw;
  overflow-y: auto;
}

.couponList_Rtzo8 {
  /* margin: 0 16px; */
}

.couponHorizontalList_gc7E3 {
  margin-right: 0;
  display: flex;
  overflow: auto;
}

.couponHorizontalList_gc7E3 > div {
    flex-shrink: 0;
  }

.receiveWrap_oAYim {
  margin-top: 3.2vw;
}

.emptyWrap_LkYlM {
  background-color: var(--background-secondary);
  text-align: center;
  border-radius: 2.133333vw;
  padding: 2.666667vw 0 4.133333vw;
}

.emptyWrap_LkYlM .emptyImg_Lvwsg {
    display: block;
    width: 20vw;
    height: 20vw;
    margin: 0 auto;
    margin-bottom: 2.666667vw;
  }

.emptyWrap_LkYlM p {
    font-size: 3.733333vw;
    color: var(--text-secondary);
    line-height: 1;
  }

.beforeTitle_A03SF {
  margin-bottom: 3.466667vw;
}

.emptyTitle_4JGF- {
  margin-bottom: 3.2vw;
}

.toastIcon_AXvtA {
  font-size: 17.066667vw;
  margin-bottom: 2.666667vw;
}

.couponIcon_w9AA- {
  display: inline-block;
  width: 16vw;
  height: 16vw;
  vertical-align: top;
  border-radius: 2.133333vw;
  background-repeat: no-repeat;
  background-size: cover;
}

.couponTitle_BIfaa {
  color: var(--text-primary);
  font-weight: 500;
  white-space: nowrap;
}

.ruleBtn_tzVfy {
  color: #999;
  font-size: 3.2vw;
}

.ruleBtn_tzVfy .ruleArrow_GC8aO {
    vertical-align: middle;
    margin-left: 1.066667vw;
    width: 2.4vw;
    height: 1.333333vw;
    background: center / cover no-repeat;
    transition: .3s all ease
  }

.ruleBtn_tzVfy .ruleArrow_GC8aO.reverse_-1zRQ {
      transform: rotate(180deg);
    }

.couponHorizontalWrap_LxlH0 {
  width: 26.666667vw;
  text-align: center;
  background-color: var(--background-primary);
  border-radius: 2.133333vw;
  padding: 2.666667vw 0 3.2vw;
  overflow-x: hidden;
  margin-right: 2.133333vw;
}

.couponHorizontalWrap_LxlH0 .couponTitle_BIfaa {
    margin: 0 1.6vw;
    overflow: hidden;
    font-size: 3.2vw;
    margin-top: 2.133333vw;
    height: 4.533333vw;
    line-height: 4.533333vw;
  }

.couponHorizontalWrap_LxlH0 .ruleBtn_tzVfy {
    line-height: 1;
    margin-top: 2.133333vw;
  }

.couponHorizontalWrap_LxlH0:last-child {
  margin-right: 0;
}

.couponVerticalWrap_gz3Qi {
  width: 89.333333vw;
  display: flex;
  background-color: var(--background-primary);
  border-radius: 2.133333vw;
  padding: 2vw 5.6vw 2vw 2.666667vw;
  margin-bottom: 2.133333vw;
}

.couponVerticalWrap_gz3Qi .couponIcon_w9AA- {
    flex-shrink: 0;
  }

.couponVerticalWrap_gz3Qi .textWrap_tZDTK {
    padding: 2.266667vw 0px 0px 4.266667vw;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden;
    text-align: left;
  }

.couponVerticalWrap_gz3Qi .couponTitle_BIfaa {
    font-size: 4vw;
    font-weight: 500;
    font-family: PingFang SC, PingFang SC-Medium;
    color: #333;
    height: 4.8vw;
    line-height: 1;
  }

.couponVerticalWrap_gz3Qi .ruleBtn_tzVfy {
    line-height: 1;
    margin-top: 3.733333vw;
  }

.couponVerticalWrap_gz3Qi:last-child {
  margin-bottom: 0;
}

.bottomAlertTitle_wLZEp {
  transform: translateX(-3.2vw);
}

.closeIcon_PZXC3 {
  font-size: 6.4vw;
}

.ruleWrap_nycsq {
  padding: 4.8vw;
  color: var(--text-secondary);
  overflow: auto;
  font-size: 3.733333vw;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

.promptBarWrap_DNm9a {
  position: fixed;
  width: 37.333333vw;
  height: 9.333333vw;
  bottom: 11.866667vw;
  right: 3.2vw;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4.666667vw;
  font-size: 4.266667vw;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow_w90k3 {
  display: block;
  width: 3.933333vw;
  height: 4vw;
  margin-right: 1.2vw;
  animation-name: slide_V3rcG;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-duration: .7s;
}

@keyframes slide_V3rcG {
  0% {
    transform: translateY(-0.4vw);
  }

  50% {
    transform: translateY(0.4vw);
  }

  100% {
    transform: translateY(-0.4vw);
  }
}

.space_JAcDE {
  height: 5.333333vw;
}
.space_5KGYb {
  height: 5.333333vw;
}
.qrCodeWrap_C6VwV {
  position: relative;
  width: 93.6vw;
  min-height: 32vw;

  margin: 2.133333vw auto;
}

  .qrCodeWrap_C6VwV .qrCodeBg_XOJMg {
    display: block;
    width: 93.6vw;
    pointer-events: auto;
  }

  .qrCodeWrap_C6VwV .qrCode_Iy4bq {
    position: absolute;
    top: 4vw;
    right: 4vw;
    width: 24vw;
    height: 24vw;
  }

  .qrCodeWrap_C6VwV .qrCode_Iy4bq .qrCodeImage_SKr9C {
      display: block;
      width: 24vw;
      height: 24vw;
      pointer-events: auto;
    }

@font-face {
  font-family: 'ALIBABAFont';
  src        : url(data:font/otf;base64,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);
}

@font-face {
  font-family: 'ALIBABAFont-Regular';
  src        : url(data:font/otf;base64,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);
}

html,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
th,
td,
img,
area,
param {
  margin : 0;
  padding: 0;
}

body {
  margin: 0;
}

ul,
ol {
  list-style: none;
}

/* 用于icon或者小图 */

i,
b {
  font-style: normal;
}

img {
  border: none;
}

input,
button,
select,
option,
textarea {
  border : none;
  outline: none;
}

input,
button {
  font-size: 3.733333vw;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9E9E9E;
}

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

/* 去掉iPhone、iPad的默认按钮样式 */

input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}

textarea {
  -webkit-appearance: none;
}

.button_bxy6r {
  border-radius: 0;
}

html {
  min-height: 100%;
  background: #FFFFFF;
  width     : 100%;
  height    : 100%;
}

body {
  font-family                : "Tahoma", "Hiragino Sans GB", "Source Han Sans CN", arial, sans-serif;
  font-size                  : 3.733333vw;
  line-height                : 1.5;
  color                      : #757575;
  box-sizing                 : border-box;
  -webkit-tap-highlight-color: transparent;

  width : 100%;
  height: 100%;

  box-sizing: border-box;
  padding   : 0;
  padding   : constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  padding   : env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}

#root {
  width                     : 100vw;
  margin                    : 0 auto;
  height                    : 100%;
  -webkit-overflow-scrolling: touch;
  display                   : flex;
  flex-direction            : column;
  align-items               : center;
  background-color          : #fff;
}

@media only screen and (max-width: 750px) {
  #root {
    width: 100%;
  }
}

.bg-common {
  background-repeat: no-repeat;
  background-size  : cover;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}

textarea {
  -webkit-appearance: none;
}