@-webkit-keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

@keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

body,
html {
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: PingFang SC, Chinese Quote, Segoe UI, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, "sans-serif", Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

body,
body #app,
html,
html #app {
  height: 100%
}

body div:active,
body div:focus,
html div:active,
html div:focus {
  outline: none
}

body a,
html a {
  text-decoration: none;
  color: inherit
}

body h1,
body h2,
body h3,
body h4,
body h5,
body p,
html h1,
html h2,
html h3,
html h4,
html h5,
html p {
  margin: 0;
  padding: 0
}

button {
  background: transparent;
  outline: none;
  border: none;
  font-family: PingFang SC, Chinese Quote, Segoe UI, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, "sans-serif", Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

#root {
  font-size: 5.972px;
  font-size: .3733rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: padding .3s ease;
  transition: padding .3s ease
}

.xj-horizontal-wrapper,
.xj-margin-wrapper {
  max-width: 450px;
  margin: 0 auto
}

.xj-fixed-wrapper {
  pointer-events: none
}

html.xj-is-frame {
  overflow: hidden
}

html.xj-is-frame body {
  position: fixed;
  -webkit-overflow-scrolling: touch
}

.icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.icon-container.large,
.icon-container .large {
  font-size: 48px
}

.icon-container.normal,
.icon-container .normal {
  font-size: 24px
}

.icon-container.small,
.icon-container .small {
  font-size: 16px
}

[class*=" icon-"],
[class^=icon-] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-wecom:before {
  content: "\E900"
}

.icon-attention-fill:before {
  content: "\E901"
}

.icon-phone-fill:before {
  content: "\E902"
}

.icon-common-down:before {
  content: "\E903"
}

.icon-common-up:before {
  content: "\E904"
}

.icon-online-fill:before {
  content: "\E905"
}

.icon-form-fill:before {
  content: "\E906"
}

.icon-link-fill:before {
  content: "\E907"
}

.icon-wechatService:before {
  content: "\E908"
}

.icon-doubleArrow:before {
  content: "\E909"
}

.icon-flame:before {
  content: "\E90A"
}

.icon-puzzle:before {
  content: "\E90B"
}

.icon-exit:before {
  content: "\E90C"
}

.icon-dragBtn4:before {
  content: "\E90D"
}

.icon-dragBtn5:before {
  content: "\E90E"
}

.icon-goto:before {
  content: "\E90F"
}

.icon-plus:before {
  content: "\E910"
}

.icon-trumpetSolid:before {
  content: "\E911"
}

.icon-trumpet:before {
  content: "\E912"
}

.icon-lamp:before {
  content: "\E913"
}

.icon-bulb:before {
  content: "\E914"
}

.icon-appInfo:before {
  content: "\E915"
}

.icon-questMark:before {
  content: "\E916"
}

.icon-subArrow:before {
  content: "\E917"
}

.icon-gear:before {
  content: "\E918"
}

.icon-template:before {
  content: "\E919"
}

.icon-leftArrow:before {
  content: "\E91A"
}

.icon-apple:before {
  content: "\E91B"
}

.icon-disk:before {
  content: "\E91C"
}

.icon-foresee:before {
  content: "\E91D"
}

.icon-android:before {
  content: "\E91E"
}

.icon-rightArrow:before {
  content: "\E91F"
}

.icon-fit:before {
  content: "\E920"
}

.icon-eye:before {
  content: "\E921"
}

.icon-deleteCir:before {
  content: "\E922"
}

.icon-question:before {
  content: "\E923"
}

.icon-info:before {
  content: "\E924"
}

.icon-success:before {
  content: "\E925"
}

.icon-closeRect:before {
  content: "\E926"
}

.icon-closeCir:before {
  content: "\E927"
}

.icon-warn:before {
  content: "\E928"
}

.icon-error:before {
  content: "\E929"
}

.icon-search:before {
  content: "\E92A"
}

.icon-filter:before {
  content: "\E92B"
}

.icon-backTop:before {
  content: "\E92C"
}

.icon-save:before {
  content: "\E92D"
}

.icon-qq:before {
  content: "\E92E"
}

.icon-online:before {
  content: "\E92F"
}

.icon-bottomDown:before {
  content: "\E930"
}

.icon-button:before {
  content: "\E931"
}

.icon-caption:before {
  content: "\E932"
}

.icon-connect:before {
  content: "\E933"
}

.icon-edit:before {
  content: "\E934"
}

.icon-fixBtn:before {
  content: "\E935"
}

.icon-floatCard:before {
  content: "\E936"
}

.icon-form:before {
  content: "\E937"
}

.icon-gallery:before {
  content: "\E938"
}

.icon-goodWin:before {
  content: "\E939"
}

.icon-image:before {
  content: "\E93A"
}

.icon-line:before {
  content: "\E93B"
}

.icon-link:before {
  content: "\E93C"
}

.icon-map:before {
  content: "\E93D"
}

.icon-multiConnect:before {
  content: "\E93E"
}

.icon-paragraph:before {
  content: "\E93F"
}

.icon-phone:before {
  content: "\E940"
}

.icon-picAtlas:before {
  content: "\E941"
}

.icon-preview:before {
  content: "\E942"
}

.icon-saveAs:before {
  content: "\E943"
}

.icon-setting:before {
  content: "\E944"
}

.icon-shop:before {
  content: "\E945"
}

.icon-submit:before {
  content: "\E946"
}

.icon-video:before {
  content: "\E947"
}

.icon-wx:before {
  content: "\E948"
}

.icon-wxcard:before {
  content: "\E949"
}

.icon-space:before {
  content: "\E94A"
}

.icon-customer:before {
  content: "\E94B"
}

.icon-position:before {
  content: "\E94C"
}

.icon-phoneCir:before {
  content: "\E94D"
}

.icon-back:before {
  content: "\E94E"
}

.icon-topPoint:before {
  content: "\E94F"
}

.icon-moveCir:before {
  content: "\E950"
}

.icon-checkFormat:before {
  content: "\E951"
}

.icon-delete:before {
  content: "\E952"
}

.icon-uploadImg:before {
  content: "\E953"
}

.icon-upload:before {
  content: "\E954"
}

.icon-bell:before {
  content: "\E955"
}

.with-xj-app-info .xj-download-button.xj-download-progress {
  top: 14.932px;
  top: .9333rem
}

.with-xj-vw .with-xj-app-info .xj-download-button.xj-download-progress {
  top: 9.333vw
}

.with-xj-app-info .xj-h5-game-demo {
  background: #222
}

.with-xj-app-info .xj-h5-game-demo iframe {
  margin-top: .9333rem;
  height: calc(100% - .9333rem)
}

.xj-app-info {
  background: #f5f6f8;
  color: #7a8499;
  height: 14.932px;
  height: .9333rem;
  font-size: 12px;
  line-height: 17px;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  -webkit-text-size-adjust: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.with-xj-vw .xj-app-info {
  height: 9.333vw
}

.xj-app-info__placeholder {
  height: 14.932px;
  height: .9333rem
}

.with-xj-vw .xj-app-info__placeholder {
  height: 9.333vw
}

.xj-app-info__content {
  white-space: nowrap
}

.xj-app-info__content>div {
  opacity: 0
}

.xj-app-info__text-box {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  text-align: center;
  width: 100%
}

.xj-app-info__mid-placeholder {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%
}

.xj-app-info__medicineLogo {
  display: inline-block;
  width: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  height: 10px
}

.xj-app-info__medicineLogo_H {
  background-position: 50%;
  border-radius: 100%;
  background-color: #fff;
  background-size: 60%
}

.xj-app-info__highlight {
  display: inline-block;
  color: #7a94c9
}

.xj-app-info--topFixed {
  max-width: 450px;
  z-index: 9999
}

.xj-app-info--for-interactive,
.xj-app-info--topFixed {
  position: fixed;
  width: 101%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  top: 0
}

.xj-app-info--for-interactive {
  margin: 0;
  z-index: 999;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0, rgba(18, 18, 18, 0)), color-stop(20%, rgba(18, 18, 18, .5)), to(rgba(19, 19, 19, .7)));
  background-image: linear-gradient(0, rgba(18, 18, 18, 0), rgba(18, 18, 18, .5) 20%, rgba(19, 19, 19, .7))
}

.xj-app-info--for-interactive+.xj-app-info__placeholder {
  display: none
}

.xj-app-info--for-interactive .xj-app-info__content span {
  color: #fff;
  opacity: 1
}

.xj-app-info--for-interactive .xj-app-info__content .xj-app-info__highlight span {
  opacity: 1;
  text-decoration: underline
}

.xj-app-info__modal {
  overflow: hidden
}

.xj-app-info__modal .xj-modal-body {
  height: 157.013px !important;
  height: 9.81333336rem !important;
  padding-bottom: .8rem
}

.with-xj-vw .xj-app-info__modal .xj-modal-body {
  height: 98.1333336vw !important;
  padding-bottom: 8vw
}

.xj-app-info-v3-popup-container {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.xj-app-info-v3-popup-container,
.xj-app-info-v3-popup-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  width: 100%
}

.xj-app-info-v3-popup-item {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .32rem 0
}

.with-xj-vw .xj-app-info-v3-popup-item {
  padding: 3.2vw 0
}

.xj-app-info-v3-popup-item--border {
  border-bottom: 1px solid #eeeff3
}

.xj-app-info-v3-popup-item-label {
  line-height: 8.96px;
  line-height: .56rem;
  font-family: PingFangSC-Regular;
  font-size: 5.972px;
  font-size: .3733rem;
  color: #999;
  letter-spacing: 0;
  width: 4em;
  text-align: left
}

.with-xj-vw .xj-app-info-v3-popup-item-label {
  line-height: 5.6vw;
  font-size: 3.733vw
}

.xj-app-info-v3-popup-item-img {
  width: 8.532px;
  width: .5333rem;
  height: 8.532px;
  height: .5333rem
}

.with-xj-vw .xj-app-info-v3-popup-item-img {
  width: 5.333vw;
  height: 5.333vw
}

.xj-app-info-v3-popup-item-desc {
  min-height: 8.96px;
  min-height: .56rem;
  line-height: 8.96px;
  line-height: .56rem;
  font-family: PingFangSC-Regular;
  font-size: 5.972px;
  font-size: .3733rem;
  color: #333;
  letter-spacing: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  word-break: break-all;
  padding-left: .4rem
}

.with-xj-vw .xj-app-info-v3-popup-item-desc {
  min-height: 5.6vw;
  line-height: 5.6vw;
  font-size: 3.733vw;
  padding-left: 4vw
}

.xj-app-info-v3-popup-item-desc .xj-app-info-v3-popup-item-desc-link {
  color: #296aef;
  text-decoration: underline;
  display: inline-block
}

.xj-app-info-v3-popup-item-description,
.xj-app-info-v3-popup-item-permission {
  text-align: left
}

.xj-app-info-v3-popup-item-description--hide,
.xj-app-info-v3-popup-item-permission--hide {
  display: none
}

.xj-app-info-v3-popup-item-description-desc,
.xj-app-info-v3-popup-item-permission-desc {
  text-align: left;
  color: #333;
  font-size: 5.972px;
  font-size: .3733rem;
  margin-bottom: .32rem
}

.with-xj-vw .xj-app-info-v3-popup-item-description-desc,
.with-xj-vw .xj-app-info-v3-popup-item-permission-desc {
  font-size: 3.733vw;
  margin-bottom: 3.2vw
}

.xj-app-info-v3-popup-item-privacy--hide {
  display: none
}

.xj-app-info-v3-popup-item-privacy-img {
  width: 100%
}

.xj-app-info-v3-popup-item-privacy-iframe {
  width: 100%;
  height: 128px !important;
  height: 8rem !important
}

.with-xj-vw .xj-app-info-v3-popup-item-privacy-iframe {
  height: 80vw !important
}

.xj-app-info-v3-popup-item-privacy-link {
  color: #999;
  font-size: 4.8px;
  font-size: .3rem;
  padding: 3px 0
}

.xj-app-info-v3-popup-item-privacy-link a {
  color: #333;
  text-decoration: underline
}

.xj-app-info-v3-popup-medicine-logo {
  width: 36px;
  height: 21px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

.xj-app-info-v3-popup-medicine-logo-H {
  width: 24px
}

.body-Lock-scroll-Class-Name {
  overflow: hidden
}

.Confirm-wrapper {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.Confirm-wrapper.open-xj-confirm .xj-modal-mask {
  opacity: 0;
  -webkit-animation: open-animate-mask .1s linear .1s forwards;
  animation: open-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.open-xj-confirm .xj-modal-wrap {
  -webkit-animation: open-animate-wrap .2s ease-out forwards;
  animation: open-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-mask {
  opacity: 1;
  -webkit-animation: close-animate-mask .1s linear .1s forwards;
  animation: close-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: close-animate-wrap .2s ease-out forwards;
  animation: close-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper .xj-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.Confirm-wrapper .xj-modal-mask,
.Confirm-wrapper .xj-modal-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

.Confirm-wrapper .xj-modal-wrap {
  width: 153.6px;
  width: 9.6rem;
  position: relative;
  border-radius: .1067rem;
  z-index: 2000;
  background: #fff
}

.Confirm-wrapper .xj-modal-header {
  padding: .5rem .48rem .5333rem;
  color: rgba(0, 0, 0, .8);
  border-radius: .1067rem .1067rem 0 0
}

.with-xj-vw .Confirm-wrapper .xj-modal-header {
  padding: 5vw 4.8vw 5.333vw;
  border-radius: 1.067vw 1.067vw 0 0
}

.Confirm-wrapper .xj-modal-header .xj-modal-title {
  color: rgba(0, 0, 0, .8);
  font-weight: 500;
  font-size: 7.68px;
  font-size: .48rem;
  text-align: center;
  word-wrap: break-word
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-title {
  font-size: 4.8vw
}

.Confirm-wrapper .xj-modal-header .xj-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, .45);
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s
}

.Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  display: block;
  width: 12.8px;
  width: .8rem;
  height: 12.8px;
  height: .8rem;
  font-weight: 300;
  font-size: 12.8px;
  font-size: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  font-style: normal;
  text-align: center;
  text-transform: none;
  text-rendering: auto
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  width: 8vw;
  height: 8vw;
  font-size: 8vw;
  line-height: 8vw
}

.Confirm-wrapper .xj-modal-body {
  padding: 0 .6667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  min-height: 25.6px;
  min-height: 1.6rem;
  line-height: 1.5;
  word-wrap: break-word;
  text-align: center
}

.with-xj-vw .Confirm-wrapper .xj-modal-body {
  padding: 0 6.667vw;
  font-size: 3.733vw;
  min-height: 16vw
}

.Confirm-wrapper .xj-modal-footer {
  padding: .5333rem .6667rem;
  text-align: right;
  border-radius: 0 0 .1067rem .1067rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer {
  padding: 5.333vw 6.667vw;
  border-radius: 0 0 1.067vw 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 19.2px;
  height: 1.2rem;
  padding: 0 .4rem;
  font-size: 6.827px;
  font-size: .4267rem;
  border-radius: .1067rem;
  border: none
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-btn {
  height: 12vw;
  padding: 0 4vw;
  font-size: 4.267vw;
  border-radius: 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: .2667rem
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: 2.667vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn-primary {
  color: #fff;
  background-color: #296bef;
  outline: none;
  border: none
}

.m-consultmodal {
  display: block;
  -webkit-transition: height .2s linear 0s;
  transition: height .2s linear 0s;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, .05882) 0 -2px 6px 0;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .05882)
}

.m-consultmodal .xj-modal-body {
  padding: 0 !important
}

.m-consultmodal .xj-modal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background: #f5f6f8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-animation: none !important;
  animation: none !important
}

.m-consultmodal .xj-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: none !important;
  overflow: hidden !important
}

.m-consultmodal .xj-modal-header {
  position: relative;
  height: 48px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0
}

.m-consultmodal .xj-modal-header:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 4px;
  background: #dbdde2;
  border-radius: 2px;
  left: 50%;
  margin-left: -24px;
  top: 8px
}

.m-consultmodal .xj-modal-header .xj-modal-title {
  font-size: 16px;
  color: #030303;
  font-weight: 400
}

.m-consultmodal .xj-modal-header .xj-modal-close {
  top: 24px;
  margin-top: -15px;
  right: 10px
}

.m-consultmodal .xj-modal-header .xj-modal-close .xj-modal-close-x {
  font-size: 26px
}

.m-consultmodal .maskbody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 50px
}

.m-consultmodal.Confirm-wrapper {
  top: auto;
  height: 40%;
  display: block
}

.xj-confirm-cover-wrapper .xj-modal-wrap {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 183.467px;
  max-height: 11.4667rem;
  height: 46vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 .48rem;
  -webkit-overflow-scrolling: touch
}

.with-xj-vw .xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 114.667vw
}

.xj-confirm-cover-wrapper .xj-modal-body iframe {
  height: 100%;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: bottom
}

.xj-confirm-cover-wrapper .xj-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: .48rem;
  text-align: right;
  background: transparent;
  border-radius: .0533rem;
  height: 19.2px;
  height: 1.2rem
}

.xj-confirm-cover-wrapper .xj-modal-footer .xj-btn-primary {
  width: 100%;
  height: 100%;
  font-size: 6.827px;
  font-size: .4267rem
}

@-webkit-keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.apple-style-confirm .xj-modal-wrap {
  width: 118.4px !important;
  width: 7.4rem !important;
  border-radius: .193rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-wrap {
  width: 74vw !important;
  border-radius: 1.93vw !important
}

.apple-style-confirm .xj-modal-header {
  24.900000000000002px: 7.68px 1.6px;
  24.900000000000002px: .48rem .1rem
}

.with-xj-vw .apple-style-confirm .xj-modal-header {
  24.900000000000002px: 4.8vw 1vw
}

.apple-style-confirm .xj-modal-title {
  color: #333 !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  line-height: 10.432px !important;
  line-height: .652rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-title {
  font-size: 4.35vw !important;
  line-height: 6.52vw !important
}

.apple-style-confirm .xj-modal-body {
  font-size: 5.792px !important;
  font-size: .362rem !important;
  min-height: 0 !important;
  line-height: 8.112px !important;
  line-height: .507rem !important;
  margin-bottom: .652rem !important;
  color: #8a8a8a !important
}

.with-xj-vw .apple-style-confirm .xj-modal-body {
  font-size: 3.62vw !important;
  line-height: 5.07vw !important;
  margin-bottom: 6.52vw !important
}

.apple-style-confirm .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.apple-style-confirm .xj-modal-footer:after {
  content: " ";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid #e5e5e5;
  position: absolute;
  top: 0;
  left: 50%
}

.apple-style-confirm .xj-modal-footer .xj-btn {
  height: 24.96px !important;
  height: 1.56rem !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  background: none !important;
  border: none
}

.with-xj-vw .apple-style-confirm .xj-modal-footer .xj-btn {
  height: 15.6vw !important;
  font-size: 4.35vw !important
}

.apple-style-confirm .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #3185fc !important
}

.apple-style-confirm .xj-modal-footer .xj-ok-btn {
  color: #333 !important
}

.m-postreward.close-xj-confirm .xj-modal-mask,
.m-postreward.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: 0;
  animation: 0
}

.m-postreward .xj-modal-title {
  font-size: 16px
}

.m-postreward .xj-modal-wrap {
  width: 80%
}

.m-postreward .xj-modal-body {
  height: 250px;
  overflow: auto;
  text-align: left;
  line-height: 24px
}

.m-postreward .xj-modal-footer .xj-btn-primary {
  background-color: #296bef;
  font-size: 5.546px;
  font-size: .34666667rem;
  height: 17.072px;
  height: 1.067rem
}

.with-xj-vw .m-postreward .xj-modal-footer .xj-btn-primary {
  font-size: 3.46666667vw
}

.m-postreward .xj-modal-footer .xj-btn-primary p {
  margin: 0 auto
}

.stay-download-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.stay-download-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .16rem !important;
  color: #030303 !important
}

.with-xj-vw .stay-download-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 1.6vw !important
}

.stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.stay-download-modal .xj-modal-footer {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.stay-download-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .stay-download-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.stay-download-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.stay-download-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.stay-download-modal .xj-modal-footer-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.stay-download-modal .xj-modal-footer-row .xj-btn:nth-child(n+2) {
  border-left: 1px solid #e5e5e5
}

.stay-download-modal .xj-modal-footer-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 17.066px !important;
  height: 1.06666667rem !important;
  width: 84%;
  border-radius: 40px
}

.with-xj-vw .stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 10.66666667vw !important
}

.stay-download-modal .xj-modal-footer-column .xj-cancel-btn {
  background-color: #286bef !important;
  color: #fafafa !important;
  font-weight: 500;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-ok-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-feature-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 16px
}

.check-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .check-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.check-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .58666667rem !important;
  color: #030303 !important
}

.with-xj-vw .check-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 5.86666667vw !important
}

.check-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .check-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.check-modal .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.check-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .check-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.check-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.check-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.XJ_pop_window {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1000
}

.XJ_pop_window_content {
  top: 38.827px;
  top: 2.4267rem
}

.XJ_pop_window_close,
.XJ_pop_window_content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.XJ_pop_window_close {
  display: inline-block;
  border: .0267rem solid #fff;
  width: 11.392px;
  width: .712rem;
  height: 11.392px;
  height: .712rem;
  border-radius: 50%;
  top: calc(100% + .8533rem)
}

.XJ_pop_window_close:after,
.XJ_pop_window_close:before {
  position: absolute;
  left: 5.28px;
  left: .33rem;
  top: 2.56px;
  top: .16rem;
  content: " ";
  height: 6.4px;
  height: .4rem;
  width: .427px;
  width: .0267rem;
  background-color: #fff
}

.XJ_pop_window_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.XJ_pop_window_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.xj-message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  height: 40px;
  z-index: 12000;
  font-size: 12px
}

.xj-message .xj-message-notice-content {
  width: 100%;
  height: 100%
}

.xj-message .xj-message-notice-content .xj-message-custom-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-message .xj-message-notice-content .xj-message-custom-content .xj-icon {
  margin: .32rem
}

.xj-message-error,
.xj-message-info,
.xj-message-success,
.xj-message-warning {
  display: block
}

.xj-message-info {
  background-color: #fff;
  color: #000
}

.xj-message-success {
  background-color: #1890ff
}

.xj-message-error,
.xj-message-warning {
  background-color: #fe6c6c
}

@-webkit-keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

@keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

.xj-basic-tips__container {
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(0, 0, 0, .7);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54vw;
  padding: 10px;
  z-index: 2001
}

@-webkit-keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

@keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

.xj-basic-tips__container--hide {
  -webkit-animation: basicTipsFadeOut .5s ease-in-out .5s forwards;
  animation: basicTipsFadeOut .5s ease-in-out .5s forwards
}

.xj-basic-tips__header {
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 8px
}

.xj-basic-tips__icon {
  width: 16px;
  height: 16px
}

.xj-basic-tips__content {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  margin-left: 8px
}

.xj-basic-tips__desc {
  margin-top: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 16px
}

.xj-app-icon {
  padding: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.xj-app-icon .logo-img {
  width: 64px;
  height: 64px;
  min-width: 64px;
  margin-right: 10px;
  border-radius: 15px;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  vertical-align: middle
}

.xj-app-icon em {
  font-style: normal
}

.xj-app-icon .logo-img img {
  width: 100%;
  height: 100%;
  vertical-align: middle
}

.xj-app-icon .logo-info {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  width: calc(100% - 84px)
}

.xj-app-icon .logo-info,
.xj-app-icon .logo-info h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.xj-app-icon .xj-app-icon-desc {
  display: block;
  min-height: 1.375em
}

.xj-app-icon .xj-app-icon-desc span {
  color: #99a;
  margin-right: 5px
}

.body-Lock-scroll-Class-Name {
  overflow: hidden
}

.Confirm-wrapper {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.Confirm-wrapper.open-xj-confirm .xj-modal-mask {
  opacity: 0;
  -webkit-animation: open-animate-mask .1s linear .1s forwards;
  animation: open-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.open-xj-confirm .xj-modal-wrap {
  -webkit-animation: open-animate-wrap .2s ease-out forwards;
  animation: open-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-mask {
  opacity: 1;
  -webkit-animation: close-animate-mask .1s linear .1s forwards;
  animation: close-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: close-animate-wrap .2s ease-out forwards;
  animation: close-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper .xj-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.Confirm-wrapper .xj-modal-mask,
.Confirm-wrapper .xj-modal-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

.Confirm-wrapper .xj-modal-wrap {
  width: 153.6px;
  width: 9.6rem;
  position: relative;
  border-radius: .1067rem;
  z-index: 2000;
  background: #fff
}

.Confirm-wrapper .xj-modal-header {
  padding: .5rem .48rem .5333rem;
  color: rgba(0, 0, 0, .8);
  border-radius: .1067rem .1067rem 0 0
}

.with-xj-vw .Confirm-wrapper .xj-modal-header {
  padding: 5vw 4.8vw 5.333vw;
  border-radius: 1.067vw 1.067vw 0 0
}

.Confirm-wrapper .xj-modal-header .xj-modal-title {
  color: rgba(0, 0, 0, .8);
  font-weight: 500;
  font-size: 7.68px;
  font-size: .48rem;
  text-align: center;
  word-wrap: break-word
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-title {
  font-size: 4.8vw
}

.Confirm-wrapper .xj-modal-header .xj-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, .45);
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s
}

.Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  display: block;
  width: 12.8px;
  width: .8rem;
  height: 12.8px;
  height: .8rem;
  font-weight: 300;
  font-size: 12.8px;
  font-size: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  font-style: normal;
  text-align: center;
  text-transform: none;
  text-rendering: auto
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  width: 8vw;
  height: 8vw;
  font-size: 8vw;
  line-height: 8vw
}

.Confirm-wrapper .xj-modal-body {
  padding: 0 .6667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  min-height: 25.6px;
  min-height: 1.6rem;
  line-height: 1.5;
  word-wrap: break-word;
  text-align: center
}

.with-xj-vw .Confirm-wrapper .xj-modal-body {
  padding: 0 6.667vw;
  font-size: 3.733vw;
  min-height: 16vw
}

.Confirm-wrapper .xj-modal-footer {
  padding: .5333rem .6667rem;
  text-align: right;
  border-radius: 0 0 .1067rem .1067rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer {
  padding: 5.333vw 6.667vw;
  border-radius: 0 0 1.067vw 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 19.2px;
  height: 1.2rem;
  padding: 0 .4rem;
  font-size: 6.827px;
  font-size: .4267rem;
  border-radius: .1067rem;
  border: none
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-btn {
  height: 12vw;
  padding: 0 4vw;
  font-size: 4.267vw;
  border-radius: 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: .2667rem
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: 2.667vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn-primary {
  color: #fff;
  background-color: #296bef;
  outline: none;
  border: none
}

.m-consultmodal {
  display: block;
  -webkit-transition: height .2s linear 0s;
  transition: height .2s linear 0s;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, .05882) 0 -2px 6px 0;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .05882)
}

.m-consultmodal .xj-modal-body {
  padding: 0 !important
}

.m-consultmodal .xj-modal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background: #f5f6f8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-animation: none !important;
  animation: none !important
}

.m-consultmodal .xj-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: none !important;
  overflow: hidden !important
}

.m-consultmodal .xj-modal-header {
  position: relative;
  height: 48px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0
}

.m-consultmodal .xj-modal-header:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 4px;
  background: #dbdde2;
  border-radius: 2px;
  left: 50%;
  margin-left: -24px;
  top: 8px
}

.m-consultmodal .xj-modal-header .xj-modal-title {
  font-size: 16px;
  color: #030303;
  font-weight: 400
}

.m-consultmodal .xj-modal-header .xj-modal-close {
  top: 24px;
  margin-top: -15px;
  right: 10px
}

.m-consultmodal .xj-modal-header .xj-modal-close .xj-modal-close-x {
  font-size: 26px
}

.m-consultmodal .maskbody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 50px
}

.m-consultmodal.Confirm-wrapper {
  top: auto;
  height: 40%;
  display: block
}

.xj-confirm-cover-wrapper .xj-modal-wrap {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 183.467px;
  max-height: 11.4667rem;
  height: 46vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 .48rem;
  -webkit-overflow-scrolling: touch
}

.with-xj-vw .xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 114.667vw
}

.xj-confirm-cover-wrapper .xj-modal-body iframe {
  height: 100%;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: bottom
}

.xj-confirm-cover-wrapper .xj-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: .48rem;
  text-align: right;
  background: transparent;
  border-radius: .0533rem;
  height: 19.2px;
  height: 1.2rem
}

.xj-confirm-cover-wrapper .xj-modal-footer .xj-btn-primary {
  width: 100%;
  height: 100%;
  font-size: 6.827px;
  font-size: .4267rem
}

@-webkit-keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.apple-style-confirm .xj-modal-wrap {
  width: 118.4px !important;
  width: 7.4rem !important;
  border-radius: .193rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-wrap {
  width: 74vw !important;
  border-radius: 1.93vw !important
}

.apple-style-confirm .xj-modal-header {
  24.900000000000002px: 7.68px 1.6px;
  24.900000000000002px: .48rem .1rem
}

.with-xj-vw .apple-style-confirm .xj-modal-header {
  24.900000000000002px: 4.8vw 1vw
}

.apple-style-confirm .xj-modal-title {
  color: #333 !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  line-height: 10.432px !important;
  line-height: .652rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-title {
  font-size: 4.35vw !important;
  line-height: 6.52vw !important
}

.apple-style-confirm .xj-modal-body {
  font-size: 5.792px !important;
  font-size: .362rem !important;
  min-height: 0 !important;
  line-height: 8.112px !important;
  line-height: .507rem !important;
  margin-bottom: .652rem !important;
  color: #8a8a8a !important
}

.with-xj-vw .apple-style-confirm .xj-modal-body {
  font-size: 3.62vw !important;
  line-height: 5.07vw !important;
  margin-bottom: 6.52vw !important
}

.apple-style-confirm .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.apple-style-confirm .xj-modal-footer:after {
  content: " ";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid #e5e5e5;
  position: absolute;
  top: 0;
  left: 50%
}

.apple-style-confirm .xj-modal-footer .xj-btn {
  height: 24.96px !important;
  height: 1.56rem !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  background: none !important;
  border: none
}

.with-xj-vw .apple-style-confirm .xj-modal-footer .xj-btn {
  height: 15.6vw !important;
  font-size: 4.35vw !important
}

.apple-style-confirm .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #3185fc !important
}

.apple-style-confirm .xj-modal-footer .xj-ok-btn {
  color: #333 !important
}

.m-postreward.close-xj-confirm .xj-modal-mask,
.m-postreward.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: 0;
  animation: 0
}

.m-postreward .xj-modal-title {
  font-size: 16px
}

.m-postreward .xj-modal-wrap {
  width: 80%
}

.m-postreward .xj-modal-body {
  height: 250px;
  overflow: auto;
  text-align: left;
  line-height: 24px
}

.m-postreward .xj-modal-footer .xj-btn-primary {
  background-color: #296bef;
  font-size: 5.546px;
  font-size: .34666667rem;
  height: 17.072px;
  height: 1.067rem
}

.with-xj-vw .m-postreward .xj-modal-footer .xj-btn-primary {
  font-size: 3.46666667vw
}

.m-postreward .xj-modal-footer .xj-btn-primary p {
  margin: 0 auto
}

.stay-download-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.stay-download-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .16rem !important;
  color: #030303 !important
}

.with-xj-vw .stay-download-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 1.6vw !important
}

.stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.stay-download-modal .xj-modal-footer {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.stay-download-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .stay-download-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.stay-download-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.stay-download-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.stay-download-modal .xj-modal-footer-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.stay-download-modal .xj-modal-footer-row .xj-btn:nth-child(n+2) {
  border-left: 1px solid #e5e5e5
}

.stay-download-modal .xj-modal-footer-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 17.066px !important;
  height: 1.06666667rem !important;
  width: 84%;
  border-radius: 40px
}

.with-xj-vw .stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 10.66666667vw !important
}

.stay-download-modal .xj-modal-footer-column .xj-cancel-btn {
  background-color: #286bef !important;
  color: #fafafa !important;
  font-weight: 500;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-ok-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-feature-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 16px
}

.check-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .check-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.check-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .58666667rem !important;
  color: #030303 !important
}

.with-xj-vw .check-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 5.86666667vw !important
}

.check-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .check-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.check-modal .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.check-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .check-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.check-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.check-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.XJ_pop_window {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1000
}

.XJ_pop_window_content {
  top: 38.827px;
  top: 2.4267rem
}

.XJ_pop_window_close,
.XJ_pop_window_content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.XJ_pop_window_close {
  display: inline-block;
  border: .0267rem solid #fff;
  width: 11.392px;
  width: .712rem;
  height: 11.392px;
  height: .712rem;
  border-radius: 50%;
  top: calc(100% + .8533rem)
}

.XJ_pop_window_close:after,
.XJ_pop_window_close:before {
  position: absolute;
  left: 5.28px;
  left: .33rem;
  top: 2.56px;
  top: .16rem;
  content: " ";
  height: 6.4px;
  height: .4rem;
  width: .427px;
  width: .0267rem;
  background-color: #fff
}

.XJ_pop_window_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.XJ_pop_window_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.xj-message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  height: 40px;
  z-index: 12000;
  font-size: 12px
}

.xj-message .xj-message-notice-content {
  width: 100%;
  height: 100%
}

.xj-message .xj-message-notice-content .xj-message-custom-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-message .xj-message-notice-content .xj-message-custom-content .xj-icon {
  margin: .32rem
}

.xj-message-error,
.xj-message-info,
.xj-message-success,
.xj-message-warning {
  display: block
}

.xj-message-info {
  background-color: #fff;
  color: #000
}

.xj-message-success {
  background-color: #1890ff
}

.xj-message-error,
.xj-message-warning {
  background-color: #fe6c6c
}

@-webkit-keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

@keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

.xj-basic-tips__container {
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(0, 0, 0, .7);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54vw;
  padding: 10px;
  z-index: 2001
}

@-webkit-keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

@keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

.xj-basic-tips__container--hide {
  -webkit-animation: basicTipsFadeOut .5s ease-in-out .5s forwards;
  animation: basicTipsFadeOut .5s ease-in-out .5s forwards
}

.xj-basic-tips__header {
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 8px
}

.xj-basic-tips__icon {
  width: 16px;
  height: 16px
}

.xj-basic-tips__content {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  margin-left: 8px
}

.xj-basic-tips__desc {
  margin-top: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 16px
}

.body-Lock-scroll-Class-Name {
  overflow: hidden
}

.Confirm-wrapper {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.Confirm-wrapper.open-xj-confirm .xj-modal-mask {
  opacity: 0;
  -webkit-animation: open-animate-mask .1s linear .1s forwards;
  animation: open-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.open-xj-confirm .xj-modal-wrap {
  -webkit-animation: open-animate-wrap .2s ease-out forwards;
  animation: open-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-mask {
  opacity: 1;
  -webkit-animation: close-animate-mask .1s linear .1s forwards;
  animation: close-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: close-animate-wrap .2s ease-out forwards;
  animation: close-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper .xj-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.Confirm-wrapper .xj-modal-mask,
.Confirm-wrapper .xj-modal-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

.Confirm-wrapper .xj-modal-wrap {
  width: 153.6px;
  width: 9.6rem;
  position: relative;
  border-radius: .1067rem;
  z-index: 2000;
  background: #fff
}

.Confirm-wrapper .xj-modal-header {
  padding: .5rem .48rem .5333rem;
  color: rgba(0, 0, 0, .8);
  border-radius: .1067rem .1067rem 0 0
}

.with-xj-vw .Confirm-wrapper .xj-modal-header {
  padding: 5vw 4.8vw 5.333vw;
  border-radius: 1.067vw 1.067vw 0 0
}

.Confirm-wrapper .xj-modal-header .xj-modal-title {
  color: rgba(0, 0, 0, .8);
  font-weight: 500;
  font-size: 7.68px;
  font-size: .48rem;
  text-align: center;
  word-wrap: break-word
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-title {
  font-size: 4.8vw
}

.Confirm-wrapper .xj-modal-header .xj-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, .45);
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s
}

.Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  display: block;
  width: 12.8px;
  width: .8rem;
  height: 12.8px;
  height: .8rem;
  font-weight: 300;
  font-size: 12.8px;
  font-size: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  font-style: normal;
  text-align: center;
  text-transform: none;
  text-rendering: auto
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  width: 8vw;
  height: 8vw;
  font-size: 8vw;
  line-height: 8vw
}

.Confirm-wrapper .xj-modal-body {
  padding: 0 .6667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  min-height: 25.6px;
  min-height: 1.6rem;
  line-height: 1.5;
  word-wrap: break-word;
  text-align: center
}

.with-xj-vw .Confirm-wrapper .xj-modal-body {
  padding: 0 6.667vw;
  font-size: 3.733vw;
  min-height: 16vw
}

.Confirm-wrapper .xj-modal-footer {
  padding: .5333rem .6667rem;
  text-align: right;
  border-radius: 0 0 .1067rem .1067rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer {
  padding: 5.333vw 6.667vw;
  border-radius: 0 0 1.067vw 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 19.2px;
  height: 1.2rem;
  padding: 0 .4rem;
  font-size: 6.827px;
  font-size: .4267rem;
  border-radius: .1067rem;
  border: none
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-btn {
  height: 12vw;
  padding: 0 4vw;
  font-size: 4.267vw;
  border-radius: 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: .2667rem
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: 2.667vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn-primary {
  color: #fff;
  background-color: #296bef;
  outline: none;
  border: none
}

.m-consultmodal {
  display: block;
  -webkit-transition: height .2s linear 0s;
  transition: height .2s linear 0s;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, .05882) 0 -2px 6px 0;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .05882)
}

.m-consultmodal .xj-modal-body {
  padding: 0 !important
}

.m-consultmodal .xj-modal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background: #f5f6f8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-animation: none !important;
  animation: none !important
}

.m-consultmodal .xj-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: none !important;
  overflow: hidden !important
}

.m-consultmodal .xj-modal-header {
  position: relative;
  height: 48px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0
}

.m-consultmodal .xj-modal-header:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 4px;
  background: #dbdde2;
  border-radius: 2px;
  left: 50%;
  margin-left: -24px;
  top: 8px
}

.m-consultmodal .xj-modal-header .xj-modal-title {
  font-size: 16px;
  color: #030303;
  font-weight: 400
}

.m-consultmodal .xj-modal-header .xj-modal-close {
  top: 24px;
  margin-top: -15px;
  right: 10px
}

.m-consultmodal .xj-modal-header .xj-modal-close .xj-modal-close-x {
  font-size: 26px
}

.m-consultmodal .maskbody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 50px
}

.m-consultmodal.Confirm-wrapper {
  top: auto;
  height: 40%;
  display: block
}

.xj-confirm-cover-wrapper .xj-modal-wrap {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 183.467px;
  max-height: 11.4667rem;
  height: 46vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 .48rem;
  -webkit-overflow-scrolling: touch
}

.with-xj-vw .xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 114.667vw
}

.xj-confirm-cover-wrapper .xj-modal-body iframe {
  height: 100%;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: bottom
}

.xj-confirm-cover-wrapper .xj-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: .48rem;
  text-align: right;
  background: transparent;
  border-radius: .0533rem;
  height: 19.2px;
  height: 1.2rem
}

.xj-confirm-cover-wrapper .xj-modal-footer .xj-btn-primary {
  width: 100%;
  height: 100%;
  font-size: 6.827px;
  font-size: .4267rem
}

@-webkit-keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.apple-style-confirm .xj-modal-wrap {
  width: 118.4px !important;
  width: 7.4rem !important;
  border-radius: .193rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-wrap {
  width: 74vw !important;
  border-radius: 1.93vw !important
}

.apple-style-confirm .xj-modal-header {
  24.900000000000002px: 7.68px 1.6px;
  24.900000000000002px: .48rem .1rem
}

.with-xj-vw .apple-style-confirm .xj-modal-header {
  24.900000000000002px: 4.8vw 1vw
}

.apple-style-confirm .xj-modal-title {
  color: #333 !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  line-height: 10.432px !important;
  line-height: .652rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-title {
  font-size: 4.35vw !important;
  line-height: 6.52vw !important
}

.apple-style-confirm .xj-modal-body {
  font-size: 5.792px !important;
  font-size: .362rem !important;
  min-height: 0 !important;
  line-height: 8.112px !important;
  line-height: .507rem !important;
  margin-bottom: .652rem !important;
  color: #8a8a8a !important
}

.with-xj-vw .apple-style-confirm .xj-modal-body {
  font-size: 3.62vw !important;
  line-height: 5.07vw !important;
  margin-bottom: 6.52vw !important
}

.apple-style-confirm .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.apple-style-confirm .xj-modal-footer:after {
  content: " ";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid #e5e5e5;
  position: absolute;
  top: 0;
  left: 50%
}

.apple-style-confirm .xj-modal-footer .xj-btn {
  height: 24.96px !important;
  height: 1.56rem !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  background: none !important;
  border: none
}

.with-xj-vw .apple-style-confirm .xj-modal-footer .xj-btn {
  height: 15.6vw !important;
  font-size: 4.35vw !important
}

.apple-style-confirm .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #3185fc !important
}

.apple-style-confirm .xj-modal-footer .xj-ok-btn {
  color: #333 !important
}

.m-postreward.close-xj-confirm .xj-modal-mask,
.m-postreward.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: 0;
  animation: 0
}

.m-postreward .xj-modal-title {
  font-size: 16px
}

.m-postreward .xj-modal-wrap {
  width: 80%
}

.m-postreward .xj-modal-body {
  height: 250px;
  overflow: auto;
  text-align: left;
  line-height: 24px
}

.m-postreward .xj-modal-footer .xj-btn-primary {
  background-color: #296bef;
  font-size: 5.546px;
  font-size: .34666667rem;
  height: 17.072px;
  height: 1.067rem
}

.with-xj-vw .m-postreward .xj-modal-footer .xj-btn-primary {
  font-size: 3.46666667vw
}

.m-postreward .xj-modal-footer .xj-btn-primary p {
  margin: 0 auto
}

.stay-download-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.stay-download-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .16rem !important;
  color: #030303 !important
}

.with-xj-vw .stay-download-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 1.6vw !important
}

.stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.stay-download-modal .xj-modal-footer {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.stay-download-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .stay-download-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.stay-download-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.stay-download-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.stay-download-modal .xj-modal-footer-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.stay-download-modal .xj-modal-footer-row .xj-btn:nth-child(n+2) {
  border-left: 1px solid #e5e5e5
}

.stay-download-modal .xj-modal-footer-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 17.066px !important;
  height: 1.06666667rem !important;
  width: 84%;
  border-radius: 40px
}

.with-xj-vw .stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 10.66666667vw !important
}

.stay-download-modal .xj-modal-footer-column .xj-cancel-btn {
  background-color: #286bef !important;
  color: #fafafa !important;
  font-weight: 500;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-ok-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-feature-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 16px
}

.check-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .check-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.check-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .58666667rem !important;
  color: #030303 !important
}

.with-xj-vw .check-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 5.86666667vw !important
}

.check-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .check-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.check-modal .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.check-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .check-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.check-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.check-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.XJ_pop_window {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1000
}

.XJ_pop_window_content {
  top: 38.827px;
  top: 2.4267rem
}

.XJ_pop_window_close,
.XJ_pop_window_content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.XJ_pop_window_close {
  display: inline-block;
  border: .0267rem solid #fff;
  width: 11.392px;
  width: .712rem;
  height: 11.392px;
  height: .712rem;
  border-radius: 50%;
  top: calc(100% + .8533rem)
}

.XJ_pop_window_close:after,
.XJ_pop_window_close:before {
  position: absolute;
  left: 5.28px;
  left: .33rem;
  top: 2.56px;
  top: .16rem;
  content: " ";
  height: 6.4px;
  height: .4rem;
  width: .427px;
  width: .0267rem;
  background-color: #fff
}

.XJ_pop_window_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.XJ_pop_window_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.xj-message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  height: 40px;
  z-index: 12000;
  font-size: 12px
}

.xj-message .xj-message-notice-content {
  width: 100%;
  height: 100%
}

.xj-message .xj-message-notice-content .xj-message-custom-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-message .xj-message-notice-content .xj-message-custom-content .xj-icon {
  margin: .32rem
}

.xj-message-error,
.xj-message-info,
.xj-message-success,
.xj-message-warning {
  display: block
}

.xj-message-info {
  background-color: #fff;
  color: #000
}

.xj-message-success {
  background-color: #1890ff
}

.xj-message-error,
.xj-message-warning {
  background-color: #fe6c6c
}

.xj-basic-tips__container {
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(0, 0, 0, .7);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54vw;
  padding: 10px;
  z-index: 2001
}

@-webkit-keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

@keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

.xj-basic-tips__container--hide {
  -webkit-animation: basicTipsFadeOut .5s ease-in-out .5s forwards;
  animation: basicTipsFadeOut .5s ease-in-out .5s forwards
}

.xj-basic-tips__header {
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 8px
}

.xj-basic-tips__icon {
  width: 16px;
  height: 16px
}

.xj-basic-tips__content {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  margin-left: 8px
}

.xj-basic-tips__desc {
  margin-top: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 16px
}

.xj-first-screen-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  height: 28.16px;
  height: 1.76rem;
  bottom: 14.932px;
  bottom: .9333rem;
  right: 6.4px;
  right: .4rem;
  left: 6.4px;
  left: .4rem;
  padding: 0 .32rem;
  -webkit-box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
  box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
  border-radius: .2666rem;
  background: #fff;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(1rem);
  transform: translateY(1rem);
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.xj-first-screen-button--show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.xj-first-screen-button>img {
  width: 18.773px;
  width: 1.17333333rem;
  height: 18.773px;
  height: 1.17333333rem;
  border-radius: .10666667rem
}

.xj-first-screen-button__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  margin: 0 .2133rem
}

.xj-first-screen-button__content__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #030303;
  font-size: 6.825px;
  font-size: .4266rem;
  line-height: 9.6px;
  line-height: .6rem;
  margin-bottom: .02666rem
}

.xj-first-screen-button__content__desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #030303;
  opacity: .5;
  font-size: 5.12px;
  font-size: .32rem;
  line-height: 7.04px;
  line-height: .44rem
}

.xj-first-screen-button__button {
  position: relative;
  overflow: hidden;
  width: 27.306px;
  width: 1.70666667rem;
  height: 12.8px;
  height: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  vertical-align: bottom;
  border-radius: .10666667rem;
  font-size: 5.12px;
  font-size: .32rem;
  text-align: center;
  color: #fff
}

.xj-first-screen-button__button__progress {
  opacity: .6
}

.xj-first-screen-button__button__progress,
.xj-first-screen-button__button__progress-bar {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #286bef
}

.xj-first-screen-button__button__text {
  position: relative;
  z-index: 1
}

.xj-play-download-tips {
  position: fixed;
  z-index: 2000;
  pointer-events: none;
  top: 10.666px;
  top: .66666667rem;
  left: 50%;
  margin-left: -2.16rem;
  width: 69.12px;
  width: 4.32rem;
  background-color: rgba(0, 0, 0, .6);
  border-radius: .10666667rem;
  color: #fff;
  text-align: center;
  font-size: 0;
  -webkit-animation: fadeSlideDownIn .2s ease;
  animation: fadeSlideDownIn .2s ease
}

.xj-play-download-tips>img {
  display: inline-block;
  vertical-align: middle;
  width: 6.826px;
  width: .42666667rem;
  margin-left: -.05333333rem;
  margin-right: .21333333rem;
  -webkit-animation: rotate360 .8s linear infinite;
  animation: rotate360 .8s linear infinite
}

.xj-play-download-tips>span {
  display: inline-block;
  vertical-align: middle;
  font-size: 5.12px;
  font-size: .32rem;
  line-height: 13.653px;
  line-height: .85333333rem
}

@-webkit-keyframes fadeSlideDownIn {
  0% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes fadeSlideDownIn {
  0% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.xj-website-connect {
  width: 100%;
  position: absolute;
  bottom: 0
}

.xj-website-connect--collapse {
  position: absolute;
  bottom: 17.067px;
  bottom: 1.0667rem;
  right: 4.267px;
  right: .2667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 990
}

.xj-website-connect--collapse>img {
  width: 25.6px;
  width: 1.6rem;
  height: 27.307px;
  height: 1.7067rem
}

.xj-connect-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  width: 100%
}

.xj-connect-container .icon-container {
  margin-right: .1rem
}

.xj-connect-container .xj-connect-button {
  overflow: hidden
}

.xj-connect-container .xj-connect-button,
.xj-connect-container .xj-connect-circle-container {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative
}

.xj-connect-container .xj-connect-button,
.xj-connect-container .xj-connect-circle-container,
.xj-connect-container .xj-connect-circle-container .xj-connect-svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center
}

.xj-connect-container .xj-connect-circle-container .xj-connect-svg {
  vertical-align: sub
}

.xj-connect-container .xj-connect-image-container img {
  max-width: 100% !important;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.xj-connect-container .xj-connect-image-container .xj-connect-image {
  width: 100%;
  height: auto
}

.connect-click-button-guide {
  display: none;
  position: absolute;
  width: 97.6px;
  width: 6.1rem;
  color: #414d60;
  text-align: left;
  border: 1px solid #eeeff3;
  line-height: 1.5;
  -webkit-box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  border-radius: 4px;
  margin: 0 .21rem .21rem;
  width: auto;
  background: #fff
}

.connect-click-button-guide .guide-close-btn {
  position: absolute;
  width: 5.12px;
  width: .32rem;
  height: 5.12px;
  height: .32rem;
  top: 3.412px;
  top: .2133rem;
  right: 3.412px;
  right: .2133rem;
  line-height: 1;
  pointer-events: auto
}

.connect-click-button-guide .guide-close-btn img {
  width: 100%
}

.connect-click-button-guide .connect-click-button-guide-message {
  margin: .426rem .6rem .426rem .426rem
}

.connect-click-button-guide .connect-click-button-guide-arrow {
  position: absolute;
  bottom: -2.56px;
  bottom: -.16rem;
  right: 11.2px;
  right: .7rem;
  width: 4.267px;
  width: .2667rem;
  height: 4.267px;
  height: .2667rem;
  border: 1px solid #eeeff3;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  background: #fff
}

.button-guide-tile {
  left: 0;
  right: 0;
  margin: 0 auto .21rem;
  width: 90%
}

.xj-fixed-wrapper .xj-connect-button,
.xj-fixed-wrapper .xj-connect-circle-container .xj-connect-svg {
  pointer-events: all;
  cursor: pointer
}

.xj-fixed-wrapper .xj-connect-button .icon-connect {
  font-size: 10.24px;
  font-size: .64rem
}

.xj-fixed-wrapper .connect-click-button,
.xj-fixed-wrapper .xj-connect-image {
  pointer-events: all;
  cursor: pointer
}

.xj-connect-animation:after,
.xj-connect-animation:before {
  content: "";
  display: block;
  left: -50px;
  top: 0;
  position: absolute;
  height: 100%;
  background-color: #fff;
  opacity: .15;
  width: 5px;
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
  z-index: 100
}

.xj-connect-circle-animation {
  -webkit-animation: connectAnimation 4s ease-in-out 0s infinite;
  animation: connectAnimation 4s ease-in-out 0s infinite
}

@-webkit-keyframes circleShank {
  0% {
    left: -50px
  }

  35% {
    left: -50px
  }

  50% {
    left: 120%
  }

  to {
    left: 120%
  }
}

@keyframes circleShank {
  0% {
    left: -50px
  }

  35% {
    left: -50px
  }

  50% {
    left: 120%
  }

  to {
    left: 120%
  }
}

@-webkit-keyframes shank {
  0% {
    left: -50px
  }

  75% {
    left: -50px
  }

  to {
    left: 100%
  }
}

@keyframes shank {
  0% {
    left: -50px
  }

  75% {
    left: -50px
  }

  to {
    left: 100%
  }
}

@-webkit-keyframes connectAnimation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  5% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes connectAnimation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  5% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

@keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

.xj-dynamic-progress {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 9000;
  top: 14.933px;
  top: .93333333rem;
  font-size: 5.973px;
  font-size: .37333333rem;
  line-height: 1;
  padding-top: .42666667rem;
  width: 100%;
  height: 19.626px;
  height: 1.22666667rem;
  padding-left: .53333333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  -webkit-transition: .4s ease;
  transition: .4s ease
}

.with-xj-vw .xj-dynamic-progress {
  top: 9.33333333vw;
  font-size: 3.73333333vw;
  padding-top: 4.26666667vw;
  height: 12.26666667vw;
  padding-left: 5.33333333vw
}

.xj-dynamic-progress--visible {
  visibility: visible;
  opacity: 1
}

.xj-dynamic-progress__bar {
  position: static
}

.xj-dynamic-progress__bar__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.xj-dynamic-progress__bar__bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, .7)
}

.xj-dynamic-progress__bar__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden
}

.xj-dynamic-progress__bar__fill__light {
  position: absolute;
  width: 160px;
  width: 10rem;
  height: 100%;
  display: none
}

.xj-dynamic-progress--downloading .xj-dynamic-progress__bar__fill__light {
  display: block
}

.xj-dynamic-progress__bar__fill__light span {
  position: absolute;
  width: 80px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
  -webkit-animation: move 2s ease-in-out 1.5s infinite;
  animation: move 2s ease-in-out 1.5s infinite;
  z-index: 2;
  top: 0;
  left: -80px
}

.xj-dynamic-progress>span {
  position: relative;
  color: #fff
}

.xj-website-float-form-wrap .xj-website-form {
  position: fixed;
  z-index: 102
}

.xj-website-float-form-wrap .xj-website-form--collapse,
body>.txp_contextmenu {
  display: none
}

.xj-video {
  position: relative;
  overflow: hidden
}

.xj-video .video-before-init {
  position: absolute;
  z-index: 6;
  width: 100%
}

.xj-video .video-before-init img {
  width: 100%
}

.xj-video .data-video {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%
}

.xj-video .txp_btn_definition,
.xj-video .txp_watermark {
  display: none !important
}

.xj-video .txp_video_container video::-webkit-media-controls {
  display: none !important
}

.xj-video .txp_autohide .xj-mute-button {
  display: none
}

.xj-video .not-interactive .xj-mute-button {
  display: block
}

.xj-video .xj-mute-button {
  right: 4.267px;
  right: .2667rem;
  top: 4.267px;
  top: .2667rem
}

.xj-video .xj-mute-button,
.xj-video .xj-video-hd-tag {
  position: absolute;
  z-index: 6;
  width: 17.067px;
  width: 1.0667rem
}

.xj-video .xj-video-hd-tag {
  left: 4.267px;
  left: .2667rem;
  top: 9.067px;
  top: .5667rem
}

.xj-video .can-play-time {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: rgba(0, 0, 0, .4)
}

.xj-video .can-play-time-center-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110.932px;
  width: 6.9333rem
}

.xj-video .can-play-time-tip {
  color: #fff;
  text-align: center;
  font-size: 5.972px;
  font-size: .3733rem
}

.xj-video .txp_controls {
  height: 14.932px;
  height: .9333rem
}

.xj-video-float-wrapper {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
  background: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, .4));
  color: #fff;
  z-index: 4;
  width: 100%
}

.xj-video-float-wrapper .xj-video-float-top {
  padding: 0 .4267rem !important
}

.xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-img {
  border-radius: .5333rem;
  width: 17.067px;
  width: 1.0667rem;
  height: 17.067px;
  height: 1.0667rem;
  border: .0533rem solid #fff;
  margin-right: .2667rem;
  vertical-align: middle
}

.xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-title {
  width: calc(100% - 4rem);
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7.68px;
  font-size: .48rem;
  vertical-align: middle
}

.xj-video-float-wrapper .xj-video-float-middle {
  margin: .2667rem 0 .1333rem;
  padding: 0 .4267rem !important
}

.xj-video-float-wrapper .xj-video-float-middle span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 8.532px;
  line-height: .5333rem
}

.xj-video-float-wrapper .xj-video-float-bottom {
  border: none;
  height: 17.067px;
  height: 1.0667rem
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 {
  font-size: 5.972px;
  font-size: .3733rem;
  height: 6.72px;
  height: .42rem;
  right: 6.827px;
  right: .4267rem;
  top: 4.16px;
  top: .26rem;
  width: 32px;
  width: 2rem;
  color: #fff;
  position: absolute;
  border: none;
  background: transparent !important;
  overflow: visible
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .icon-rightArrow {
  font-size: 5.12px;
  font-size: .32rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-58%);
  transform: translateY(-58%)
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left {
  overflow: visible;
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left .text-left {
  display: block;
  overflow: visible
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right {
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .white-move,
.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right .text-right {
  display: none !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text {
  display: block;
  text-align: left;
  padding-left: 0;
  position: relative;
  padding-right: .4rem;
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .0533rem .2133rem;
  border-radius: .4267rem;
  font-size: 5.12px;
  font-size: .32rem;
  border: .0267rem solid #fff;
  width: 36.267px;
  width: 2.2667rem;
  top: 3.412px;
  top: .2133rem;
  right: 10.24px;
  right: .64rem;
  position: absolute;
  height: 10.667px;
  height: .6667rem
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-left {
  background: #12b7f6
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-right {
  background: rgba(18, 183, 246, .3)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-img {
  border-radius: .5333rem;
  width: 17.067px;
  width: 1.0667rem;
  height: 17.067px;
  height: 1.0667rem;
  border: .0533rem solid #fff;
  margin-right: .2667rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-title {
  width: calc(100% - 1.5rem)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-middle {
  margin: .2667rem 0 .1333rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-middle span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom {
  text-align: center;
  border-top: .0267rem solid hsla(0, 0%, 100%, .3)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 {
  line-height: 17.067px;
  line-height: 1.0667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  position: relative
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left {
  background: #12b7f6 !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left .text-left {
  left: 6.827px;
  left: .4267rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right {
  background: rgba(18, 183, 246, .3) !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right .text-right {
  display: none !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text {
  display: block;
  text-align: left;
  padding-left: .4267rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text:after {
  content: ">";
  position: absolute;
  right: 6.827px;
  right: .4267rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 {
  margin: .1333rem auto;
  height: 12.8px;
  height: .8rem;
  background: transparent;
  color: #fff;
  font-size: 6.827px;
  font-size: .4267rem;
  display: grid;
  position: relative;
  width: 48px;
  width: 3rem;
  top: 0;
  left: 0;
  -ms-flex-line-pack: center;
  align-content: center
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-left {
  background: #12b7f6
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-right {
  background: rgba(18, 183, 246, .3)
}

.xj-download-button {
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
  outline: none;
  padding: 0;
  border: 1px solid;
  -webkit-tap-highlight-color: transparent
}

.xj-download-button .wrap {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
  position: absolute;
  overflow: hidden
}

.xj-download-button .wrap .text {
  position: absolute;
  display: block;
  height: 100%;
  text-align: center;
  white-space: nowrap
}

.xj-download-button .wrap-left {
  left: 0;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.xj-download-button .wrap-left .text {
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-download-button .wrap-right {
  right: 0;
  left: auto;
  height: 100%;
  z-index: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.xj-download-button .wrap-right .text {
  left: auto;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-download-button .white-move {
  width: 80px;
  position: absolute;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
  -webkit-animation: move 2s ease-in-out 1.5s infinite;
  animation: move 2s ease-in-out 1.5s infinite;
  z-index: 2;
  top: 0;
  left: -80px;
  display: none
}

@-webkit-keyframes move {
  0% {
    left: -80px
  }

  50% {
    left: -80px
  }

  to {
    left: 100%
  }
}

@keyframes move {
  0% {
    left: -80px
  }

  50% {
    left: -80px
  }

  to {
    left: 100%
  }
}

.xj-app-gift-pack__modal__pack__pack,
.xj-app-gift-pack__pack {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 72px
}

.xj-app-gift-pack__modal__pack__pack .border,
.xj-app-gift-pack__pack .border {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none
}

.xj-app-gift-pack__modal__pack__pack .cutter,
.xj-app-gift-pack__pack .cutter {
  position: absolute;
  z-index: 200;
  height: 10px;
  width: 10px;
  border: 1px solid #00f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  right: 25.797101%;
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
  border-radius: 50%
}

.xj-app-gift-pack__modal__pack__pack .cutter--top,
.xj-app-gift-pack__pack .cutter--top {
  top: -5px
}

.xj-app-gift-pack__modal__pack__pack .cutter--bottom,
.xj-app-gift-pack__pack .cutter--bottom {
  bottom: -5px
}

.xj-app-gift-pack__end,
.xj-app-gift-pack__modal__pack__end {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 37%;
  top: 7%
}

.xj-app-gift-pack__left,
.xj-app-gift-pack__modal__pack__left {
  position: relative;
  margin: 10px 0 10px 12px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid transparent
}

.xj-app-gift-pack__modal__pack__title,
.xj-app-gift-pack__title {
  font-size: 13px;
  height: 14px;
  line-height: 16px;
  margin-bottom: .2rem;
  font-weight: 700
}

.xj-app-gift-pack__detail,
.xj-app-gift-pack__modal__pack__detail {
  font-size: 11px;
  opacity: .8;
  line-height: 11px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.xj-app-gift-pack__modal__pack__remain,
.xj-app-gift-pack__remain {
  font-size: 11px;
  opacity: .8;
  line-height: 11px;
  height: 11px;
  color: rgba(0, 0, 0, .4)
}

.xj-app-gift-pack__button,
.xj-app-gift-pack__modal__pack__button {
  position: relative;
  min-width: 25.797101%;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-app-gift-pack__button-download,
.xj-app-gift-pack__modal__pack__button-download {
  border: 1px solid transparent;
  border-radius: 14px;
  min-width: 64px
}

.xj-app-gift-pack__button-copy,
.xj-app-gift-pack__modal__pack__button-copy {
  border: 1px solid transparent;
  border-radius: 14px;
  height: 24px;
  line-height: 26px;
  width: 64px;
  font-size: 14px
}

.xj-app-gift-pack__button-text,
.xj-app-gift-pack__modal__pack__button-text {
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding-bottom: 7px;
  font-weight: 700
}

.xj-app-gift-pack__button.copying,
.xj-app-gift-pack__modal__pack__button.copying {
  background: hsla(0, 0%, 100%, .14);
  color: inherit !important
}

.xj-app-gift-pack__modal__pack__trigger,
.xj-app-gift-pack__trigger {
  position: absolute;
  right: 16px;
  bottom: -2px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-app-gift-pack__modal__pack__trigger>svg,
.xj-app-gift-pack__trigger>svg {
  margin-left: 4px;
  width: 4px;
  height: 7px
}

.xj-app-gift-pack__modal,
.xj-app-gift-pack__modal__pack__modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden
}

.xj-app-gift-pack__modal-download,
.xj-app-gift-pack__modal__pack__modal-download {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 6px 8px;
  width: 100%;
  color: #fff
}

.xj-app-gift-pack__modal.visible,
.xj-app-gift-pack__modal__pack__modal.visible {
  visibility: visible
}

.xj-app-gift-pack__modal__mask,
.xj-app-gift-pack__modal__pack__modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.xj-app-gift-pack__modal.visible .xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal.visible .xj-app-gift-pack__modal__pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal.visible .xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal.visible .xj-app-gift-pack__modal__pack__modal__modal {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal__modal {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 63vh;
  min-height: 240px;
  width: calc(100vw - .8534rem);
  padding: .4267rem;
  color: #1d242c;
  border-radius: 5px 5px 0 0;
  background: hsla(0, 0%, 100%, .98);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  text-align: left
}

.xj-app-gift-pack__modal__app,
.xj-app-gift-pack__modal__pack__modal__app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .4267rem
}

.xj-app-gift-pack__modal__app__logo,
.xj-app-gift-pack__modal__pack__modal__app__logo {
  width: 27.307px;
  width: 1.7067rem;
  height: 27.307px;
  height: 1.7067rem;
  margin-right: .2667rem;
  border-radius: 4px
}

.xj-app-gift-pack__modal__app__info,
.xj-app-gift-pack__modal__pack__modal__app__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.xj-app-gift-pack__modal__app__title,
.xj-app-gift-pack__modal__pack__modal__app__title {
  height: 22px;
  font-size: 16px;
  color: #000;
  letter-spacing: 0
}

.xj-app-gift-pack__modal__app__desc,
.xj-app-gift-pack__modal__pack__modal__app__desc {
  height: 18px;
  font-size: 14px;
  color: #8f9093;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  max-width: 115.627px;
  max-width: 7.2267rem
}

.xj-app-gift-pack__modal__pack,
.xj-app-gift-pack__modal__pack__modal__pack {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.xj-app-gift-pack__modal__pack__modal__title,
.xj-app-gift-pack__modal__title {
  text-align: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 700
}

.xj-app-gift-pack__modal__pack__modal__subTitle,
.xj-app-gift-pack__modal__subTitle {
  font-size: 16px;
  color: #000;
  letter-spacing: 0;
  padding: .4267rem .4267rem .2133rem;
  line-height: 9.387px;
  line-height: .5867rem;
  position: relative
}

.xj-app-gift-pack__modal__pack__modal__subTitle:before,
.xj-app-gift-pack__modal__subTitle:before {
  content: "";
  position: absolute;
  top: 52%;
  left: 0;
  background: #b8bcc2;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.xj-app-gift-pack__modal__list,
.xj-app-gift-pack__modal__pack__modal__list {
  width: 100%;
  overflow: auto;
  padding: 0 .4267rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 9.387px;
  line-height: .5867rem;
  font-size: 14px;
  color: #4e4e4e
}

.xj-app-gift-pack__modal__list dd,
.xj-app-gift-pack__modal__list dt,
.xj-app-gift-pack__modal__pack__modal__list dd,
.xj-app-gift-pack__modal__pack__modal__list dt {
  margin: 0;
  padding: 0
}

.xj-app-gift-pack__modal__list dt,
.xj-app-gift-pack__modal__pack__modal__list dt {
  float: left
}

.xj-app-gift-pack__modal__list dd,
.xj-app-gift-pack__modal__pack__modal__list dd {
  margin-left: 1.6666rem;
  margin-bottom: .2133rem
}

.xj-app-gift-pack__code,
.xj-app-gift-pack__modal__pack__code {
  font-size: 18px;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  line-height: 18px;
  font-weight: 700
}

.xj-app-gift-pack__code__label,
.xj-app-gift-pack__modal__pack__code__label {
  color: #000;
  width: 66px
}

.xj-app-gift-pack__code__num,
.xj-app-gift-pack__modal__pack__code__num {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 68%
}

.mult-app__button {
  position: relative;
  min-width: 25.797101%;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mult-app__button-download {
  border: 1px solid transparent;
  border-radius: 14px;
  min-width: 64px
}

.mult-app__button-text {
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding-bottom: 7px;
  font-weight: 700
}

.mult-app__modal {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden
}

.mult-app__modal.visible {
  visibility: visible
}

.mult-app__modal.firstHidden {
  visibility: hidden
}

.mult-app__modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.mult-app__modal.visible .mult-app__modal__modal {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.mult-app__modal__modal {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 63vh;
  width: 100vw;
  color: #1d242c;
  border-radius: 20px 20px 0 0;
  background: hsla(0, 0%, 100%, .98);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  text-align: left;
  border: none
}

.mult-app__modal__closeIcon {
  color: hsla(0, 0%, 100%, .8);
  width: 8px;
  width: .5rem;
  height: 8px;
  height: .5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: absolute;
  right: 6.4px;
  right: .4rem;
  top: -16px;
  top: -1rem;
  border: 2px solid #fff;
  border-radius: 50%
}

.mult-app__modal__closeIcon:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.mult-app__modal__closeIcon:after,
.mult-app__modal__closeIcon:before {
  content: "";
  height: 4.8px;
  height: .3rem;
  width: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  background: hsla(0, 0%, 100%, .8)
}

.mult-app__modal__closeIcon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.mult-app__modal__fixedButton {
  width: 32px;
  width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 3.2px;
  left: .2rem;
  visibility: hidden
}

.mult-app__modal__fixedButton.visible {
  visibility: visible
}

.mult-app__modal__fixedButton img {
  width: 100%
}

.mult-app__modal__panel {
  overflow-y: scroll;
  border-radius: 20px 20px 0 0;
  border: none
}

.mult-app-panel {
  padding: 16px
}

.mult-app-panel.unsupport {
  display: none
}

.mult-app-panel__title {
  font-size: 5.973px;
  font-size: .37333333rem;
  letter-spacing: 0;
  padding: .21333333rem;
  line-height: 9.387px;
  line-height: .5867rem;
  position: relative;
  text-align: center
}

.with-xj-vw .mult-app-panel__title {
  font-size: 3.73333333vw;
  padding: 2.13333333vw
}

.mult-app-panel .mult-app-item {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 8px
}

.mult-app-panel .mult-app-item:last-child {
  margin-bottom: 0
}

.mult-app-panel .mult-app-item-card {
  height: 66px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mult-app-panel .mult-app-item-card .mult-app-item-icon {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  border-radius: 6px;
  overflow: hidden
}

.mult-app-panel .mult-app-item-card .mult-app-item-icon>img {
  width: 100%;
  height: 100%
}

.mult-app-panel .mult-app-item-card .mult-app-item-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 76.8px;
  max-width: 4.8rem
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-info {
  max-width: 48vw
}

.mult-app-panel .mult-app-item-card .mult-app-item-info-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  opacity: .9
}

.mult-app-panel .mult-app-item-card .mult-app-item-info-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  opacity: .7;
  line-height: 7.253px;
  line-height: .45333333rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-info-desc {
  line-height: 4.53333333vw
}

.mult-app-panel .mult-app-item-card .mult-app-item-btn {
  height: 32px;
  line-height: 32px;
  width: 80px
}

.mult-app-panel .mult-app-item-card .mult-app-item-btn .xj-app-btn {
  font-size: 5.973px;
  font-size: .37333333rem
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-btn .xj-app-btn {
  font-size: 3.73333333vw
}

.mult-app-panel .mult-app-item-line {
  height: 1px;
  width: 100%;
  margin-top: 6px
}

.mult-app-panel .mult-app-item-compliance {
  width: 120%;
  font-size: 12px;
  margin-top: 8px;
  -webkit-transform: scale(.84);
  transform: scale(.84)
}

.mult-app-panel .mult-app-item-compliance-underline {
  text-decoration: underline
}

.xj-download-tips__wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 24px;
  background: rgba(0, 0, 0, .7);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  max-width: 180px
}

.xj-download-tips__wrapper--hide {
  display: none
}

.xj-download-tips__close {
  width: 10px;
  height: 10px;
  padding: 0 8px;
  margin: 6px 2px;
  border-left: 1px solid #fff
}

.xj-download-tips__content {
  font-size: 12px;
  color: #fff;
  margin: 0 8px;
  height: 16px;
  line-height: 16px;
  white-space: nowrap
}

.xj-download-tips__arrow {
  position: absolute;
  top: 22px;
  content: "";
  width: 0;
  height: 0
}

.xj-download-tips__arrow--up {
  border-top: 5px solid rgba(0, 0, 0, .7)
}

.xj-download-tips__arrow--down,
.xj-download-tips__arrow--up {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}

.xj-download-tips__arrow--down {
  border-bottom: 5px solid rgba(0, 0, 0, .7);
  top: -5px
}

.xj-button-wrapper {
  text-align: center;
  overflow: hidden
}

.xj-button-wrapper .xj-common-button {
  display: inline-block;
  width: 100%;
  line-height: 17.067px;
  line-height: 1.0667rem;
  font-size: 6.827px;
  font-size: .4267rem;
  background-color: #1890ff;
  color: #fff;
  text-align: center
}

.xj-fixed-wrapper .xj-app-button-wrapper .xj-app-btn {
  pointer-events: all;
  cursor: pointer
}

.xj-download-button.xj-download-progress {
  position: fixed;
  margin: 0 auto;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  border-width: 0;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease-out;
  transition: opacity .3s ease, -webkit-transform .3s ease-out;
  transition: transform .3s ease-out, opacity .3s ease;
  transition: transform .3s ease-out, opacity .3s ease, -webkit-transform .3s ease-out;
  -webkit-transition: transform .3s ease-out, opacity .3s ease;
  z-index: 1500
}

.xj-download-button.xj-download-progress.hidden {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none
}

.xj-download-button.xj-download-progress.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: .85;
  pointer-events: all
}

.with-progress {
  transition: padding-top .3s ease-in-out;
  -webkit-transition: padding-top .3s ease-in-out
}

.with-progress.hidden {
  padding-top: 0
}

@-webkit-keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

@keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

.xj-download-area {
  position: absolute
}

.xj-image-carousel-viewer {
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.xj-image-carousel-viewer .carousel-swiper-container {
  min-height: 100px;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden
}

.xj-image-carousel-viewer .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-image-carousel-viewer .swiper-slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.xj-image-carousel-viewer .swiper-slide img {
  width: 100%;
  display: block
}

.type_centeredSlides .swiper-wrapper .swiper-slide,
.type_customCenteredSlides .swiper-wrapper .swiper-slide {
  width: 70%;
  height: 100%;
  text-align: center
}

.type_centeredSlides .swiper-wrapper .swiper-slide img,
.type_customCenteredSlides .swiper-wrapper .swiper-slide img {
  max-height: 100%;
  max-width: 100%
}

.type_leftSlides .swiper-wrapper .swiper-slide {
  width: 48.6%;
  height: 100%;
  text-align: center
}

.type_leftSlides .swiper-wrapper .swiper-slide img {
  max-height: 100%;
  max-width: 100%
}

.body-Lock-scroll-Class-Name {
  overflow: hidden
}

.Confirm-wrapper {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.Confirm-wrapper.open-xj-confirm .xj-modal-mask {
  opacity: 0;
  -webkit-animation: open-animate-mask .1s linear .1s forwards;
  animation: open-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.open-xj-confirm .xj-modal-wrap {
  -webkit-animation: open-animate-wrap .2s ease-out forwards;
  animation: open-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-mask {
  opacity: 1;
  -webkit-animation: close-animate-mask .1s linear .1s forwards;
  animation: close-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: close-animate-wrap .2s ease-out forwards;
  animation: close-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper .xj-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.Confirm-wrapper .xj-modal-mask,
.Confirm-wrapper .xj-modal-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

.Confirm-wrapper .xj-modal-wrap {
  width: 153.6px;
  width: 9.6rem;
  position: relative;
  border-radius: .1067rem;
  z-index: 2000;
  background: #fff
}

.Confirm-wrapper .xj-modal-header {
  padding: .5rem .48rem .5333rem;
  color: rgba(0, 0, 0, .8);
  border-radius: .1067rem .1067rem 0 0
}

.with-xj-vw .Confirm-wrapper .xj-modal-header {
  padding: 5vw 4.8vw 5.333vw;
  border-radius: 1.067vw 1.067vw 0 0
}

.Confirm-wrapper .xj-modal-header .xj-modal-title {
  color: rgba(0, 0, 0, .8);
  font-weight: 500;
  font-size: 7.68px;
  font-size: .48rem;
  text-align: center;
  word-wrap: break-word
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-title {
  font-size: 4.8vw
}

.Confirm-wrapper .xj-modal-header .xj-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, .45);
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s
}

.Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  display: block;
  width: 12.8px;
  width: .8rem;
  height: 12.8px;
  height: .8rem;
  font-weight: 300;
  font-size: 12.8px;
  font-size: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  font-style: normal;
  text-align: center;
  text-transform: none;
  text-rendering: auto
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  width: 8vw;
  height: 8vw;
  font-size: 8vw;
  line-height: 8vw
}

.Confirm-wrapper .xj-modal-body {
  padding: 0 .6667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  min-height: 25.6px;
  min-height: 1.6rem;
  line-height: 1.5;
  word-wrap: break-word;
  text-align: center
}

.with-xj-vw .Confirm-wrapper .xj-modal-body {
  padding: 0 6.667vw;
  font-size: 3.733vw;
  min-height: 16vw
}

.Confirm-wrapper .xj-modal-footer {
  padding: .5333rem .6667rem;
  text-align: right;
  border-radius: 0 0 .1067rem .1067rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer {
  padding: 5.333vw 6.667vw;
  border-radius: 0 0 1.067vw 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 19.2px;
  height: 1.2rem;
  padding: 0 .4rem;
  font-size: 6.827px;
  font-size: .4267rem;
  border-radius: .1067rem;
  border: none
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-btn {
  height: 12vw;
  padding: 0 4vw;
  font-size: 4.267vw;
  border-radius: 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: .2667rem
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: 2.667vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn-primary {
  color: #fff;
  background-color: #296bef;
  outline: none;
  border: none
}

.m-consultmodal {
  display: block;
  -webkit-transition: height .2s linear 0s;
  transition: height .2s linear 0s;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, .05882) 0 -2px 6px 0;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .05882)
}

.m-consultmodal .xj-modal-body {
  padding: 0 !important
}

.m-consultmodal .xj-modal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background: #f5f6f8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-animation: none !important;
  animation: none !important
}

.m-consultmodal .xj-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: none !important;
  overflow: hidden !important
}

.m-consultmodal .xj-modal-header {
  position: relative;
  height: 48px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0
}

.m-consultmodal .xj-modal-header:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 4px;
  background: #dbdde2;
  border-radius: 2px;
  left: 50%;
  margin-left: -24px;
  top: 8px
}

.m-consultmodal .xj-modal-header .xj-modal-title {
  font-size: 16px;
  color: #030303;
  font-weight: 400
}

.m-consultmodal .xj-modal-header .xj-modal-close {
  top: 24px;
  margin-top: -15px;
  right: 10px
}

.m-consultmodal .xj-modal-header .xj-modal-close .xj-modal-close-x {
  font-size: 26px
}

.m-consultmodal .maskbody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 50px
}

.m-consultmodal.Confirm-wrapper {
  top: auto;
  height: 40%;
  display: block
}

.xj-confirm-cover-wrapper .xj-modal-wrap {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 183.467px;
  max-height: 11.4667rem;
  height: 46vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 .48rem;
  -webkit-overflow-scrolling: touch
}

.with-xj-vw .xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 114.667vw
}

.xj-confirm-cover-wrapper .xj-modal-body iframe {
  height: 100%;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: bottom
}

.xj-confirm-cover-wrapper .xj-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: .48rem;
  text-align: right;
  background: transparent;
  border-radius: .0533rem;
  height: 19.2px;
  height: 1.2rem
}

.xj-confirm-cover-wrapper .xj-modal-footer .xj-btn-primary {
  width: 100%;
  height: 100%;
  font-size: 6.827px;
  font-size: .4267rem
}

@-webkit-keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.apple-style-confirm .xj-modal-wrap {
  width: 118.4px !important;
  width: 7.4rem !important;
  border-radius: .193rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-wrap {
  width: 74vw !important;
  border-radius: 1.93vw !important
}

.apple-style-confirm .xj-modal-header {
  24.900000000000002px: 7.68px 1.6px;
  24.900000000000002px: .48rem .1rem
}

.with-xj-vw .apple-style-confirm .xj-modal-header {
  24.900000000000002px: 4.8vw 1vw
}

.apple-style-confirm .xj-modal-title {
  color: #333 !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  line-height: 10.432px !important;
  line-height: .652rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-title {
  font-size: 4.35vw !important;
  line-height: 6.52vw !important
}

.apple-style-confirm .xj-modal-body {
  font-size: 5.792px !important;
  font-size: .362rem !important;
  min-height: 0 !important;
  line-height: 8.112px !important;
  line-height: .507rem !important;
  margin-bottom: .652rem !important;
  color: #8a8a8a !important
}

.with-xj-vw .apple-style-confirm .xj-modal-body {
  font-size: 3.62vw !important;
  line-height: 5.07vw !important;
  margin-bottom: 6.52vw !important
}

.apple-style-confirm .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.apple-style-confirm .xj-modal-footer:after {
  content: " ";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid #e5e5e5;
  position: absolute;
  top: 0;
  left: 50%
}

.apple-style-confirm .xj-modal-footer .xj-btn {
  height: 24.96px !important;
  height: 1.56rem !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  background: none !important;
  border: none
}

.with-xj-vw .apple-style-confirm .xj-modal-footer .xj-btn {
  height: 15.6vw !important;
  font-size: 4.35vw !important
}

.apple-style-confirm .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #3185fc !important
}

.apple-style-confirm .xj-modal-footer .xj-ok-btn {
  color: #333 !important
}

.m-postreward.close-xj-confirm .xj-modal-mask,
.m-postreward.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: 0;
  animation: 0
}

.m-postreward .xj-modal-title {
  font-size: 16px
}

.m-postreward .xj-modal-wrap {
  width: 80%
}

.m-postreward .xj-modal-body {
  height: 250px;
  overflow: auto;
  text-align: left;
  line-height: 24px
}

.m-postreward .xj-modal-footer .xj-btn-primary {
  background-color: #296bef;
  font-size: 5.546px;
  font-size: .34666667rem;
  height: 17.072px;
  height: 1.067rem
}

.with-xj-vw .m-postreward .xj-modal-footer .xj-btn-primary {
  font-size: 3.46666667vw
}

.m-postreward .xj-modal-footer .xj-btn-primary p {
  margin: 0 auto
}

.stay-download-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.stay-download-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .16rem !important;
  color: #030303 !important
}

.with-xj-vw .stay-download-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 1.6vw !important
}

.stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.stay-download-modal .xj-modal-footer {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.stay-download-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .stay-download-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.stay-download-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.stay-download-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.stay-download-modal .xj-modal-footer-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.stay-download-modal .xj-modal-footer-row .xj-btn:nth-child(n+2) {
  border-left: 1px solid #e5e5e5
}

.stay-download-modal .xj-modal-footer-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 17.066px !important;
  height: 1.06666667rem !important;
  width: 84%;
  border-radius: 40px
}

.with-xj-vw .stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 10.66666667vw !important
}

.stay-download-modal .xj-modal-footer-column .xj-cancel-btn {
  background-color: #286bef !important;
  color: #fafafa !important;
  font-weight: 500;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-ok-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-feature-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 16px
}

.check-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .check-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.check-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .58666667rem !important;
  color: #030303 !important
}

.with-xj-vw .check-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 5.86666667vw !important
}

.check-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .check-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.check-modal .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.check-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .check-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.check-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.check-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.XJ_pop_window {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1000
}

.XJ_pop_window_content {
  top: 38.827px;
  top: 2.4267rem
}

.XJ_pop_window_close,
.XJ_pop_window_content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.XJ_pop_window_close {
  display: inline-block;
  border: .0267rem solid #fff;
  width: 11.392px;
  width: .712rem;
  height: 11.392px;
  height: .712rem;
  border-radius: 50%;
  top: calc(100% + .8533rem)
}

.XJ_pop_window_close:after,
.XJ_pop_window_close:before {
  position: absolute;
  left: 5.28px;
  left: .33rem;
  top: 2.56px;
  top: .16rem;
  content: " ";
  height: 6.4px;
  height: .4rem;
  width: .427px;
  width: .0267rem;
  background-color: #fff
}

.XJ_pop_window_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.XJ_pop_window_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.xj-message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  height: 40px;
  z-index: 12000;
  font-size: 12px
}

.xj-message .xj-message-notice-content {
  width: 100%;
  height: 100%
}

.xj-message .xj-message-notice-content .xj-message-custom-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-message .xj-message-notice-content .xj-message-custom-content .xj-icon {
  margin: .32rem
}

.xj-message-error,
.xj-message-info,
.xj-message-success,
.xj-message-warning {
  display: block
}

.xj-message-info {
  background-color: #fff;
  color: #000
}

.xj-message-success {
  background-color: #1890ff
}

.xj-message-error,
.xj-message-warning {
  background-color: #fe6c6c
}

.xj-basic-tips__container {
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(0, 0, 0, .7);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54vw;
  padding: 10px;
  z-index: 2001
}

@-webkit-keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

@keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

.xj-basic-tips__container--hide {
  -webkit-animation: basicTipsFadeOut .5s ease-in-out .5s forwards;
  animation: basicTipsFadeOut .5s ease-in-out .5s forwards
}

.xj-basic-tips__header {
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 8px
}

.xj-basic-tips__icon {
  width: 16px;
  height: 16px
}

.xj-basic-tips__content {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  margin-left: 8px
}

.xj-basic-tips__desc {
  margin-top: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 16px
}

.xj-first-screen-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  height: 28.16px;
  height: 1.76rem;
  bottom: 14.932px;
  bottom: .9333rem;
  right: 6.4px;
  right: .4rem;
  left: 6.4px;
  left: .4rem;
  padding: 0 .32rem;
  -webkit-box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
  box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
  border-radius: .2666rem;
  background: #fff;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(1rem);
  transform: translateY(1rem);
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.xj-first-screen-button--show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.xj-first-screen-button>img {
  width: 18.773px;
  width: 1.17333333rem;
  height: 18.773px;
  height: 1.17333333rem;
  border-radius: .10666667rem
}

.xj-first-screen-button__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  margin: 0 .2133rem
}

.xj-first-screen-button__content__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #030303;
  font-size: 6.825px;
  font-size: .4266rem;
  line-height: 9.6px;
  line-height: .6rem;
  margin-bottom: .02666rem
}

.xj-first-screen-button__content__desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #030303;
  opacity: .5;
  font-size: 5.12px;
  font-size: .32rem;
  line-height: 7.04px;
  line-height: .44rem
}

.xj-first-screen-button__button {
  position: relative;
  overflow: hidden;
  width: 27.306px;
  width: 1.70666667rem;
  height: 12.8px;
  height: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  vertical-align: bottom;
  border-radius: .10666667rem;
  font-size: 5.12px;
  font-size: .32rem;
  text-align: center;
  color: #fff
}

.xj-first-screen-button__button__progress {
  opacity: .6
}

.xj-first-screen-button__button__progress,
.xj-first-screen-button__button__progress-bar {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #286bef
}

.xj-first-screen-button__button__text {
  position: relative;
  z-index: 1
}

.xj-play-download-tips {
  position: fixed;
  z-index: 2000;
  pointer-events: none;
  top: 10.666px;
  top: .66666667rem;
  left: 50%;
  margin-left: -2.16rem;
  width: 69.12px;
  width: 4.32rem;
  background-color: rgba(0, 0, 0, .6);
  border-radius: .10666667rem;
  color: #fff;
  text-align: center;
  font-size: 0;
  -webkit-animation: fadeSlideDownIn .2s ease;
  animation: fadeSlideDownIn .2s ease
}

.xj-play-download-tips>img {
  display: inline-block;
  vertical-align: middle;
  width: 6.826px;
  width: .42666667rem;
  margin-left: -.05333333rem;
  margin-right: .21333333rem;
  -webkit-animation: rotate360 .8s linear infinite;
  animation: rotate360 .8s linear infinite
}

.xj-play-download-tips>span {
  display: inline-block;
  vertical-align: middle;
  font-size: 5.12px;
  font-size: .32rem;
  line-height: 13.653px;
  line-height: .85333333rem
}

@-webkit-keyframes fadeSlideDownIn {
  0% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes fadeSlideDownIn {
  0% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.xj-website-connect {
  width: 100%;
  position: absolute;
  bottom: 0
}

.xj-website-connect--collapse {
  position: absolute;
  bottom: 17.067px;
  bottom: 1.0667rem;
  right: 4.267px;
  right: .2667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 990
}

.xj-website-connect--collapse>img {
  width: 25.6px;
  width: 1.6rem;
  height: 27.307px;
  height: 1.7067rem
}

.xj-connect-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  width: 100%
}

.xj-connect-container .icon-container {
  margin-right: .1rem
}

.xj-connect-container .xj-connect-button {
  overflow: hidden
}

.xj-connect-container .xj-connect-button,
.xj-connect-container .xj-connect-circle-container {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative
}

.xj-connect-container .xj-connect-button,
.xj-connect-container .xj-connect-circle-container,
.xj-connect-container .xj-connect-circle-container .xj-connect-svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center
}

.xj-connect-container .xj-connect-circle-container .xj-connect-svg {
  vertical-align: sub
}

.xj-connect-container .xj-connect-image-container img {
  max-width: 100% !important;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.xj-connect-container .xj-connect-image-container .xj-connect-image {
  width: 100%;
  height: auto
}

.connect-click-button-guide {
  display: none;
  position: absolute;
  width: 97.6px;
  width: 6.1rem;
  color: #414d60;
  text-align: left;
  border: 1px solid #eeeff3;
  line-height: 1.5;
  -webkit-box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  border-radius: 4px;
  margin: 0 .21rem .21rem;
  width: auto;
  background: #fff
}

.connect-click-button-guide .guide-close-btn {
  position: absolute;
  width: 5.12px;
  width: .32rem;
  height: 5.12px;
  height: .32rem;
  top: 3.412px;
  top: .2133rem;
  right: 3.412px;
  right: .2133rem;
  line-height: 1;
  pointer-events: auto
}

.connect-click-button-guide .guide-close-btn img {
  width: 100%
}

.connect-click-button-guide .connect-click-button-guide-message {
  margin: .426rem .6rem .426rem .426rem
}

.connect-click-button-guide .connect-click-button-guide-arrow {
  position: absolute;
  bottom: -2.56px;
  bottom: -.16rem;
  right: 11.2px;
  right: .7rem;
  width: 4.267px;
  width: .2667rem;
  height: 4.267px;
  height: .2667rem;
  border: 1px solid #eeeff3;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  background: #fff
}

.button-guide-tile {
  left: 0;
  right: 0;
  margin: 0 auto .21rem;
  width: 90%
}

.xj-fixed-wrapper .xj-connect-button,
.xj-fixed-wrapper .xj-connect-circle-container .xj-connect-svg {
  pointer-events: all;
  cursor: pointer
}

.xj-fixed-wrapper .xj-connect-button .icon-connect {
  font-size: 10.24px;
  font-size: .64rem
}

.xj-fixed-wrapper .connect-click-button,
.xj-fixed-wrapper .xj-connect-image {
  pointer-events: all;
  cursor: pointer
}

.xj-connect-animation:after,
.xj-connect-animation:before {
  content: "";
  display: block;
  left: -50px;
  top: 0;
  position: absolute;
  height: 100%;
  background-color: #fff;
  opacity: .15;
  width: 5px;
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
  z-index: 100
}

.xj-connect-circle-animation {
  -webkit-animation: connectAnimation 4s ease-in-out 0s infinite;
  animation: connectAnimation 4s ease-in-out 0s infinite
}

@-webkit-keyframes circleShank {
  0% {
    left: -50px
  }

  35% {
    left: -50px
  }

  50% {
    left: 120%
  }

  to {
    left: 120%
  }
}

@keyframes circleShank {
  0% {
    left: -50px
  }

  35% {
    left: -50px
  }

  50% {
    left: 120%
  }

  to {
    left: 120%
  }
}

@-webkit-keyframes shank {
  0% {
    left: -50px
  }

  75% {
    left: -50px
  }

  to {
    left: 100%
  }
}

@keyframes shank {
  0% {
    left: -50px
  }

  75% {
    left: -50px
  }

  to {
    left: 100%
  }
}

@-webkit-keyframes connectAnimation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  5% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes connectAnimation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  5% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

@keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

.xj-dynamic-progress {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 9000;
  top: 14.933px;
  top: .93333333rem;
  font-size: 5.973px;
  font-size: .37333333rem;
  line-height: 1;
  padding-top: .42666667rem;
  width: 100%;
  height: 19.626px;
  height: 1.22666667rem;
  padding-left: .53333333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  -webkit-transition: .4s ease;
  transition: .4s ease
}

.with-xj-vw .xj-dynamic-progress {
  top: 9.33333333vw;
  font-size: 3.73333333vw;
  padding-top: 4.26666667vw;
  height: 12.26666667vw;
  padding-left: 5.33333333vw
}

.xj-dynamic-progress--visible {
  visibility: visible;
  opacity: 1
}

.xj-dynamic-progress__bar {
  position: static
}

.xj-dynamic-progress__bar__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.xj-dynamic-progress__bar__bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, .7)
}

.xj-dynamic-progress__bar__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden
}

.xj-dynamic-progress__bar__fill__light {
  position: absolute;
  width: 160px;
  width: 10rem;
  height: 100%;
  display: none
}

.xj-dynamic-progress--downloading .xj-dynamic-progress__bar__fill__light {
  display: block
}

.xj-dynamic-progress__bar__fill__light span {
  position: absolute;
  width: 80px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
  -webkit-animation: move 2s ease-in-out 1.5s infinite;
  animation: move 2s ease-in-out 1.5s infinite;
  z-index: 2;
  top: 0;
  left: -80px
}

.xj-dynamic-progress>span {
  position: relative;
  color: #fff
}

.xj-website-float-form-wrap .xj-website-form {
  position: fixed;
  z-index: 102
}

.xj-website-float-form-wrap .xj-website-form--collapse,
body>.txp_contextmenu {
  display: none
}

.xj-video {
  position: relative;
  overflow: hidden
}

.xj-video .video-before-init {
  position: absolute;
  z-index: 6;
  width: 100%
}

.xj-video .video-before-init img {
  width: 100%
}

.xj-video .data-video {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%
}

.xj-video .txp_btn_definition,
.xj-video .txp_watermark {
  display: none !important
}

.xj-video .txp_video_container video::-webkit-media-controls {
  display: none !important
}

.xj-video .txp_autohide .xj-mute-button {
  display: none
}

.xj-video .not-interactive .xj-mute-button {
  display: block
}

.xj-video .xj-mute-button {
  right: 4.267px;
  right: .2667rem;
  top: 4.267px;
  top: .2667rem
}

.xj-video .xj-mute-button,
.xj-video .xj-video-hd-tag {
  position: absolute;
  z-index: 6;
  width: 17.067px;
  width: 1.0667rem
}

.xj-video .xj-video-hd-tag {
  left: 4.267px;
  left: .2667rem;
  top: 9.067px;
  top: .5667rem
}

.xj-video .can-play-time {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: rgba(0, 0, 0, .4)
}

.xj-video .can-play-time-center-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110.932px;
  width: 6.9333rem
}

.xj-video .can-play-time-tip {
  color: #fff;
  text-align: center;
  font-size: 5.972px;
  font-size: .3733rem
}

.xj-video .txp_controls {
  height: 14.932px;
  height: .9333rem
}

.xj-video-float-wrapper {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
  background: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, .4));
  color: #fff;
  z-index: 4;
  width: 100%
}

.xj-video-float-wrapper .xj-video-float-top {
  padding: 0 .4267rem !important
}

.xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-img {
  border-radius: .5333rem;
  width: 17.067px;
  width: 1.0667rem;
  height: 17.067px;
  height: 1.0667rem;
  border: .0533rem solid #fff;
  margin-right: .2667rem;
  vertical-align: middle
}

.xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-title {
  width: calc(100% - 4rem);
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7.68px;
  font-size: .48rem;
  vertical-align: middle
}

.xj-video-float-wrapper .xj-video-float-middle {
  margin: .2667rem 0 .1333rem;
  padding: 0 .4267rem !important
}

.xj-video-float-wrapper .xj-video-float-middle span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 8.532px;
  line-height: .5333rem
}

.xj-video-float-wrapper .xj-video-float-bottom {
  border: none;
  height: 17.067px;
  height: 1.0667rem
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 {
  font-size: 5.972px;
  font-size: .3733rem;
  height: 6.72px;
  height: .42rem;
  right: 6.827px;
  right: .4267rem;
  top: 4.16px;
  top: .26rem;
  width: 32px;
  width: 2rem;
  color: #fff;
  position: absolute;
  border: none;
  background: transparent !important;
  overflow: visible
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .icon-rightArrow {
  font-size: 5.12px;
  font-size: .32rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-58%);
  transform: translateY(-58%)
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left {
  overflow: visible;
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left .text-left {
  display: block;
  overflow: visible
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right {
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .white-move,
.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right .text-right {
  display: none !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text {
  display: block;
  text-align: left;
  padding-left: 0;
  position: relative;
  padding-right: .4rem;
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .0533rem .2133rem;
  border-radius: .4267rem;
  font-size: 5.12px;
  font-size: .32rem;
  border: .0267rem solid #fff;
  width: 36.267px;
  width: 2.2667rem;
  top: 3.412px;
  top: .2133rem;
  right: 10.24px;
  right: .64rem;
  position: absolute;
  height: 10.667px;
  height: .6667rem
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-left {
  background: #12b7f6
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-right {
  background: rgba(18, 183, 246, .3)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-img {
  border-radius: .5333rem;
  width: 17.067px;
  width: 1.0667rem;
  height: 17.067px;
  height: 1.0667rem;
  border: .0533rem solid #fff;
  margin-right: .2667rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-title {
  width: calc(100% - 1.5rem)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-middle {
  margin: .2667rem 0 .1333rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-middle span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom {
  text-align: center;
  border-top: .0267rem solid hsla(0, 0%, 100%, .3)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 {
  line-height: 17.067px;
  line-height: 1.0667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  position: relative
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left {
  background: #12b7f6 !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left .text-left {
  left: 6.827px;
  left: .4267rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right {
  background: rgba(18, 183, 246, .3) !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right .text-right {
  display: none !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text {
  display: block;
  text-align: left;
  padding-left: .4267rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text:after {
  content: ">";
  position: absolute;
  right: 6.827px;
  right: .4267rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 {
  margin: .1333rem auto;
  height: 12.8px;
  height: .8rem;
  background: transparent;
  color: #fff;
  font-size: 6.827px;
  font-size: .4267rem;
  display: grid;
  position: relative;
  width: 48px;
  width: 3rem;
  top: 0;
  left: 0;
  -ms-flex-line-pack: center;
  align-content: center
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-left {
  background: #12b7f6
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-right {
  background: rgba(18, 183, 246, .3)
}

.xj-download-button {
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
  outline: none;
  padding: 0;
  border: 1px solid;
  -webkit-tap-highlight-color: transparent
}

.xj-download-button .wrap {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
  position: absolute;
  overflow: hidden
}

.xj-download-button .wrap .text {
  position: absolute;
  display: block;
  height: 100%;
  text-align: center;
  white-space: nowrap
}

.xj-download-button .wrap-left {
  left: 0;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.xj-download-button .wrap-left .text {
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-download-button .wrap-right {
  right: 0;
  left: auto;
  height: 100%;
  z-index: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.xj-download-button .wrap-right .text {
  left: auto;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-download-button .white-move {
  width: 80px;
  position: absolute;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
  -webkit-animation: move 2s ease-in-out 1.5s infinite;
  animation: move 2s ease-in-out 1.5s infinite;
  z-index: 2;
  top: 0;
  left: -80px;
  display: none
}

@-webkit-keyframes move {
  0% {
    left: -80px
  }

  50% {
    left: -80px
  }

  to {
    left: 100%
  }
}

@keyframes move {
  0% {
    left: -80px
  }

  50% {
    left: -80px
  }

  to {
    left: 100%
  }
}

.xj-app-gift-pack__modal__pack__pack,
.xj-app-gift-pack__pack {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 72px
}

.xj-app-gift-pack__modal__pack__pack .border,
.xj-app-gift-pack__pack .border {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none
}

.xj-app-gift-pack__modal__pack__pack .cutter,
.xj-app-gift-pack__pack .cutter {
  position: absolute;
  z-index: 200;
  height: 10px;
  width: 10px;
  border: 1px solid #00f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  right: 25.797101%;
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
  border-radius: 50%
}

.xj-app-gift-pack__modal__pack__pack .cutter--top,
.xj-app-gift-pack__pack .cutter--top {
  top: -5px
}

.xj-app-gift-pack__modal__pack__pack .cutter--bottom,
.xj-app-gift-pack__pack .cutter--bottom {
  bottom: -5px
}

.xj-app-gift-pack__end,
.xj-app-gift-pack__modal__pack__end {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 37%;
  top: 7%
}

.xj-app-gift-pack__left,
.xj-app-gift-pack__modal__pack__left {
  position: relative;
  margin: 10px 0 10px 12px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid transparent
}

.xj-app-gift-pack__modal__pack__title,
.xj-app-gift-pack__title {
  font-size: 13px;
  height: 14px;
  line-height: 16px;
  margin-bottom: .2rem;
  font-weight: 700
}

.xj-app-gift-pack__detail,
.xj-app-gift-pack__modal__pack__detail {
  font-size: 11px;
  opacity: .8;
  line-height: 11px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.xj-app-gift-pack__modal__pack__remain,
.xj-app-gift-pack__remain {
  font-size: 11px;
  opacity: .8;
  line-height: 11px;
  height: 11px;
  color: rgba(0, 0, 0, .4)
}

.xj-app-gift-pack__button,
.xj-app-gift-pack__modal__pack__button {
  position: relative;
  min-width: 25.797101%;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-app-gift-pack__button-download,
.xj-app-gift-pack__modal__pack__button-download {
  border: 1px solid transparent;
  border-radius: 14px;
  min-width: 64px
}

.xj-app-gift-pack__button-copy,
.xj-app-gift-pack__modal__pack__button-copy {
  border: 1px solid transparent;
  border-radius: 14px;
  height: 24px;
  line-height: 26px;
  width: 64px;
  font-size: 14px
}

.xj-app-gift-pack__button-text,
.xj-app-gift-pack__modal__pack__button-text {
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding-bottom: 7px;
  font-weight: 700
}

.xj-app-gift-pack__button.copying,
.xj-app-gift-pack__modal__pack__button.copying {
  background: hsla(0, 0%, 100%, .14);
  color: inherit !important
}

.xj-app-gift-pack__modal__pack__trigger,
.xj-app-gift-pack__trigger {
  position: absolute;
  right: 16px;
  bottom: -2px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-app-gift-pack__modal__pack__trigger>svg,
.xj-app-gift-pack__trigger>svg {
  margin-left: 4px;
  width: 4px;
  height: 7px
}

.xj-app-gift-pack__modal,
.xj-app-gift-pack__modal__pack__modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden
}

.xj-app-gift-pack__modal-download,
.xj-app-gift-pack__modal__pack__modal-download {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 6px 8px;
  width: 100%;
  color: #fff
}

.xj-app-gift-pack__modal.visible,
.xj-app-gift-pack__modal__pack__modal.visible {
  visibility: visible
}

.xj-app-gift-pack__modal__mask,
.xj-app-gift-pack__modal__pack__modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.xj-app-gift-pack__modal.visible .xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal.visible .xj-app-gift-pack__modal__pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal.visible .xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal.visible .xj-app-gift-pack__modal__pack__modal__modal {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal__modal {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 63vh;
  min-height: 240px;
  width: calc(100vw - .8534rem);
  padding: .4267rem;
  color: #1d242c;
  border-radius: 5px 5px 0 0;
  background: hsla(0, 0%, 100%, .98);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  text-align: left
}

.xj-app-gift-pack__modal__app,
.xj-app-gift-pack__modal__pack__modal__app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .4267rem
}

.xj-app-gift-pack__modal__app__logo,
.xj-app-gift-pack__modal__pack__modal__app__logo {
  width: 27.307px;
  width: 1.7067rem;
  height: 27.307px;
  height: 1.7067rem;
  margin-right: .2667rem;
  border-radius: 4px
}

.xj-app-gift-pack__modal__app__info,
.xj-app-gift-pack__modal__pack__modal__app__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.xj-app-gift-pack__modal__app__title,
.xj-app-gift-pack__modal__pack__modal__app__title {
  height: 22px;
  font-size: 16px;
  color: #000;
  letter-spacing: 0
}

.xj-app-gift-pack__modal__app__desc,
.xj-app-gift-pack__modal__pack__modal__app__desc {
  height: 18px;
  font-size: 14px;
  color: #8f9093;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  max-width: 115.627px;
  max-width: 7.2267rem
}

.xj-app-gift-pack__modal__pack,
.xj-app-gift-pack__modal__pack__modal__pack {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.xj-app-gift-pack__modal__pack__modal__title,
.xj-app-gift-pack__modal__title {
  text-align: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 700
}

.xj-app-gift-pack__modal__pack__modal__subTitle,
.xj-app-gift-pack__modal__subTitle {
  font-size: 16px;
  color: #000;
  letter-spacing: 0;
  padding: .4267rem .4267rem .2133rem;
  line-height: 9.387px;
  line-height: .5867rem;
  position: relative
}

.xj-app-gift-pack__modal__pack__modal__subTitle:before,
.xj-app-gift-pack__modal__subTitle:before {
  content: "";
  position: absolute;
  top: 52%;
  left: 0;
  background: #b8bcc2;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.xj-app-gift-pack__modal__list,
.xj-app-gift-pack__modal__pack__modal__list {
  width: 100%;
  overflow: auto;
  padding: 0 .4267rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 9.387px;
  line-height: .5867rem;
  font-size: 14px;
  color: #4e4e4e
}

.xj-app-gift-pack__modal__list dd,
.xj-app-gift-pack__modal__list dt,
.xj-app-gift-pack__modal__pack__modal__list dd,
.xj-app-gift-pack__modal__pack__modal__list dt {
  margin: 0;
  padding: 0
}

.xj-app-gift-pack__modal__list dt,
.xj-app-gift-pack__modal__pack__modal__list dt {
  float: left
}

.xj-app-gift-pack__modal__list dd,
.xj-app-gift-pack__modal__pack__modal__list dd {
  margin-left: 1.6666rem;
  margin-bottom: .2133rem
}

.xj-app-gift-pack__code,
.xj-app-gift-pack__modal__pack__code {
  font-size: 18px;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  line-height: 18px;
  font-weight: 700
}

.xj-app-gift-pack__code__label,
.xj-app-gift-pack__modal__pack__code__label {
  color: #000;
  width: 66px
}

.xj-app-gift-pack__code__num,
.xj-app-gift-pack__modal__pack__code__num {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 68%
}

.mult-app__button {
  position: relative;
  min-width: 25.797101%;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mult-app__button-download {
  border: 1px solid transparent;
  border-radius: 14px;
  min-width: 64px
}

.mult-app__button-text {
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding-bottom: 7px;
  font-weight: 700
}

.mult-app__modal {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden
}

.mult-app__modal.visible {
  visibility: visible
}

.mult-app__modal.firstHidden {
  visibility: hidden
}

.mult-app__modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.mult-app__modal.visible .mult-app__modal__modal {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.mult-app__modal__modal {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 63vh;
  width: 100vw;
  color: #1d242c;
  border-radius: 20px 20px 0 0;
  background: hsla(0, 0%, 100%, .98);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  text-align: left;
  border: none
}

.mult-app__modal__closeIcon {
  color: hsla(0, 0%, 100%, .8);
  width: 8px;
  width: .5rem;
  height: 8px;
  height: .5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: absolute;
  right: 6.4px;
  right: .4rem;
  top: -16px;
  top: -1rem;
  border: 2px solid #fff;
  border-radius: 50%
}

.mult-app__modal__closeIcon:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.mult-app__modal__closeIcon:after,
.mult-app__modal__closeIcon:before {
  content: "";
  height: 4.8px;
  height: .3rem;
  width: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  background: hsla(0, 0%, 100%, .8)
}

.mult-app__modal__closeIcon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.mult-app__modal__fixedButton {
  width: 32px;
  width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 3.2px;
  left: .2rem;
  visibility: hidden
}

.mult-app__modal__fixedButton.visible {
  visibility: visible
}

.mult-app__modal__fixedButton img {
  width: 100%
}

.mult-app__modal__panel {
  overflow-y: scroll;
  border-radius: 20px 20px 0 0;
  border: none
}

.mult-app-panel {
  padding: 16px
}

.mult-app-panel.unsupport {
  display: none
}

.mult-app-panel__title {
  font-size: 5.973px;
  font-size: .37333333rem;
  letter-spacing: 0;
  padding: .21333333rem;
  line-height: 9.387px;
  line-height: .5867rem;
  position: relative;
  text-align: center
}

.with-xj-vw .mult-app-panel__title {
  font-size: 3.73333333vw;
  padding: 2.13333333vw
}

.mult-app-panel .mult-app-item {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 8px
}

.mult-app-panel .mult-app-item:last-child {
  margin-bottom: 0
}

.mult-app-panel .mult-app-item-card {
  height: 66px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mult-app-panel .mult-app-item-card .mult-app-item-icon {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  border-radius: 6px;
  overflow: hidden
}

.mult-app-panel .mult-app-item-card .mult-app-item-icon>img {
  width: 100%;
  height: 100%
}

.mult-app-panel .mult-app-item-card .mult-app-item-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 76.8px;
  max-width: 4.8rem
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-info {
  max-width: 48vw
}

.mult-app-panel .mult-app-item-card .mult-app-item-info-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  opacity: .9
}

.mult-app-panel .mult-app-item-card .mult-app-item-info-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  opacity: .7;
  line-height: 7.253px;
  line-height: .45333333rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-info-desc {
  line-height: 4.53333333vw
}

.mult-app-panel .mult-app-item-card .mult-app-item-btn {
  height: 32px;
  line-height: 32px;
  width: 80px
}

.mult-app-panel .mult-app-item-card .mult-app-item-btn .xj-app-btn {
  font-size: 5.973px;
  font-size: .37333333rem
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-btn .xj-app-btn {
  font-size: 3.73333333vw
}

.mult-app-panel .mult-app-item-line {
  height: 1px;
  width: 100%;
  margin-top: 6px
}

.mult-app-panel .mult-app-item-compliance {
  width: 120%;
  font-size: 12px;
  margin-top: 8px;
  -webkit-transform: scale(.84);
  transform: scale(.84)
}

.mult-app-panel .mult-app-item-compliance-underline {
  text-decoration: underline
}

.xj-download-tips__wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 24px;
  background: rgba(0, 0, 0, .7);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  max-width: 180px
}

.xj-download-tips__wrapper--hide {
  display: none
}

.xj-download-tips__close {
  width: 10px;
  height: 10px;
  padding: 0 8px;
  margin: 6px 2px;
  border-left: 1px solid #fff
}

.xj-download-tips__content {
  font-size: 12px;
  color: #fff;
  margin: 0 8px;
  height: 16px;
  line-height: 16px;
  white-space: nowrap
}

.xj-download-tips__arrow {
  position: absolute;
  top: 22px;
  content: "";
  width: 0;
  height: 0
}

.xj-download-tips__arrow--up {
  border-top: 5px solid rgba(0, 0, 0, .7)
}

.xj-download-tips__arrow--down,
.xj-download-tips__arrow--up {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}

.xj-download-tips__arrow--down {
  border-bottom: 5px solid rgba(0, 0, 0, .7);
  top: -5px
}

.xj-download-button.xj-download-progress {
  position: fixed;
  margin: 0 auto;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  border-width: 0;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease-out;
  transition: opacity .3s ease, -webkit-transform .3s ease-out;
  transition: transform .3s ease-out, opacity .3s ease;
  transition: transform .3s ease-out, opacity .3s ease, -webkit-transform .3s ease-out;
  -webkit-transition: transform .3s ease-out, opacity .3s ease;
  z-index: 1500
}

.xj-download-button.xj-download-progress.hidden {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none
}

.xj-download-button.xj-download-progress.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: .85;
  pointer-events: all
}

.with-progress {
  transition: padding-top .3s ease-in-out;
  -webkit-transition: padding-top .3s ease-in-out
}

.with-progress.hidden {
  padding-top: 0
}

@-webkit-keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

@keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

.xj-download-area {
  position: absolute
}

.xj-text {
  line-height: normal;
  word-break: break-word;
  overflow-x: hidden
}

.xj-text em {
  font-style: italic
}

.xj-text a {
  color: inherit
}

.xj-text .xj-richEditor span {
  background-color: inherit
}

.xj-text .xj-richEditor p {
  min-height: 1em
}

.xj-text .xj-basic-text {
  overflow: hidden
}

.xj-text .xj-basic-text>span {
  display: block
}

.xj-text .xj-basic-text>span:after {
  content: "";
  width: 100%;
  display: block
}

.xj-text .xj-text-poi {
  line-height: 20px
}

.body-Lock-scroll-Class-Name {
  overflow: hidden
}

.Confirm-wrapper {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.Confirm-wrapper.open-xj-confirm .xj-modal-mask {
  opacity: 0;
  -webkit-animation: open-animate-mask .1s linear .1s forwards;
  animation: open-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.open-xj-confirm .xj-modal-wrap {
  -webkit-animation: open-animate-wrap .2s ease-out forwards;
  animation: open-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-mask {
  opacity: 1;
  -webkit-animation: close-animate-mask .1s linear .1s forwards;
  animation: close-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: close-animate-wrap .2s ease-out forwards;
  animation: close-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper .xj-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.Confirm-wrapper .xj-modal-mask,
.Confirm-wrapper .xj-modal-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

.Confirm-wrapper .xj-modal-wrap {
  width: 153.6px;
  width: 9.6rem;
  position: relative;
  border-radius: .1067rem;
  z-index: 2000;
  background: #fff
}

.Confirm-wrapper .xj-modal-header {
  padding: .5rem .48rem .5333rem;
  color: rgba(0, 0, 0, .8);
  border-radius: .1067rem .1067rem 0 0
}

.with-xj-vw .Confirm-wrapper .xj-modal-header {
  padding: 5vw 4.8vw 5.333vw;
  border-radius: 1.067vw 1.067vw 0 0
}

.Confirm-wrapper .xj-modal-header .xj-modal-title {
  color: rgba(0, 0, 0, .8);
  font-weight: 500;
  font-size: 7.68px;
  font-size: .48rem;
  text-align: center;
  word-wrap: break-word
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-title {
  font-size: 4.8vw
}

.Confirm-wrapper .xj-modal-header .xj-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, .45);
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s
}

.Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  display: block;
  width: 12.8px;
  width: .8rem;
  height: 12.8px;
  height: .8rem;
  font-weight: 300;
  font-size: 12.8px;
  font-size: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  font-style: normal;
  text-align: center;
  text-transform: none;
  text-rendering: auto
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  width: 8vw;
  height: 8vw;
  font-size: 8vw;
  line-height: 8vw
}

.Confirm-wrapper .xj-modal-body {
  padding: 0 .6667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  min-height: 25.6px;
  min-height: 1.6rem;
  line-height: 1.5;
  word-wrap: break-word;
  text-align: center
}

.with-xj-vw .Confirm-wrapper .xj-modal-body {
  padding: 0 6.667vw;
  font-size: 3.733vw;
  min-height: 16vw
}

.Confirm-wrapper .xj-modal-footer {
  padding: .5333rem .6667rem;
  text-align: right;
  border-radius: 0 0 .1067rem .1067rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer {
  padding: 5.333vw 6.667vw;
  border-radius: 0 0 1.067vw 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 19.2px;
  height: 1.2rem;
  padding: 0 .4rem;
  font-size: 6.827px;
  font-size: .4267rem;
  border-radius: .1067rem;
  border: none
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-btn {
  height: 12vw;
  padding: 0 4vw;
  font-size: 4.267vw;
  border-radius: 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: .2667rem
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: 2.667vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn-primary {
  color: #fff;
  background-color: #296bef;
  outline: none;
  border: none
}

.m-consultmodal {
  display: block;
  -webkit-transition: height .2s linear 0s;
  transition: height .2s linear 0s;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, .05882) 0 -2px 6px 0;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .05882)
}

.m-consultmodal .xj-modal-body {
  padding: 0 !important
}

.m-consultmodal .xj-modal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background: #f5f6f8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-animation: none !important;
  animation: none !important
}

.m-consultmodal .xj-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: none !important;
  overflow: hidden !important
}

.m-consultmodal .xj-modal-header {
  position: relative;
  height: 48px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0
}

.m-consultmodal .xj-modal-header:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 4px;
  background: #dbdde2;
  border-radius: 2px;
  left: 50%;
  margin-left: -24px;
  top: 8px
}

.m-consultmodal .xj-modal-header .xj-modal-title {
  font-size: 16px;
  color: #030303;
  font-weight: 400
}

.m-consultmodal .xj-modal-header .xj-modal-close {
  top: 24px;
  margin-top: -15px;
  right: 10px
}

.m-consultmodal .xj-modal-header .xj-modal-close .xj-modal-close-x {
  font-size: 26px
}

.m-consultmodal .maskbody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 50px
}

.m-consultmodal.Confirm-wrapper {
  top: auto;
  height: 40%;
  display: block
}

.xj-confirm-cover-wrapper .xj-modal-wrap {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 183.467px;
  max-height: 11.4667rem;
  height: 46vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 .48rem;
  -webkit-overflow-scrolling: touch
}

.with-xj-vw .xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 114.667vw
}

.xj-confirm-cover-wrapper .xj-modal-body iframe {
  height: 100%;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: bottom
}

.xj-confirm-cover-wrapper .xj-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: .48rem;
  text-align: right;
  background: transparent;
  border-radius: .0533rem;
  height: 19.2px;
  height: 1.2rem
}

.xj-confirm-cover-wrapper .xj-modal-footer .xj-btn-primary {
  width: 100%;
  height: 100%;
  font-size: 6.827px;
  font-size: .4267rem
}

@-webkit-keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.apple-style-confirm .xj-modal-wrap {
  width: 118.4px !important;
  width: 7.4rem !important;
  border-radius: .193rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-wrap {
  width: 74vw !important;
  border-radius: 1.93vw !important
}

.apple-style-confirm .xj-modal-header {
  24.900000000000002px: 7.68px 1.6px;
  24.900000000000002px: .48rem .1rem
}

.with-xj-vw .apple-style-confirm .xj-modal-header {
  24.900000000000002px: 4.8vw 1vw
}

.apple-style-confirm .xj-modal-title {
  color: #333 !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  line-height: 10.432px !important;
  line-height: .652rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-title {
  font-size: 4.35vw !important;
  line-height: 6.52vw !important
}

.apple-style-confirm .xj-modal-body {
  font-size: 5.792px !important;
  font-size: .362rem !important;
  min-height: 0 !important;
  line-height: 8.112px !important;
  line-height: .507rem !important;
  margin-bottom: .652rem !important;
  color: #8a8a8a !important
}

.with-xj-vw .apple-style-confirm .xj-modal-body {
  font-size: 3.62vw !important;
  line-height: 5.07vw !important;
  margin-bottom: 6.52vw !important
}

.apple-style-confirm .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.apple-style-confirm .xj-modal-footer:after {
  content: " ";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid #e5e5e5;
  position: absolute;
  top: 0;
  left: 50%
}

.apple-style-confirm .xj-modal-footer .xj-btn {
  height: 24.96px !important;
  height: 1.56rem !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  background: none !important;
  border: none
}

.with-xj-vw .apple-style-confirm .xj-modal-footer .xj-btn {
  height: 15.6vw !important;
  font-size: 4.35vw !important
}

.apple-style-confirm .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #3185fc !important
}

.apple-style-confirm .xj-modal-footer .xj-ok-btn {
  color: #333 !important
}

.m-postreward.close-xj-confirm .xj-modal-mask,
.m-postreward.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: 0;
  animation: 0
}

.m-postreward .xj-modal-title {
  font-size: 16px
}

.m-postreward .xj-modal-wrap {
  width: 80%
}

.m-postreward .xj-modal-body {
  height: 250px;
  overflow: auto;
  text-align: left;
  line-height: 24px
}

.m-postreward .xj-modal-footer .xj-btn-primary {
  background-color: #296bef;
  font-size: 5.546px;
  font-size: .34666667rem;
  height: 17.072px;
  height: 1.067rem
}

.with-xj-vw .m-postreward .xj-modal-footer .xj-btn-primary {
  font-size: 3.46666667vw
}

.m-postreward .xj-modal-footer .xj-btn-primary p {
  margin: 0 auto
}

.stay-download-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.stay-download-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .16rem !important;
  color: #030303 !important
}

.with-xj-vw .stay-download-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 1.6vw !important
}

.stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.stay-download-modal .xj-modal-footer {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.stay-download-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .stay-download-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.stay-download-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.stay-download-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.stay-download-modal .xj-modal-footer-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.stay-download-modal .xj-modal-footer-row .xj-btn:nth-child(n+2) {
  border-left: 1px solid #e5e5e5
}

.stay-download-modal .xj-modal-footer-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 17.066px !important;
  height: 1.06666667rem !important;
  width: 84%;
  border-radius: 40px
}

.with-xj-vw .stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 10.66666667vw !important
}

.stay-download-modal .xj-modal-footer-column .xj-cancel-btn {
  background-color: #286bef !important;
  color: #fafafa !important;
  font-weight: 500;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-ok-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-feature-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 16px
}

.check-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .check-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.check-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .58666667rem !important;
  color: #030303 !important
}

.with-xj-vw .check-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 5.86666667vw !important
}

.check-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .check-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.check-modal .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.check-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .check-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.check-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.check-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.XJ_pop_window {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1000
}

.XJ_pop_window_content {
  top: 38.827px;
  top: 2.4267rem
}

.XJ_pop_window_close,
.XJ_pop_window_content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.XJ_pop_window_close {
  display: inline-block;
  border: .0267rem solid #fff;
  width: 11.392px;
  width: .712rem;
  height: 11.392px;
  height: .712rem;
  border-radius: 50%;
  top: calc(100% + .8533rem)
}

.XJ_pop_window_close:after,
.XJ_pop_window_close:before {
  position: absolute;
  left: 5.28px;
  left: .33rem;
  top: 2.56px;
  top: .16rem;
  content: " ";
  height: 6.4px;
  height: .4rem;
  width: .427px;
  width: .0267rem;
  background-color: #fff
}

.XJ_pop_window_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.XJ_pop_window_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.xj-message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  height: 40px;
  z-index: 12000;
  font-size: 12px
}

.xj-message .xj-message-notice-content {
  width: 100%;
  height: 100%
}

.xj-message .xj-message-notice-content .xj-message-custom-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-message .xj-message-notice-content .xj-message-custom-content .xj-icon {
  margin: .32rem
}

.xj-message-error,
.xj-message-info,
.xj-message-success,
.xj-message-warning {
  display: block
}

.xj-message-info {
  background-color: #fff;
  color: #000
}

.xj-message-success {
  background-color: #1890ff
}

.xj-message-error,
.xj-message-warning {
  background-color: #fe6c6c
}

.xj-basic-tips__container {
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(0, 0, 0, .7);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54vw;
  padding: 10px;
  z-index: 2001
}

@-webkit-keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

@keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

.xj-basic-tips__container--hide {
  -webkit-animation: basicTipsFadeOut .5s ease-in-out .5s forwards;
  animation: basicTipsFadeOut .5s ease-in-out .5s forwards
}

.xj-basic-tips__header {
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 8px
}

.xj-basic-tips__icon {
  width: 16px;
  height: 16px
}

.xj-basic-tips__content {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  margin-left: 8px
}

.xj-basic-tips__desc {
  margin-top: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 16px
}

.xj-app-gift-pack__modal__pack__pack,
.xj-app-gift-pack__pack {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 72px
}

.xj-app-gift-pack__modal__pack__pack .border,
.xj-app-gift-pack__pack .border {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none
}

.xj-app-gift-pack__modal__pack__pack .cutter,
.xj-app-gift-pack__pack .cutter {
  position: absolute;
  z-index: 200;
  height: 10px;
  width: 10px;
  border: 1px solid #00f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  right: 25.797101%;
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
  border-radius: 50%
}

.xj-app-gift-pack__modal__pack__pack .cutter--top,
.xj-app-gift-pack__pack .cutter--top {
  top: -5px
}

.xj-app-gift-pack__modal__pack__pack .cutter--bottom,
.xj-app-gift-pack__pack .cutter--bottom {
  bottom: -5px
}

.xj-app-gift-pack__end,
.xj-app-gift-pack__modal__pack__end {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 37%;
  top: 7%
}

.xj-app-gift-pack__left,
.xj-app-gift-pack__modal__pack__left {
  position: relative;
  margin: 10px 0 10px 12px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid transparent
}

.xj-app-gift-pack__modal__pack__title,
.xj-app-gift-pack__title {
  font-size: 13px;
  height: 14px;
  line-height: 16px;
  margin-bottom: .2rem;
  font-weight: 700
}

.xj-app-gift-pack__detail,
.xj-app-gift-pack__modal__pack__detail {
  font-size: 11px;
  opacity: .8;
  line-height: 11px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.xj-app-gift-pack__modal__pack__remain,
.xj-app-gift-pack__remain {
  font-size: 11px;
  opacity: .8;
  line-height: 11px;
  height: 11px;
  color: rgba(0, 0, 0, .4)
}

.xj-app-gift-pack__button,
.xj-app-gift-pack__modal__pack__button {
  position: relative;
  min-width: 25.797101%;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-app-gift-pack__button-download,
.xj-app-gift-pack__modal__pack__button-download {
  border: 1px solid transparent;
  border-radius: 14px;
  min-width: 64px
}

.xj-app-gift-pack__button-copy,
.xj-app-gift-pack__modal__pack__button-copy {
  border: 1px solid transparent;
  border-radius: 14px;
  height: 24px;
  line-height: 26px;
  width: 64px;
  font-size: 14px
}

.xj-app-gift-pack__button-text,
.xj-app-gift-pack__modal__pack__button-text {
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding-bottom: 7px;
  font-weight: 700
}

.xj-app-gift-pack__button.copying,
.xj-app-gift-pack__modal__pack__button.copying {
  background: hsla(0, 0%, 100%, .14);
  color: inherit !important
}

.xj-app-gift-pack__modal__pack__trigger,
.xj-app-gift-pack__trigger {
  position: absolute;
  right: 16px;
  bottom: -2px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-app-gift-pack__modal__pack__trigger>svg,
.xj-app-gift-pack__trigger>svg {
  margin-left: 4px;
  width: 4px;
  height: 7px
}

.xj-app-gift-pack__modal,
.xj-app-gift-pack__modal__pack__modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden
}

.xj-app-gift-pack__modal-download,
.xj-app-gift-pack__modal__pack__modal-download {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 6px 8px;
  width: 100%;
  color: #fff
}

.xj-app-gift-pack__modal.visible,
.xj-app-gift-pack__modal__pack__modal.visible {
  visibility: visible
}

.xj-app-gift-pack__modal__mask,
.xj-app-gift-pack__modal__pack__modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.xj-app-gift-pack__modal.visible .xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal.visible .xj-app-gift-pack__modal__pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal.visible .xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal.visible .xj-app-gift-pack__modal__pack__modal__modal {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal__modal {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 63vh;
  min-height: 240px;
  width: calc(100vw - .8534rem);
  padding: .4267rem;
  color: #1d242c;
  border-radius: 5px 5px 0 0;
  background: hsla(0, 0%, 100%, .98);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  text-align: left
}

.xj-app-gift-pack__modal__app,
.xj-app-gift-pack__modal__pack__modal__app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .4267rem
}

.xj-app-gift-pack__modal__app__logo,
.xj-app-gift-pack__modal__pack__modal__app__logo {
  width: 27.307px;
  width: 1.7067rem;
  height: 27.307px;
  height: 1.7067rem;
  margin-right: .2667rem;
  border-radius: 4px
}

.xj-app-gift-pack__modal__app__info,
.xj-app-gift-pack__modal__pack__modal__app__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.xj-app-gift-pack__modal__app__title,
.xj-app-gift-pack__modal__pack__modal__app__title {
  height: 22px;
  font-size: 16px;
  color: #000;
  letter-spacing: 0
}

.xj-app-gift-pack__modal__app__desc,
.xj-app-gift-pack__modal__pack__modal__app__desc {
  height: 18px;
  font-size: 14px;
  color: #8f9093;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  max-width: 115.627px;
  max-width: 7.2267rem
}

.xj-app-gift-pack__modal__pack,
.xj-app-gift-pack__modal__pack__modal__pack {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.xj-app-gift-pack__modal__pack__modal__title,
.xj-app-gift-pack__modal__title {
  text-align: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 700
}

.xj-app-gift-pack__modal__pack__modal__subTitle,
.xj-app-gift-pack__modal__subTitle {
  font-size: 16px;
  color: #000;
  letter-spacing: 0;
  padding: .4267rem .4267rem .2133rem;
  line-height: 9.387px;
  line-height: .5867rem;
  position: relative
}

.xj-app-gift-pack__modal__pack__modal__subTitle:before,
.xj-app-gift-pack__modal__subTitle:before {
  content: "";
  position: absolute;
  top: 52%;
  left: 0;
  background: #b8bcc2;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.xj-app-gift-pack__modal__list,
.xj-app-gift-pack__modal__pack__modal__list {
  width: 100%;
  overflow: auto;
  padding: 0 .4267rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 9.387px;
  line-height: .5867rem;
  font-size: 14px;
  color: #4e4e4e
}

.xj-app-gift-pack__modal__list dd,
.xj-app-gift-pack__modal__list dt,
.xj-app-gift-pack__modal__pack__modal__list dd,
.xj-app-gift-pack__modal__pack__modal__list dt {
  margin: 0;
  padding: 0
}

.xj-app-gift-pack__modal__list dt,
.xj-app-gift-pack__modal__pack__modal__list dt {
  float: left
}

.xj-app-gift-pack__modal__list dd,
.xj-app-gift-pack__modal__pack__modal__list dd {
  margin-left: 1.6666rem;
  margin-bottom: .2133rem
}

.xj-app-gift-pack__code,
.xj-app-gift-pack__modal__pack__code {
  font-size: 18px;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  line-height: 18px;
  font-weight: 700
}

.xj-app-gift-pack__code__label,
.xj-app-gift-pack__modal__pack__code__label {
  color: #000;
  width: 66px
}

.xj-app-gift-pack__code__num,
.xj-app-gift-pack__modal__pack__code__num {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 68%
}

.xj-first-screen-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  height: 28.16px;
  height: 1.76rem;
  bottom: 14.932px;
  bottom: .9333rem;
  right: 6.4px;
  right: .4rem;
  left: 6.4px;
  left: .4rem;
  padding: 0 .32rem;
  -webkit-box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
  box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
  border-radius: .2666rem;
  background: #fff;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(1rem);
  transform: translateY(1rem);
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.xj-first-screen-button--show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.xj-first-screen-button>img {
  width: 18.773px;
  width: 1.17333333rem;
  height: 18.773px;
  height: 1.17333333rem;
  border-radius: .10666667rem
}

.xj-first-screen-button__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  margin: 0 .2133rem
}

.xj-first-screen-button__content__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #030303;
  font-size: 6.825px;
  font-size: .4266rem;
  line-height: 9.6px;
  line-height: .6rem;
  margin-bottom: .02666rem
}

.xj-first-screen-button__content__desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #030303;
  opacity: .5;
  font-size: 5.12px;
  font-size: .32rem;
  line-height: 7.04px;
  line-height: .44rem
}

.xj-first-screen-button__button {
  position: relative;
  overflow: hidden;
  width: 27.306px;
  width: 1.70666667rem;
  height: 12.8px;
  height: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  vertical-align: bottom;
  border-radius: .10666667rem;
  font-size: 5.12px;
  font-size: .32rem;
  text-align: center;
  color: #fff
}

.xj-first-screen-button__button__progress {
  opacity: .6
}

.xj-first-screen-button__button__progress,
.xj-first-screen-button__button__progress-bar {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #286bef
}

.xj-first-screen-button__button__text {
  position: relative;
  z-index: 1
}

.xj-play-download-tips {
  position: fixed;
  z-index: 2000;
  pointer-events: none;
  top: 10.666px;
  top: .66666667rem;
  left: 50%;
  margin-left: -2.16rem;
  width: 69.12px;
  width: 4.32rem;
  background-color: rgba(0, 0, 0, .6);
  border-radius: .10666667rem;
  color: #fff;
  text-align: center;
  font-size: 0;
  -webkit-animation: fadeSlideDownIn .2s ease;
  animation: fadeSlideDownIn .2s ease
}

.xj-play-download-tips>img {
  display: inline-block;
  vertical-align: middle;
  width: 6.826px;
  width: .42666667rem;
  margin-left: -.05333333rem;
  margin-right: .21333333rem;
  -webkit-animation: rotate360 .8s linear infinite;
  animation: rotate360 .8s linear infinite
}

.xj-play-download-tips>span {
  display: inline-block;
  vertical-align: middle;
  font-size: 5.12px;
  font-size: .32rem;
  line-height: 13.653px;
  line-height: .85333333rem
}

@-webkit-keyframes fadeSlideDownIn {
  0% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes fadeSlideDownIn {
  0% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.xj-website-connect {
  width: 100%;
  position: absolute;
  bottom: 0
}

.xj-website-connect--collapse {
  position: absolute;
  bottom: 17.067px;
  bottom: 1.0667rem;
  right: 4.267px;
  right: .2667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 990
}

.xj-website-connect--collapse>img {
  width: 25.6px;
  width: 1.6rem;
  height: 27.307px;
  height: 1.7067rem
}

.xj-connect-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  width: 100%
}

.xj-connect-container .icon-container {
  margin-right: .1rem
}

.xj-connect-container .xj-connect-button {
  overflow: hidden
}

.xj-connect-container .xj-connect-button,
.xj-connect-container .xj-connect-circle-container {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative
}

.xj-connect-container .xj-connect-button,
.xj-connect-container .xj-connect-circle-container,
.xj-connect-container .xj-connect-circle-container .xj-connect-svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center
}

.xj-connect-container .xj-connect-circle-container .xj-connect-svg {
  vertical-align: sub
}

.xj-connect-container .xj-connect-image-container img {
  max-width: 100% !important;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.xj-connect-container .xj-connect-image-container .xj-connect-image {
  width: 100%;
  height: auto
}

.connect-click-button-guide {
  display: none;
  position: absolute;
  width: 97.6px;
  width: 6.1rem;
  color: #414d60;
  text-align: left;
  border: 1px solid #eeeff3;
  line-height: 1.5;
  -webkit-box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  border-radius: 4px;
  margin: 0 .21rem .21rem;
  width: auto;
  background: #fff
}

.connect-click-button-guide .guide-close-btn {
  position: absolute;
  width: 5.12px;
  width: .32rem;
  height: 5.12px;
  height: .32rem;
  top: 3.412px;
  top: .2133rem;
  right: 3.412px;
  right: .2133rem;
  line-height: 1;
  pointer-events: auto
}

.connect-click-button-guide .guide-close-btn img {
  width: 100%
}

.connect-click-button-guide .connect-click-button-guide-message {
  margin: .426rem .6rem .426rem .426rem
}

.connect-click-button-guide .connect-click-button-guide-arrow {
  position: absolute;
  bottom: -2.56px;
  bottom: -.16rem;
  right: 11.2px;
  right: .7rem;
  width: 4.267px;
  width: .2667rem;
  height: 4.267px;
  height: .2667rem;
  border: 1px solid #eeeff3;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  background: #fff
}

.button-guide-tile {
  left: 0;
  right: 0;
  margin: 0 auto .21rem;
  width: 90%
}

.xj-fixed-wrapper .xj-connect-button,
.xj-fixed-wrapper .xj-connect-circle-container .xj-connect-svg {
  pointer-events: all;
  cursor: pointer
}

.xj-fixed-wrapper .xj-connect-button .icon-connect {
  font-size: 10.24px;
  font-size: .64rem
}

.xj-fixed-wrapper .connect-click-button,
.xj-fixed-wrapper .xj-connect-image {
  pointer-events: all;
  cursor: pointer
}

.xj-connect-animation:after,
.xj-connect-animation:before {
  content: "";
  display: block;
  left: -50px;
  top: 0;
  position: absolute;
  height: 100%;
  background-color: #fff;
  opacity: .15;
  width: 5px;
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
  z-index: 100
}

.xj-connect-circle-animation {
  -webkit-animation: connectAnimation 4s ease-in-out 0s infinite;
  animation: connectAnimation 4s ease-in-out 0s infinite
}

@-webkit-keyframes circleShank {
  0% {
    left: -50px
  }

  35% {
    left: -50px
  }

  50% {
    left: 120%
  }

  to {
    left: 120%
  }
}

@keyframes circleShank {
  0% {
    left: -50px
  }

  35% {
    left: -50px
  }

  50% {
    left: 120%
  }

  to {
    left: 120%
  }
}

@-webkit-keyframes shank {
  0% {
    left: -50px
  }

  75% {
    left: -50px
  }

  to {
    left: 100%
  }
}

@keyframes shank {
  0% {
    left: -50px
  }

  75% {
    left: -50px
  }

  to {
    left: 100%
  }
}

@-webkit-keyframes connectAnimation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  5% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes connectAnimation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  5% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

@keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

.xj-dynamic-progress {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 9000;
  top: 14.933px;
  top: .93333333rem;
  font-size: 5.973px;
  font-size: .37333333rem;
  line-height: 1;
  padding-top: .42666667rem;
  width: 100%;
  height: 19.626px;
  height: 1.22666667rem;
  padding-left: .53333333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  -webkit-transition: .4s ease;
  transition: .4s ease
}

.with-xj-vw .xj-dynamic-progress {
  top: 9.33333333vw;
  font-size: 3.73333333vw;
  padding-top: 4.26666667vw;
  height: 12.26666667vw;
  padding-left: 5.33333333vw
}

.xj-dynamic-progress--visible {
  visibility: visible;
  opacity: 1
}

.xj-dynamic-progress__bar {
  position: static
}

.xj-dynamic-progress__bar__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.xj-dynamic-progress__bar__bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, .7)
}

.xj-dynamic-progress__bar__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden
}

.xj-dynamic-progress__bar__fill__light {
  position: absolute;
  width: 160px;
  width: 10rem;
  height: 100%;
  display: none
}

.xj-dynamic-progress--downloading .xj-dynamic-progress__bar__fill__light {
  display: block
}

.xj-dynamic-progress__bar__fill__light span {
  position: absolute;
  width: 80px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
  -webkit-animation: move 2s ease-in-out 1.5s infinite;
  animation: move 2s ease-in-out 1.5s infinite;
  z-index: 2;
  top: 0;
  left: -80px
}

.xj-dynamic-progress>span {
  position: relative;
  color: #fff
}

.xj-website-float-form-wrap .xj-website-form {
  position: fixed;
  z-index: 102
}

.xj-website-float-form-wrap .xj-website-form--collapse,
body>.txp_contextmenu {
  display: none
}

.xj-video {
  position: relative;
  overflow: hidden
}

.xj-video .video-before-init {
  position: absolute;
  z-index: 6;
  width: 100%
}

.xj-video .video-before-init img {
  width: 100%
}

.xj-video .data-video {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%
}

.xj-video .txp_btn_definition,
.xj-video .txp_watermark {
  display: none !important
}

.xj-video .txp_video_container video::-webkit-media-controls {
  display: none !important
}

.xj-video .txp_autohide .xj-mute-button {
  display: none
}

.xj-video .not-interactive .xj-mute-button {
  display: block
}

.xj-video .xj-mute-button {
  right: 4.267px;
  right: .2667rem;
  top: 4.267px;
  top: .2667rem
}

.xj-video .xj-mute-button,
.xj-video .xj-video-hd-tag {
  position: absolute;
  z-index: 6;
  width: 17.067px;
  width: 1.0667rem
}

.xj-video .xj-video-hd-tag {
  left: 4.267px;
  left: .2667rem;
  top: 9.067px;
  top: .5667rem
}

.xj-video .can-play-time {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: rgba(0, 0, 0, .4)
}

.xj-video .can-play-time-center-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110.932px;
  width: 6.9333rem
}

.xj-video .can-play-time-tip {
  color: #fff;
  text-align: center;
  font-size: 5.972px;
  font-size: .3733rem
}

.xj-video .txp_controls {
  height: 14.932px;
  height: .9333rem
}

.xj-video-float-wrapper {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
  background: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, .4));
  color: #fff;
  z-index: 4;
  width: 100%
}

.xj-video-float-wrapper .xj-video-float-top {
  padding: 0 .4267rem !important
}

.xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-img {
  border-radius: .5333rem;
  width: 17.067px;
  width: 1.0667rem;
  height: 17.067px;
  height: 1.0667rem;
  border: .0533rem solid #fff;
  margin-right: .2667rem;
  vertical-align: middle
}

.xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-title {
  width: calc(100% - 4rem);
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7.68px;
  font-size: .48rem;
  vertical-align: middle
}

.xj-video-float-wrapper .xj-video-float-middle {
  margin: .2667rem 0 .1333rem;
  padding: 0 .4267rem !important
}

.xj-video-float-wrapper .xj-video-float-middle span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 8.532px;
  line-height: .5333rem
}

.xj-video-float-wrapper .xj-video-float-bottom {
  border: none;
  height: 17.067px;
  height: 1.0667rem
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 {
  font-size: 5.972px;
  font-size: .3733rem;
  height: 6.72px;
  height: .42rem;
  right: 6.827px;
  right: .4267rem;
  top: 4.16px;
  top: .26rem;
  width: 32px;
  width: 2rem;
  color: #fff;
  position: absolute;
  border: none;
  background: transparent !important;
  overflow: visible
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .icon-rightArrow {
  font-size: 5.12px;
  font-size: .32rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-58%);
  transform: translateY(-58%)
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left {
  overflow: visible;
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left .text-left {
  display: block;
  overflow: visible
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right {
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .white-move,
.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right .text-right {
  display: none !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text {
  display: block;
  text-align: left;
  padding-left: 0;
  position: relative;
  padding-right: .4rem;
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .0533rem .2133rem;
  border-radius: .4267rem;
  font-size: 5.12px;
  font-size: .32rem;
  border: .0267rem solid #fff;
  width: 36.267px;
  width: 2.2667rem;
  top: 3.412px;
  top: .2133rem;
  right: 10.24px;
  right: .64rem;
  position: absolute;
  height: 10.667px;
  height: .6667rem
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-left {
  background: #12b7f6
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-right {
  background: rgba(18, 183, 246, .3)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-img {
  border-radius: .5333rem;
  width: 17.067px;
  width: 1.0667rem;
  height: 17.067px;
  height: 1.0667rem;
  border: .0533rem solid #fff;
  margin-right: .2667rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-title {
  width: calc(100% - 1.5rem)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-middle {
  margin: .2667rem 0 .1333rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-middle span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom {
  text-align: center;
  border-top: .0267rem solid hsla(0, 0%, 100%, .3)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 {
  line-height: 17.067px;
  line-height: 1.0667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  position: relative
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left {
  background: #12b7f6 !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left .text-left {
  left: 6.827px;
  left: .4267rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right {
  background: rgba(18, 183, 246, .3) !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right .text-right {
  display: none !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text {
  display: block;
  text-align: left;
  padding-left: .4267rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text:after {
  content: ">";
  position: absolute;
  right: 6.827px;
  right: .4267rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 {
  margin: .1333rem auto;
  height: 12.8px;
  height: .8rem;
  background: transparent;
  color: #fff;
  font-size: 6.827px;
  font-size: .4267rem;
  display: grid;
  position: relative;
  width: 48px;
  width: 3rem;
  top: 0;
  left: 0;
  -ms-flex-line-pack: center;
  align-content: center
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-left {
  background: #12b7f6
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-right {
  background: rgba(18, 183, 246, .3)
}

.xj-download-button {
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
  outline: none;
  padding: 0;
  border: 1px solid;
  -webkit-tap-highlight-color: transparent
}

.xj-download-button .wrap {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
  position: absolute;
  overflow: hidden
}

.xj-download-button .wrap .text {
  position: absolute;
  display: block;
  height: 100%;
  text-align: center;
  white-space: nowrap
}

.xj-download-button .wrap-left {
  left: 0;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.xj-download-button .wrap-left .text {
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-download-button .wrap-right {
  right: 0;
  left: auto;
  height: 100%;
  z-index: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.xj-download-button .wrap-right .text {
  left: auto;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-download-button .white-move {
  width: 80px;
  position: absolute;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
  -webkit-animation: move 2s ease-in-out 1.5s infinite;
  animation: move 2s ease-in-out 1.5s infinite;
  z-index: 2;
  top: 0;
  left: -80px;
  display: none
}

@-webkit-keyframes move {
  0% {
    left: -80px
  }

  50% {
    left: -80px
  }

  to {
    left: 100%
  }
}

@keyframes move {
  0% {
    left: -80px
  }

  50% {
    left: -80px
  }

  to {
    left: 100%
  }
}

.mult-app__button {
  position: relative;
  min-width: 25.797101%;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mult-app__button-download {
  border: 1px solid transparent;
  border-radius: 14px;
  min-width: 64px
}

.mult-app__button-text {
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding-bottom: 7px;
  font-weight: 700
}

.mult-app__modal {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden
}

.mult-app__modal.visible {
  visibility: visible
}

.mult-app__modal.firstHidden {
  visibility: hidden
}

.mult-app__modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.mult-app__modal.visible .mult-app__modal__modal {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.mult-app__modal__modal {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 63vh;
  width: 100vw;
  color: #1d242c;
  border-radius: 20px 20px 0 0;
  background: hsla(0, 0%, 100%, .98);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  text-align: left;
  border: none
}

.mult-app__modal__closeIcon {
  color: hsla(0, 0%, 100%, .8);
  width: 8px;
  width: .5rem;
  height: 8px;
  height: .5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: absolute;
  right: 6.4px;
  right: .4rem;
  top: -16px;
  top: -1rem;
  border: 2px solid #fff;
  border-radius: 50%
}

.mult-app__modal__closeIcon:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.mult-app__modal__closeIcon:after,
.mult-app__modal__closeIcon:before {
  content: "";
  height: 4.8px;
  height: .3rem;
  width: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  background: hsla(0, 0%, 100%, .8)
}

.mult-app__modal__closeIcon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.mult-app__modal__fixedButton {
  width: 32px;
  width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 3.2px;
  left: .2rem;
  visibility: hidden
}

.mult-app__modal__fixedButton.visible {
  visibility: visible
}

.mult-app__modal__fixedButton img {
  width: 100%
}

.mult-app__modal__panel {
  overflow-y: scroll;
  border-radius: 20px 20px 0 0;
  border: none
}

.mult-app-panel {
  padding: 16px
}

.mult-app-panel.unsupport {
  display: none
}

.mult-app-panel__title {
  font-size: 5.973px;
  font-size: .37333333rem;
  letter-spacing: 0;
  padding: .21333333rem;
  line-height: 9.387px;
  line-height: .5867rem;
  position: relative;
  text-align: center
}

.with-xj-vw .mult-app-panel__title {
  font-size: 3.73333333vw;
  padding: 2.13333333vw
}

.mult-app-panel .mult-app-item {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 8px
}

.mult-app-panel .mult-app-item:last-child {
  margin-bottom: 0
}

.mult-app-panel .mult-app-item-card {
  height: 66px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mult-app-panel .mult-app-item-card .mult-app-item-icon {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  border-radius: 6px;
  overflow: hidden
}

.mult-app-panel .mult-app-item-card .mult-app-item-icon>img {
  width: 100%;
  height: 100%
}

.mult-app-panel .mult-app-item-card .mult-app-item-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 76.8px;
  max-width: 4.8rem
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-info {
  max-width: 48vw
}

.mult-app-panel .mult-app-item-card .mult-app-item-info-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  opacity: .9
}

.mult-app-panel .mult-app-item-card .mult-app-item-info-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  opacity: .7;
  line-height: 7.253px;
  line-height: .45333333rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-info-desc {
  line-height: 4.53333333vw
}

.mult-app-panel .mult-app-item-card .mult-app-item-btn {
  height: 32px;
  line-height: 32px;
  width: 80px
}

.mult-app-panel .mult-app-item-card .mult-app-item-btn .xj-app-btn {
  font-size: 5.973px;
  font-size: .37333333rem
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-btn .xj-app-btn {
  font-size: 3.73333333vw
}

.mult-app-panel .mult-app-item-line {
  height: 1px;
  width: 100%;
  margin-top: 6px
}

.mult-app-panel .mult-app-item-compliance {
  width: 120%;
  font-size: 12px;
  margin-top: 8px;
  -webkit-transform: scale(.84);
  transform: scale(.84)
}

.mult-app-panel .mult-app-item-compliance-underline {
  text-decoration: underline
}

.xj-download-tips__wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 24px;
  background: rgba(0, 0, 0, .7);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  max-width: 180px
}

.xj-download-tips__wrapper--hide {
  display: none
}

.xj-download-tips__close {
  width: 10px;
  height: 10px;
  padding: 0 8px;
  margin: 6px 2px;
  border-left: 1px solid #fff
}

.xj-download-tips__content {
  font-size: 12px;
  color: #fff;
  margin: 0 8px;
  height: 16px;
  line-height: 16px;
  white-space: nowrap
}

.xj-download-tips__arrow {
  position: absolute;
  top: 22px;
  content: "";
  width: 0;
  height: 0
}

.xj-download-tips__arrow--up {
  border-top: 5px solid rgba(0, 0, 0, .7)
}

.xj-download-tips__arrow--down,
.xj-download-tips__arrow--up {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}

.xj-download-tips__arrow--down {
  border-bottom: 5px solid rgba(0, 0, 0, .7);
  top: -5px
}

.xj-download-button.xj-download-progress {
  position: fixed;
  margin: 0 auto;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  border-width: 0;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease-out;
  transition: opacity .3s ease, -webkit-transform .3s ease-out;
  transition: transform .3s ease-out, opacity .3s ease;
  transition: transform .3s ease-out, opacity .3s ease, -webkit-transform .3s ease-out;
  -webkit-transition: transform .3s ease-out, opacity .3s ease;
  z-index: 1500
}

.xj-download-button.xj-download-progress.hidden {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none
}

.xj-download-button.xj-download-progress.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: .85;
  pointer-events: all
}

.with-progress {
  transition: padding-top .3s ease-in-out;
  -webkit-transition: padding-top .3s ease-in-out
}

.with-progress.hidden {
  padding-top: 0
}

@-webkit-keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

@keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

.xj-download-area {
  position: absolute
}

.xj-play-download-tips {
  position: fixed;
  z-index: 2000;
  pointer-events: none;
  top: 10.666px;
  top: .66666667rem;
  left: 50%;
  margin-left: -2.16rem;
  width: 69.12px;
  width: 4.32rem;
  background-color: rgba(0, 0, 0, .6);
  border-radius: .10666667rem;
  color: #fff;
  text-align: center;
  font-size: 0;
  -webkit-animation: fadeSlideDownIn .2s ease;
  animation: fadeSlideDownIn .2s ease
}

.xj-play-download-tips>img {
  display: inline-block;
  vertical-align: middle;
  width: 6.826px;
  width: .42666667rem;
  margin-left: -.05333333rem;
  margin-right: .21333333rem;
  -webkit-animation: rotate360 .8s linear infinite;
  animation: rotate360 .8s linear infinite
}

.xj-play-download-tips>span {
  display: inline-block;
  vertical-align: middle;
  font-size: 5.12px;
  font-size: .32rem;
  line-height: 13.653px;
  line-height: .85333333rem
}

@-webkit-keyframes fadeSlideDownIn {
  0% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes fadeSlideDownIn {
  0% {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.Confirm-wrapper {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.Confirm-wrapper.open-xj-confirm .xj-modal-mask {
  opacity: 0;
  -webkit-animation: open-animate-mask .1s linear .1s forwards;
  animation: open-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.open-xj-confirm .xj-modal-wrap {
  -webkit-animation: open-animate-wrap .2s ease-out forwards;
  animation: open-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-mask {
  opacity: 1;
  -webkit-animation: close-animate-mask .1s linear .1s forwards;
  animation: close-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: close-animate-wrap .2s ease-out forwards;
  animation: close-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper .xj-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.Confirm-wrapper .xj-modal-mask,
.Confirm-wrapper .xj-modal-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

.Confirm-wrapper .xj-modal-wrap {
  width: 153.6px;
  width: 9.6rem;
  position: relative;
  border-radius: .1067rem;
  z-index: 2000;
  background: #fff
}

.Confirm-wrapper .xj-modal-header {
  padding: .5rem .48rem .5333rem;
  color: rgba(0, 0, 0, .8);
  border-radius: .1067rem .1067rem 0 0
}

.with-xj-vw .Confirm-wrapper .xj-modal-header {
  padding: 5vw 4.8vw 5.333vw;
  border-radius: 1.067vw 1.067vw 0 0
}

.Confirm-wrapper .xj-modal-header .xj-modal-title {
  color: rgba(0, 0, 0, .8);
  font-weight: 500;
  font-size: 7.68px;
  font-size: .48rem;
  text-align: center;
  word-wrap: break-word
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-title {
  font-size: 4.8vw
}

.Confirm-wrapper .xj-modal-header .xj-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, .45);
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s
}

.Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  display: block;
  width: 12.8px;
  width: .8rem;
  height: 12.8px;
  height: .8rem;
  font-weight: 300;
  font-size: 12.8px;
  font-size: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  font-style: normal;
  text-align: center;
  text-transform: none;
  text-rendering: auto
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  width: 8vw;
  height: 8vw;
  font-size: 8vw;
  line-height: 8vw
}

.Confirm-wrapper .xj-modal-body {
  padding: 0 .6667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  min-height: 25.6px;
  min-height: 1.6rem;
  line-height: 1.5;
  word-wrap: break-word;
  text-align: center
}

.with-xj-vw .Confirm-wrapper .xj-modal-body {
  padding: 0 6.667vw;
  font-size: 3.733vw;
  min-height: 16vw
}

.Confirm-wrapper .xj-modal-footer {
  padding: .5333rem .6667rem;
  text-align: right;
  border-radius: 0 0 .1067rem .1067rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer {
  padding: 5.333vw 6.667vw;
  border-radius: 0 0 1.067vw 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 19.2px;
  height: 1.2rem;
  padding: 0 .4rem;
  font-size: 6.827px;
  font-size: .4267rem;
  border-radius: .1067rem;
  border: none
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-btn {
  height: 12vw;
  padding: 0 4vw;
  font-size: 4.267vw;
  border-radius: 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: .2667rem
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: 2.667vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn-primary {
  color: #fff;
  background-color: #296bef;
  outline: none;
  border: none
}

.m-consultmodal {
  display: block;
  -webkit-transition: height .2s linear 0s;
  transition: height .2s linear 0s;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, .05882) 0 -2px 6px 0;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .05882)
}

.m-consultmodal .xj-modal-body {
  padding: 0 !important
}

.m-consultmodal .xj-modal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background: #f5f6f8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-animation: none !important;
  animation: none !important
}

.m-consultmodal .xj-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: none !important;
  overflow: hidden !important
}

.m-consultmodal .xj-modal-header {
  position: relative;
  height: 48px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0
}

.m-consultmodal .xj-modal-header:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 4px;
  background: #dbdde2;
  border-radius: 2px;
  left: 50%;
  margin-left: -24px;
  top: 8px
}

.m-consultmodal .xj-modal-header .xj-modal-title {
  font-size: 16px;
  color: #030303;
  font-weight: 400
}

.m-consultmodal .xj-modal-header .xj-modal-close {
  top: 24px;
  margin-top: -15px;
  right: 10px
}

.m-consultmodal .xj-modal-header .xj-modal-close .xj-modal-close-x {
  font-size: 26px
}

.m-consultmodal .maskbody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 50px
}

.m-consultmodal.Confirm-wrapper {
  top: auto;
  height: 40%;
  display: block
}

.xj-confirm-cover-wrapper .xj-modal-wrap {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 183.467px;
  max-height: 11.4667rem;
  height: 46vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 .48rem;
  -webkit-overflow-scrolling: touch
}

.with-xj-vw .xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 114.667vw
}

.xj-confirm-cover-wrapper .xj-modal-body iframe {
  height: 100%;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: bottom
}

.xj-confirm-cover-wrapper .xj-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: .48rem;
  text-align: right;
  background: transparent;
  border-radius: .0533rem;
  height: 19.2px;
  height: 1.2rem
}

.xj-confirm-cover-wrapper .xj-modal-footer .xj-btn-primary {
  width: 100%;
  height: 100%;
  font-size: 6.827px;
  font-size: .4267rem
}

@-webkit-keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.apple-style-confirm .xj-modal-wrap {
  width: 118.4px !important;
  width: 7.4rem !important;
  border-radius: .193rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-wrap {
  width: 74vw !important;
  border-radius: 1.93vw !important
}

.apple-style-confirm .xj-modal-header {
  24.900000000000002px: 7.68px 1.6px;
  24.900000000000002px: .48rem .1rem
}

.with-xj-vw .apple-style-confirm .xj-modal-header {
  24.900000000000002px: 4.8vw 1vw
}

.apple-style-confirm .xj-modal-title {
  color: #333 !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  line-height: 10.432px !important;
  line-height: .652rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-title {
  font-size: 4.35vw !important;
  line-height: 6.52vw !important
}

.apple-style-confirm .xj-modal-body {
  font-size: 5.792px !important;
  font-size: .362rem !important;
  min-height: 0 !important;
  line-height: 8.112px !important;
  line-height: .507rem !important;
  margin-bottom: .652rem !important;
  color: #8a8a8a !important
}

.with-xj-vw .apple-style-confirm .xj-modal-body {
  font-size: 3.62vw !important;
  line-height: 5.07vw !important;
  margin-bottom: 6.52vw !important
}

.apple-style-confirm .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.apple-style-confirm .xj-modal-footer:after {
  content: " ";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid #e5e5e5;
  position: absolute;
  top: 0;
  left: 50%
}

.apple-style-confirm .xj-modal-footer .xj-btn {
  height: 24.96px !important;
  height: 1.56rem !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  background: none !important;
  border: none
}

.with-xj-vw .apple-style-confirm .xj-modal-footer .xj-btn {
  height: 15.6vw !important;
  font-size: 4.35vw !important
}

.apple-style-confirm .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #3185fc !important
}

.apple-style-confirm .xj-modal-footer .xj-ok-btn {
  color: #333 !important
}

.m-postreward.close-xj-confirm .xj-modal-mask,
.m-postreward.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: 0;
  animation: 0
}

.m-postreward .xj-modal-title {
  font-size: 16px
}

.m-postreward .xj-modal-wrap {
  width: 80%
}

.m-postreward .xj-modal-body {
  height: 250px;
  overflow: auto;
  text-align: left;
  line-height: 24px
}

.m-postreward .xj-modal-footer .xj-btn-primary {
  background-color: #296bef;
  font-size: 5.546px;
  font-size: .34666667rem;
  height: 17.072px;
  height: 1.067rem
}

.with-xj-vw .m-postreward .xj-modal-footer .xj-btn-primary {
  font-size: 3.46666667vw
}

.m-postreward .xj-modal-footer .xj-btn-primary p {
  margin: 0 auto
}

.stay-download-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.stay-download-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .16rem !important;
  color: #030303 !important
}

.with-xj-vw .stay-download-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 1.6vw !important
}

.stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.stay-download-modal .xj-modal-footer {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.stay-download-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .stay-download-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.stay-download-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.stay-download-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.stay-download-modal .xj-modal-footer-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.stay-download-modal .xj-modal-footer-row .xj-btn:nth-child(n+2) {
  border-left: 1px solid #e5e5e5
}

.stay-download-modal .xj-modal-footer-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 17.066px !important;
  height: 1.06666667rem !important;
  width: 84%;
  border-radius: 40px
}

.with-xj-vw .stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 10.66666667vw !important
}

.stay-download-modal .xj-modal-footer-column .xj-cancel-btn {
  background-color: #286bef !important;
  color: #fafafa !important;
  font-weight: 500;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-ok-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-feature-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 16px
}

.check-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .check-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.check-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .58666667rem !important;
  color: #030303 !important
}

.with-xj-vw .check-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 5.86666667vw !important
}

.check-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .check-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.check-modal .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.check-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .check-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.check-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.check-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.XJ_pop_window {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1000
}

.XJ_pop_window_content {
  top: 38.827px;
  top: 2.4267rem
}

.XJ_pop_window_close,
.XJ_pop_window_content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.XJ_pop_window_close {
  display: inline-block;
  border: .0267rem solid #fff;
  width: 11.392px;
  width: .712rem;
  height: 11.392px;
  height: .712rem;
  border-radius: 50%;
  top: calc(100% + .8533rem)
}

.XJ_pop_window_close:after,
.XJ_pop_window_close:before {
  position: absolute;
  left: 5.28px;
  left: .33rem;
  top: 2.56px;
  top: .16rem;
  content: " ";
  height: 6.4px;
  height: .4rem;
  width: .427px;
  width: .0267rem;
  background-color: #fff
}

.XJ_pop_window_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.XJ_pop_window_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.xj-message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  height: 40px;
  z-index: 12000;
  font-size: 12px
}

.xj-message .xj-message-notice-content {
  width: 100%;
  height: 100%
}

.xj-message .xj-message-notice-content .xj-message-custom-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-message .xj-message-notice-content .xj-message-custom-content .xj-icon {
  margin: .32rem
}

.xj-message-error,
.xj-message-info,
.xj-message-success,
.xj-message-warning {
  display: block
}

.xj-message-info {
  background-color: #fff;
  color: #000
}

.xj-message-success {
  background-color: #1890ff
}

.xj-message-error,
.xj-message-warning {
  background-color: #fe6c6c
}

.xj-basic-tips__container {
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(0, 0, 0, .7);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54vw;
  padding: 10px;
  z-index: 2001
}

@-webkit-keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

@keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

.xj-basic-tips__container--hide {
  -webkit-animation: basicTipsFadeOut .5s ease-in-out .5s forwards;
  animation: basicTipsFadeOut .5s ease-in-out .5s forwards
}

.xj-basic-tips__header {
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 8px
}

.xj-basic-tips__icon {
  width: 16px;
  height: 16px
}

.xj-basic-tips__content {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  margin-left: 8px
}

.xj-basic-tips__desc {
  margin-top: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 16px
}

.xj-website-connect {
  width: 100%;
  position: absolute;
  bottom: 0
}

.xj-website-connect--collapse {
  position: absolute;
  bottom: 17.067px;
  bottom: 1.0667rem;
  right: 4.267px;
  right: .2667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 990
}

.xj-website-connect--collapse>img {
  width: 25.6px;
  width: 1.6rem;
  height: 27.307px;
  height: 1.7067rem
}

.xj-connect-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  width: 100%
}

.xj-connect-container .icon-container {
  margin-right: .1rem
}

.xj-connect-container .xj-connect-button {
  overflow: hidden
}

.xj-connect-container .xj-connect-button,
.xj-connect-container .xj-connect-circle-container {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative
}

.xj-connect-container .xj-connect-button,
.xj-connect-container .xj-connect-circle-container,
.xj-connect-container .xj-connect-circle-container .xj-connect-svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center
}

.xj-connect-container .xj-connect-circle-container .xj-connect-svg {
  vertical-align: sub
}

.xj-connect-container .xj-connect-image-container img {
  max-width: 100% !important;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.xj-connect-container .xj-connect-image-container .xj-connect-image {
  width: 100%;
  height: auto
}

.connect-click-button-guide {
  display: none;
  position: absolute;
  width: 97.6px;
  width: 6.1rem;
  color: #414d60;
  text-align: left;
  border: 1px solid #eeeff3;
  line-height: 1.5;
  -webkit-box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  border-radius: 4px;
  margin: 0 .21rem .21rem;
  width: auto;
  background: #fff
}

.connect-click-button-guide .guide-close-btn {
  position: absolute;
  width: 5.12px;
  width: .32rem;
  height: 5.12px;
  height: .32rem;
  top: 3.412px;
  top: .2133rem;
  right: 3.412px;
  right: .2133rem;
  line-height: 1;
  pointer-events: auto
}

.connect-click-button-guide .guide-close-btn img {
  width: 100%
}

.connect-click-button-guide .connect-click-button-guide-message {
  margin: .426rem .6rem .426rem .426rem
}

.connect-click-button-guide .connect-click-button-guide-arrow {
  position: absolute;
  bottom: -2.56px;
  bottom: -.16rem;
  right: 11.2px;
  right: .7rem;
  width: 4.267px;
  width: .2667rem;
  height: 4.267px;
  height: .2667rem;
  border: 1px solid #eeeff3;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  box-shadow: 0 4px 10px 0 rgba(65, 77, 96, .06);
  background: #fff
}

.button-guide-tile {
  left: 0;
  right: 0;
  margin: 0 auto .21rem;
  width: 90%
}

.xj-fixed-wrapper .xj-connect-button,
.xj-fixed-wrapper .xj-connect-circle-container .xj-connect-svg {
  pointer-events: all;
  cursor: pointer
}

.xj-fixed-wrapper .xj-connect-button .icon-connect {
  font-size: 10.24px;
  font-size: .64rem
}

.xj-fixed-wrapper .connect-click-button,
.xj-fixed-wrapper .xj-connect-image {
  pointer-events: all;
  cursor: pointer
}

.xj-connect-animation:after,
.xj-connect-animation:before {
  content: "";
  display: block;
  left: -50px;
  top: 0;
  position: absolute;
  height: 100%;
  background-color: #fff;
  opacity: .15;
  width: 5px;
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
  z-index: 100
}

.xj-connect-circle-animation {
  -webkit-animation: connectAnimation 4s ease-in-out 0s infinite;
  animation: connectAnimation 4s ease-in-out 0s infinite
}

@-webkit-keyframes circleShank {
  0% {
    left: -50px
  }

  35% {
    left: -50px
  }

  50% {
    left: 120%
  }

  to {
    left: 120%
  }
}

@keyframes circleShank {
  0% {
    left: -50px
  }

  35% {
    left: -50px
  }

  50% {
    left: 120%
  }

  to {
    left: 120%
  }
}

@-webkit-keyframes shank {
  0% {
    left: -50px
  }

  75% {
    left: -50px
  }

  to {
    left: 100%
  }
}

@keyframes shank {
  0% {
    left: -50px
  }

  75% {
    left: -50px
  }

  to {
    left: 100%
  }
}

@-webkit-keyframes connectAnimation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  5% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes connectAnimation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  5% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.xj-first-screen-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  height: 28.16px;
  height: 1.76rem;
  bottom: 14.932px;
  bottom: .9333rem;
  right: 6.4px;
  right: .4rem;
  left: 6.4px;
  left: .4rem;
  padding: 0 .32rem;
  -webkit-box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
  box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
  border-radius: .2666rem;
  background: #fff;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(1rem);
  transform: translateY(1rem);
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.xj-first-screen-button--show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.xj-first-screen-button>img {
  width: 18.773px;
  width: 1.17333333rem;
  height: 18.773px;
  height: 1.17333333rem;
  border-radius: .10666667rem
}

.xj-first-screen-button__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  margin: 0 .2133rem
}

.xj-first-screen-button__content__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #030303;
  font-size: 6.825px;
  font-size: .4266rem;
  line-height: 9.6px;
  line-height: .6rem;
  margin-bottom: .02666rem
}

.xj-first-screen-button__content__desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #030303;
  opacity: .5;
  font-size: 5.12px;
  font-size: .32rem;
  line-height: 7.04px;
  line-height: .44rem
}

.xj-first-screen-button__button {
  position: relative;
  overflow: hidden;
  width: 27.306px;
  width: 1.70666667rem;
  height: 12.8px;
  height: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  vertical-align: bottom;
  border-radius: .10666667rem;
  font-size: 5.12px;
  font-size: .32rem;
  text-align: center;
  color: #fff
}

.xj-first-screen-button__button__progress {
  opacity: .6
}

.xj-first-screen-button__button__progress,
.xj-first-screen-button__button__progress-bar {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #286bef
}

.xj-first-screen-button__button__text {
  position: relative;
  z-index: 1
}

.xj-download-button {
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
  outline: none;
  padding: 0;
  border: 1px solid;
  -webkit-tap-highlight-color: transparent
}

.xj-download-button .wrap {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
  position: absolute;
  overflow: hidden
}

.xj-download-button .wrap .text {
  position: absolute;
  display: block;
  height: 100%;
  text-align: center;
  white-space: nowrap
}

.xj-download-button .wrap-left {
  left: 0;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.xj-download-button .wrap-left .text {
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-download-button .wrap-right {
  right: 0;
  left: auto;
  height: 100%;
  z-index: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.xj-download-button .wrap-right .text {
  left: auto;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-download-button .white-move {
  width: 80px;
  position: absolute;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
  -webkit-animation: move 2s ease-in-out 1.5s infinite;
  animation: move 2s ease-in-out 1.5s infinite;
  z-index: 2;
  top: 0;
  left: -80px;
  display: none
}

@-webkit-keyframes move {
  0% {
    left: -80px
  }

  50% {
    left: -80px
  }

  to {
    left: 100%
  }
}

@keyframes move {
  0% {
    left: -80px
  }

  50% {
    left: -80px
  }

  to {
    left: 100%
  }
}

.xj-app-gift-pack__modal__pack__pack,
.xj-app-gift-pack__pack {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 72px
}

.xj-app-gift-pack__modal__pack__pack .border,
.xj-app-gift-pack__pack .border {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none
}

.xj-app-gift-pack__modal__pack__pack .cutter,
.xj-app-gift-pack__pack .cutter {
  position: absolute;
  z-index: 200;
  height: 10px;
  width: 10px;
  border: 1px solid #00f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  right: 25.797101%;
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
  border-radius: 50%
}

.xj-app-gift-pack__modal__pack__pack .cutter--top,
.xj-app-gift-pack__pack .cutter--top {
  top: -5px
}

.xj-app-gift-pack__modal__pack__pack .cutter--bottom,
.xj-app-gift-pack__pack .cutter--bottom {
  bottom: -5px
}

.xj-app-gift-pack__end,
.xj-app-gift-pack__modal__pack__end {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 37%;
  top: 7%
}

.xj-app-gift-pack__left,
.xj-app-gift-pack__modal__pack__left {
  position: relative;
  margin: 10px 0 10px 12px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid transparent
}

.xj-app-gift-pack__modal__pack__title,
.xj-app-gift-pack__title {
  font-size: 13px;
  height: 14px;
  line-height: 16px;
  margin-bottom: .2rem;
  font-weight: 700
}

.xj-app-gift-pack__detail,
.xj-app-gift-pack__modal__pack__detail {
  font-size: 11px;
  opacity: .8;
  line-height: 11px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.xj-app-gift-pack__modal__pack__remain,
.xj-app-gift-pack__remain {
  font-size: 11px;
  opacity: .8;
  line-height: 11px;
  height: 11px;
  color: rgba(0, 0, 0, .4)
}

.xj-app-gift-pack__button,
.xj-app-gift-pack__modal__pack__button {
  position: relative;
  min-width: 25.797101%;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-app-gift-pack__button-download,
.xj-app-gift-pack__modal__pack__button-download {
  border: 1px solid transparent;
  border-radius: 14px;
  min-width: 64px
}

.xj-app-gift-pack__button-copy,
.xj-app-gift-pack__modal__pack__button-copy {
  border: 1px solid transparent;
  border-radius: 14px;
  height: 24px;
  line-height: 26px;
  width: 64px;
  font-size: 14px
}

.xj-app-gift-pack__button-text,
.xj-app-gift-pack__modal__pack__button-text {
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding-bottom: 7px;
  font-weight: 700
}

.xj-app-gift-pack__button.copying,
.xj-app-gift-pack__modal__pack__button.copying {
  background: hsla(0, 0%, 100%, .14);
  color: inherit !important
}

.xj-app-gift-pack__modal__pack__trigger,
.xj-app-gift-pack__trigger {
  position: absolute;
  right: 16px;
  bottom: -2px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-app-gift-pack__modal__pack__trigger>svg,
.xj-app-gift-pack__trigger>svg {
  margin-left: 4px;
  width: 4px;
  height: 7px
}

.xj-app-gift-pack__modal,
.xj-app-gift-pack__modal__pack__modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden
}

.xj-app-gift-pack__modal-download,
.xj-app-gift-pack__modal__pack__modal-download {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 6px 8px;
  width: 100%;
  color: #fff
}

.xj-app-gift-pack__modal.visible,
.xj-app-gift-pack__modal__pack__modal.visible {
  visibility: visible
}

.xj-app-gift-pack__modal__mask,
.xj-app-gift-pack__modal__pack__modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.xj-app-gift-pack__modal.visible .xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal.visible .xj-app-gift-pack__modal__pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal.visible .xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal.visible .xj-app-gift-pack__modal__pack__modal__modal {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.xj-app-gift-pack__modal__modal,
.xj-app-gift-pack__modal__pack__modal__modal {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 63vh;
  min-height: 240px;
  width: calc(100vw - .8534rem);
  padding: .4267rem;
  color: #1d242c;
  border-radius: 5px 5px 0 0;
  background: hsla(0, 0%, 100%, .98);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  text-align: left
}

.xj-app-gift-pack__modal__app,
.xj-app-gift-pack__modal__pack__modal__app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .4267rem
}

.xj-app-gift-pack__modal__app__logo,
.xj-app-gift-pack__modal__pack__modal__app__logo {
  width: 27.307px;
  width: 1.7067rem;
  height: 27.307px;
  height: 1.7067rem;
  margin-right: .2667rem;
  border-radius: 4px
}

.xj-app-gift-pack__modal__app__info,
.xj-app-gift-pack__modal__pack__modal__app__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.xj-app-gift-pack__modal__app__title,
.xj-app-gift-pack__modal__pack__modal__app__title {
  height: 22px;
  font-size: 16px;
  color: #000;
  letter-spacing: 0
}

.xj-app-gift-pack__modal__app__desc,
.xj-app-gift-pack__modal__pack__modal__app__desc {
  height: 18px;
  font-size: 14px;
  color: #8f9093;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  max-width: 115.627px;
  max-width: 7.2267rem
}

.xj-app-gift-pack__modal__pack,
.xj-app-gift-pack__modal__pack__modal__pack {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.xj-app-gift-pack__modal__pack__modal__title,
.xj-app-gift-pack__modal__title {
  text-align: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 700
}

.xj-app-gift-pack__modal__pack__modal__subTitle,
.xj-app-gift-pack__modal__subTitle {
  font-size: 16px;
  color: #000;
  letter-spacing: 0;
  padding: .4267rem .4267rem .2133rem;
  line-height: 9.387px;
  line-height: .5867rem;
  position: relative
}

.xj-app-gift-pack__modal__pack__modal__subTitle:before,
.xj-app-gift-pack__modal__subTitle:before {
  content: "";
  position: absolute;
  top: 52%;
  left: 0;
  background: #b8bcc2;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.xj-app-gift-pack__modal__list,
.xj-app-gift-pack__modal__pack__modal__list {
  width: 100%;
  overflow: auto;
  padding: 0 .4267rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 9.387px;
  line-height: .5867rem;
  font-size: 14px;
  color: #4e4e4e
}

.xj-app-gift-pack__modal__list dd,
.xj-app-gift-pack__modal__list dt,
.xj-app-gift-pack__modal__pack__modal__list dd,
.xj-app-gift-pack__modal__pack__modal__list dt {
  margin: 0;
  padding: 0
}

.xj-app-gift-pack__modal__list dt,
.xj-app-gift-pack__modal__pack__modal__list dt {
  float: left
}

.xj-app-gift-pack__modal__list dd,
.xj-app-gift-pack__modal__pack__modal__list dd {
  margin-left: 1.6666rem;
  margin-bottom: .2133rem
}

.xj-app-gift-pack__code,
.xj-app-gift-pack__modal__pack__code {
  font-size: 18px;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  line-height: 18px;
  font-weight: 700
}

.xj-app-gift-pack__code__label,
.xj-app-gift-pack__modal__pack__code__label {
  color: #000;
  width: 66px
}

.xj-app-gift-pack__code__num,
.xj-app-gift-pack__modal__pack__code__num {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 68%
}

.mult-app__button {
  position: relative;
  min-width: 25.797101%;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mult-app__button-download {
  border: 1px solid transparent;
  border-radius: 14px;
  min-width: 64px
}

.mult-app__button-text {
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding-bottom: 7px;
  font-weight: 700
}

.mult-app__modal {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden
}

.mult-app__modal.visible {
  visibility: visible
}

.mult-app__modal.firstHidden {
  visibility: hidden
}

.mult-app__modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.mult-app__modal.visible .mult-app__modal__modal {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.mult-app__modal__modal {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 63vh;
  width: 100vw;
  color: #1d242c;
  border-radius: 20px 20px 0 0;
  background: hsla(0, 0%, 100%, .98);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  text-align: left;
  border: none
}

.mult-app__modal__closeIcon {
  color: hsla(0, 0%, 100%, .8);
  width: 8px;
  width: .5rem;
  height: 8px;
  height: .5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: absolute;
  right: 6.4px;
  right: .4rem;
  top: -16px;
  top: -1rem;
  border: 2px solid #fff;
  border-radius: 50%
}

.mult-app__modal__closeIcon:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.mult-app__modal__closeIcon:after,
.mult-app__modal__closeIcon:before {
  content: "";
  height: 4.8px;
  height: .3rem;
  width: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  background: hsla(0, 0%, 100%, .8)
}

.mult-app__modal__closeIcon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.mult-app__modal__fixedButton {
  width: 32px;
  width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 3.2px;
  left: .2rem;
  visibility: hidden
}

.mult-app__modal__fixedButton.visible {
  visibility: visible
}

.mult-app__modal__fixedButton img {
  width: 100%
}

.mult-app__modal__panel {
  overflow-y: scroll;
  border-radius: 20px 20px 0 0;
  border: none
}

.mult-app-panel {
  padding: 16px
}

.mult-app-panel.unsupport {
  display: none
}

.mult-app-panel__title {
  font-size: 5.973px;
  font-size: .37333333rem;
  letter-spacing: 0;
  padding: .21333333rem;
  line-height: 9.387px;
  line-height: .5867rem;
  position: relative;
  text-align: center
}

.with-xj-vw .mult-app-panel__title {
  font-size: 3.73333333vw;
  padding: 2.13333333vw
}

.mult-app-panel .mult-app-item {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 8px
}

.mult-app-panel .mult-app-item:last-child {
  margin-bottom: 0
}

.mult-app-panel .mult-app-item-card {
  height: 66px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mult-app-panel .mult-app-item-card .mult-app-item-icon {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  border-radius: 6px;
  overflow: hidden
}

.mult-app-panel .mult-app-item-card .mult-app-item-icon>img {
  width: 100%;
  height: 100%
}

.mult-app-panel .mult-app-item-card .mult-app-item-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 76.8px;
  max-width: 4.8rem
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-info {
  max-width: 48vw
}

.mult-app-panel .mult-app-item-card .mult-app-item-info-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  opacity: .9
}

.mult-app-panel .mult-app-item-card .mult-app-item-info-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  opacity: .7;
  line-height: 7.253px;
  line-height: .45333333rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-info-desc {
  line-height: 4.53333333vw
}

.mult-app-panel .mult-app-item-card .mult-app-item-btn {
  height: 32px;
  line-height: 32px;
  width: 80px
}

.mult-app-panel .mult-app-item-card .mult-app-item-btn .xj-app-btn {
  font-size: 5.973px;
  font-size: .37333333rem
}

.with-xj-vw .mult-app-panel .mult-app-item-card .mult-app-item-btn .xj-app-btn {
  font-size: 3.73333333vw
}

.mult-app-panel .mult-app-item-line {
  height: 1px;
  width: 100%;
  margin-top: 6px
}

.mult-app-panel .mult-app-item-compliance {
  width: 120%;
  font-size: 12px;
  margin-top: 8px;
  -webkit-transform: scale(.84);
  transform: scale(.84)
}

.mult-app-panel .mult-app-item-compliance-underline {
  text-decoration: underline
}

.xj-download-tips__wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 24px;
  background: rgba(0, 0, 0, .7);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  max-width: 180px
}

.xj-download-tips__wrapper--hide {
  display: none
}

.xj-download-tips__close {
  width: 10px;
  height: 10px;
  padding: 0 8px;
  margin: 6px 2px;
  border-left: 1px solid #fff
}

.xj-download-tips__content {
  font-size: 12px;
  color: #fff;
  margin: 0 8px;
  height: 16px;
  line-height: 16px;
  white-space: nowrap
}

.xj-download-tips__arrow {
  position: absolute;
  top: 22px;
  content: "";
  width: 0;
  height: 0
}

.xj-download-tips__arrow--up {
  border-top: 5px solid rgba(0, 0, 0, .7)
}

.xj-download-tips__arrow--down,
.xj-download-tips__arrow--up {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}

.xj-download-tips__arrow--down {
  border-bottom: 5px solid rgba(0, 0, 0, .7);
  top: -5px
}

body>.txp_contextmenu {
  display: none
}

.xj-video {
  position: relative;
  overflow: hidden
}

.xj-video .video-before-init {
  position: absolute;
  z-index: 6;
  width: 100%
}

.xj-video .video-before-init img {
  width: 100%
}

.xj-video .data-video {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%
}

.xj-video .txp_btn_definition,
.xj-video .txp_watermark {
  display: none !important
}

.xj-video .txp_video_container video::-webkit-media-controls {
  display: none !important
}

.xj-video .txp_autohide .xj-mute-button {
  display: none
}

.xj-video .not-interactive .xj-mute-button {
  display: block
}

.xj-video .xj-mute-button {
  right: 4.267px;
  right: .2667rem;
  top: 4.267px;
  top: .2667rem
}

.xj-video .xj-mute-button,
.xj-video .xj-video-hd-tag {
  position: absolute;
  z-index: 6;
  width: 17.067px;
  width: 1.0667rem
}

.xj-video .xj-video-hd-tag {
  left: 4.267px;
  left: .2667rem;
  top: 9.067px;
  top: .5667rem
}

.xj-video .can-play-time {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: rgba(0, 0, 0, .4)
}

.xj-video .can-play-time-center-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110.932px;
  width: 6.9333rem
}

.xj-video .can-play-time-tip {
  color: #fff;
  text-align: center;
  font-size: 5.972px;
  font-size: .3733rem
}

.xj-video .txp_controls {
  height: 14.932px;
  height: .9333rem
}

.xj-video-float-wrapper {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
  background: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, .4));
  color: #fff;
  z-index: 4;
  width: 100%
}

.xj-video-float-wrapper .xj-video-float-top {
  padding: 0 .4267rem !important
}

.xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-img {
  border-radius: .5333rem;
  width: 17.067px;
  width: 1.0667rem;
  height: 17.067px;
  height: 1.0667rem;
  border: .0533rem solid #fff;
  margin-right: .2667rem;
  vertical-align: middle
}

.xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-title {
  width: calc(100% - 4rem);
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7.68px;
  font-size: .48rem;
  vertical-align: middle
}

.xj-video-float-wrapper .xj-video-float-middle {
  margin: .2667rem 0 .1333rem;
  padding: 0 .4267rem !important
}

.xj-video-float-wrapper .xj-video-float-middle span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 8.532px;
  line-height: .5333rem
}

.xj-video-float-wrapper .xj-video-float-bottom {
  border: none;
  height: 17.067px;
  height: 1.0667rem
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 {
  font-size: 5.972px;
  font-size: .3733rem;
  height: 6.72px;
  height: .42rem;
  right: 6.827px;
  right: .4267rem;
  top: 4.16px;
  top: .26rem;
  width: 32px;
  width: 2rem;
  color: #fff;
  position: absolute;
  border: none;
  background: transparent !important;
  overflow: visible
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .icon-rightArrow {
  font-size: 5.12px;
  font-size: .32rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-58%);
  transform: translateY(-58%)
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left {
  overflow: visible;
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left .text-left {
  display: block;
  overflow: visible
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right {
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .white-move,
.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right .text-right {
  display: none !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text {
  display: block;
  text-align: left;
  padding-left: 0;
  position: relative;
  padding-right: .4rem;
  background: transparent !important
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .0533rem .2133rem;
  border-radius: .4267rem;
  font-size: 5.12px;
  font-size: .32rem;
  border: .0267rem solid #fff;
  width: 36.267px;
  width: 2.2667rem;
  top: 3.412px;
  top: .2133rem;
  right: 10.24px;
  right: .64rem;
  position: absolute;
  height: 10.667px;
  height: .6667rem
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-left {
  background: #12b7f6
}

.xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-right {
  background: rgba(18, 183, 246, .3)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-img {
  border-radius: .5333rem;
  width: 17.067px;
  width: 1.0667rem;
  height: 17.067px;
  height: 1.0667rem;
  border: .0533rem solid #fff;
  margin-right: .2667rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-top .xj-video-logo .xj-video-logo-title {
  width: calc(100% - 1.5rem)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-middle {
  margin: .2667rem 0 .1333rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-middle span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom {
  text-align: center;
  border-top: .0267rem solid hsla(0, 0%, 100%, .3)
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 {
  line-height: 17.067px;
  line-height: 1.0667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  position: relative
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left {
  background: #12b7f6 !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-left .text-left {
  left: 6.827px;
  left: .4267rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right {
  background: rgba(18, 183, 246, .3) !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .wrap-right .text-right {
  display: none !important
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text {
  display: block;
  text-align: left;
  padding-left: .4267rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style1 .download-button-text:after {
  content: ">";
  position: absolute;
  right: 6.827px;
  right: .4267rem
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 {
  margin: .1333rem auto;
  height: 12.8px;
  height: .8rem;
  background: transparent;
  color: #fff;
  font-size: 6.827px;
  font-size: .4267rem;
  display: grid;
  position: relative;
  width: 48px;
  width: 3rem;
  top: 0;
  left: 0;
  -ms-flex-line-pack: center;
  align-content: center
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-left {
  background: #12b7f6
}

.txp_autohide .xj-video-float-wrapper .xj-video-float-bottom .xj-video-float-style2 .wrap-right {
  background: rgba(18, 183, 246, .3)
}

.xj-dynamic-progress {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 9000;
  top: 14.933px;
  top: .93333333rem;
  font-size: 5.973px;
  font-size: .37333333rem;
  line-height: 1;
  padding-top: .42666667rem;
  width: 100%;
  height: 19.626px;
  height: 1.22666667rem;
  padding-left: .53333333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  -webkit-transition: .4s ease;
  transition: .4s ease
}

.with-xj-vw .xj-dynamic-progress {
  top: 9.33333333vw;
  font-size: 3.73333333vw;
  padding-top: 4.26666667vw;
  height: 12.26666667vw;
  padding-left: 5.33333333vw
}

.xj-dynamic-progress--visible {
  visibility: visible;
  opacity: 1
}

.xj-dynamic-progress__bar {
  position: static
}

.xj-dynamic-progress__bar__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.xj-dynamic-progress__bar__bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, .7)
}

.xj-dynamic-progress__bar__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden
}

.xj-dynamic-progress__bar__fill__light {
  position: absolute;
  width: 160px;
  width: 10rem;
  height: 100%;
  display: none
}

.xj-dynamic-progress--downloading .xj-dynamic-progress__bar__fill__light {
  display: block
}

.xj-dynamic-progress__bar__fill__light span {
  position: absolute;
  width: 80px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
  -webkit-animation: move 2s ease-in-out 1.5s infinite;
  animation: move 2s ease-in-out 1.5s infinite;
  z-index: 2;
  top: 0;
  left: -80px
}

.xj-dynamic-progress>span {
  position: relative;
  color: #fff
}

.xj-website-float-form-wrap .xj-website-form {
  position: fixed;
  z-index: 102
}

.xj-website-float-form-wrap .xj-website-form--collapse {
  display: none
}

.xj-lead-interactive-component {
  pointer-events: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.xj-wx-attention .xj-wx-attention-2 {
  text-align: center;
  max-width: 170.667px;
  max-width: 10.6667rem;
  margin: 0 auto
}

.xj-wx-attention .xj-wx-attention-2 .xj-small-btn-wrapper {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2rem;
  padding-right: 2.2rem;
  background-color: #fff;
  position: relative
}

.xj-wx-attention .xj-wx-attention-2 .xj-small-btn-wrapper .xj-avator {
  border-radius: .1067rem;
  width: 23.68px;
  width: 1.48rem;
  height: 23.68px;
  height: 1.48rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: .2rem .1rem .2rem -1.7rem
}

.xj-wx-attention .xj-wx-attention-2 .xj-small-btn-wrapper .xj-fixedBtn-text {
  width: 100%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .32rem;
  padding: 0 .12rem 0 0
}

.xj-wx-attention .xj-wx-attention-2 .xj-small-btn-wrapper .xj-fixedBtn-text .xj-text-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.xj-wx-attention .xj-wx-attention-2 .xj-small-btn-wrapper .xj-fixedBtn-text .xj-text-top .xj-text-title {
  font-size: 7.04px;
  font-size: .44rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left
}

.xj-wx-attention .xj-wx-attention-2 .xj-small-btn-wrapper .xj-fixedBtn-text .xj-text-top .xj-app-size {
  font-size: 5.12px;
  font-size: .32rem;
  opacity: .8;
  white-space: nowrap;
  margin: 0 .16rem
}

.xj-wx-attention .xj-wx-attention-2 .xj-small-btn-wrapper .xj-fixedBtn-text .xj-text-desc {
  font-size: 5.12px;
  font-size: .32rem;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-indent: .8px;
  text-indent: .05rem;
  text-overflow: ellipsis;
  display: block
}

.xj-wx-attention .xj-wx-attention-2 .xj-small-btn-wrapper .xj-download-btn {
  right: 4.267px;
  right: .2667rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.xj-wx-attention .xj-wx-attention-2 .xj-small-btn-wrapper .xj-download-btn .xj-download-button {
  margin: .2667rem 0;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 29.872px;
  min-width: 1.867rem;
  border-radius: 5px;
  line-height: 13.648px;
  line-height: .853rem;
  height: 13.648px;
  height: .853rem;
  padding: 0 .133rem
}

.xj-wx-attention .xj-wx-attention-2>.xj-download-button {
  margin: .2667rem 0
}

.xj-wx-attention .xj-wx-attention-3 {
  display: inline-block;
  text-align: center;
  font-size: 0;
  vertical-align: top
}

.xj-wx-attention .xj-wx-attention-3 img {
  max-width: 100%;
  max-height: 200px;
  -o-object-fit: contain;
  object-fit: contain
}

.xj-wx-attention .xj-wx-attention-qrcode {
  margin: .13rem;
  background: hsla(0, 0%, 100%, .96);
  text-align: center;
  -webkit-box-shadow: 0 .1067rem .2667rem rgba(65, 77, 96, .06);
  box-shadow: 0 .1067rem .2667rem rgba(65, 77, 96, .06);
  border-radius: .2133rem;
  padding: .4267rem
}

.xj-wx-attention .xj-wx-attention-qrcode img {
  width: 100%;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.xj-wx-attention .xj-wx-attention-qrcode .description {
  margin-top: .2667rem;
  height: 18.768px;
  height: 1.173rem;
  font-size: 5.12px;
  font-size: .32rem;
  text-align: center;
  color: #4d5869
}

.xj-wx-attention-customImage-qa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: .2667rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.xj-wx-attention-customImage-qa__avatar {
  width: 16.212px;
  width: 1.0133rem;
  height: 16.212px;
  height: 1.0133rem;
  border-radius: 100%;
  border: 1px solid hsla(0, 0%, 100%, .5)
}

.xj-wx-attention-customImage-qa__customImage {
  min-width: 21.332px;
  min-width: 1.3333rem;
  min-height: 21.332px;
  min-height: 1.3333rem;
  max-width: 59.732px;
  max-width: 3.7333rem;
  max-height: 59.732px;
  max-height: 3.7333rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .1067rem;
  margin-left: .4267rem
}

.xj-app-fixed-btn-top-shadow {
  -webkit-box-shadow: #ccc 0 .0533rem .1067rem 1px;
  box-shadow: 0 .0533rem .1067rem 1px #ccc
}

.xj-app-fixed-btn-bottom-shadow {
  -webkit-box-shadow: #ccc 0 -.0533rem .1067rem 1px;
  box-shadow: 0 -.0533rem .1067rem 1px #ccc
}

.xj-wx-attention-dialog {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001
}

.xj-wx-attention-dialog .xj-wx-attention-shadow {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6)
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  padding: .5333rem;
  border-radius: .1067rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 125.867px;
  width: 7.8667rem;
  top: 61.44px;
  top: 3.84rem
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 11.947px;
  height: .7467rem;
  font-family: -apple-system, PingFangSC-Medium, Helvetica Neue, sans-serif;
  font-weight: 500;
  font-size: 8.532px;
  font-size: .5333rem;
  color: #333;
  margin-top: .5333rem;
  margin-bottom: .2667rem
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-title__style2 {
  margin-bottom: 1.04rem
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-success-img {
  width: 9.387px;
  width: .5867rem;
  height: 9.387px;
  height: .5867rem;
  margin-right: .2133rem
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-sub-title {
  line-height: 8.532px;
  line-height: .5333rem;
  font-family: -apple-system, PingFangSC-Regular, Helvetica Neue, sans-serif;
  font-size: 5.972px;
  font-size: .3733rem;
  color: #666;
  margin-bottom: .2667rem
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-add-friend-guide {
  margin: 0 auto .266rem
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-add-friend-guide img {
  width: 100%
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-wx-number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 21.332px;
  height: 1.3333rem;
  background: #f8f8f8;
  border-radius: .0533rem;
  line-height: 8.532px;
  line-height: .5333rem;
  font-family: -apple-system, PingFangSC-Regular, Helvetica Neue, sans-serif;
  font-size: 5.972px;
  font-size: .3733rem;
  color: #999;
  margin-bottom: .64rem;
  word-break: break-all;
  text-align: center
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-wx-number__active {
  height: 29.867px;
  height: 1.8667rem;
  background: rgba(32, 150, 245, .08);
  line-height: 10.667px;
  line-height: .6667rem;
  font-family: -apple-system, PingFangSC-Semibold, Helvetica Neue, sans-serif;
  font-size: 7.68px;
  font-size: .48rem;
  color: #2096f5;
  letter-spacing: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-footer-text {
  width: 100%;
  line-height: 8.532px;
  line-height: .5333rem;
  font-family: -apple-system, PingFangSC-Regular, Helvetica Neue, sans-serif;
  font-size: 5.972px;
  font-size: .3733rem;
  color: #666;
  text-align: center;
  margin-bottom: .2667rem
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-submit-btn {
  display: inline-block;
  width: 100%;
  height: 20.48px;
  height: 1.28rem;
  background: #2096f5;
  border-radius: .0533rem;
  text-align: center;
  line-height: 20.48px;
  line-height: 1.28rem;
  font-family: -apple-system, PingFangSC-Medium, Helvetica Neue, sans-serif;
  font-size: 6.827px;
  font-size: .4267rem;
  color: #fff
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-dialog-close {
  width: 9.812px;
  width: .6133rem;
  height: 9.812px;
  height: .6133rem;
  top: 3.84px;
  top: .24rem;
  right: 3.84px;
  right: .24rem;
  position: absolute
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-dialog-close:before {
  content: "";
  height: 6.827px;
  height: .4267rem;
  width: .427px;
  width: .0267rem;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  background: #c8c8c8
}

.xj-wx-attention-dialog .xj-wx-attention-dialogBody .xj-wx-attention-dialog-close:after {
  content: "";
  height: 6.827px;
  height: .4267rem;
  width: .427px;
  width: .0267rem;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #c8c8c8
}

.xj-wx-attention-wechat-dialog {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  position: fixed;
  bottom: 13.652px;
  bottom: .8533rem;
  left: 0;
  z-index: 10001
}

.xj-wx-attention-wechat-dialog .xj-wx-attention-wechat-container {
  width: 151.04px;
  width: 9.44rem;
  height: 63.145px;
  height: 3.9466rem;
  background: hsla(0, 0%, 98%, .96);
  border: .03rem solid #eeeff3;
  -webkit-box-shadow: 0 2px 10px 0 rgba(65, 77, 96, .1);
  box-shadow: 0 2px 10px 0 rgba(65, 77, 96, .1);
  border-radius: .2133rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .3733rem .64rem;
  z-index: 1003
}

.xj-wx-attention-wechat-dialog .xj-wx-attention-wechat-container .xj-wx-attention-wechat-info {
  width: 71.68px;
  width: 4.48rem
}

.xj-wx-attention-wechat-dialog .xj-wx-attention-wechat-container .xj-wx-attention-wechat-title {
  margin-top: .56rem;
  margin-bottom: .3733rem;
  font-size: 9.385px;
  font-size: .5866rem;
  color: #030303;
  letter-spacing: 0;
  line-height: 11.945px;
  line-height: .7466rem
}

.xj-wx-attention-wechat-dialog .xj-wx-attention-wechat-container .xj-wx-attention-wechat-tips {
  width: 71.68px;
  width: 4.48rem;
  height: 15.36px;
  height: .96rem;
  border-radius: .48rem;
  font-size: 5.972px;
  font-size: .3733rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  letter-spacing: 0;
  background: url(//xj.gtimg.cn/qzone/biz/gdt/lib/xijing/viewer/cdn/img/wx-attention-qrcode.png) 0
}

.xj-wx-attention-wechat-dialog .xj-wx-attention-wechat-container .xj-wx-attention-wechat-qrcode {
  margin-left: .48rem;
  width: 51.2px;
  width: 3.2rem;
  height: 51.2px;
  height: 3.2rem;
  z-index: 1002
}

.xj-wx-attention-wechat-dialog .xj-wx-attention-wechat-dialog-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.xj-wx-attention-copy-wrapper {
  position: relative
}

.xj-wx-attention-copy-btn {
  display: none;
  width: 29.867px;
  width: 1.8667rem;
  height: 15.36px;
  height: .96rem;
  border-radius: .2133rem;
  background: #09090a;
  top: -10.24px;
  top: -.64rem;
  line-height: 15.36px;
  line-height: .96rem;
  font-family: -apple-system, PingFangSC-Regular, Helvetica Neue, sans-serif;
  font-size: 5.972px;
  font-size: .3733rem;
  color: #fff;
  text-align: center
}

.xj-wx-attention-copy-btn,
.xj-wx-attention-copy-btn:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.xj-wx-attention-copy-btn:after {
  content: " ";
  width: 0;
  height: 0;
  display: block;
  border: .2133rem solid transparent;
  border-top-color: #000
}

.xj-fixed-wrapper.xj-wx-attention-container {
  width: 100%;
  z-index: 1001;
  pointer-events: all
}

.xj-fixed-wrapper .xj-wx-attention-1 .xj-common-button,
.xj-fixed-wrapper .xj-wx-attention-2 .xj-small-btn-wrapper,
.xj-fixed-wrapper .xj-wx-attention-3 img,
.xj-fixed-wrapper .xj-wx-attention-copy-wrapper,
.xj-fixed-wrapper .xj-wx-attention-dialog {
  pointer-events: all
}

.xj-wx-attention-poi {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
  background: #fff
}

.xj-wx-attention-poi,
.xj-wx-attention-poi .xj-wx-attention-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-wx-attention-poi .xj-wx-attention-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.xj-wx-attention-poi .xj-wx-attention-left .xj-wx-attention-content {
  margin-left: 16px
}

.xj-wx-attention-poi .xj-wx-attention-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px
}

.xj-wx-attention-line-wraper {
  padding: 0 16px;
  background: #fff
}

.xj-wx-attention-line {
  height: .5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), color-stop(rgba(0, 0, 0, .1)), color-stop(51%, transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1), transparent 51%);
  background-size: 100% 1px
}

.body-Lock-scroll-Class-Name {
  overflow: hidden
}

.isd-form-item-control-wrapper-phone-auto-text {
  position: absolute;
  height: 9.808px;
  height: .613rem;
  line-height: 9.808px;
  line-height: .613rem;
  padding: 0 4px;
  border: 1px solid #296bef;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 13px !important;
  color: #296bef;
  right: 8.532px;
  right: .5333rem;
  top: 50%;
  text-align: center;
  margin-top: -.306rem
}

.isd-form-item-control-agreements {
  padding: .27rem .27rem 0 .46rem;
  font-size: 12px !important;
  color: #b2b2b2
}

.isd-form-item-control-agreements a {
  color: #6281c0;
  font-size: 12px !important
}

.type-same-line-and-border .isd-form-item-control-agreements {
  padding-bottom: .27rem;
  border: 1px solid rgba(0, 0, 0, .06);
  border-top: none;
  background-color: #f6f7f8
}

.type-line-feed-and-border .isd-form-item-control-agreements {
  padding-top: .053rem;
  margin-bottom: -.08rem
}

.isd-web-form-out-wrapper {
  max-width: 640px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  font-size: 5.12px;
  font-size: .32rem
}

.isd-web-form-out-wrapper .isd-web-form-drag {
  width: 100%;
  padding: .33rem 0;
  margin-bottom: .15rem;
  border-radius: 12px 12px 0 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.isd-web-form-out-wrapper .isd-web-form-drag .isd-web-form-drag-des {
  width: 20.48px;
  width: 1.28rem;
  height: 1.705px;
  height: .1066rem;
  background: #e6e8ed;
  border-radius: 2px;
  display: inline-block
}

.isd-web-form-out-wrapper .isd-web-form-drag .isd-web-form-drag-des-stretch {
  height: 4px
}

.isd-web-form-out-wrapper .isd-web-form-drag .isd-web-form-drag-des-stretch:after,
.isd-web-form-out-wrapper .isd-web-form-drag .isd-web-form-drag-des-stretch:before {
  content: "";
  display: inline-block;
  width: 10.662px;
  width: .6664rem;
  height: 1.702px;
  height: .1064rem
}

.isd-web-form-out-wrapper .isd-web-form-drag .isd-web-form-drag-des-stretch:before {
  border-radius: 4px 0 0 4px;
  background-color: #d8d8d8;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right
}

.isd-web-form-out-wrapper .isd-web-form-drag .isd-web-form-drag-des-stretch:after {
  border-radius: 0 4px 4px 0;
  background-color: #d8d8d8;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left
}

.isd-web-form-out-wrapper .isd-form-title {
  font-size: 6.827px;
  font-size: .4267rem;
  text-align: center;
  padding: .533333rem 0
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item {
  margin: .32rem 0;
  position: relative
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-label {
  display: block;
  word-wrap: break-word;
  word-break: break-all;
  padding-left: .32rem
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-control-wrapper,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-control-wrapper {
  background-color: #f8f9fb
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-control-wrapper .isd-form-select,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-control-wrapper .isd-form-select {
  height: 20.8px;
  height: 1.3rem;
  line-height: 20.8px;
  line-height: 1.3rem;
  padding-left: .32rem;
  color: #d5d7dd;
  position: relative
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-control-wrapper .isd-form-select .isd-form-picker-arrow,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-control-wrapper .isd-form-select .isd-form-picker-arrow {
  position: absolute;
  right: 0;
  padding: 0 .32rem;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-control-wrapper-phone,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-control-wrapper-phone {
  position: relative
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-control-wrapper-phone input,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-control-wrapper-phone input {
  padding-right: 2.2rem
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-option-img,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-option-img {
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  margin-bottom: 2px;
  overflow: hidden;
  border-radius: .1067rem
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-option-label {
  word-break: break-all;
  min-width: 11.2px;
  min-width: .7rem
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-checkbox-list,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-radio-list,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-checkbox-list,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-radio-list {
  padding: .32rem;
  margin: 0
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-checkbox-list li,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-radio-list li,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-checkbox-list li,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-radio-list li {
  display: inline-block;
  list-style: none;
  padding: .12rem .28rem;
  border: 1px solid #eff0f3;
  border-radius: .1067rem;
  background-color: #fff;
  text-align: center
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-checkbox-list li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-checkbox-list li.isd-radio-item-selected,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-radio-list li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-radio-list li.isd-radio-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-checkbox-list li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-checkbox-list li.isd-radio-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-radio-list li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-radio-list li.isd-radio-item-selected {
  color: #fff;
  background-color: #1ba2f4;
  border: 1px solid transparent
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-checkbox-item li,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageCheckbox-item li,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item li,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-radio-item li,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-checkbox-item li,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageCheckbox-item li,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item li,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-radio-item li {
  margin-bottom: .4267rem;
  min-width: 19.2px;
  min-width: 1.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageCheckbox-item .isd-checkbox-item,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageCheckbox-item .isd-radio-item,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item .isd-checkbox-item,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item .isd-radio-item,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageCheckbox-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageCheckbox-item .isd-radio-item,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item .isd-radio-item {
  padding: 2px
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageCheckbox-item li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageCheckbox-item li.isd-radio-item-selected,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item li.isd-radio-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageCheckbox-item li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageCheckbox-item li.isd-radio-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item li.isd-radio-item-selected {
  background: transparent;
  border: 1px solid #1ba2f4;
  position: relative
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageCheckbox-item li.isd-checkbox-item-selected:before,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageCheckbox-item li.isd-radio-item-selected:before,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item li.isd-checkbox-item-selected:before,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item li.isd-radio-item-selected:before,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageCheckbox-item li.isd-checkbox-item-selected:before,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageCheckbox-item li.isd-radio-item-selected:before,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item li.isd-checkbox-item-selected:before,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item li.isd-radio-item-selected:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA15JREFUaAXV2FtIFFEYB/D/OOPOmoVlGolSEGUQQWklSd4KiqieopegfAiCInyIqAftYkElSFCElT1EUBQ9BVEQRKFdjPLBiIIwHyokSgwqsXZ2153Ot+1x9jo7Mzu7O/O9jOPO5f87c843q0LVjclOVVVPwKUlUG43I8IANyOmAW5FFFBwXqO7izsFQTjJ9520nVUooLokJm44XsJvnIiQWMrueg/ubPRi6ezYyLF7kSF3EoLm+Kk1HmxbKKG8SMC1FjnmSSQFkMMpiCM1HrRWF0aGFij1CiiRtaWbEuAExL5lhWhbroWfDKrY/1TB4NjUNEgXkE/EzsUS2ms900EDIeDwSz/6vmrh6cO0gHwgtrL5frpORkFkpqgsxLFBBfc+BSlOTBkC0Bm5WhONFSLOsY7jEbWcXUN+3BxODE9HGAbQwVYQDfNFVMzQFh1dJ1WtLCtAT6OMmazn87r0PoCedwG+m7A1BaCzzSAo/PUN3nAoehHpFb2kepu8KI3qMLc+BkGjr1emAXQxI4haNppXmmR42VSomyfiQsP/n5OFqSoW0Nsso5Jted3/HMRRNu9DtAB0yhKArpcO8YdN2YmoJ7+pSkTXWhmSljEcaw4b8d5mL5ZEfU3oZ53m0IAf/tiGk5RhGZAO8eFnCHv7ffj+VxvCHYskHF+ttcYiCTi/TsaKuVqMofEQ2p4roJ5vpKLWupHDE4/5ffdMX8n2DhrXlvhPx1h4eulsXiChKDL0NWUiKBoF7a6XsYV9xmuYoff0+UDnGa24B2r0tMTj9P4oamKt8Sqb47y7TLF8bxhgVbk28qOTKnY99mHkF3tjmSjbAHRPPQS9nC6y6RLd33nOcZ+K1ic+vP1hLjydrw0Bv1oGW72F/YB1lY7XiV1lIqDiwDPFUnjbAXRBPcTtkSDORvV1hXWZgwMKXnwz0G5SDKytT4DfQw9xOfJmpS9n7a8UPPxiPTzdz9Y1wAF8m2pNUENaXyni0Whm4bMOoBukQnBkptusPgEeLpuInAAIki1EzgDZQuQUkA1EzgF2I/ICsBORN4BdiLwC7EDkHZApwhGATBCOAVhFOApgBeE4gFmEIwFmEI4FGEU4GmAE4XhAOoQrAHoI1wBSIVwFSIZwHSAe4UpAPIL2XVn0j4J/a3SFB82W/nkAAAAASUVORK5CYII=) 0 0/contain no-repeat
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-checkbox-item li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-checkbox-item li.isd-radio-item-selected,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-radio-item li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-radio-item li.isd-radio-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-checkbox-item li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-checkbox-item li.isd-radio-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-radio-item li.isd-checkbox-item-selected,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-radio-item li.isd-radio-item-selected {
  color: #fff
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-textarea,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-textarea {
  width: 100%;
  outline: none;
  border: none;
  margin: .12rem 0;
  resize: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: .4267rem;
  padding-right: .32rem;
  background: transparent;
  line-height: 1.6em
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-textarea::-webkit-input-placeholder,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-textarea::-webkit-input-placeholder {
  color: #d5d7dd
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-textarea::-moz-placeholder,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-textarea::-moz-placeholder {
  color: #d5d7dd
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-textarea::-ms-input-placeholder,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-textarea::-ms-input-placeholder {
  color: #d5d7dd
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-textarea::placeholder,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-textarea::placeholder {
  color: #d5d7dd
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-textarea-count,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-textarea-count {
  position: absolute;
  bottom: 0;
  right: 10px;
  padding: 10px 0;
  opacity: .5;
  color: #d5d7dd
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-textarea-count.error,
.isd-web-form-out-wrapper .web-form-layerform-module .isd-form-textarea-count.error {
  color: red
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper input,
.isd-web-form-out-wrapper .web-form-layerform-module input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #eff0f3;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  color: inherit;
  height: 12.8px;
  height: .8rem;
  margin: .2rem 0;
  padding-left: .32rem
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper input::-webkit-input-placeholder,
.isd-web-form-out-wrapper .web-form-layerform-module input::-webkit-input-placeholder {
  color: #d5d7dd
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper input::-moz-placeholder,
.isd-web-form-out-wrapper .web-form-layerform-module input::-moz-placeholder {
  color: #d5d7dd
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper input::-ms-input-placeholder,
.isd-web-form-out-wrapper .web-form-layerform-module input::-ms-input-placeholder {
  color: #d5d7dd
}

.isd-web-form-out-wrapper .isd-web-form-global-wrapper input::placeholder,
.isd-web-form-out-wrapper .web-form-layerform-module input::placeholder {
  color: #d5d7dd
}

.isd-web-form-out-wrapper .isd-form-item-select .isd-form-select {
  display: block;
  padding: 10px;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  border-top: 1.02px solid #d9d9d9;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  height: 20.8px;
  height: 1.3rem;
  line-height: 20.8px;
  line-height: 1.3rem
}

.isd-web-form-out-wrapper .isd-form-item-select .btn {
  display: block;
  text-align: center;
  padding: .32rem 0;
  margin: 0 auto;
  color: #fff;
  background-color: #1ba2f4;
  border-radius: .1067rem
}

.isd-web-form-out-wrapper .isd-form-item-control-wrapper-imageCheckbox .isd-checkbox-item-selected,
.isd-web-form-out-wrapper .isd-form-item-control-wrapper-imageCheckbox .isd-radio-item-selected,
.isd-web-form-out-wrapper .isd-form-item-control-wrapper-imageRadio .isd-checkbox-item-selected,
.isd-web-form-out-wrapper .isd-form-item-control-wrapper-imageRadio .isd-radio-item-selected {
  color: #000 !important
}

.isd-web-form-out-wrapper .isd-form-lbs-shop-info-picker-placeholder,
.isd-web-form-out-wrapper .isd-form-picker-placeholder,
.isd-web-form-out-wrapper .isd-form-picker-show-value {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: calc(100% - .42rem);
  white-space: nowrap
}

.isd-web-form-out-wrapper .isd-form-picker-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .isd-form-picker-show-value {
  color: rgba(0, 0, 0, .8)
}

.isd-web-form-out-wrapper .isd-form-item-button {
  padding: .32rem .5333rem;
  text-align: center;
  margin: .3733rem 0;
  border-radius: .1067rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.isd-web-form-out-wrapper .isd-form-item-button-bottom-form {
  width: calc(100% - .8rem) !important;
  position: fixed !important;
  bottom: 0 !important;
  margin: 0 !important;
  pointer-events: none
}

.isd-web-form-out-wrapper .isd-form-verificationCode-item input {
  width: calc(100% - 95px)
}

.isd-web-form-out-wrapper .isd-form-verificationCode-item .img-verification-code {
  display: inline-block;
  margin-left: 10px;
  width: 80px;
  height: 40px;
  overflow: hidden;
  cursor: pointer
}

.isd-web-form-out-wrapper .isd-form-verificationCode-item .img-verification-code img {
  width: 100%
}

.isd-web-form-out-wrapper .isd-form-phoneVerify-item input {
  width: calc(100% - 95px)
}

.isd-web-form-out-wrapper .isd-form-phoneVerify-item .get-short-message-verification-code {
  display: inline-block;
  margin-left: 10px;
  width: 80px;
  height: 40px;
  overflow: hidden;
  cursor: pointer
}

.isd-web-form-out-wrapper .isd-form-phoneVerify-item .disable-time {
  color: #ccc
}

.isd-web-form-out-wrapper .isd-form-item-control-wrapper-mobileVerify {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.isd-web-form-out-wrapper .isd-form-item-control-wrapper-mobileVerify .get-sms-verification-code {
  color: #296bef;
  cursor: pointer
}

.isd-web-form-out-wrapper .isd-form-item-control-wrapper-mobileVerify .get-sms-verification-code--time {
  color: #afafb1;
  cursor: not-allowed
}

.isd-web-form-out-wrapper .hide-gradually-select {
  display: none
}

.xj-layer-form-modal-mask,
.xj-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

.type-same-line-common .isd-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .06)
}

.type-same-line-common .isd-form-item .isd-form-item-label {
  width: 38.4px;
  width: 2.4rem
}

.type-same-line-common .isd-form-item .isd-form-item-control-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: transparent;
  -ms-flex-item-align: center;
  align-self: center
}

.type-same-line-common .isd-form-item .isd-form-item-control-wrapper input {
  border: none
}

.type-same-line-common .isd-form-checkbox-item,
.type-same-line-common .isd-form-imageCheckbox-item,
.type-same-line-common .isd-form-imageRadio-item,
.type-same-line-common .isd-form-radio-item,
.type-same-line-common .isd-form-textarea-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.type-same-line-common .isd-form-checkbox-item .isd-form-item-control-wrapper,
.type-same-line-common .isd-form-imageCheckbox-item .isd-form-item-control-wrapper,
.type-same-line-common .isd-form-imageRadio-item .isd-form-item-control-wrapper,
.type-same-line-common .isd-form-radio-item .isd-form-item-control-wrapper {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.type-same-line-common .isd-form-checkbox-item .isd-form-item-label,
.type-same-line-common .isd-form-imageCheckbox-item .isd-form-item-label,
.type-same-line-common .isd-form-imageRadio-item .isd-form-item-label,
.type-same-line-common .isd-form-radio-item .isd-form-item-label {
  margin-top: .2rem;
  line-height: normal;
  position: relative
}

.isd-form-item-error .isd-form-item-label {
  color: #ed3b3b
}

.isd-form-item-error .isd-form-item-control-wrapper-phone {
  border: 1px solid #ed3b3b
}

.isd-form-privacyPolicy-item,
.isd-form-submit-item,
.privacy-policy-wrapper {
  background: none !important;
  border: none !important
}

.type-same-line-and-border-bottom .isd-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .06)
}

.type-same-line-and-border-bottom .isd-form-item .isd-form-item-label {
  width: 38.4px;
  width: 2.4rem
}

.type-same-line-and-border-bottom .isd-form-item .isd-form-item-control-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: transparent;
  -ms-flex-item-align: center;
  align-self: center
}

.type-same-line-and-border-bottom .isd-form-item .isd-form-item-control-wrapper input {
  border: none
}

.type-same-line-and-border-bottom .isd-form-checkbox-item,
.type-same-line-and-border-bottom .isd-form-imageCheckbox-item,
.type-same-line-and-border-bottom .isd-form-imageRadio-item,
.type-same-line-and-border-bottom .isd-form-radio-item,
.type-same-line-and-border-bottom .isd-form-textarea-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.type-same-line-and-border-bottom .isd-form-checkbox-item .isd-form-item-control-wrapper,
.type-same-line-and-border-bottom .isd-form-imageCheckbox-item .isd-form-item-control-wrapper,
.type-same-line-and-border-bottom .isd-form-imageRadio-item .isd-form-item-control-wrapper,
.type-same-line-and-border-bottom .isd-form-radio-item .isd-form-item-control-wrapper {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.type-same-line-and-border-bottom .isd-form-checkbox-item .isd-form-item-label,
.type-same-line-and-border-bottom .isd-form-imageCheckbox-item .isd-form-item-label,
.type-same-line-and-border-bottom .isd-form-imageRadio-item .isd-form-item-label,
.type-same-line-and-border-bottom .isd-form-radio-item .isd-form-item-label {
  margin-top: .2rem;
  line-height: normal;
  position: relative
}

.type-same-line-and-border-bottom .isd-form-item.isd-form-submit-item {
  border-bottom: none
}

.type-same-line-and-border-bottom .isd-form-privacyPolicy-item {
  padding-top: .23rem
}

.type-same-line-and-border {
  margin-left: .4267rem;
  margin-right: .4267rem;
  background-color: #f8f9fb
}

.type-same-line-and-border .isd-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 0 !important;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .06)
}

.type-same-line-and-border .isd-form-item .isd-form-item-label {
  width: 38.4px;
  width: 2.4rem
}

.type-same-line-and-border .isd-form-item .isd-form-item-control-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: transparent;
  -ms-flex-item-align: center;
  align-self: center
}

.type-same-line-and-border .isd-form-item .isd-form-item-control-wrapper input {
  border: none
}

.type-same-line-and-border .isd-form-checkbox-item,
.type-same-line-and-border .isd-form-imageCheckbox-item,
.type-same-line-and-border .isd-form-imageRadio-item,
.type-same-line-and-border .isd-form-radio-item,
.type-same-line-and-border .isd-form-textarea-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.type-same-line-and-border .isd-form-checkbox-item .isd-form-item-control-wrapper,
.type-same-line-and-border .isd-form-imageCheckbox-item .isd-form-item-control-wrapper,
.type-same-line-and-border .isd-form-imageRadio-item .isd-form-item-control-wrapper,
.type-same-line-and-border .isd-form-radio-item .isd-form-item-control-wrapper {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.type-same-line-and-border .isd-form-checkbox-item .isd-form-item-label,
.type-same-line-and-border .isd-form-imageCheckbox-item .isd-form-item-label,
.type-same-line-and-border .isd-form-imageRadio-item .isd-form-item-label,
.type-same-line-and-border .isd-form-radio-item .isd-form-item-label {
  margin-top: .2rem;
  line-height: normal;
  position: relative
}

.type-same-line-and-border .isd-form-item {
  border-left: 1px solid rgba(0, 0, 0, .06);
  border-right: 1px solid rgba(0, 0, 0, .06);
  background-color: #f6f7f8;
  overflow: hidden
}

.type-same-line-and-border .isd-form-item:first-child {
  border-top: 1px solid rgba(0, 0, 0, .06)
}

.type-same-line-and-border .isd-form-item.isd-form-submit-item,
.type-same-line-and-border .isd-form-title {
  border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-input,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-input::-webkit-input-placeholder,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-required,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-textarea::-webkit-input-placeholder,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-picker-placeholder {
  color: #ed3b3b !important
}

.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-input,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-input::-moz-placeholder,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-required,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-textarea::-moz-placeholder,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-picker-placeholder {
  color: #ed3b3b !important
}

.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-input,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-input::-ms-input-placeholder,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-required,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-textarea::-ms-input-placeholder,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-picker-placeholder {
  color: #ed3b3b !important
}

.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-input,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-input::placeholder,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-required,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-item-textarea::placeholder,
.type-line-feed-and-no-label .isd-form-item-error .isd-form-picker-placeholder {
  color: #ed3b3b !important
}

.type-line-feed-and-no-label .isd-form-item-control-wrapper input::-webkit-input-placeholder {
  color: #d5d7dd
}

.type-line-feed-and-no-label .isd-form-item-control-wrapper input::-moz-placeholder {
  color: #d5d7dd
}

.type-line-feed-and-no-label .isd-form-item-control-wrapper input::-ms-input-placeholder {
  color: #d5d7dd
}

.type-line-feed-and-no-label .isd-form-item-control-wrapper input::placeholder {
  color: #d5d7dd
}

.type-line-feed-and-no-label .isd-form-item-control-wrapper textarea::-webkit-input-placeholder {
  color: #d5d7dd
}

.type-line-feed-and-no-label .isd-form-item-control-wrapper textarea::-moz-placeholder {
  color: #d5d7dd
}

.type-line-feed-and-no-label .isd-form-item-control-wrapper textarea::-ms-input-placeholder {
  color: #d5d7dd
}

.type-line-feed-and-no-label .isd-form-item-control-wrapper textarea::placeholder {
  color: #d5d7dd
}

.type-line-feed-and-no-label .isd-form-item-control-wrapper-checkbox,
.type-line-feed-and-no-label .isd-form-item-control-wrapper-gender,
.type-line-feed-and-no-label .isd-form-item-control-wrapper-imageCheckbox,
.type-line-feed-and-no-label .isd-form-item-control-wrapper-imageRadio,
.type-line-feed-and-no-label .isd-form-item-control-wrapper-radio {
  background-color: #fff
}

.isd-form-picker-arrow {
  width: 4.267px;
  width: .2667rem
}

.isd-form-picker-arrow b {
  display: inline-block;
  height: 100%;
  width: 4.267px;
  width: .2667rem;
  position: absolute;
  right: 6.4px;
  right: .4rem
}

.isd-form-picker-arrow b .arrow-down {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
  width: 4.267px;
  width: .2667rem;
  color: #555
}

.isd-form-picker-arrow b .arrow-down i {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 2.667px;
  width: .1667rem;
  display: inline-block;
  height: 2.667px;
  height: .1667rem;
  font-style: normal;
  font-weight: 400;
  border-left: .0267rem solid;
  border-bottom: .0267rem solid
}

.privacy-policy-wrapper {
  width: 100%;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.privacy-policy-wrapper .isd-form-privacy-policy-url {
  color: #6281c0;
  padding: .4rem 0;
  margin: -.4rem 0;
  font-size: 5.12px !important;
  font-size: .32rem !important
}

.privacy-policy-wrapper.js-isd-real-checkbox-checked .isd-real-checkbox .form-checkbox-fake {
  border: 1px solid transparent;
  background-color: #296bef
}

.privacy-policy-wrapper.js-isd-real-checkbox-checked .isd-real-checkbox .form-checkbox-fake:before {
  display: block
}

.privacy-policy-wrapper .isd-real-checkbox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.privacy-policy-wrapper .isd-real-checkbox .form-checkbox-input {
  display: none
}

.privacy-policy-wrapper .isd-real-checkbox .form-checkbox-fake {
  position: relative;
  display: inline-block;
  width: 5.547px;
  width: .3467rem;
  height: 5.547px;
  height: .3467rem;
  border: 1px solid #dcdee3;
  vertical-align: bottom;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  background-color: transparent;
  border-radius: 2px;
  margin: .0533rem .16rem 0 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  top: -.852px;
  top: -.0533rem
}

.privacy-policy-wrapper .isd-real-checkbox .form-checkbox-fake:before {
  content: "";
  display: none;
  position: absolute;
  height: 1.707px;
  height: .1067rem;
  width: 3.84px;
  width: .24rem;
  border-left: .0533rem solid #fff;
  border-bottom: .0533rem solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 1.707px;
  top: .1067rem;
  left: 1.6px;
  left: .1rem;
  width: 3.2px;
  width: .2rem;
  height: 1.492px;
  height: .0933rem;
  top: .852px;
  top: .0533rem;
  left: .852px;
  left: .0533rem
}

.privacy-policy-wrapper .isd-real-checkbox .form-checkbox-fake:after {
  content: "";
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  width: 0;
  height: 0
}

.privacy-policy-wrapper .isd-real-checkbox .isd-form-privacy-policy-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 5.12px;
  font-size: .32rem
}

.privacy-policy-wrapper-padding .xj-modal-header {
  padding: .6333rem .6333rem 0
}

.privacy-policy-wrapper-padding .xj-modal-body {
  height: 67.5vh;
  padding: 0 .6333rem
}

.privacy-policy-wrapper-padding .xj-modal-footer {
  display: none
}

.privacy-policy-desc {
  font-size: 3.84px !important;
  font-size: .24rem !important;
  color: rgba(0, 0, 0, .3);
  letter-spacing: 0;
  margin-left: .6933rem;
  margin-right: .5333rem
}

.iframe-of-form-header {
  font-size: 5.972px;
  font-size: .3733rem;
  color: #333;
  letter-spacing: 0;
  text-align: center;
  border-bottom: 1px solid #e2e3e4;
  padding-bottom: .3733rem;
  width: 100%
}

.iframe-of-form-header>p {
  text-align: left
}

.iframe-of-form-height-light-title {
  font-size: 6.827px;
  font-size: .4267rem;
  color: #296aef;
  position: relative;
  padding-bottom: .3733rem;
  display: inline-block
}

.iframe-of-form-height-light-title:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 25vw;
  top: 30%;
  right: 23vw;
  background: #d6d6d6
}

.iframe-of-form-height-light-title:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 25vw;
  top: 30%;
  left: 23vw;
  background: #d6d6d6
}

.isd-form-privacyPolicy-item {
  display: block !important;
  padding: .23rem 0 0 .5867rem;
  margin: 0 !important
}

.isd-form-privacyPolicy-item:first-of-type {
  margin-top: .4267rem
}

.isd-form-privacyPolicy-item.isd-form-item-error .isd-form-privacy-policy-content {
  color: #ed3b3b !important
}

.isd-tool-tip {
  position: fixed;
  top: 15px;
  right: 10px;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  border-radius: 6px;
  padding: 7px 14px;
  line-height: 20px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.isd-tool-tip:after {
  content: " ";
  border: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .6);
  position: absolute;
  top: -14px;
  left: 50%
}

.isd-web-form-out-wrapper .web-form-font-size-14 * {
  font-size: 5.972px;
  font-size: .3733rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .isd-form-item-input-width {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common input {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common input::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common input::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common textarea::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item>.isd-form-item-label {
  min-width: 1em;
  -webkit-box-flex: 25;
  -ms-flex: 25 1 0%;
  flex: 25 1 0%
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item>.isd-form-item-control-wrapper {
  -webkit-box-flex: 75;
  -ms-flex: 75 1 0%;
  flex: 75 1 0%;
  min-width: 48.64px;
  min-width: 3.04rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item>.isd-form-item-control-wrapper>ul {
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item>.isd-form-item-control-wrapper .isd-form-select {
  color: rgba(0, 0, 0, .3);
  padding: 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-radio-item {
  padding-bottom: .42rem;
  padding-top: .14rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-checkbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-radio-item .isd-form-item-label {
  margin-top: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-checkbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-radio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-imageCheckbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-imageRadio-item {
  padding-bottom: .46rem;
  padding-top: .22rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-imageCheckbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-imageRadio-item .isd-form-item-label {
  margin-top: .26rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-imageCheckbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-imageRadio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-textarea-item {
  padding-bottom: .46rem;
  padding-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-textarea-item .isd-form-item-label {
  margin-top: .36rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-textarea-item .isd-form-item-control-wrapper-textarea {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .12rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-gender-item .isd-radio-list {
  padding-bottom: .24rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item-control-wrapper-imageCheckbox .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item-control-wrapper-imageCheckbox .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item-control-wrapper-imageRadio .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item-control-wrapper-imageRadio .isd-radio-item {
  width: 46%;
  margin-right: 4%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  max-width: 44.8px;
  max-width: 2.8rem;
  min-width: 36.48px;
  min-width: 2.28rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item-control-wrapper-imageCheckbox .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item-control-wrapper-imageRadio .isd-form-option-label {
  padding: .12rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-graduallySelect-item>.isd-form-item-label {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .38rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select) {
  border-top: 1px solid rgba(0, 0, 0, .06)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select):first-child {
  border-top: none
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type_same_line_common .isd-form-item-control-wrapper-mobileVerify input {
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom input {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom input::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom input::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom textarea::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item>.isd-form-item-label {
  min-width: 1em;
  -webkit-box-flex: 25;
  -ms-flex: 25 1 0%;
  flex: 25 1 0%
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item>.isd-form-item-control-wrapper {
  -webkit-box-flex: 75;
  -ms-flex: 75 1 0%;
  flex: 75 1 0%;
  min-width: 48.64px;
  min-width: 3.04rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item>.isd-form-item-control-wrapper>ul {
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item>.isd-form-item-control-wrapper .isd-form-select {
  color: rgba(0, 0, 0, .3);
  padding: 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-radio-item {
  padding-bottom: .42rem;
  padding-top: .14rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-checkbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-radio-item .isd-form-item-label {
  margin-top: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-checkbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-radio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-imageCheckbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-imageRadio-item {
  padding-bottom: .46rem;
  padding-top: .22rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-imageCheckbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-imageRadio-item .isd-form-item-label {
  margin-top: .26rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-imageCheckbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-imageRadio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-textarea-item {
  padding-bottom: .46rem;
  padding-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-textarea-item .isd-form-item-label {
  margin-top: .36rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-textarea-item .isd-form-item-control-wrapper-textarea {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .12rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-gender-item .isd-radio-list {
  padding-bottom: .24rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageCheckbox .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageCheckbox .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageRadio .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageRadio .isd-radio-item {
  width: 46%;
  margin-right: 4%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  max-width: 44.8px;
  max-width: 2.8rem;
  min-width: 36.48px;
  min-width: 2.28rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageCheckbox .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageRadio .isd-form-option-label {
  padding: .12rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-graduallySelect-item>.isd-form-item-label {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .38rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select) {
  border-top: 1px solid rgba(0, 0, 0, .06)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select):first-child {
  border-top: none
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item-control-wrapper-mobileVerify input {
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item {
  margin: .2133rem 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item-label {
  margin: .1333rem 0;
  width: 32px;
  width: 2rem;
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-checkbox-list,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-radio-list {
  padding: 0 0 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-radio-item {
  margin: .28rem .36rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-item-textarea {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-textarea-count {
  color: rgba(0, 0, 0, .5);
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-privacyPolicy-item {
  padding-left: .46rem;
  border-bottom: none
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border-bottom .get-sms-verification-code {
  padding-right: .48rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border input {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border input::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border input::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item>.isd-form-item-label {
  min-width: 1em;
  -webkit-box-flex: 25;
  -ms-flex: 25 1 0%;
  flex: 25 1 0%
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item>.isd-form-item-control-wrapper {
  -webkit-box-flex: 75;
  -ms-flex: 75 1 0%;
  flex: 75 1 0%;
  min-width: 48.64px;
  min-width: 3.04rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item>.isd-form-item-control-wrapper>ul {
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item>.isd-form-item-control-wrapper .isd-form-select {
  color: rgba(0, 0, 0, .3);
  padding: 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-checkbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-radio-item .isd-form-item-label {
  margin-top: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-imageCheckbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-imageRadio-item .isd-form-item-label {
  margin-top: .26rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-radio-item {
  width: 46%;
  margin-right: 4%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  max-width: 44.8px;
  max-width: 2.8rem;
  min-width: 36.48px;
  min-width: 2.28rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-form-option-label {
  padding: .12rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-graduallySelect-item>.isd-form-item-label {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .38rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select) {
  border-top: 1px solid rgba(0, 0, 0, .06)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select):first-child {
  border-top: none
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-mobileVerify input {
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border input {
  padding-left: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border textarea::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item {
  margin: .2133rem 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-label {
  margin: .1333rem 0;
  padding-left: .32rem;
  width: 32px;
  width: 2rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-checkbox-list,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-radio-list {
  padding: 0 0 0 .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-radio-item {
  margin: .32rem .28rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-radio-item {
  padding-bottom: .42rem;
  padding-top: .14rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-checkbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-radio-item .isd-form-item-label {
  margin-top: .52rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-checkbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-radio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-imageCheckbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-imageRadio-item {
  padding-bottom: .46rem;
  padding-top: .22rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-imageCheckbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-imageRadio-item .isd-form-item-label {
  margin-top: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-imageCheckbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-imageRadio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-textarea-item {
  padding-bottom: .46rem;
  padding-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-textarea-item .isd-form-item-label {
  margin-top: .36rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-textarea-item .isd-form-item-control-wrapper-textarea {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .12rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-gender-item .isd-radio-list {
  padding-bottom: .24rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-textarea-count {
  color: rgba(0, 0, 0, .5);
  right: 5.12px;
  right: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper .isd-form-select {
  padding: 0 .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-radio-item {
  min-width: 38.4px;
  min-width: 2.4rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-item-label-textarea {
  margin-top: .1867rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-privacyPolicy-item {
  padding-left: .32rem;
  border-bottom: none;
  margin: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 5.12px;
  right: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-same-line-and-border .get-sms-verification-code {
  padding-right: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common input {
  padding-left: .46rem;
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common input::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common input::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common textarea::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-item {
  margin: .2133rem 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-item:first-child {
  margin-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-item-label {
  margin-bottom: .1333rem;
  padding-left: .46rem;
  margin-top: .48rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-checkbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-radio-item ul {
  padding: 0 .46rem .32rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-checkbox-item ul li,
.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-radio-item ul li {
  margin: .32rem .02rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-checkbox-item .js-isd-form-option,
.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-radio-item .js-isd-form-option {
  padding: .1067rem .2rem;
  margin: .32rem .36rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-imageCheckbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-imageRadio-item ul {
  padding: 0 .32rem .32rem .46rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-imageCheckbox-item .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-imageRadio-item .isd-form-option-label {
  padding: .16rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-imageCheckbox-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-imageCheckbox-item .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-imageRadio-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-imageRadio-item .isd-radio-item {
  width: 28%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  margin: .32rem 5% 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-gender-item ul {
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-gender-item ul li {
  margin: 0 .28rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-item-textarea {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-item-textarea .isd-form-item-label-textarea {
  margin-top: .1867rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-privacyPolicy-item {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-privacyPolicy-item .isd-form-item-control-wrapper {
  background: transparent
}

.isd-web-form-out-wrapper .web-form-font-size-14 .type-line-feed-common .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border input::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border input::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border textarea::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-item {
  margin: .2133rem 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-item:first-child {
  margin-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-item-label {
  margin-bottom: .1333rem;
  padding-left: .46rem;
  margin-top: .48rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-checkbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-radio-item ul {
  padding: 0 .46rem .32rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-checkbox-item ul li,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-radio-item ul li {
  margin: .32rem .02rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-checkbox-item .js-isd-form-option,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-radio-item .js-isd-form-option {
  padding: .1067rem .2rem;
  margin: .32rem .36rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-imageCheckbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-imageRadio-item ul {
  padding: 0 .32rem .32rem .46rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-imageCheckbox-item .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-imageRadio-item .isd-form-option-label {
  padding: .16rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-imageCheckbox-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-imageCheckbox-item .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-imageRadio-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-imageRadio-item .isd-radio-item {
  width: 28%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  margin: .32rem 5% 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-gender-item ul {
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-gender-item ul li {
  margin: 0 .28rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-item-textarea {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-item-textarea .isd-form-item-label-textarea {
  margin-top: .1867rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-privacyPolicy-item {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-privacyPolicy-item .isd-form-item-control-wrapper {
  background: transparent
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border input {
  padding-left: .46rem;
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border input::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border input::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border textarea::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-textarea-count {
  color: rgba(0, 0, 0, .5);
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-item-control-wrapper .isd-form-select {
  color: rgba(0, 0, 0, .3);
  padding: 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-mobileVerify-input {
  height: 19.2px;
  height: 1.2rem;
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7;
  background-color: #f8f9fb;
  margin: 0 .2133rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .get-sms-verification-code {
  height: 19.2px;
  height: 1.2rem;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  background-color: #f8f9fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-border .isd-form-item {
  margin: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label input {
  padding-left: .46rem;
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label input::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label input::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label textarea::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item {
  margin: .2133rem 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item:first-child {
  margin-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-label {
  margin-bottom: .1333rem;
  padding-left: .46rem;
  margin-top: .48rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-checkbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-radio-item ul {
  padding: 0 .46rem .32rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-checkbox-item ul li,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-radio-item ul li {
  margin: .32rem .02rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-checkbox-item .js-isd-form-option,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-radio-item .js-isd-form-option {
  padding: .1067rem .2rem;
  margin: .32rem .36rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-imageCheckbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-imageRadio-item ul {
  padding: 0 .32rem .32rem .46rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-imageCheckbox-item .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-imageRadio-item .isd-form-option-label {
  padding: .16rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-imageCheckbox-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-imageCheckbox-item .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-imageRadio-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-imageRadio-item .isd-radio-item {
  width: 28%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  margin: .32rem 5% 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-gender-item ul {
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-gender-item ul li {
  margin: 0 .28rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-textarea {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-textarea .isd-form-item-label-textarea {
  margin-top: .1867rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-privacyPolicy-item {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-privacyPolicy-item .isd-form-item-control-wrapper {
  background: transparent
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-textarea-count {
  color: rgba(0, 0, 0, .5);
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-control-wrapper label {
  color: rgba(0, 0, 0, .5);
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-control-wrapper .isd-form-select {
  color: rgba(0, 0, 0, .5);
  padding: 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-control-wrapper-checkbox,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-control-wrapper-gender,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-control-wrapper-imageCheckbox,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-control-wrapper-imageRadio,
.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-control-wrapper-radio {
  padding-top: .24rem
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-graduallySelect-item {
  background-color: #f8f9fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-graduallySelect-item.isd-form-item-error>.isd-form-item-label>label {
  color: #ed3b3b
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-graduallySelect-item>.isd-form-item-label {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .35rem;
  width: 32px;
  width: 2rem;
  padding-left: .46rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-graduallySelect-item>.isd-form-item-label>label {
  padding-left: 0;
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-graduallySelect-item>.isd-form-item-control-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: calc(100% - 2.8rem)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select) {
  border-top: 1px solid rgba(0, 0, 0, .06)
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select):first-child {
  border-top: none
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .isd-form-item-control-wrapper-mobileVerify {
  background-color: #f8f9fb
}

.isd-web-form-out-wrapper .web-form-font-size-14.type-line-feed-and-no-label .get-sms-verification-code {
  padding-right: .48rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 * {
  font-size: 6.827px;
  font-size: .4267rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .isd-form-item-input-width {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common input {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common input::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common input::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common textarea::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item {
  margin: .2133rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item>.isd-form-item-label {
  min-width: 1em;
  -webkit-box-flex: 25;
  -ms-flex: 25 1 0%;
  flex: 25 1 0%
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item>.isd-form-item-control-wrapper {
  -webkit-box-flex: 75;
  -ms-flex: 75 1 0%;
  flex: 75 1 0%;
  min-width: 53.12px;
  min-width: 3.32rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-radio-item {
  padding-bottom: .42rem;
  padding-top: .14rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-checkbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-radio-item .isd-form-item-label {
  margin-top: .54rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-checkbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-radio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-imageCheckbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-imageRadio-item {
  padding-bottom: .46rem;
  padding-top: .22rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-imageCheckbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-imageRadio-item .isd-form-item-label {
  margin-top: .26rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-imageCheckbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-imageRadio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-textarea-item {
  padding-bottom: .46rem;
  padding-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-textarea-item .isd-form-item-label {
  margin-top: .38rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-textarea-item .isd-form-item-control-wrapper-textarea {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .16rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-gender-item .isd-radio-list {
  padding-bottom: .24rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item-control-wrapper-imageCheckbox .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item-control-wrapper-imageCheckbox .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item-control-wrapper-imageRadio .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item-control-wrapper-imageRadio .isd-radio-item {
  width: 46%;
  margin-right: 4%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  max-width: 44.8px;
  max-width: 2.8rem;
  min-width: 37.28px;
  min-width: 2.33rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item-control-wrapper-imageCheckbox .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item-control-wrapper-imageRadio .isd-form-option-label {
  padding: .12rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-graduallySelect-item>.isd-form-item-label {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .36rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select) {
  border-top: 1px solid rgba(0, 0, 0, .06)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select):first-child {
  border-top: none
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-same-line-common .isd-form-item-control-wrapper-mobileVerify input {
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom input {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom input::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom input::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom textarea::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item>.isd-form-item-label {
  min-width: 1em;
  -webkit-box-flex: 25;
  -ms-flex: 25 1 0%;
  flex: 25 1 0%
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item>.isd-form-item-control-wrapper {
  -webkit-box-flex: 75;
  -ms-flex: 75 1 0%;
  flex: 75 1 0%;
  min-width: 53.12px;
  min-width: 3.32rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-radio-item {
  padding-bottom: .42rem;
  padding-top: .14rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-checkbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-radio-item .isd-form-item-label {
  margin-top: .54rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-checkbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-radio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-imageCheckbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-imageRadio-item {
  padding-bottom: .46rem;
  padding-top: .22rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-imageCheckbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-imageRadio-item .isd-form-item-label {
  margin-top: .26rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-imageCheckbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-imageRadio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-textarea-item {
  padding-bottom: .46rem;
  padding-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-textarea-item .isd-form-item-label {
  margin-top: .38rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-textarea-item .isd-form-item-control-wrapper-textarea {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .16rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-gender-item .isd-radio-list {
  padding-bottom: .24rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageCheckbox .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageCheckbox .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageRadio .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageRadio .isd-radio-item {
  width: 46%;
  margin-right: 4%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  max-width: 44.8px;
  max-width: 2.8rem;
  min-width: 37.28px;
  min-width: 2.33rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageCheckbox .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper-imageRadio .isd-form-option-label {
  padding: .12rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-graduallySelect-item>.isd-form-item-label {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .36rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select) {
  border-top: 1px solid rgba(0, 0, 0, .06)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select):first-child {
  border-top: none
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper-mobileVerify input {
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item {
  margin: .2133rem 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-label {
  margin: .28rem 0;
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-checkbox-list,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-radio-list {
  padding: 0 0 0 .46rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-radio-item {
  margin: .24rem .46rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-textarea {
  padding: 0 .32rem 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-textarea-count {
  color: rgba(0, 0, 0, .5);
  right: 5.12px;
  right: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper .isd-form-select {
  color: rgba(0, 0, 0, .3);
  padding: 0 .32rem 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper-checkbox .js-isd-form-option,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-item-control-wrapper-radio .js-isd-form-option {
  padding: .16rem .24rem;
  margin: .32rem .46rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-privacyPolicy-item {
  padding-left: .46rem;
  border-bottom: none
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border-bottom .get-sms-verification-code {
  padding-right: .48rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border input {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border input::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border input::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border textarea::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item {
  margin: .2133rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item>.isd-form-item-label {
  min-width: 1em;
  -webkit-box-flex: 25;
  -ms-flex: 25 1 0%;
  flex: 25 1 0%
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item>.isd-form-item-control-wrapper {
  -webkit-box-flex: 75;
  -ms-flex: 75 1 0%;
  flex: 75 1 0%;
  min-width: 53.12px;
  min-width: 3.32rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-checkbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-radio-item .isd-form-item-label {
  margin-top: .54rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-imageCheckbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-imageRadio-item .isd-form-item-label {
  margin-top: .26rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-radio-item {
  width: 46%;
  margin-right: 4%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  max-width: 44.8px;
  max-width: 2.8rem;
  min-width: 37.28px;
  min-width: 2.33rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-form-option-label {
  padding: .12rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-graduallySelect-item>.isd-form-item-label {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .36rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select) {
  border-top: 1px solid rgba(0, 0, 0, .06)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select):first-child {
  border-top: none
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-mobileVerify input {
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-label {
  margin: .1333rem 0;
  padding-left: .32rem;
  width: 35.2px;
  width: 2.2rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-checkbox-list,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-radio-list {
  padding: 0 0 0 .32rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-radio-item {
  margin: .32rem .32rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-textarea {
  padding-left: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-textarea-count {
  color: rgba(0, 0, 0, .5);
  right: 5.12px;
  right: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper .isd-form-select {
  color: rgba(0, 0, 0, .3);
  padding: 0 .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-checkbox .js-isd-form-option,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-radio .js-isd-form-option {
  padding: .1067rem .2rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageCheckbox .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-item-control-wrapper-imageRadio .isd-radio-item {
  min-width: 38.08px;
  min-width: 2.38rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-radio-item {
  padding-bottom: .42rem;
  padding-top: .14rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-checkbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-radio-item .isd-form-item-label {
  margin-top: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-checkbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-radio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-imageCheckbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-imageRadio-item {
  padding-bottom: .46rem;
  padding-top: .22rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-imageCheckbox-item .isd-form-item-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-imageRadio-item .isd-form-item-label {
  margin-top: .36rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-imageCheckbox-item .common-option,
.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-imageRadio-item .common-option {
  margin-bottom: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-textarea-item {
  padding-bottom: .46rem;
  padding-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-textarea-item .isd-form-item-label {
  margin-top: .38rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-textarea-item .isd-form-item-control-wrapper-textarea {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: .16rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-gender-item .isd-radio-list {
  padding-bottom: .24rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-privacyPolicy-item {
  padding-left: .32rem;
  border-bottom: none;
  margin: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 5.12px;
  right: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-same-line-and-border .get-sms-verification-code {
  padding-right: .32rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common input {
  padding-left: .46rem;
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common input::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common input::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common textarea::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-item {
  margin: .2133rem 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-item:first-child {
  margin-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-item-label {
  margin-bottom: .1333rem;
  padding-left: .46rem;
  margin-top: .42rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-checkbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-radio-item ul {
  padding: 0 .46rem .32rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-checkbox-item ul li,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-radio-item ul li {
  margin: .32rem .02rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-checkbox-item .js-isd-form-option,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-radio-item .js-isd-form-option {
  padding: .1067rem .2rem;
  margin: .32rem .3rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-imageCheckbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-imageRadio-item ul {
  padding: 0 .32rem .32rem .46rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-imageCheckbox-item .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-imageRadio-item .isd-form-option-label {
  padding: .16rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-imageCheckbox-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-imageCheckbox-item .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-imageRadio-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-imageRadio-item .isd-radio-item {
  width: 30%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  margin: .32rem 3% 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-gender-item ul {
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-gender-item ul li {
  margin: 0 .28rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-item-textarea {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-item-textarea .isd-form-item-label-textarea {
  margin-top: .1867rem
}

.isd-web-form-out-wrapper .web-form-font-size-16 .type-line-feed-common .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border input::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border input::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border textarea::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-item {
  margin: .2133rem 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-item:first-child {
  margin-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-item-label {
  margin-bottom: .1333rem;
  padding-left: .46rem;
  margin-top: .42rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-checkbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-radio-item ul {
  padding: 0 .46rem .32rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-checkbox-item ul li,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-radio-item ul li {
  margin: .32rem .02rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-checkbox-item .js-isd-form-option,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-radio-item .js-isd-form-option {
  padding: .1067rem .2rem;
  margin: .32rem .3rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-imageCheckbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-imageRadio-item ul {
  padding: 0 .32rem .32rem .46rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-imageCheckbox-item .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-imageRadio-item .isd-form-option-label {
  padding: .16rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-imageCheckbox-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-imageCheckbox-item .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-imageRadio-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-imageRadio-item .isd-radio-item {
  width: 30%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  margin: .32rem 3% 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-gender-item ul {
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-gender-item ul li {
  margin: 0 .28rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-item-textarea {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-item-textarea .isd-form-item-label-textarea {
  margin-top: .1867rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border input {
  padding-left: .46rem;
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border input::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border input::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border textarea::placeholder {
  color: rgba(0, 0, 0, .3)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-textarea-count {
  color: rgba(0, 0, 0, .5);
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-item-control-wrapper .isd-form-select {
  color: rgba(0, 0, 0, .3);
  padding: 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-privacyPolicy-item .isd-form-item-control-wrapper {
  background: transparent
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-mobileVerify-input {
  height: 19.2px;
  height: 1.2rem;
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7;
  background-color: #f8f9fb;
  margin: 0 .2133rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .get-sms-verification-code {
  height: 19.2px;
  height: 1.2rem;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  background-color: #f8f9fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-border .isd-form-item {
  margin: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label input {
  padding-left: .46rem;
  border: none
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label input::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label input::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label textarea::placeholder {
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item {
  margin: .2133rem 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item:first-child {
  margin-top: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-label {
  margin-bottom: .1333rem;
  padding-left: .46rem;
  margin-top: .42rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-checkbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-radio-item ul {
  padding: 0 .46rem .32rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-checkbox-item ul li,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-radio-item ul li {
  margin: .32rem .02rem 0 0;
  border: 1px solid #dcdee3
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-checkbox-item .js-isd-form-option,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-radio-item .js-isd-form-option {
  padding: .1067rem .2rem;
  margin: .32rem .3rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-imageCheckbox-item ul,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-imageRadio-item ul {
  padding: 0 .32rem .32rem .46rem;
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-imageCheckbox-item .isd-form-option-label,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-imageRadio-item .isd-form-option-label {
  padding: .16rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-imageCheckbox-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-imageCheckbox-item .isd-radio-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-imageRadio-item .isd-checkbox-item,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-imageRadio-item .isd-radio-item {
  width: 30%;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  margin: .32rem 3% 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-gender-item ul {
  font-size: 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-gender-item ul li {
  margin: 0 .28rem 0 0
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-textarea {
  padding-left: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-textarea .isd-form-item-label-textarea {
  margin-top: .1867rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-phone-item .isd-form-item-control-wrapper-phone-auto-text {
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-textarea-count {
  color: rgba(0, 0, 0, .5);
  right: 7.36px;
  right: .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-control-wrapper label {
  padding-left: .46rem;
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-control-wrapper .isd-form-select {
  color: rgba(0, 0, 0, .5);
  padding: 0 .46rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-control-wrapper-checkbox,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-control-wrapper-gender,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-control-wrapper-imageCheckbox,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-control-wrapper-imageRadio,
.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-control-wrapper-radio {
  padding-top: .24rem
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-graduallySelect-item {
  background-color: #f8f9fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-graduallySelect-item.isd-form-item-error>.isd-form-item-label>label {
  color: #ed3b3b
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-graduallySelect-item>.isd-form-item-label {
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-left: .46rem;
  margin-top: .32rem;
  width: 32px;
  width: 2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-graduallySelect-item>.isd-form-item-label>label {
  padding-left: 0;
  color: rgba(0, 0, 0, .5)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-graduallySelect-item>.isd-form-item-control-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: calc(100% - 2.8rem)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select) {
  border-top: 1px solid rgba(0, 0, 0, .06)
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-graduallySelect-item .isd-form-item-gradually-select:not(.hide-gradually-select):first-child {
  border-top: none
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .isd-form-item-control-wrapper-mobileVerify {
  background-color: #f8f9fb
}

.isd-web-form-out-wrapper .web-form-font-size-16.type-line-feed-and-no-label .get-sms-verification-code {
  padding-right: .48rem
}

.isd-form-calc-line {
  height: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #eeeff3;
  margin-bottom: 17px
}

.isd-form-calc-result {
  text-align: left;
  font-size: 14px;
  color: #000;
  line-height: 14px;
  margin-bottom: 12px
}

.isd-form-calc-result span {
  color: #296aef
}

.isd-form-calc-success {
  display: block;
  height: 48px;
  margin-bottom: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAF8klEQVRoQ9Va629TZRj/PeecFka77gIYQwQyKQyReAGM4aLwyc8miEYgQUggWQcKeElMDDbGTyqXAOsMJqLG+cHKP4AxGRjwC0QliCwsYQskwgJrt64bvZzzmOf0nNLWXk6zltmTdJf0vfx+z/15z0uo9gmysglQ+oOUzkxlWto11mGAX1IUXsdMywEsBuAD4LWWnwAwDmCYiK8bBl1UQL/e6G25CRDLmE1B1voBA0EyqoFEzgczYQsUhGHIpisCE48nKbkZTK8zsIaAOc7XAhiYJOASiH90s/vMtZD3jggjdw8n6zkjsIVVc7Ew6SsD9xc+YOUgEXYy0CIqACDriOTsv+117d+mlK3v7TGKPZ6AMWacnk3GkauhubeQs18lEpUJyGJh0lfvYde4a2w/mD/ijHkIEN0CL2Aqr5WPRubbpEVARGJmRJ/6Ui3HLp+ilEkkTLJHyafspqZdBind2TXeqZP+PYA11qaysblpJQk5/N4WhghCPpdUVrcP9PoGbAyl1ikJwJ64fG90s27waQaaAYjj1hJ4IS6biEZATFVo5/WTrWfKkShKwJ7g7452gTlkmYstdYdCndYwMZuMWRIFBntae0uR+A+BLPjAaACgngI7nxaqKifn+Ad3D4baQ8VI5BOwnKYzEH1NB4cte5cxtbL1KjmYgUI+igraMhBq/anQsR8CC7IiScTfHXuaOH3BCpEiBVHlTD4mBjPUkrZ+sKf5L1hYBZRFgMlMTkF2J0fG+gFea5lOJv7P/CM+oQL0m/uxlk3XgpQ0kx5IfgC2WpZ2R99n5s+saKPNPO48BBIBNSL64EZP6+c2ZrLVsXhvtMNl8GUAbTkZ9f/Ewc7gkZRCq4dPtt4U7GQz8XdHDoNxcKakrxKg2wVHabGZWgDhyGBP27uC3TShZ/bdf2LKUP5kRvujlr4gSBvAZJIxx01QFIBLEzG1QITRJsV49sqJubdNAku7IvuYcPxRS19TMsA9swirOjT8MZRGPAG4tLIkMr7AePtGb9sJk4A/EDkH4OVHGXkE/ESCMddD+HqvF6uWaPjlSgq7e+NQywduKyLh/GCobSMtCYz5FRi/c6b5sB2lrs5rg2/3EPoOeLFyUSbg3YkYeOWTGOIPGKpaUgsZMwImDCjP07KuyA6D8I2VdeuetIqBT6YBtwZ8+F0c355PwtdE0Mv3ZWZyUxhvkT8wegqg3U7NR2xOVCwRo4yzFdVgMfCpdMbmD/0widDPCczzkJNoZJkRf0X+QKQfwEYnGhC9pXUglmD4ZpG5cQVJZYlUBH82gfnNZEYkB49d4pwTAkNWE17W/gW8qHpeM2HtMg0XB9K4O26geVblTWsMXvjZWIeFQARAqxMHFpPp2+/Fi8s0DP6jY8fxOIbu6WhpIqRKNH51AJ9LICoEkgBc5dQmdi823+QCzn7sw4L2jK8P3dWx7VhpEnUCnws15YiAzBDHjU0xXn3BjeO7PaYDayowNKJj69E4hgs0kQXfTOh7JxMq8xy2OpsvJV+TgGMTEhL3YoytG9w4uqs4Cd/sTIErSaq9fuBtHzBNyJET2yJwqcDIeGkSt+7r0BSCrwnZJFUHyec5seMwmkvi7jhjW4Emhkd0vHF4ArEHjPB7XqxYWBezERi5YbS6RFaShFRYCvD3bR2JFOO5Ds2MTKIxM0nVxubt7R8msumUEgJONLF9gxtHdnky/ak0elbUEkJ1AJ/VgFlKTLeYKyQh3bd5jEB1A59fzNWinLYd+811bnyxcw5cGuFQ3yS+/CWB+d7KmdpB6ZA7JL+crlVDI+YSnWI8tUA188PVWzokpDpoE6vEbx5v5jc0tWophcRUUrI2w+OuC/giLaV1Glerpl6KPik06iB50VSRpt465WrcYxXhZWmhMQ+2TBdq9KNF4dDYh7tWJGvo43WLQ2O/4Cgk0YivmOy02NAv+QpJNORr1myB0sgvuvNIyD9h0p/cM7pIUelA41w1yLJo5MseuQVvmes2RLweoE7rpE8ugnisqXEAY3LdBuABZrpQq+s2/wK97AJBd73n2wAAAABJRU5ErkJggg==) top/contain no-repeat
}

.form-privacy-protect-item {
  font-size: 14px;
  text-align: left;
  line-height: 26px;
  color: #4d5869;
  font-family: -apple-system, PingFangSC-Regular, Helvetica Neue, sans-serif
}

.form-privacy-protect-item .form-height-light-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-indent: 0;
  margin: 24px 0 16px;
  text-align: center;
  color: #030303
}

.form-privacy-protect-item .form-height-light-title:after,
.form-privacy-protect-item .form-height-light-title:before {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  content: "";
  height: 1px;
  background: #c7cdd6
}

.form-privacy-protect-item p {
  margin: 14px 0
}

.form-privacy-protect-item-fail-or-loading {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

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

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

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

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.web-form-layerform {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  max-width: 450px;
  width: 100%;
  max-height: 60%;
  -webkit-box-shadow: 0 -2px 10px 0 rgba(65, 77, 96, .06);
  box-shadow: 0 -2px 10px 0 rgba(65, 77, 96, .06);
  border-radius: 12px 12px 0 0;
  background-color: #f5f6f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: .64rem;
  overflow: visible
}

.web-form-layerform .close-icon {
  text-align: right;
  padding: .21333rem .4rem 0;
  color: #868e9f
}

.web-form-layerform .close-icon .close-icon-x {
  font-size: 8.532px;
  font-size: .5333rem;
  cursor: pointer
}

.web-form-layerform .close-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 144px;
  width: 9rem;
  height: 19.2px;
  height: 1.2rem;
  background: url(//xj.gtimg.cn/qzone/biz/gdt/lib/xijing/viewer/cdn/img/layerform-gradient.png) no-repeat;
  border-radius: 0 0 13rem 13rem;
  z-index: 100
}

.web-form-layerform .close-icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 30.72px;
  width: 1.92rem;
  height: 30.72px;
  height: 1.92rem;
  top: 0;
  left: 50%;
  z-index: 200;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(//xj.gtimg.cn/qzone/biz/gdt/lib/xijing/viewer/cdn/img/layerform-success.png);
  background-size: 100%
}

.web-form-layerform .success-tip {
  font-size: 7.68px;
  font-size: .48rem;
  text-align: center;
  color: #000;
  font-weight: 500;
  z-index: 101
}

.web-form-layerform .fillin-tip {
  font-size: 5.973px;
  font-size: .37333rem;
  text-align: center;
  color: #000;
  opacity: .5;
  padding: .21333rem 0 .4rem
}

.web-form-layerform .web-form-layerform-module {
  overflow: auto;
  padding: 0 .5333rem
}

.web-form-layerform .web-form-layerform-module .isd-form-item {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding-top: 16.5px
}

.web-form-layerform .web-form-layerform-module .isd-form-item .isd-form-item-control-wrapper {
  background-color: #fff
}

.web-form-layerform .web-form-layerform-module .isd-form-item .isd-form-item-control-wrapper .isd-form-item-picker,
.web-form-layerform .web-form-layerform-module .isd-form-item .isd-form-item-control-wrapper .isd-radio-item {
  background: #f6f7f8
}

.web-form-layerform .web-form-layerform-module .isd-form-item .isd-form-item-control-wrapper .isd-form-select {
  height: 15.36px;
  height: .96rem;
  line-height: 15.36px;
  line-height: .96rem;
  padding: 0 .21333rem;
  margin: .2666rem .3rem .4rem
}

.web-form-layerform .web-form-layerform-module .isd-form-item .isd-form-item-control-wrapper .isd-checkbox-list,
.web-form-layerform .web-form-layerform-module .isd-form-item .isd-form-item-control-wrapper .isd-radio-list {
  padding: .2666rem .2666rem 0
}

.web-form-layerform .web-form-layerform-module .isd-form-item .isd-form-item-control-wrapper .isd-checkbox-list li,
.web-form-layerform .web-form-layerform-module .isd-form-item .isd-form-item-control-wrapper .isd-radio-list li {
  border: 1px solid #f6f7f8;
  background: #f6f7f8
}

.authorize-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 2000
}

.authorize-modal-mask .authorize-modal {
  width: calc(100% - 48px);
  position: fixed;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  background: #fff;
  border-radius: 12px 12px 0 0;
  max-width: 402px;
  padding: 24px;
  z-index: 106
}

.authorize-modal-mask .authorize-modal .authorize-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.authorize-modal-mask .authorize-modal .authorize-header .authorize-logo {
  width: 10.24px;
  width: .64rem;
  height: 10.24px;
  height: .64rem
}

.authorize-modal-mask .authorize-modal .authorize-header .authorize-name {
  font-weight: 500;
  font-size: 5.972px;
  font-size: .3733rem;
  color: #000;
  padding: 0 8px
}

.authorize-modal-mask .authorize-modal .authorize-header .authorize-disc {
  font-size: 5.12px;
  font-size: .32rem;
  color: #4d5869
}

.authorize-modal-mask .authorize-modal .authorize-content-1 {
  font-weight: 500;
  font-size: 8.533px;
  font-size: .53333rem;
  color: #000;
  letter-spacing: .3px;
  padding: 19px 0 16px
}

.authorize-modal-mask .authorize-modal .authorize-content-2 {
  font-size: 5.12px;
  font-size: .32rem;
  color: #4d5869;
  line-height: 20px
}

.authorize-modal-mask .authorize-modal .authorize-content-2 a {
  font-size: 5.12px;
  font-size: .32rem;
  color: #6281c0
}

.authorize-modal-mask .authorize-modal .authorize-submit {
  margin: 24px 0 8px;
  font-weight: 500;
  font-size: 6.825px;
  font-size: .4266rem;
  text-align: center
}

.authorize-modal-mask .authorize-modal .authorize-submit .authorize-later {
  width: 51.2px;
  width: 3.2rem;
  height: 17.066px;
  height: 1.066666rem;
  background: rgba(0, 0, 0, .05);
  border-radius: 4px;
  color: #296bef;
  margin-right: 10px
}

.authorize-modal-mask .authorize-modal .authorize-submit .authorize-yes {
  width: 51.2px;
  width: 3.2rem;
  height: 17.066px;
  height: 1.066666rem;
  background: #296bef;
  border-radius: 4px;
  color: #fff
}

.authorize-modal-mask .authorize-modal .auth-modal-auto-fill-phone {
  padding-left: 0 !important
}

.isd-form-item-submiting-button--disabled {
  opacity: .3;
  cursor: not-allowed
}

@-webkit-keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

@keyframes breath {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

@-webkit-keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

@keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

.xj-website-form {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  bottom: 0;
  z-index: 100
}

.xj-website-form-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #fff;
  border-radius: .2667rem .2667rem 0 0;
  padding: 1.0667rem 0 0
}

.xj-website-form-scrollContainer {
  max-height: 233.387px;
  max-height: 14.5867rem;
  overflow: auto
}

.xj-website-form--closeBtn {
  width: 8.532px;
  width: .5333rem;
  height: 8.532px;
  height: .5333rem;
  font-size: 8.532px;
  font-size: .5333rem;
  text-align: center;
  position: absolute;
  top: 4.267px;
  top: .2667rem;
  right: 4.267px;
  right: .2667rem
}

.xj-website-form--collapse {
  position: absolute;
  bottom: 17.067px;
  bottom: 1.0667rem;
  right: 4.267px;
  right: .2667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-website-form--collapse>img {
  width: 27.307px;
  width: 1.7067rem;
  height: 27.307px;
  height: 1.7067rem
}

.xj-website-form .isd-web-form-out-wrapper {
  padding-bottom: 2.1333rem
}

.xj-website-form .isd-web-form-out-wrapper .isd-form-title {
  padding-top: 0
}

.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-checkbox-list li,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-checkbox-item li,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-radio-item li,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-radio-list li,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-checkbox-list li,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-checkbox-item li,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-radio-item li,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-radio-list li {
  border-radius: .4rem;
  padding: .08rem .28rem
}

.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-checkbox-list li.isd-checkbox-item-selected,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-checkbox-list li.isd-radio-item-selected,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-checkbox-item li.isd-checkbox-item-selected,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-checkbox-item li.isd-radio-item-selected,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-radio-item li.isd-checkbox-item-selected,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-radio-item li.isd-radio-item-selected,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-radio-list li.isd-checkbox-item-selected,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-radio-list li.isd-radio-item-selected,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-checkbox-list li.isd-checkbox-item-selected,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-checkbox-list li.isd-radio-item-selected,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-checkbox-item li.isd-checkbox-item-selected,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-checkbox-item li.isd-radio-item-selected,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-radio-item li.isd-checkbox-item-selected,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-radio-item li.isd-radio-item-selected,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-radio-list li.isd-checkbox-item-selected,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-radio-list li.isd-radio-item-selected {
  color: #296aef;
  border-color: #296aef;
  background: rgba(41, 106, 239, .1)
}

.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item .isd-form-item-control-wrapper-imageRadio li.isd-checkbox-item,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item .isd-form-item-control-wrapper-imageRadio li.isd-radio-item,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-control-wrapper-imageCheckbox .isd-form-item-checkbox li.isd-checkbox-item,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-control-wrapper-imageCheckbox .isd-form-item-checkbox li.isd-radio-item,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item .isd-form-item-control-wrapper-imageRadio li.isd-checkbox-item,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item .isd-form-item-control-wrapper-imageRadio li.isd-radio-item,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-control-wrapper-imageCheckbox .isd-form-item-checkbox li.isd-checkbox-item,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-control-wrapper-imageCheckbox .isd-form-item-checkbox li.isd-radio-item {
  border-radius: .1067rem
}

.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item .isd-form-item-control-wrapper-imageRadio li.isd-checkbox-item:before,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-imageRadio-item .isd-form-item-control-wrapper-imageRadio li.isd-radio-item:before,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-control-wrapper-imageCheckbox .isd-form-item-checkbox li.isd-checkbox-item:before,
.xj-website-form .isd-web-form-out-wrapper .isd-web-form-global-wrapper .isd-form-item-control-wrapper-imageCheckbox .isd-form-item-checkbox li.isd-radio-item:before,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item .isd-form-item-control-wrapper-imageRadio li.isd-checkbox-item:before,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-imageRadio-item .isd-form-item-control-wrapper-imageRadio li.isd-radio-item:before,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-control-wrapper-imageCheckbox .isd-form-item-checkbox li.isd-checkbox-item:before,
.xj-website-form .isd-web-form-out-wrapper .web-form-layerform-module .isd-form-item-control-wrapper-imageCheckbox .isd-form-item-checkbox li.isd-radio-item:before {
  display: none
}

.xj-website-form .isd-web-form-out-wrapper .isd-form-item-button {
  border-radius: .5867rem
}

.xj-website-form .isd-web-form-out-wrapper .isd-form-submit-item {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0
}

.isd-picker2-global-wrapper .isd-picker2-header-item__selected,
.isd-picker2-global-wrapper .isd-picker2-nav--btn,
.isd-picker-global-wrapper .isd-picker-header .isd-picker-submit-btn,
.isd-picker-global-wrapper .isd-picker-header .today-btn {
  color: #296aef !important
}

.isd-picker2-global-wrapper .isd-picker2-nav--btn__disabled {
  color: rgba(41, 106, 239, .3) !important
}

.xj-feedback__bottom {
  display: none;
  padding: 8px 8px 0;
  height: 105px;
  background: #fafafb
}

.xj-feedback__bottom__title {
  text-align: center;
  color: #000
}

.xj-feedback__bottom__title__line {
  height: 9px;
  opacity: .1;
  border-bottom: 1px dashed #000;
  vertical-align: middle
}

.xj-feedback__bottom__title__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xj-feedback__bottom__title__text label {
  width: 150px;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  opacity: .8;
  background: #fafafb;
  margin-top: -10px
}

.xj-feedback__bottom__feeling {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 60px;
  margin-top: 16px
}

.xj-feedback__bottom__feeling__box {
  width: 100px;
  height: 28px;
  background: #f0f1f2;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-feedback__bottom__feeling img {
  width: 40px;
  height: 40px;
  margin-top: 15px;
  margin-left: -5px
}

.xj-feedback__icon {
  z-index: 10005;
  padding-left: 6px;
  position: fixed;
  width: 77px;
  height: 25px;
  top: 86px;
  background: rgba(0, 0, 0, .4);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #fff;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-right-radius: 12.5px;
  border-bottom-right-radius: 12.5px;
  font-size: 12px
}

.xj-feedback__icon__close {
  width: 10px;
  margin-left: 10px
}

.xj-feedback__icon__close img {
  width: 100%;
  height: 100%
}

.body-Lock-scroll-Class-Name {
  overflow: hidden
}

.Confirm-wrapper {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.Confirm-wrapper.open-xj-confirm .xj-modal-mask {
  opacity: 0;
  -webkit-animation: open-animate-mask .1s linear .1s forwards;
  animation: open-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.open-xj-confirm .xj-modal-wrap {
  -webkit-animation: open-animate-wrap .2s ease-out forwards;
  animation: open-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-mask {
  opacity: 1;
  -webkit-animation: close-animate-mask .1s linear .1s forwards;
  animation: close-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: close-animate-wrap .2s ease-out forwards;
  animation: close-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper .xj-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.Confirm-wrapper .xj-modal-mask,
.Confirm-wrapper .xj-modal-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

.Confirm-wrapper .xj-modal-wrap {
  width: 153.6px;
  width: 9.6rem;
  position: relative;
  border-radius: .1067rem;
  z-index: 2000;
  background: #fff
}

.Confirm-wrapper .xj-modal-header {
  padding: .5rem .48rem .5333rem;
  color: rgba(0, 0, 0, .8);
  border-radius: .1067rem .1067rem 0 0
}

.with-xj-vw .Confirm-wrapper .xj-modal-header {
  padding: 5vw 4.8vw 5.333vw;
  border-radius: 1.067vw 1.067vw 0 0
}

.Confirm-wrapper .xj-modal-header .xj-modal-title {
  color: rgba(0, 0, 0, .8);
  font-weight: 500;
  font-size: 7.68px;
  font-size: .48rem;
  text-align: center;
  word-wrap: break-word
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-title {
  font-size: 4.8vw
}

.Confirm-wrapper .xj-modal-header .xj-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, .45);
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s
}

.Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  display: block;
  width: 12.8px;
  width: .8rem;
  height: 12.8px;
  height: .8rem;
  font-weight: 300;
  font-size: 12.8px;
  font-size: .8rem;
  line-height: 12.8px;
  line-height: .8rem;
  font-style: normal;
  text-align: center;
  text-transform: none;
  text-rendering: auto
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
  width: 8vw;
  height: 8vw;
  font-size: 8vw;
  line-height: 8vw
}

.Confirm-wrapper .xj-modal-body {
  padding: 0 .6667rem;
  font-size: 5.972px;
  font-size: .3733rem;
  min-height: 25.6px;
  min-height: 1.6rem;
  line-height: 1.5;
  word-wrap: break-word;
  text-align: center
}

.with-xj-vw .Confirm-wrapper .xj-modal-body {
  padding: 0 6.667vw;
  font-size: 3.733vw;
  min-height: 16vw
}

.Confirm-wrapper .xj-modal-footer {
  padding: .5333rem .6667rem;
  text-align: right;
  border-radius: 0 0 .1067rem .1067rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer {
  padding: 5.333vw 6.667vw;
  border-radius: 0 0 1.067vw 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 19.2px;
  height: 1.2rem;
  padding: 0 .4rem;
  font-size: 6.827px;
  font-size: .4267rem;
  border-radius: .1067rem;
  border: none
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-btn {
  height: 12vw;
  padding: 0 4vw;
  font-size: 4.267vw;
  border-radius: 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: .2667rem
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
  margin-right: 2.667vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn-primary {
  color: #fff;
  background-color: #296bef;
  outline: none;
  border: none
}

.m-consultmodal {
  display: block;
  -webkit-transition: height .2s linear 0s;
  transition: height .2s linear 0s;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, .05882) 0 -2px 6px 0;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .05882)
}

.m-consultmodal .xj-modal-body {
  padding: 0 !important
}

.m-consultmodal .xj-modal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background: #f5f6f8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-animation: none !important;
  animation: none !important
}

.m-consultmodal .xj-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: none !important;
  overflow: hidden !important
}

.m-consultmodal .xj-modal-header {
  position: relative;
  height: 48px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0
}

.m-consultmodal .xj-modal-header:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 4px;
  background: #dbdde2;
  border-radius: 2px;
  left: 50%;
  margin-left: -24px;
  top: 8px
}

.m-consultmodal .xj-modal-header .xj-modal-title {
  font-size: 16px;
  color: #030303;
  font-weight: 400
}

.m-consultmodal .xj-modal-header .xj-modal-close {
  top: 24px;
  margin-top: -15px;
  right: 10px
}

.m-consultmodal .xj-modal-header .xj-modal-close .xj-modal-close-x {
  font-size: 26px
}

.m-consultmodal .maskbody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 50px
}

.m-consultmodal.Confirm-wrapper {
  top: auto;
  height: 40%;
  display: block
}

.xj-confirm-cover-wrapper .xj-modal-wrap {
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 183.467px;
  max-height: 11.4667rem;
  height: 46vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 .48rem;
  -webkit-overflow-scrolling: touch
}

.with-xj-vw .xj-confirm-cover-wrapper .xj-modal-body {
  max-height: 114.667vw
}

.xj-confirm-cover-wrapper .xj-modal-body iframe {
  height: 100%;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: bottom
}

.xj-confirm-cover-wrapper .xj-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: .48rem;
  text-align: right;
  background: transparent;
  border-radius: .0533rem;
  height: 19.2px;
  height: 1.2rem
}

.xj-confirm-cover-wrapper .xj-modal-footer .xj-btn-primary {
  width: 100%;
  height: 100%;
  font-size: 6.827px;
  font-size: .4267rem
}

@-webkit-keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes open-animate-mask {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes open-animate-wrap {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes close-animate-mask {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes close-animate-wrap {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.apple-style-confirm .xj-modal-wrap {
  width: 118.4px !important;
  width: 7.4rem !important;
  border-radius: .193rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-wrap {
  width: 74vw !important;
  border-radius: 1.93vw !important
}

.apple-style-confirm .xj-modal-header {
  24.900000000000002px: 7.68px 1.6px;
  24.900000000000002px: .48rem .1rem
}

.with-xj-vw .apple-style-confirm .xj-modal-header {
  24.900000000000002px: 4.8vw 1vw
}

.apple-style-confirm .xj-modal-title {
  color: #333 !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  line-height: 10.432px !important;
  line-height: .652rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-title {
  font-size: 4.35vw !important;
  line-height: 6.52vw !important
}

.apple-style-confirm .xj-modal-body {
  font-size: 5.792px !important;
  font-size: .362rem !important;
  min-height: 0 !important;
  line-height: 8.112px !important;
  line-height: .507rem !important;
  margin-bottom: .652rem !important;
  color: #8a8a8a !important
}

.with-xj-vw .apple-style-confirm .xj-modal-body {
  font-size: 3.62vw !important;
  line-height: 5.07vw !important;
  margin-bottom: 6.52vw !important
}

.apple-style-confirm .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.apple-style-confirm .xj-modal-footer:after {
  content: " ";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid #e5e5e5;
  position: absolute;
  top: 0;
  left: 50%
}

.apple-style-confirm .xj-modal-footer .xj-btn {
  height: 24.96px !important;
  height: 1.56rem !important;
  font-size: 6.96px !important;
  font-size: .435rem !important;
  background: none !important;
  border: none
}

.with-xj-vw .apple-style-confirm .xj-modal-footer .xj-btn {
  height: 15.6vw !important;
  font-size: 4.35vw !important
}

.apple-style-confirm .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #3185fc !important
}

.apple-style-confirm .xj-modal-footer .xj-ok-btn {
  color: #333 !important
}

.m-postreward.close-xj-confirm .xj-modal-mask,
.m-postreward.close-xj-confirm .xj-modal-wrap {
  -webkit-animation: 0;
  animation: 0
}

.m-postreward .xj-modal-title {
  font-size: 16px
}

.m-postreward .xj-modal-wrap {
  width: 80%
}

.m-postreward .xj-modal-body {
  height: 250px;
  overflow: auto;
  text-align: left;
  line-height: 24px
}

.m-postreward .xj-modal-footer .xj-btn-primary {
  background-color: #296bef;
  font-size: 5.546px;
  font-size: .34666667rem;
  height: 17.072px;
  height: 1.067rem
}

.with-xj-vw .m-postreward .xj-modal-footer .xj-btn-primary {
  font-size: 3.46666667vw
}

.m-postreward .xj-modal-footer .xj-btn-primary p {
  margin: 0 auto
}

.stay-download-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.stay-download-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .16rem !important;
  color: #030303 !important
}

.with-xj-vw .stay-download-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 1.6vw !important
}

.stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.stay-download-modal .xj-modal-footer {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.stay-download-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .stay-download-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.stay-download-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.stay-download-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.stay-download-modal .xj-modal-footer-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.stay-download-modal .xj-modal-footer-row .xj-btn:nth-child(n+2) {
  border-left: 1px solid #e5e5e5
}

.stay-download-modal .xj-modal-footer-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 17.066px !important;
  height: 1.06666667rem !important;
  width: 84%;
  border-radius: 40px
}

.with-xj-vw .stay-download-modal .xj-modal-footer-column .xj-btn {
  height: 10.66666667vw !important
}

.stay-download-modal .xj-modal-footer-column .xj-cancel-btn {
  background-color: #286bef !important;
  color: #fafafa !important;
  font-weight: 500;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-ok-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-feature-btn {
  color: rgba(0, 0, 0, .7) !important;
  background: #f1f1f1 !important;
  font-weight: 400;
  margin-bottom: 16px
}

.check-modal .xj-modal-wrap {
  width: 119.466px !important;
  width: 7.46666667rem !important;
  border-radius: .26666667rem !important
}

.with-xj-vw .check-modal .xj-modal-wrap {
  width: 74.66666667vw !important;
  border-radius: 2.66666667vw !important
}

.check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 13.482px;
  width: .84266667rem;
  height: 13.482px;
  height: .84266667rem;
  position: absolute;
  bottom: -50px;
  bottom: -30.72px;
  bottom: -1.92rem;
  left: 52.992px;
  left: 3.312rem
}

.with-xj-vw .check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
  width: 8.42666667vw;
  height: 8.42666667vw;
  bottom: -19.2vw;
  left: 33.12vw
}

.check-modal .xj-modal-body {
  font-size: 6.826px !important;
  font-size: .42666667rem !important;
  min-height: 0 !important;
  line-height: 11.093px !important;
  line-height: .69333333rem !important;
  margin-top: .64rem !important;
  margin-bottom: .58666667rem !important;
  color: #030303 !important
}

.with-xj-vw .check-modal .xj-modal-body {
  font-size: 4.26666667vw !important;
  line-height: 6.93333333vw !important;
  margin-top: 6.4vw !important;
  margin-bottom: 5.86666667vw !important
}

.check-modal .xj-modal-body .xj-modal-body-icon {
  width: 23.893px !important;
  width: 1.49333333rem !important;
  height: 23.893px !important;
  height: 1.49333333rem !important;
  margin-bottom: .24rem !important
}

.with-xj-vw .check-modal .xj-modal-body .xj-modal-body-icon {
  width: 14.93333333vw !important;
  height: 14.93333333vw !important;
  margin-bottom: 2.4vw !important
}

.check-modal .xj-modal-footer {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0 !important
}

.check-modal .xj-modal-footer .xj-btn {
  height: 20.48px !important;
  height: 1.28rem !important;
  font-size: 6.4px !important;
  font-size: .4rem !important;
  background: none !important
}

.with-xj-vw .check-modal .xj-modal-footer .xj-btn {
  height: 12.8vw !important;
  font-size: 4vw !important
}

.check-modal .xj-modal-footer .xj-cancel-btn {
  margin-right: 0 !important;
  color: #767676 !important
}

.check-modal .xj-modal-footer .xj-ok-btn {
  color: #286bef !important;
  font-weight: 500
}

.XJ_pop_window {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1000
}

.XJ_pop_window_content {
  top: 38.827px;
  top: 2.4267rem
}

.XJ_pop_window_close,
.XJ_pop_window_content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.XJ_pop_window_close {
  display: inline-block;
  border: .0267rem solid #fff;
  width: 11.392px;
  width: .712rem;
  height: 11.392px;
  height: .712rem;
  border-radius: 50%;
  top: calc(100% + .8533rem)
}

.XJ_pop_window_close:after,
.XJ_pop_window_close:before {
  position: absolute;
  left: 5.28px;
  left: .33rem;
  top: 2.56px;
  top: .16rem;
  content: " ";
  height: 6.4px;
  height: .4rem;
  width: .427px;
  width: .0267rem;
  background-color: #fff
}

.XJ_pop_window_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.XJ_pop_window_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.xj-message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  height: 40px;
  z-index: 12000;
  font-size: 12px
}

.xj-message .xj-message-notice-content {
  width: 100%;
  height: 100%
}

.xj-message .xj-message-notice-content .xj-message-custom-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.xj-message .xj-message-notice-content .xj-message-custom-content .xj-icon {
  margin: .32rem
}

.xj-message-error,
.xj-message-info,
.xj-message-success,
.xj-message-warning {
  display: block
}

.xj-message-info {
  background-color: #fff;
  color: #000
}

.xj-message-success {
  background-color: #1890ff
}

.xj-message-error,
.xj-message-warning {
  background-color: #fe6c6c
}

@-webkit-keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

@keyframes shrinkAnimation {

  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

.xj-basic-tips__container {
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(0, 0, 0, .7);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54vw;
  padding: 10px;
  z-index: 2001
}

@-webkit-keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

@keyframes basicTipsFadeOut {
  0% {
    display: block;
    opacity: 1
  }

  to {
    display: block;
    opacity: 0
  }
}

.xj-basic-tips__container--hide {
  -webkit-animation: basicTipsFadeOut .5s ease-in-out .5s forwards;
  animation: basicTipsFadeOut .5s ease-in-out .5s forwards
}

.xj-basic-tips__header {
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 8px
}

.xj-basic-tips__icon {
  width: 16px;
  height: 16px
}

.xj-basic-tips__content {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  margin-left: 8px
}

.xj-basic-tips__desc {
  margin-top: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 16px
}