/* 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.8/ims.eot');
  src:
    /* chrome、firefox */
    url('//s.qunarzz.com/ims_touch/fonts/0.1.8/ims.woff') format('woff'),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//s.qunarzz.com/ims_touch/fonts/0.1.8/ims.ttf') format('truetype'),
    /* iOS 4.1- */
    url('//s.qunarzz.com/ims_touch/fonts/0.1.8/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';
    }

.style-ui-loading-d3TZo {
  display: inline-block;
  line-height: 1;
  -webkit-animation: style-rotation-UAPWW 0.5s linear infinite;
          animation: style-rotation-UAPWW 0.5s linear infinite;
}

@-webkit-keyframes style-rotation-UAPWW {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes style-rotation-UAPWW {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.style-ui-modal-2kl5X {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  transition: all 0.2s ease-out;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff
}
.style-ui-modal-2kl5X.style-hide-3gymk {
    display: none;
  }
.style-ui-modal-2kl5X.style-slide-left-19dYa {
    -webkit-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
            transform: translateX(100vw)
  }
.style-ui-modal-2kl5X.style-slide-left-19dYa.style-slide-up-1yUtL {
      -webkit-transform: translate(100vw, 100vh);
          -ms-transform: translate(100vw, 100vh);
              transform: translate(100vw, 100vh)
    }
.style-ui-modal-2kl5X.style-slide-left-19dYa.style-slide-up-1yUtL.style-zoom-eVRxj {
        -webkit-transform: translate(100vw, 100vh) scale(0);
            -ms-transform: translate(100vw, 100vh) scale(0);
                transform: translate(100vw, 100vh) scale(0);
      }
.style-ui-modal-2kl5X.style-slide-left-19dYa.style-zoom-eVRxj {
      -webkit-transform: translateX(100vw) scale(0);
          -ms-transform: translateX(100vw) scale(0);
              transform: translateX(100vw) scale(0);
    }
.style-ui-modal-2kl5X.style-slide-up-1yUtL {
    -webkit-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
            transform: translateY(100vh)
  }
.style-ui-modal-2kl5X.style-slide-up-1yUtL.style-zoom-eVRxj {
      -webkit-transform: translateY(100vh) scale(0);
          -ms-transform: translateY(100vh) scale(0);
              transform: translateY(100vh) scale(0);
    }
.style-ui-modal-2kl5X.style-zoom-eVRxj {
    -webkit-transform: translate(0, 0) scale(0);
        -ms-transform: translate(0, 0) scale(0);
            transform: translate(0, 0) scale(0);
  }
.style-ui-modal-2kl5X.style-fade-2o-qb {
    opacity: 0;
  }

.style-ui-toast-16-fr {
  top: auto;
  top: initial;
  bottom: 25vh;
  left: 50vw;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: auto;
  width: auto;
  padding: 10px 21px;
  border-radius: 8px;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

.style-ui-mask-2cqo9 {
  background: rgba(0, 0, 0, 0.4);
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center
}
.style-ui-mask-2cqo9 .style-ui-dialog-2dExH {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: auto 38px;
    padding-top: 12px;
    border-radius: 8px;
    font-size: 16px;
    color: #333;
    background: #fff;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out
  }
.style-ui-mask-2cqo9 .style-ui-dialog-2dExH.style-slide-up-bLIlG {
      /* transform: translateY(100vh); */
    }
.style-ui-mask-2cqo9 .style-ui-dialog-2dExH header {
      margin-top: 12px;
      height: 28px;
      font-size: 18px;
      font-weight: 500;
      text-align: center;
      color: #333;
    }
.style-ui-mask-2cqo9 .style-ui-dialog-2dExH article {
      padding: 12px 24px;
      text-align: center;
    }
.style-ui-mask-2cqo9 .style-ui-dialog-2dExH footer {
      height: 48px;
      border-top: solid 0.5px #f1f1f1;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center
    }
.style-ui-mask-2cqo9 .style-ui-dialog-2dExH footer .style-dialog-button-3t8Na {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        height: 48px;
        font-size: 16px;
        font-weight: 400
      }
.style-ui-mask-2cqo9 .style-ui-dialog-2dExH footer .style-dialog-button-3t8Na.style-button-cancel-346XY {
          color: #666;
        }
.style-ui-mask-2cqo9 .style-ui-dialog-2dExH footer .style-dialog-button-3t8Na.style-button-ok-1Pz3d {
          color: #00d4e3;
        }
.style-ui-mask-2cqo9 .style-ui-dialog-2dExH footer .style-sep-3qFSn {
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        width: 0.5px;
        height: 48px;
        background: #eee;
      }


html,
body {
  margin: 0;
  line-height: 1.5;
}

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;
}

.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-header-2TvzI {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0
}

.style-header-2TvzI .style-logo-1xjtZ {
    width: 92px;
  }

.style-main-3v5AQ {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 40px 40px
}

.style-main-3v5AQ .style-line-gWmZX {
    height: 51px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center
  }

.style-main-3v5AQ .style-line-gWmZX.style-flex-end-289IQ {
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }

.style-main-3v5AQ .style-line-gWmZX.style-bottom-border-HD9BJ {
      border-bottom: solid 0.5px #eee;
    }

.style-main-3v5AQ .style-line-gWmZX .style-line-icon-1m19D {
      width: 20px;
      height: 20px;
      margin-right: 8px;
      color: #d5d5d5;
    }

.style-main-3v5AQ .style-line-gWmZX .style-line-input-33gfb {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-right: 8px;
      font-size: 14px;
    }

.style-main-3v5AQ .style-line-gWmZX .style-code-image-3Ap1p {
      width: 90px;
      height: 36px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #eee
    }

.style-main-3v5AQ .style-line-gWmZX .style-code-image-3Ap1p img {
        width: 100%;
        height: 100%;
      }

.style-main-3v5AQ .style-line-gWmZX .style-button-text-27fpq {
      font-size: 12px;
      color: #08b2cc;
    }

.style-main-3v5AQ .style-line-gWmZX .style-button-send-2nUvt {
      margin: 2px 0 3px 0;
      box-sizing: border-box;
      width: 84px;
      height: 32px;
      border-radius: 16px;
      border: solid 0.5px #ff714a;
      font-size: 12px;
      color: #ff714a;
      background: transparent
    }

.style-main-3v5AQ .style-line-gWmZX .style-button-send-2nUvt.style-disabled-GbEuG {
        color: #9e9e9e;
        border: none;
        background: #f7f7f7;
      }

.style-main-3v5AQ .style-line-gWmZX .style-error-s7uMe {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      font-size: 12px;
      color: #f33;
    }

.style-main-3v5AQ .style-button-submit-3mgcH {
    margin-top: 16px;
    height: 48px;
    outline: none;
    border: none;
    border-radius: 24px;
    font-size: 18px;
    color: #fff;
    background: #0ac4dd
  }

.style-main-3v5AQ .style-button-submit-3mgcH.style-disabled-GbEuG {
      opacity: 0.5;
    }

.style-main-3v5AQ .style-footer-aGTdh {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 12px
  }

.style-main-3v5AQ .style-footer-aGTdh a {
      text-decoration: none;
      color: #08b2cc;
    }