/* Strongly suggest that you use `Icon` component instead of use these css class here direactly. */

@font-face {
  font-family: 'iconfont';
  src: url('//s.qunarzz.com/ims_touch/fonts/0.1.9/ims.eot');
  src:
    /* chrome、firefox */
    url('//s.qunarzz.com/ims_touch/fonts/0.1.9/ims.woff') format('woff'),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//s.qunarzz.com/ims_touch/fonts/0.1.9/ims.ttf') format('truetype'),
    /* iOS 4.1- */
    url('//s.qunarzz.com/ims_touch/fonts/0.1.9/ims.svg#iconfont') format('svg');
}

@font-face {
  font-family: 'hotel_num';
  src: url('//s.qunarzz.com/hotel_rn_source/h_home_rn_iconFont/hotel_rn_num_v4.ttf');
  font-weight: normal;
  font-style: normal;
}

.ui-icon {
    font-family: "iconfont", serif !important;
    font-size: 20px;
    line-height: 1;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
  }

.ui-icon.small {
      font-size: 16px;
    }

.ui-icon.large {
      font-size: 24px;
    }

.ui-icon.huge {
      font-size: 32px;
    }

.ui-icon.loading::before {
      content: '\F48A';
    }

.ui-icon.complete::before {
      content: '\F147';
    }

.ui-icon.radio-uncheck::before {
      content: '\F35D';
    }

.ui-icon.radio-checked::before {
      content: '\F360';
    }

.ui-icon.checkbox-uncheck::before {
      content: '\F35F';
    }

.ui-icon.checkbox-checked::before {
      content: '\F35E';
    }

.ui-icon.minus::before {
      content: '\F46F';
    }

.ui-icon.add::before {
      content: '\F470';
    }

.ui-icon.arrow-prev::before {
      content: '\F3CD';
    }

.ui-icon.arrow-next::before {
      content: '\F3CC';
    }

.ui-icon.arrow-up::before {
      content: '\E430';
    }

.ui-icon.arrow-down::before {
      content: '\E42F';
    }

.ui-icon.tip::before {
      content: '\E159';
    }

.ui-icon.check::before {
      content: '\F056';
    }

.ui-icon.password::before {
      content: '\F0F2';
    }

.ui-icon.camera-line::before {
      content: '\F378';
    }

.ui-icon.camera::before {
      content: '\F379';
    }

.ui-icon.search::before {
      content: '\F407';
    }

.ui-icon.user::before {
      content: '\E04E';
    }

.ui-icon.phone::before {
      content: '\E110';
    }

.ui-icon.token::before {
      content: '\E10F';
    }

.ui-icon.pwd::before {
      content: '\F36C';
    }

.ui-icon.img-pwd::before {
      content: '\E28D';
    }

.ui-icon.unhappy::before {
      content: '\F4DE';
    }

.ui-icon.close::before {
      content: '\E4D6';
    }

.ui-icon.close-line::before {
      content: '\F3F3';
    }

.ui-icon.uncheck::before {
      content: '\EA0C';
    }

.ui-icon.checked::before {
      content: '\EA0B';
    }

.ui-icon.question::before {
      content: '\F19E';
    }


html,
body {
  margin: 0;
  line-height: 1.5;
  background-color: #f2f2f2;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}

select,
option,
input {
  min-width: 0;
  outline: 0;
  border: none;
  background: transparent;
}

input[type='checkbox'] {
  vertical-align: middle;
}

.body-no-scroll {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
  }

.rmb {
    font-weight: normal;
    font-family: arial;
    margin: 0 1px;
  }

.bold {
    font-weight: bold;
  }

.hide {
    display: none;
  }

.grey {
    color: #9b9b9b;
  }

.big-btn {
    width: 100%;
    background: #0ac4dd;
    border-radius: 24px;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
  }

.big-btn.grey {
    background: #9b9b9b;
  }

.small-btn {
    border: 1px solid #0ac4dd;
    border-radius: 13px;
    color: #0ac4dd;
    padding: 3px 20px;
  }

.small-btn.orange {
    color: #ff7c49;
    border-color: #ff7c49;
  }

#app {
    height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0.16rem;
    position: relative;
    -webkit-overflow-scrolling: touch;
  }

.red {
    color: red;
  }

.ft12 {
    font-size: 12px;
  }

.tabs-comp {
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 10px
  }

.tabs-comp .tab {
      width: 20%;
      display: inline-block;
    }

.tabs-comp .txt-left {
      text-align: left;
      font-weight: 200;
    }

.tabs-comp .txt-middle {
      font-weight: 200;
    }

.tabs-comp .txt-right {
      font-size: 16px;
      text-align: right;
      font-weight: 700;
    }

.tabs-comp label {
      font-size: 14px;
      margin: 0 20px;
      padding: 5px 0;
      position: relative;
      font-weight: 200;
    }

.tabs-comp #tab1:checked ~ #tab-content1,
    .tabs-comp #tab2:checked ~ #tab-content2,
    .tabs-comp #tab3:checked ~ #tab-content3,
    .tabs-comp #tab4:checked ~ #tab-content4 {
      display: block;
    }

.tabs-comp .tab:checked + label::after {
      content: '';
      position: absolute;
      border-bottom: 3px solid;
      width: 50%;
      left: 50%;
      top: 30px;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      color: #00d4e3;
      border-radius: 4px;
    }

.tabs-comp .tabRadio,
    .tabs-comp .content {
      clear: both;
      padding-top: 10px;
      display: none;
    }

.radio-list .row {
      font-size: 12px;
      line-height: 45px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      margin-left: 15px
    }

.radio-list .row label {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
      }

.radio-list .row label .content {
          -webkit-flex: 3;
              -ms-flex: 3;
                  flex: 3;
        }

.radio-list .row label .radio {
          -webkit-appearance: none;
          margin: 0;
        }

.radio-list .row label .radio:checked + .rate {
          color: #08b2cc;
        }

.radio-list .row label .radio::before {
          content: " ";
          white-space: pre;
          width: 15px;
          display: inline-block;
        }

.radio-list .row label .radio:checked::before {
          font-family: 'iconfont';
          content: '\F056';
          color: #08b2cc;
          line-height: 45px;
        }

.style-entry-5_FXL {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px 60px
}

.style-entry-5_FXL .style-activity-card-1Q34D {
    margin-bottom: 15px
  }

.style-entry-5_FXL .style-activity-card-1Q34D .style-card-img-1lkwc {
      width: 100%;
      height: 100%;
    }

.style-entry-5_FXL .style-more-text-3HrJv {
    color: #bfc6c7;
    font-size: 12px;
    text-align: center; /* 使文字水平居中 */
  }

.style-entry-5_FXL .style-bottom-logo-oOVF6 {
    width: 210px;
    height: 70px;
  }