.modal-container {
  width: 0;
  height: 0; }

.modal-mask, .modal-content {
  position: fixed;
  z-index: 999; }

.modal-mask {
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); }

.modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .modal-content.with-transition {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; }
  .modal-content.with-shadow {
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4); }
  .modal-content-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  .modal-content-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  .modal-content-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  .modal-content-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }

.modal-mask-fade-enter-active, .modal-mask-fade-leave-active {
  transition: opacity .2s; }

.modal-mask-fade-enter, .modal-mask-fade-leave-to {
  opacity: 0; }

.modal-fade-enter-active, .modal-fade-leave-active {
  transition: opacity .3s; }

.modal-fade-enter, .modal-fade-leave-to {
  opacity: 0; }

.modal-slide-top-enter,
.modal-slide-top-leave-active {
  -webkit-transform: translate3d(-50%, -100%, 0);
          transform: translate3d(-50%, -100%, 0); }

.modal-slide-right-enter,
.modal-slide-right-leave-active {
  -webkit-transform: translate3d(100%, -50%, 0);
          transform: translate3d(100%, -50%, 0); }

.modal-slide-bottom-enter,
.modal-slide-bottom-leave-active {
  -webkit-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0); }

.modal-slide-left-enter,
.modal-slide-left-leave-active {
  -webkit-transform: translate3d(-100%, -50%, 0);
          transform: translate3d(-100%, -50%, 0); }

.modal-quick-fade-out-active {
  transition: opacity .2s; }

.modal-quick-fade-out {
  opacity: 0; }

.modal-bounce-in-enter-active {
  -webkit-animation: modal-bounce-in .3s ease-out;
          animation: modal-bounce-in .3s ease-out; }

@-webkit-keyframes modal-bounce-in {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
            transform: translate3d(-50%, -50%, 0) scale(0.7); }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
            transform: translate3d(-50%, -50%, 0) scale(1.1); }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1); } }

@keyframes modal-bounce-in {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
            transform: translate3d(-50%, -50%, 0) scale(0.7); }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
            transform: translate3d(-50%, -50%, 0) scale(1.1); }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1); } }

.dialog {
  color: #999; }
  .dialog .modal-content {
    width: 80%;
    max-width: 300px;
    border-radius: 3px; }

.dialog-wrap {
  padding: 15px 20px 15px;
  text-align: center;
  font-size: 14px; }

.dialog-header {
  color: #333;
  margin-bottom: 10px; }

.dialog-content {
  margin: 0;
  min-height: 24px;
  line-height: 24px; }

.dialog-buttons {
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  border-top: 1px solid #eee;
  font-size: 12px; }

.dialog-button {
  flex: 1;
  display: block;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  color: #666;
  font: inherit;
  outline: none;
  font-size: 12px;
  border-left: 1px solid #eee; }
  .dialog-button:first-child {
    border-left: 0; }

@font-face {font-family: "iconfont";
  src: url(https://g.1-xian.cn/a51f380aafbd8917c2844f3af6f8f323.eot); /* IE9 */
  src: url(https://g.1-xian.cn/a51f380aafbd8917c2844f3af6f8f323.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url(https://g.1-xian.cn/089b23c1e5bb7e236e6d54d4ea854cd2.woff) format('woff'),
  url(https://g.1-xian.cn/f80f8d1d6f97107a1414ce9482cf9dd1.ttf) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url(https://g.1-xian.cn/7bff952a8a4dcd5813d3337b6552782b.svg#iconfont) format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-nav_bixin_location:before {
  content: "\e762";
}

.icon-lux_iconfont_16_close1:before {
  content: "\e618";
}

.icon-lux_iconfont_20_search:before {
  content: "\e619";
}

.icon-lux_iconfont_16_arrow2:before {
  content: "\e61c";
}

.icon-lux_iconfont_16_notice:before {
  content: "\e61d";
}

.icon-lux_iconfont_arrow:before {
  content: "\e60c";
}

.icon-lux_iconfont_select:before {
  content: "\e60d";
}

.icon-lux_iconfont_toast_failure:before {
  content: "\e60f";
}

.icon-lux_iconfont_toast_successful:before {
  content: "\e610";
}

.icon-lux_iconfont_32_close1:before {
  content: "\e611";
}

.icon-lux_iconfont_16_close2:before {
  content: "\e61a";
}

.icon-nav_bixin_back:before {
  content: "\e71e";
}

.icon-nav_bixin_close:before {
  content: "\e720";
}

.icon-nav_bixin_more:before {
  content: "\e721";
}

.icon-nav_bixin_setting:before {
  content: "\e722";
}

.icon-nav_bixin_share:before {
  content: "\e723";
}

.icon-nav_bixin_help:before {
  content: "\e724";
}

.icon-nav_xxq_consult:before {
  content: "\e6a9";
}

.icon-nav_xxq_barrage_off:before {
  content: "\e6ac";
}

.icon-nav_xxq_more:before {
  content: "\e6ad";
}

.icon-nav_xxq_barrage_on:before {
  content: "\e6bb";
}

.icon-nav_xxq_edit:before {
  content: "\e6bc";
}

.icon-nav_xxq_help:before {
  content: "\e6be";
}

.icon-nav_xxq_back:before {
  content: "\e6af";
}

.icon-nav_xxq_close:before {
  content: "\e6bd";
}

.icon-nav_yuer_share:before {
  content: "\e73c";
}

.icon-nav_yuer_help:before {
  content: "\e73d";
}

.icon-nav_yuer_close:before {
  content: "\e717";
}

.icon-nav_yuer_back:before {
  content: "\e70e";
}

.icon-nav_yuer_more:before {
  content: "\e70f";
}


.toast-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999; }

.toast-container {
  position: fixed;
  pointer-events: none;
  z-index: 1000;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 100%;
  transition: opacity .2s linear; }

.toast {
  position: absolute;
  padding: 9px 20px;
  max-width: 230px;
  min-width: 50px;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  font-size: 14px; }
  .toast .indicator {
    margin: 0 auto; }

.toast-with-icon {
  padding: 0;
  border-radius: 8px; }

.toast-loading {
  width: 80px;
  height: 80px;
  justify-content: center;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px; }

.toast-loading-body {
  margin-bottom: 4px; }

.toast-icon {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .toast-icon i {
    width: 36px;
    height: 36px;
    font-size: 36px;
    color: #fff;
    margin-bottom: 12px; }
  .toast-icon.toast-icon-auto {
    width: inherit;
    height: inherit;
    padding: 10px;
    min-width: 100px;
    min-height: 100px;
    box-sizing: border-box; }

.place-top {
  top: -100%;
  left: -50%;
  -webkit-transform: translate(-50%, 50px);
          transform: translate(-50%, 50px); }

.place-middle {
  top: -50%;
  left: -50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.place-bottom {
  top: -50px;
  left: -50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%); }

.toast-pop-leave-active {
  opacity: 0; }

.mask-pop-leave-active {
  opacity: 0; }

.toast-html {
  word-break: break-word; }

.word-break-all {
  word-break: break-all; }

.indicator {
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-animation: indicator-rotate 1s linear infinite;
          animation: indicator-rotate 1s linear infinite; }
  .indicator img {
    height: 40px; }

@-webkit-keyframes indicator-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes indicator-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

.lg-confirm-modal-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9000; }

.lg-confirm-modal.lg-confirm-theme-yuer {
  background: #242138; }
  .lg-confirm-modal.lg-confirm-theme-yuer .lg-confirm-title {
    color: #EAE6FF; }
  .lg-confirm-modal.lg-confirm-theme-yuer .lg-confirm-content {
    color: rgba(234, 230, 255, 0.5); }
  .lg-confirm-modal.lg-confirm-theme-yuer .lg-confirm-action {
    background: linear-gradient(90deg, #482D33 0%, #63513A 100%);
    color: #FFD476; }
  .lg-confirm-modal.lg-confirm-theme-yuer .lg-confirm-btns-2 .lg-confirm-action:nth-child(1) {
    color: rgba(234, 230, 255, 0.5);
    border: 1px solid rgba(234, 230, 255, 0.2); }

.lg-confirm-modal {
  width: 270px;
  min-height: 209px;
  background: #fff;
  border-radius: 16px;
  padding-top: 36px;
  padding-bottom: 24px;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: 0.2s ease-out;
  z-index: 9001; }

.lg-confirm-close {
  position: absolute;
  left: 12px;
  top: 12px; }
  .lg-confirm-close .icon-close {
    width: 20px;
    height: 20px; }

.lg-confirm-title {
  font-size: 18px;
  font-weight: 600;
  color: #111111;
  line-height: 25px;
  text-align: center;
  margin: 0; }

.lg-confirm-content {
  padding: 0 24px;
  font-size: 14px;
  font-weight: normal;
  color: #666666;
  line-height: 20px;
  margin-top: 16px;
  text-align: center; }

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

.lg-confirm-btns-2 .lg-confirm-action {
  width: 105px; }
  .lg-confirm-btns-2 .lg-confirm-action:nth-child(1) {
    margin-right: 12px;
    background: transparent;
    color: #666666;
    border: 1px solid #8c8c8c;
    border-radius: 22px; }

.lg-confirm-action {
  width: 222px;
  height: 44px;
  background: linear-gradient(270deg, #3ec4ff 0%, #09e5ff 100%);
  border-radius: 22px;
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  line-height: 26px;
  box-sizing: border-box; }

.pay-block-modal-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9000; }

.pay-block-modal {
  width: 338px;
  min-height: 166px;
  background: #242138;
  border-radius: 18px;
  color: #eae6ff;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: 0.2s ease-out;
  z-index: 9001; }
  .pay-block-modal .pay-wrap {
    padding: 25px 30px 0;
    box-sizing: border-box; }
  .pay-block-modal .pay-block-title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 5px; }
  .pay-block-modal .pay-block-content {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    padding-bottom: 25px;
    box-sizing: border-box;
    height: auto; }
  .pay-block-modal .pay-btn-box {
    width: 100%;
    height: 55px;
    display: flex;
    flex-wrap: nowrap;
    border-top: 1px solid rgba(234, 230, 255, 0.08);
    font-size: 20px; }
    .pay-block-modal .pay-btn-box .pay-btn {
      width: 50%;
      text-align: center;
      height: 100%;
      line-height: 55px; }
    .pay-block-modal .pay-btn-box .btn-cancel {
      color: rgba(234, 230, 255, 0.5);
      border-right: 1px solid rgba(234, 230, 255, 0.08); }
    .pay-block-modal .pay-btn-box .btn-confirm {
      color: #ffd476; }

.download-bar-placeholder img,
.download-bar-image img {
  width: 100%;
  height: auto;
  display: block; }

.download-bar-placeholder img {
  visibility: hidden; }

.download-bar-image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10001; }

.download-weibo-mask, .download-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000; }

.download-weibo-mask {
  z-index: 10001;
  background: rgba(0, 0, 0, 0.8); }

.download-weibo-tip {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 272px;
  height: 80px;
  background: url(https://g.1-xian.cn/4baf49087edb843c5eeab9d6fab2720b.png) no-repeat;
  background-size: 272px 80px; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.avatar-wrap {
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-mask-image: radial-gradient(white, black); }

.avatar {
  cursor: pointer;
  width: 100%;
  height: 100%; }
  .avatar.fade {
    opacity: 0; }
    .avatar.fade.loaded {
      -webkit-animation-duration: .5s;
              animation-duration: .5s;
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      -webkit-animation-name: fadeIn;
              animation-name: fadeIn;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }