.vx-title-bar {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 0;
  margin-bottom: 30px;
}
.vx-title-bar .step-wrap {
  text-align: center;
  vertical-align: top;
}
.vx-result {
  height: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.vx-result .vx-result-header {
  margin-bottom: 20px;
}
.vx-result .vx-result-header .img-title {
  width: 88px;
  height: 88px;
}
.vx-result .vx-result-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 22px;
  margin-bottom: 20px;
}
.vx-result .vx-result-detail {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text-secondary);
  line-height: 14px;
}
.vx-result .info {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text-regular);
  line-height: 16px;
}
.vx-result-step {
  padding: 30px 0;
}
.vx-result-step .step-list {
  width: 100%;
  text-align: center;
}
.vx-result-step .step-list .serial-num {
  margin: 0 10px;
  display: inline-block;
  vertical-align: top;
  position: static;
}
.vx-result-step .step-list .serial-num .step-status {
  padding-bottom: 10px;
  background-color: #fff;
}
.vx-result-step .step-list .serial-num .step-status > div {
  display: inline-block;
  vertical-align: middle;
}
.vx-result-step .step-list .serial-num .step-status .vx-step__icon-inner {
  width: 100%;
  height: 100%;
  border-radius: 22px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #000;
  text-align: center;
  line-height: 22px;
}
.vx-result-step .step-list .serial-num .step-status .status-img {
  width: 24px;
  height: 24px;
}
.vx-result-step .step-list .serial-num .step-status .status-img img {
  width: 100%;
  height: 100%;
}
.vx-result-step .step-list .serial-num .step-status .step-title {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin: 0 20px;
}
.vx-result-step .step-list .serial-num .step-status .step-title.step-title-waiting {
  color: #c3c3c3;
}
.vx-result-step .step-list .serial-num .step-status .line {
  width: 100px;
  background-color: #333;
  height: 1px;
}
.vx-result-step .step-list .serial-num .step-status .line-waiting {
  background-color: #c3c3c3;
}
.vx-result-step .step-list .serial-num .step-body {
  color: #999;
  padding-left: 44px;
}
.vx-result-step .step-list .serial-num .step-body p {
  font-size: 14px;
  text-align: left;
}
.vx-result-step .step-list .serial-num .step-body .reason {
  color: #d11212;
}
.vx-result-step .step-list .serial-num:last-child {
  padding-right: 15px;
}
.verify-btn {
  font-size: 14px;
  color: var(--color-primary);
  background: var(--background-color-primary);
  min-width: 60px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
  border-radius: 0 4px 4px 0;
}
.verify-btn.is-disabled {
  color: #808591;
  background: #ddd;
  cursor: default;
}
.vx-bank-card {
  width: 260px;
  height: 130px;
  border-radius: 10px;
  padding: 25px 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.vx-bank-card .card-name {
  font-weight: 500;
  color: var(--fill-text-color);
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 8px;
}
.vx-bank-card .card-number {
  height: 19px;
  color: var(--fill-text-color);
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 12px;
}
.vx-bank-card .bank-card {
  color: var(--fill-text-color);
  font-size: 14px;
}
.vx-bank-card .bank-card img {
  float: left;
  margin-right: 8px;
  width: 20px;
  height: 20px;
}
.vx-bank-card .bank-card .bank-name {
  font-size: 12px;
  line-height: 20px;
}
.vx-transfer .payer-money {
  height: 43px;
  color: #ef4134;
  font-size: 36px;
  line-height: 43px;
  text-align: center;
  margin-bottom: 13px;
}
.vx-transfer .payer-money-amount {
  height: 14px;
  color: var(--color-text-secondary);
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 10px;
}
.vx-transfer .payer-service {
  height: 14px;
  color: var(--color-text-primary);
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}
.vx-transfer .payment-info {
  width: 642px;
  height: 130px;
  margin: 0 auto;
  margin-top: 30px;
}
.vx-transfer .payment-info .info-item {
  float: left;
}
.vx-transfer .payment-info .process-img {
  width: 42px;
  height: 18px;
  margin: 37px 40px 20px 40px;
}
.vx-transfer .payment-info .explain {
  text-align: center;
  font-weight: 500;
  color: var(--color-text-primary);
  font-size: 18px;
  line-height: 18px;
}
.vx-tips {
  margin: 20px 0;
}
.vx-tips .vx-tips-title {
  vertical-align: bottom;
}
.vx-tips .vx-tips-title .line {
  width: 79px;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: var(--color-text-secondary);
  line-height: 20px;
  letter-spacing: 0;
}
.vx-tips .vx-tips-body {
  font-size: 12px;
  text-align: left;
  color: var(--color-text-secondary);
  line-height: 21px;
  letter-spacing: 0;
}
.vx-nodata .list-no-data {
  text-align: center;
  color: #848bad;
  margin-top: 60px;
  padding-bottom: 30px;
  line-height: 30px;
}
.vx-dialog.ui-dialog {
  position: absolute;
  width: 500px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.vx-dialog.ui-dialog .ui-dialog__header {
  text-align: center;
}
.vx-dialog.ui-dialog .ui-dialog__header .ui-dialog__title {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-text-primary);
}
.vx-dialog.ui-dialog .ui-dialog__body {
  padding: 0 30px 30px;
}
.vx-dialog.ui-dialog .vx-dialog-content {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 25px;
}
.vx-dialog.ui-dialog .vx-dialog-content img {
  margin-bottom: 16px;
}
.vx-dialog.ui-dialog .vx-dialog-footer .ui-button {
  width: 150px;
  vertical-align: middle;
}
.vx-dialog.ui-dialog .vx-dialog-footer > div {
  margin-left: 20px;
  width: 150px;
  border-radius: 6px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.vx-title-bar-item {
  display: inline-block;
}
.vx-title-bar-item * {
  display: inline-block;
  vertical-align: top;
}
.vx-title-bar-item .actives {
  line-height: 30px;
}
.vx-title-bar-item .step-circle {
  width: 22px;
  height: 22px;
  margin: 2px 15px 0 0;
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  color: #999999;
  border: 2px solid #999999;
}
.vx-title-bar-item .step-circle.current {
  color: #333333;
  border: 2px solid #333333;
}
.vx-title-bar-item .step-circle.active {
  color: #34ae69;
  border: 2px solid #34ae69;
}
.vx-title-bar-item p {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #999;
}
.vx-title-bar-item p.active-p {
  color: #34ae69;
}
.vx-title-bar-item p.current {
  color: #333333;
}
.vx-title-bar-item .step-icon {
  font-size: 26px;
  color: #c0c4cc;
  border: 0;
  text-align: center;
  margin: 5px 50px 0 50px;
  width: 12px;
  height: 22px;
  margin-top: 4px;
}
.header-vue .header-size-top-vue {
  margin-right: 50px;
  overflow: hidden;
}
.header-vue .header-size-top-vue-item {
  cursor: pointer;
  float: left;
  margin-left: 20px;
  overflow: hidden;
}
.header-vue .header-size-top-vue-item .scan-xcode {
  width: 14px;
  height: 14px;
  margin-right: 12px;
  margin-top: 8px;
}
.header-vue .header-size-top-vue-item .znx-logo {
  width: 14px;
  height: 14px;
  margin-top: 8px;
  border-radius: 50%;
}
.header-vue .header-size-top-vue-item p {
  float: right;
  color: #fff;
  font-size: 12px;
}
.header-vue .logout-dialog .logout-title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}
.header-vue .logout-dialog .ui-dialog__headerbtn {
  display: none;
}
.header-vue .ui-popover {
  padding: 20px 15px !important;
}
.header-vue .ui-popover .theme-title-change {
  font-weight: 500;
  color: var(--color-text-primary);
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.header-vue .ui-popover .theme-item-change {
  float: left;
  margin: 0 5px 26px 5px;
  position: relative;
}
.header-vue .ui-popover .theme-item-change img {
  cursor: pointer;
}
.header-vue .ui-popover .theme-item-change .btn-img {
  position: absolute;
  left: 84px;
  top: 50px;
}
.header-vue .ui-popover .theme-item-change .theme-text {
  position: absolute;
  left: 66px;
  top: 79px;
  font-weight: 500;
  color: var(--color-primary);
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}
.header-vue .ui-popover .theme-item-change .theme-name {
  position: absolute;
  left: 70px;
  top: 154px;
  height: 16px;
  font-weight: 500;
  color: var(--color-text-primary);
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}
.header-vue .scan-code .phone {
  margin-left: 69%;
}
.header-vue .scan-code .vx {
  margin-left: 76%;
}
.header-vue .scan-code .mind-code img {
  height: 129px;
  width: 120px;
}
.menu-side .is-active {
  color: #ff9933 !important;
}
.menu-side .ui-standard-outer {
  background: var(--background-color-default);
}
.menu-side .ui-standard-outer .ui-standard-box {
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
}
.menu-side .ui-standard-outer .ui-standard-box .ui-logo {
  height: 61px;
}
.menu-side .ui-standard-outer .ui-standard-box .ui-logo img {
  height: 61px;
}
.menu-side .ui-standard-outer .ui-standard-box .ui-standard {
  line-height: 5;
  position: relative;
}
.menu-side .ui-standard-outer .ui-standard-box .ui-standard .ui-menu-item {
  display: inline-block;
  width: 110px;
  height: 36px;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 20px;
  font-size: 18px;
  color: #000;
}
.menu-side .ui-standard-outer .ui-standard-box .ui-standard .ui-menu-item .text-center {
  line-height: 36px;
}
.menu-side .ui-standard-outer .ui-standard-box .ui-standard .ui-menu-item .text-center:hover {
  color: var(--color-primary);
}
.menu-side .ui-standard-outer .ui-standard-box .ui-standard .ui-menu-item .hovering {
  position: absolute;
  left: 45px;
}
.menu-side .title-second {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  left: 0px;
  width: 100%;
  height: 45px;
  z-index: 9999;
}
.menu-side .title-second .title-second-content {
  height: 100%;
  width: 1200px;
  overflow-x: auto;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  z-index: 9999;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.menu-side .title-second .title-second-content > div {
  float: left;
}
.menu-side .title-second .title-second-content > div .title-second_title-bar {
  width: 1px;
  height: 86px;
  background: #878eb2;
  display: inline-block;
  vertical-align: top;
}
.menu-side .title-second .title-second-content > div .title-second_title {
  height: 100%;
  width: 120px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 45px;
}
.menu-side .title-second .title-second-content > div .title-second_title:hover {
  background-color: #ff9b33;
}
.menu-side .title-second .title-second-content > div .title-second_title .title-second_body {
  cursor: pointer;
  font-weight: 500;
}
.menu-side .title-second .title-second-content > div .title-second_title .title-second_body:hover.title-second_body-leaf {
  color: #fff;
}
.menu-side .title-second .title-second-content > div .title-second_title .title-second_body .title-second_subheading {
  margin-bottom: 10px;
}
.menu-side .title-second .title-second-content > div .second-title_body li {
  list-style: none;
}
.menu-side .title-second .title-second-content > div .second-title_body .sub-menu-side {
  margin-left: 14px;
  font-weight: 400;
  font-size: 14px;
  color: #999;
  line-height: 2.8;
  cursor: pointer;
}
.menu-side .title-second .title-second-content > div .second-title_body .sub-menu-side:hover {
  color: var(--color-primary);
}
.theme-vx .ui-standard-outer {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#1A74E4, endColorstr=#2599F0)";
}
.theme-vx .menu-side .ui-standard-outer .ui-standard .ui-menu-item:hover {
  background: transparent;
}
.theme-vx .menu-side .ui-standard-outer .ui-standard .ui-menu-item:hover .hovering {
  display: block;
}
.theme-vx .menu-side .ui-standard-outer .ui-standard .ui-menu-item .text-center:hover {
  color: #ff9933 !important;
}
.theme-vx .menu-side .ui-standard-outer .ui-standard .ui-menu-item.title-active {
  color: #ff9933;
}
.theme-vx .hovering {
  position: absolute;
  left: 45px;
  bottom: -7px;
  display: none;
}
.theme-vx .ui-standard .active {
  display: none !important;
}
.theme-red .ui-standard-outer {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#fa644b, endColorstr=#ef463e)";
}
.theme-red .hovering {
  position: absolute;
  left: 45px;
  bottom: -18px;
  display: none;
}
.theme-red .active {
  display: block !important;
}
.theme-red .menu-side .ui-standard-outer .ui-standard .ui-menu-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
.theme-red .menu-side .ui-standard-outer .ui-standard .ui-menu-item:hover .hovering {
  display: block;
}
.theme-red .menu-side .ui-standard-outer .ui-standard .ui-menu-item:hover .hovering.active {
  display: block;
}
.theme-red .menu-side .ui-standard-outer .ui-standard .ui-menu-item:hover .active {
  display: block !important;
}
.theme-red .menu-side .ui-standard-outer .ui-standard .ui-menu-item.title-active {
  font-size: 20px;
  font-weight: 700;
  background: transparent;
}
.bread-crumb {
  padding: 24px 0 19px;
  margin: 0 20px;
  border-bottom: 1px rgba(135, 142, 178, 0.2) solid;
}
.bread-crumb .ui-breadcrumb__inner {
  color: #666;
  font-weight: 500;
}
.bread-crumb .ui-breadcrumb__item:last-child .ui-breadcrumb__inner {
  color: var(--color-primary);
}
.bread-crumb .ui-breadcrumb__item:last-child .ui-breadcrumb__inner:hover {
  color: var(--color-primary);
}
.vx-page-bottom {
  background: #333;
}
.vx-page-bottom .bottom-main {
  width: 1200px;
  margin: 0 auto;
}
.vx-page-bottom .bottom-main .main-title {
  font-weight: normal;
  font-size: 24px;
  text-align: center;
  height: 70px;
  line-height: 70px;
  color: #fff;
}
.vx-page-bottom .bottom-main .main-title span {
  color: #f16236;
}
.vx-page-bottom .bottom-main .main-link {
  height: 80px;
  color: #d3d3d3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vx-page-bottom .bottom-main .main-link .link-arrow {
  line-height: 80px;
  font-size: 36px;
  cursor: pointer;
}
.vx-page-bottom .bottom-main .main-link .link-item {
  width: 220px;
  background-color: #fff;
  cursor: pointer;
}
.vx-page-bottom .bottom-main .main-warp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
}
.vx-page-bottom .bottom-main .main-warp .warp-info {
  font-size: 12px;
  margin-top: 28px;
}
.vx-page-bottom .bottom-main .main-warp .warp-info p {
  margin-bottom: 16px;
}
.vx-page-bottom .bottom-main .main-warp .warp-tel {
  font-size: 30px;
  margin-top: 28px;
}
.vx-page-bottom .bottom-main .main-warp .warp-tel .ui-icon-headset {
  margin-right: 12px;
}
.foot {
  background: #333;
  height: 108px;
  color: #fff;
}
.foot .wrap {
  position: relative;
  width: 1140px;
  margin: 0 auto;
  min-width: 1140px;
}
.foot .t-fl {
  float: left;
  font-size: 18px;
  margin-top: 28px;
}
.foot .t-fl p {
  margin-bottom: 16px;
}
.foot .t-fr {
  float: right;
  font-size: 30px;
  margin-top: 26px;
}
.foot .t-fr i {
  margin-right: 10px;
}
.login-dialog[data-v-13ec113a] {
  position: relative;
}
.login-dialog-right[data-v-13ec113a] {
  width: 100%;
  height: 520px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  color: #333;
  letter-spacing: 0;
  line-height: 27px;
  font-weight: 500;
  padding: 50px 47px;
  padding-top: 350px;
  background-image: url(../../assets/img/login_bg.93424e60.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.login-dialog-right .login_tips i[data-v-13ec113a] {
  text-decoration: underline;
  font-weight: bolder;
  font-style: normal;
}
.login-dialog-right .btn[data-v-13ec113a] {
  height: 42px;
  background: #eb2e2e;
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
  line-height: 42px;
  margin-top: 30px;
  position: relative;
  z-index: 9999;
  cursor: pointer;
}
.login-dialog-right .text1[data-v-13ec113a],
.login-dialog-right .text2[data-v-13ec113a],
.login-dialog-right .text3[data-v-13ec113a] {
  margin-bottom: 10px;
}
.login-dialog-right .text2[data-v-13ec113a],
.login-dialog-right .text3[data-v-13ec113a] {
  color: #4768a8;
}
.login-dialog-right .text4 span[data-v-13ec113a] {
  font-weight: 600;
}
.login-dialog .levitate-img[data-v-13ec113a] {
  position: absolute;
  top: -80px;
  left: -70px;
}
.login-dialog .top_sign[data-v-13ec113a] {
  position: absolute;
  right: -52px;
  top: -80px;
  width: 146px;
  height: 259px;
  background-image: url(../../assets/img/top_sign.fc831aab.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.login-dialog .bottom_sign[data-v-13ec113a] {
  position: absolute;
  left: -72px;
  bottom: -67px;
  width: 188px;
  height: 144px;
  background-image: url(../../assets/img/bottom_sign.e4e241fb.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
[data-v-13ec113a] .ui-dialog {
  border-radius: 12px;
  margin-top: 10vh !important;
}
[data-v-13ec113a] .ui-dialog .ui-dialog__header {
  display: none;
}
[data-v-13ec113a] .ui-dialog .ui-dialog__body {
  padding: 0;
}
.ui-dialog__wrapper[data-v-13ec113a] {
  top: 110px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.auth-dialog[data-v-670b86d6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.auth-dialog-left[data-v-670b86d6] {
  width: 397px;
  height: 520px;
}
.auth-dialog-left img[data-v-670b86d6] {
  width: 397px;
  height: 520px;
}
.auth-dialog-right[data-v-670b86d6] {
  width: 440px;
  height: 520px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  color: #333;
  letter-spacing: 0;
  line-height: 27px;
  font-weight: 500;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 46, 46, 0.16)), color-stop(15%, rgba(255, 255, 255, 0)), color-stop(78%, rgba(255, 255, 255, 0)), to(rgba(235, 46, 46, 0.14)));
  background-image: linear-gradient(180deg, rgba(235, 46, 46, 0.16) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 78%, rgba(235, 46, 46, 0.14) 100%);
  padding: 50px 47px;
  position: relative;
}
.auth-dialog-right .btn[data-v-670b86d6] {
  height: 42px;
  width: 346px;
  background: #eb2e2e;
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
  line-height: 42px;
  position: absolute;
  bottom: 50px;
  z-index: 9999;
  cursor: pointer;
}
.auth-dialog-right .text1[data-v-670b86d6],
.auth-dialog-right .text2[data-v-670b86d6],
.auth-dialog-right .text3[data-v-670b86d6] {
  margin-bottom: 10px;
}
.auth-dialog-right .text2[data-v-670b86d6],
.auth-dialog-right .text3[data-v-670b86d6] {
  color: #4768a8;
}
.auth-dialog-right .text4 span[data-v-670b86d6] {
  font-weight: 600;
}
.auth-dialog .levitate-img[data-v-670b86d6] {
  position: absolute;
  top: -80px;
  left: -70px;
}
[data-v-670b86d6] .ui-dialog {
  border-radius: 12px;
  margin-top: 10vh !important;
}
[data-v-670b86d6] .ui-dialog .ui-dialog__header {
  display: none;
}
[data-v-670b86d6] .ui-dialog .ui-dialog__body {
  padding: 0;
}
.ui-dialog__wrapper[data-v-670b86d6] {
  top: 110px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.set-dialog .ui-dialog .ui-dialog__header {
  padding: 0 30px;
  height: 60px;
  background-color: #f7f7f7;
  border-radius: 8px 8px 0 0;
  line-height: 60px;
}
.set-dialog .ui-dialog .ui-dialog__header .ui-dialog__title {
  color: #bf4768 !important;
}
.set-dialog .ui-dialog .ui-dialog__header .ui-dialog__headerbtn {
  right: 30px;
}
.set-dialog .ui-dialog .ui-dialog__header .ui-dialog__headerbtn .ui-icon {
  font-size: 24px;
  color: #bf4768;
}
.set-dialog .ui-dialog__body {
  padding: 30px;
}
.set-dialog .ui-dialog__body .content {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  font-weight: 400;
  padding: 30px 10px 10px 10px;
  text-align: center;
}
.set-dialog .ui-dialog__body .QRCodeDome-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.set-dialog .ui-dialog__body .QRCodeDome-outer img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}
.set-dialog .ui-dialog__body .QRCodeDome-outer p {
  line-height: 1.5;
  font-size: 16px;
}
.set-dialog .ui-dialog__footer {
  padding: 0 30px 30px 30px;
}
.set-dialog .ui-dialog__footer .dialog-footer {
  margin-top: 30px;
}
.set-dialog .ui-dialog__footer .dialog-footer .dialog-footer-btn {
  width: 100%;
  background-color: #b50024;
  border-color: #b50024;
  color: #fff;
  padding: 12px 30px;
  font-size: 18px;
}
.set-dialog .ui-dialog__footer .dialog-footer .ui-button + .ui-button {
  margin-left: 30px;
}
.ui-layout-header-aside-group {
  background-color: #f4f5f6;
}
.ui-layout-header-aside-group .dialog-box {
  z-index: 300 !important;
}
.ui-layout-header-aside-group .ui-theme-header {
  width: 100%;
  background: var(--background-color-default);
  -webkit-box-shadow: 0 1px 4px 0 rgba(12, 32, 79, 0.11);
          box-shadow: 0 1px 4px 0 rgba(12, 32, 79, 0.11);
}
.ui-layout-header-aside-group .ui-theme-header .ui-theme-top {
  height: 30px;
  line-height: 30px;
  background-color: #b50024;
}
.ui-layout-header-aside-group .ui-theme-header .ui-theme-top .ui-theme-top-main {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.ui-layout-header-aside-group .ui-theme-header .ui-theme-top .ui-theme-top-main .ui-header-size-top {
  float: right;
  padding-right: 10px;
}
.ui-layout-header-aside-group .ui-theme-header .ui-theme-top .ui-theme-top-main .ui-theme-top-main-left {
  color: #fff;
  font-size: 12px;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 12px;
}
.ui-layout-header-aside-group .ui-theme-header .ui-theme-top .ui-theme-top-main .ui-theme-top-main-left a {
  color: #fff;
  font-size: 12px;
}
.ui-layout-header-aside-group .ui-theme-header .ui-theme-top .ui-theme-top-main .ui-theme-top-main-left::after {
  clear: both;
}
.ui-layout-header-aside-group .ui-theme-header .ui-header-name {
  height: 26px;
  font-size: 18px;
  color: #333;
  border-left: 1px solid #333;
  padding-left: 14px;
  margin-left: 190px;
}
.ui-layout-header-aside-group .ui-layout-header-aside-content-standard {
  padding-top: 110px;
}
.ui-layout-header-aside-group .ui-layout-header-aside-content-standard .ui-theme-header {
  position: fixed;
  top: 0;
  z-index: 1000;
  background: var(--background-color-default);
}
.ui-layout-header-aside-group .ui-layout-header-aside-content-standard .main-area-container-second {
  margin: 20px auto 0;
}
.ui-layout-header-aside-group .ui-layout-header-aside-content-standard .main-area-width {
  width: 1200px;
  overflow: hidden;
}
.ui-layout-header-aside-group .ui-standard-container .main-area-second {
  position: relative;
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-aside {
  height: 80px;
  position: fixed;
  left: 0;
  right: 0;
  top: 30px;
  z-index: 30;
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-aside .menusider {
  overflow: hidden;
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-aside .ui-standard-outer {
  height: 80px;
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-main {
  background-color: #fff;
  height: calc(100vh - 110px);
  overflow-y: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-main .ui-theme-container-main-layer {
  width: 1000px;
  margin-left: 200px;
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-main .main-center {
  width: 1140px;
  margin: 0 auto;
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-main .all-container {
  width: 100%;
  margin: 0 auto;
}
.ui-layout-header-aside-group .ui-standard-container .ml20 {
  margin-left: 20px;
}
.ui-layout-header-aside-group .ui-standard-container .ui-vx-container-main-bg {
  background-size: auto 300px;
  background-attachment: local;
  background-color: #fff;
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-main-body {
  min-height: 630px;
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-main-body:not(.ui-index) {
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 21, 41, 0.07);
          box-shadow: 0 1px 10px 0 rgba(0, 21, 41, 0.07);
}
.ui-layout-header-aside-group .ui-standard-container .ui-theme-container-main-body.ui-index .ui-theme-breadcrumb {
  display: none;
}
.m-this-nav {
  width: 100%;
  height: 80px;
  line-height: 80px;
}
.m-this-nav .wrap {
  position: relative;
  width: 1140px;
  margin: 0 auto;
  min-width: 1140px;
  overflow: hidden;
}
.m-this-nav .right span {
  color: #cccccc;
  padding: 0px 30px;
}
.m-this-nav .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-this-nav .t-fl {
  float: left;
  cursor: pointer;
  height: 80px;
}
.m-this-nav .t-fr {
  float: right;
  margin-top: 5px;
  height: 80px;
}
.m-this-nav .t-fr .header-word {
  color: #b50024;
  cursor: pointer;
}
.m-this-nav .t-fr .header-word:hover {
  color: #ff9933;
}
.m-this-nav .t-fr .header-word:nth-of-type(1) {
  color: #ff9933;
}
.tips-dialog .protocal-dialog .ui-dialog {
  width: 520px;
  height: 0px;
}
.tips-dialog .protocal-dialog .ui-dialog .ui-dialog__header {
  display: none;
}
.tips-dialog .protocal-dialog .ui-dialog .ui-dialog__body {
  margin-top: 24vh;
}
.tips-dialog .protocal-dialog .protocal-content {
  background-color: #fff;
  width: 100%;
  position: absolute;
}
.tips-dialog .protocal-dialog .protocal-content h3 {
  margin-top: 0px;
  width: 100%;
  height: 77px;
  line-height: 77px;
  font-size: 24px;
  color: #b50024;
  font-weight: normal;
  background: #f7f7f7;
  text-indent: 35px;
}
.tips-dialog .protocal-dialog .protocal-content h3 .prompt {
  position: absolute;
  left: -5px;
}
.tips-dialog .protocal-dialog .protocal-content h3 .img {
  position: absolute;
  right: 25px;
  text-indent: 0px;
  cursor: pointer;
}
.tips-dialog .protocal-dialog .protocal-content h3 .img img {
  vertical-align: middle;
}
.tips-dialog .protocal-dialog .protocal-content .Txetbox {
  overflow: hidden;
  font-size: 14px;
  color: #333333;
  padding-bottom: 30px;
}
.tips-dialog .protocal-dialog .protocal-content .Txetbox .text {
  margin: 30px auto;
  font-size: 20px;
  text-align: center;
}
.tips-dialog .protocal-dialog .protocal-content .Txetbox .agree-btn {
  background-color: #b50024;
  font-size: 18px;
  width: 200px;
  height: 49px;
  line-height: 49px;
  display: block;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  color: var(--fill-text-color);
  cursor: pointer;
  margin: 0 auto;
  margin-top: 45px;
}
.QRCodeDome-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.QRCodeDome-outer img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}
.QRCodeDome-outer p {
  line-height: 1.5;
  font-size: 16px;
}
.reset-dialog .prompt-dialog .ui-dialog {
  width: 520px;
  height: 0px;
}
.reset-dialog .prompt-dialog .ui-dialog .ui-dialog__header {
  display: none;
}
.reset-dialog .prompt-dialog .ui-dialog .ui-dialog__body {
  margin-top: 24vh;
}
.reset-dialog .prompt-dialog .protocal-content {
  background-color: #fff;
  height: 360px;
  width: 100%;
  position: absolute;
}
.reset-dialog .prompt-dialog .protocal-content h3 {
  margin-top: 0px;
  width: 100%;
  height: 77px;
  line-height: 77px;
  font-size: 24px;
  color: #b50024;
  font-weight: normal;
  background: #f7f7f7;
  text-indent: 35px;
}
.reset-dialog .prompt-dialog .protocal-content h3 .prompt {
  position: absolute;
  left: -5px;
}
.reset-dialog .prompt-dialog .protocal-content h3 .img {
  position: absolute;
  right: 25px;
  text-indent: 0px;
  cursor: pointer;
}
.reset-dialog .prompt-dialog .protocal-content h3 .img img {
  vertical-align: middle;
}
.reset-dialog .prompt-dialog .protocal-content .Txetbox {
  overflow: hidden;
  font-size: 14px;
  color: #333333;
}
.reset-dialog .prompt-dialog .protocal-content .Txetbox .text {
  margin: 30px auto 0 auto;
  font-size: 20px;
  text-align: left;
  padding: 0 50px;
  line-height: 35px;
}
.reset-dialog .prompt-dialog .protocal-content .Txetbox .agree-btn {
  background-color: #b50024;
  font-size: 18px;
  width: 200px;
  height: 49px;
  line-height: 49px;
  display: block;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  color: var(--fill-text-color);
  cursor: pointer;
  margin: 0 auto;
  margin-top: 30px;
}
body {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

#safekeyboard .skb_mask {
  width: 100%;
  height: 100%;
  background-color: #82828C;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  z-index: 99;
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
}
#safekeyboard .skb_board {
  background-color: #f0f0f0;
  z-index: 2147483647;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
#safekeyboard .skb_board a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-touch-callout: none;
}
#safekeyboard .skb_board tr, #safekeyboard .skb_board td, #safekeyboard .skb_board a, #safekeyboard .skb_board img, #safekeyboard .skb_board i {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-border: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
#safekeyboard .skb_board .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#safekeyboard .skb_board .clearfix {
  display: block;
}
#safekeyboard .skb_board .skc_header {
  height: 60px;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  padding: 0 5px;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#safekeyboard .skb_board .skc_header a {
  color: #333;
  min-width: 50px;
  font-size: 16px;
  line-height: 60px;
  font-weight: bolder;
  height: 60px;
  vertical-align: middle;
}
#safekeyboard .skb_board .skc_header .skh_change {
  display: inline-block;
  float: left;
  position: absolute;
  left: 5px;
}
#safekeyboard .skb_board .skc_header .skh_change img, #safekeyboard .skb_board .skc_header .skh_ok img {
  height: 50px;
  margin-top: 7px;
}
#safekeyboard .skb_board .skc_header .skh_logo {
  display: inline-block;
  width: 100%;
  text-align: center;
}
#safekeyboard .skb_board .skc_header .skh_logo img {
  max-width: 100%;
  max-height: 60px;
}
#safekeyboard .skb_board a.skh_ok {
  float: left;
  margin-left: 125px;
  position: absolute;
  left: 5px;
}
#safekeyboard .skb_board .skb_content {
  height: 300px;
}
#safekeyboard .skb_board .skb_num {
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#safekeyboard .skb_board .skb_num .skb_box {
  width: 33%;
  padding: 0 1%;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}
#safekeyboard .skb_board .skb_num .skb_box .skb_dv {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  height: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#safekeyboard .skb_board .skb_num a {
  overflow: hidden;
}
#safekeyboard .skb_board .skb_num a.skbADelete .skb_sp {
  width: 60px;
}
#safekeyboard .skb_board .skb_num a i {
  margin-top: 17px;
  width: 75px;
  height: 75px;
  display: inline-block;
  -ms-transform-origin: 50% top;
  -webkit-transform-origin: 50% top;
  -o-transform-origin: 50% top;
  -moz-transform-origin: 50% top;
}
#safekeyboard .skb_board .skb_num a.skbADelete i {
  margin-top: 3px;
}
#safekeyboard .skb_board .skb_letter, #safekeyboard .skb_board .skb_char {
  padding-top: 10px;
}
#safekeyboard .skb_board .skb_Row {
  padding: 2.5px 1%;
  overflow: hidden;
  height: 70px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#safekeyboard .skb_board .skb_Row .skb_dv {
  overflow: hidden;
  width: 9%;
  display: inline-block;
  margin-left: 0.5%;
  margin-right: 0.5%;
  height: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#safekeyboard .skb_board .skb_Row .skb_sp {
  width: 35px;
  height: 100%;
  display: inline-block;
}
#safekeyboard .skb_board .skb_Row .skbAM {
  width: 14%;
}
#safekeyboard .skb_board .skb_Row .skbALg {
  width: 23%;
}
#safekeyboard .skb_board .skb_Row .skbASpace {
  width: 64%;
}
#safekeyboard .skb_board .skb_Row.skb_Row3 .skbAmd {
  width: 10%;
}
#safekeyboard .skb_board .skb_Row.skb_RowL3 .skbAM {
  width: 18%;
}
#safekeyboard .skb_board .skb_Row .skb_dv.sf_blue {
  background-color: #e6e6e6;
}
#safekeyboard .skb_board .skb_Row a {
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#safekeyboard .skb_board .skb_Row a i {
  margin-top: 17px;
  width: 75px;
  height: 75px;
  display: inline-block;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  -o-transform-origin: left top;
  -moz-transform-origin: left top;
}
#safekeyboard .skb_board .skb_upper .shift {
  background-color: #e6e6e6;
}
#safekeyboard .skb_board .skb_Row .skbASpace .skb_sp {
  width: 50px;
}
#safekeyboard .skb_board .skb_Row .skbASpace a i {
  margin-top: 0;
}
#safekeyboard .skb_board .skb_Row .skbAIcon .skb_sp {
  width: 35px;
}
#safekeyboard .skb_board .skb_Row .skbAIcon a i {
  margin-top: 14px;
}
#safekeyboard .skb_board .skb_num a i {
  -ms-transform: scale(0.4, 0.4);
  -moz-transform: scale(0.4, 0.4);
  -webkit-transform: scale(0.4, 0.4);
  -o-transform: scale(0.4, 0.4);
}
#safekeyboard .skb_board .skb_Row a i {
  -ms-transform: scale(0.4, 0.4);
  -moz-transform: scale(0.4, 0.4);
  -webkit-transform: scale(0.4, 0.4);
  -o-transform: scale(0.4, 0.4);
}
#safekeyboard .skb_board .skb_num a.skbADelete i {
  -ms-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
}
#safekeyboard .skb_board .skb_Row .skbAIcon a i {
  -ms-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
}
#safekeyboard .skb_board .skb_Row .skbASpace a i {
  -ms-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
}
@charset "UTF-8";
.login-page .mg-top-28 {
  margin-top: 28px;
}
.login-page .ui-form-item {
  margin-bottom: 28px;
}
.login-page .login-box {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODIyQUY2MkZGN0E3NDc4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENjdGRTI0RkJCMkQxMUU2OUY5NUI0M0MxRENFREVBOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENjdGRTI0RUJCMkQxMUU2OUY5NUI0M0MxRENFREVBOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjRDMDc5M0Y0ODIwNjgxMTgyMkFENzBEMTIzNjIzRjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgyMkFGNjJGRjdBNzQ3OEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz577/Z1AAAAGElEQVR42mL8//+/LwMSYGJAA4QFAAIMANnOA1LQzqHSAAAAAElFTkSuQmCC);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 420px;
  height: 480px;
  position: relative;
  /* 图形验证码 */
}
.login-page .login-box .normal {
  background: rgba(250, 250, 250, 0.2);
  height: 100%;
}
.login-page .login-box .ui-input {
  width: 330px;
  height: 48px;
}
.login-page .login-box .agree {
  width: 330px;
  position: relative;
  margin: 24px auto 10px;
  line-height: 24px;
}
.login-page .login-box .agree .ui-checkbox {
  position: absolute;
  z-index: 0;
}
.login-page .login-box .agree .ui-checkbox .ui-checkbox__inner {
  width: 20px;
  height: 20px;
}
.login-page .login-box .agree-read {
  margin-left: 37px;
  color: #666;
}
.login-page .login-box .register-password {
  margin: 20px auto 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #b50024;
  width: 322px;
}
.login-page .login-box .register-password a {
  cursor: pointer;
}
.login-page .login-box .register {
  color: #b50024;
  width: 100%;
  text-align: center;
  padding: 18px 0 28px;
}
.login-page .login-box .register a {
  cursor: pointer;
}
.login-page .login-box .get-code {
  border: 1px solid #ff9933;
  background-color: #ff9933;
  color: #fff;
  height: 46px;
  line-height: 35px;
  text-align: center;
  width: 90px;
  border-radius: 5px;
  position: absolute;
  left: 240px;
  top: 2px;
}
.login-page .login-box .get-code .text-code {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 15px;
}
.login-page .login-box .down-code {
  border: 1px solid #cccccc;
  background-color: #cccccc;
  color: #fff;
  height: 47px;
  line-height: 35px;
  text-align: center;
  width: 90px;
  border-radius: 5px;
  position: absolute;
  left: 240px;
  top: 2px;
}
.login-page .login-box .down-code .text-code {
  font-size: 18px;
  position: absolute;
  top: 6px;
  right: 25px;
}
.login-page .login-box .vercode-dialog .ui-dialog {
  height: 0px;
  width: 520px;
}
.login-page .login-box .vercode-dialog .ui-dialog .ui-dialog__header {
  display: none;
}
.login-page .login-box .vercode-dialog .ui-dialog .ui-dialog__body {
  margin-top: 24vh;
}
.login-page .login-box .vercode-dialog .dialog {
  height: 300px;
  background: #fff;
  width: 480px;
}
.login-page .login-box .vercode-dialog .dialog h3 {
  background-color: #f7f7f7;
  color: #b50024;
  font-size: 24px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: relative;
}
.login-page .login-box .vercode-dialog .dialog h3 .left-title {
  position: absolute;
  left: 25px;
}
.login-page .login-box .vercode-dialog .dialog h3 .guan-bi {
  position: absolute;
  text-indent: 0px;
  top: 5px;
  right: 25px;
  cursor: pointer;
}
.login-page .login-box .vercode-dialog .dialog p {
  width: 350px;
  margin: 20px auto;
  font-size: 18px;
}
.login-page .login-box .vercode-dialog .dialog .login {
  width: 370px;
  margin: 0 auto;
}
.login-page .login-box .vercode-dialog .dialog .login .login-box .ui-input {
  width: 220px;
}
.login-page .login-box .vercode-dialog .dialog .login .ui-input__inner {
  height: 48px !important;
  padding-left: 40px;
}
.login-page .login-box .contain {
  padding: 0px 40px 35px;
}
.login-page .login-box .protocal {
  color: #b50024;
}
.login-page .login-box .protocal a {
  color: #b50024;
  cursor: pointer;
}
.login-page .login-box .box-header {
  width: 420px;
  height: 56px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.login-page .login-box .box-header .header-item {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 210px;
  color: #333333;
  font-size: 20px;
  line-height: 56px;
  height: 56px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
}
.login-page .login-box .box-header .header-item.is-active {
  color: #fff;
  background-color: #ff9933;
}
.login-page .login-box .box-header .header-item.is-active:after {
  content: "";
  display: block;
  height: 3px;
  border-radius: 1.5px;
}
.login-page .login-box .box-header li:first-child {
  text-align: left;
}
.login-page .login-box .box-header .header-item.is-active:after {
  width: 100px;
  margin-top: 8px;
}
.login-page .login-box .img-logo {
  width: 18px;
  height: 21px;
  margin-top: 9px;
  margin-left: 10px;
}
.login-page .login-box .login-btn {
  background-color: #ff9933;
  font-size: 18px;
  width: 330px;
  height: 48px;
  line-height: 48px;
  display: block;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  color: let(--fill-text-color);
  cursor: pointer;
  color: #fff;
}
.login-page .login-box .confrim {
  background-color: #b50024;
}
.login-page .login-box .width-220 {
  width: 220px;
}
.login-page .login-box .idfCode {
  position: relative;
}
.login-page .login-box .idfCode .prefix-img {
  width: 12px;
  height: 22px;
  margin-top: 9px;
  margin-left: 10px;
}
.login-page .login-box .img-idf-code {
  width: 90px;
  height: 46px;
  position: absolute;
  top: 1px;
  left: 240px;
}
.login-page .login-box .tips-top {
  position: relative;
}
.login-page .login-box .tips {
  position: absolute;
  font-size: 12px;
  right: 0;
  top: 35px;
  color: #b9b8b8;
}
.login-page .login-box .btn-box {
  overflow: hidden;
  width: 330px;
  margin: auto;
}
.login-page .login-box .login-form {
  margin-bottom: 25px;
}
.login-page .login-box .login-form .ui-form-item__content {
  width: 300px;
}
.login-page .login-box .login-form .ui-input__inner {
  height: 48px !important;
  padding-left: 14px;
}
.login-page .paper-box {
  height: 525px;
}
.login-page .phone-box {
  height: 460px;
}
.login-page .code-box {
  height: 480px;
}
.service-dialog .ui-dialog .ui-dialog__header {
  padding: 0 30px;
  height: 60px;
  background-color: #f7f7f7;
  border-radius: 8px 8px 0 0;
  line-height: 60px;
}
.service-dialog .ui-dialog .ui-dialog__header .ui-dialog__title {
  color: #bf4768 !important;
}
.service-dialog .ui-dialog .ui-dialog__header .ui-dialog__headerbtn {
  right: 30px;
}
.service-dialog .ui-dialog .ui-dialog__header .ui-dialog__headerbtn .ui-icon {
  font-size: 24px;
  color: #bf4768;
}
.service-dialog .ui-dialog__body {
  padding: 30px;
}
.service-dialog .ui-dialog__body .content {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  font-weight: 400;
  padding: 30px 10px 10px 10px;
}
.bg-1201 {
  width: 100%;
  height: 562px;
  background: url(../../assets/img/home-login.a7246e2d.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.bg-1201 .wrap {
  position: relative;
  width: 1140px;
  margin: 0 auto;
  min-width: 1140px;
  padding-top: 30px;
}
.bind-email-result {
  height: 100%;
  background-color: #fff;
}
.bind-email-result .bind-email-inner {
  overflow: hidden;
  position: relative;
  max-width: 1140px;
  margin: 20px auto;
  height: 760px;
}
.bind-email-result .bind-email-inner .bind-email-title {
  padding: 30px 0;
  border-bottom: 1px solid #f4c376;
}
.bind-email-result .bind-email-inner .bind-email-title .title {
  padding-left: 38px;
  margin-left: 50px;
  border-left: 4px solid #b50024;
  font-size: 30px;
  color: #b50024;
  line-height: 30px;
}
.bind-email-result .bind-email-inner .con {
  overflow: hidden;
  min-height: 400px;
}
.bind-email-result .bind-email-inner .con .img {
  margin: 60px auto;
  width: 240px;
  height: 240px;
}
.bind-email-result .bind-email-inner .con .img img {
  width: 240px;
  height: 240px;
}
.bind-email-result .bind-email-inner .con .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  color: #b50024;
}
.bind-email-result .bind-email-inner .con .text img {
  width: 40px;
  height: 40px;
}
.bind-email-result .bind-email-inner .con .info {
  max-width: 490px;
  margin: 30px auto;
  font-size: 14px;
  color: #666666;
  display: block;
  line-height: 22px;
}
.bind-email-result .bind-email-inner .con .info.email {
  text-align: center;
}
.bind-email-result .bind-email-inner .refresh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  cursor: pointer;
}
.register .m-nav {
  border-bottom: 1px solid #b50024;
  width: 100%;
  height: 80px;
  line-height: 80px;
}
.register .m-nav .wrap {
  position: relative;
  width: 1140px;
  margin: 0 auto;
  min-width: 1140px;
  overflow: hidden;
}
.register .m-nav .logo {
  margin-top: 8px;
}
.register .m-nav .t-fl {
  float: left;
}
.register .m-nav .t-fr {
  float: right;
  margin-top: 5px;
}
.register .m-nav .t-fr .header-word {
  font-size: 22px;
  color: #b50024;
  cursor: pointer;
}
.register .m-zhuce-box {
  background: #f8f8f8;
  padding: 20px 0px;
}
.register .m-zhuce-box .m-zcnr-box {
  height: 800px;
  width: 1142px;
  position: relative;
  height: 750px;
  border: 1px solid #cccccc;
}
.register .m-zhuce-box .m-zcnr-box .mx-title {
  height: 60px;
  overflow: hidden;
  width: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8CAIAAAAok0etAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODIyQUY2MkZGN0E3NDc4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMEJEQjg5OUFFRjMxMUU2QTZFNkRGRkNDNjRCQzVFQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMEJEQjg5OEFFRjMxMUU2QTZFNkRGRkNDNjRCQzVFQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkVBNzE5ODYyQzIwNjgxMTgyMkFERjAwRTQ1RThCQ0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgyMkFGNjJGRjdBNzQ3OEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz76pHBiAAAAb0lEQVR42mzGSRKEIBQE0R/e/4KMAjIKKHIBOroWrly8yKQ5J/09z/MaY7zu+4bruqD3Dq01qLXCeZ5QSoGcM6WUIMZIIQTw3sNxHOScA2stGGNo33fQWpNSCqSUIIQAzjkwxjYi2tZan/34nwADAEVRkK/uW64RAAAAAElFTkSuQmCC) repeat-x;
}
.register .m-zhuce-box .m-zcnr-box .mx-title h3 {
  font-size: 24px;
  color: #b50024;
  border-left: 5px solid #b50024;
  font-weight: normal;
  text-indent: 18px;
  margin: 15px 0px 0px 58px;
}
.register .m-zhuce-box .m-zcnr-box .txt {
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  margin-top: 170px;
}
.register .m-zhuce-box .m-zcnr-box .m-er-wei {
  width: 200px;
  height: 200px;
  background: #fff;
  margin: auto;
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
}
.register .m-zhuce-box .m-zcnr-box .m-er-wei .code {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  margin-left: 30px;
}
.register .m-zhuce-box .m-zcnr-box .m-er-wei .code img {
  vertical-align: middle;
  border: none;
  width: 140px;
  height: 140px;
}
.register .m-zhuce-box .m-zcnr-box .m-er-wei .passLogin {
  cursor: pointer;
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  text-align: center;
}
.register .m-zhuce-box .m-zcnr-box .m-er-wei .passLogin span {
  color: #b50024;
}
.register .m-zhuce-box .wrap {
  position: relative;
  width: 1140px;
  margin: 0 auto;
  min-width: 1140px;
}
.forget-password {
  position: relative;
  width: 100%;
  height: 640px;
  background: url(../../assets/img/bg1.010fbc54.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.forget-password .m-kang-box {
  position: relative;
  margin: 25px auto;
  height: 605px;
  width: 520px;
  background: none;
}
.forget-password .m-kang-box .forget-box {
  background-color: white;
  height: 520px;
  overflow: hidden;
}
.forget-password .m-kang-box .forget-box .son-form {
  width: 360px;
  margin: 40px auto;
}
.forget-password .m-kang-box .forget-box .son-form .imageCode {
  position: relative;
}
.forget-password .m-kang-box .forget-box .son-form .imageCode .img-idf-code {
  width: 90px;
  height: 48px;
  position: absolute;
  top: 1px;
  left: 279px;
}
.forget-password .m-kang-box .forget-box .son-form .imageCode .get-vercode {
  cursor: pointer;
  height: 46px;
  line-height: 46px;
  border-radius: 5px;
  text-align: center;
  width: 90px;
  position: absolute;
  left: 279px;
  top: 0px;
}
.forget-password .m-kang-box .forget-box .son-form .imageCode .up {
  border: 1px solid #ff9933;
  color: #ff9933;
}
.forget-password .m-kang-box .forget-box .son-form .imageCode .down {
  border: 1px solid #666;
  color: #666;
}
.forget-password .m-kang-box .forget-box .son-form .ui-form-item__content {
  width: 370px;
}
.forget-password .m-kang-box .forget-box .son-form .ui-input__inner {
  height: 48px !important;
  padding-left: 40px;
}
.forget-password .m-kang-box .forget-box .son-form .ui-form-item {
  margin-bottom: 22px;
}
.forget-password .m-kang-box .forget-box .son-form .password-repeat {
  position: relative;
}
.forget-password .m-kang-box .forget-box .son-form .password-repeat .img-logo {
  width: 12px;
  height: 22px;
  margin-top: 13px;
  margin-left: 10px;
}
.forget-password .m-kang-box .forget-box .son-form .password-repeat .degree {
  display: inline-block;
  margin-left: 16px;
  width: 150px;
  height: 20px;
  position: absolute;
  top: 7px;
  right: -20px;
}
.forget-password .m-kang-box .forget-box .son-form .password-repeat .degree .psdSafeDegree {
  width: 40px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  background-color: #ececec;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  color: #ffffff;
  margin-left: 3px;
}
.forget-password .m-kang-box .forget-box .son-form .password-repeat .degree .textDegree {
  width: 130px;
  height: 20px;
  text-align: center;
  margin-top: -20px;
  font-size: 14px;
}
.forget-password .m-kang-box .forget-box .img-logo {
  width: 12px;
  height: 22px;
  margin-top: 13px;
  margin-left: 10px;
}
.forget-password .m-kang-box .forget-box .img-logo.key {
  width: 12px;
}
.forget-password .m-kang-box .forget-box .img-logo.protect {
  width: 14px;
}
.forget-password .m-kang-box .forget-box .width-240 {
  width: 220px;
}
.forget-password .m-kang-box .forget-box .success-box {
  margin-top: -25px;
  text-align: center;
  background: #fff;
  height: 200px;
}
.forget-password .m-kang-box .forget-box .success-box h3 {
  height: 78px;
  line-height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 70px auto;
}
.forget-password .m-kang-box .forget-box .success-box h3 img {
  width: 40px;
  height: 40px;
}
.forget-password .m-kang-box .forget-box .success-box h3 span {
  margin-left: -30px;
}
.forget-password .m-kang-box .forget-box .success-box .login-btn {
  background-color: #b50024;
  font-size: 18px;
  width: 370px;
  margin: 0 auto;
  height: 49px;
  line-height: 49px;
  display: block;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  color: var(--fill-text-color);
  cursor: pointer;
}
.forget-password .m-kang-box .forget-box .btn-box {
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
  margin: 0 auto;
}
.forget-password .m-kang-box .forget-box .total {
  margin-top: 30px;
  font-size: 15px;
  color: #666666;
  margin-left: 90px;
}
.forget-password .m-kang-box .forget-box .login-btn {
  background-color: #b50024;
  font-size: 18px;
  width: 370px;
  margin: 0 auto;
  height: 49px;
  line-height: 49px;
  display: block;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  color: var(--fill-text-color);
  cursor: pointer;
}
.forget-password .m-kang-box .configSuccess {
  height: 300px;
}
.forget-password .m-kang-box h3 {
  margin-bottom: 0px;
  background-color: white;
  opacity: 0.88;
  height: 78px;
  line-height: 78px;
  font-size: 24px;
  color: #b50024;
  text-indent: 35px;
  position: relative;
  font-weight: normal;
}
.forget-password .m-kang-box h3 .guan-bi {
  position: absolute;
  text-indent: 0px;
  top: 10px;
  right: 24px;
  cursor: pointer;
}
.forget-password .m-er-wei {
  padding: 0px 8px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding-bottom: 8px;
}
.forget-password .m-er-wei .txt {
  font-size: 18px;
  color: #b50024;
  height: 46px;
  line-height: 46px;
  text-align: center;
}
.forget-password .m-er-wei img {
  vertical-align: middle;
  border: none;
  width: 140px;
  height: 140px;
}
.reset-password {
  width: 100%;
  height: 640px;
  position: relative;
  background: url(../../assets/img/bg1.010fbc54.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.reset-password .m-kang-box {
  margin: 70px auto;
  height: 605px;
  width: 520px;
  background: none;
}
.reset-password .m-kang-box .reset-form {
  height: 360px;
  background: #fff;
}
.reset-password .m-kang-box .reset-form .son-form {
  width: 360px;
  margin: 0 auto;
}
.reset-password .m-kang-box .reset-form .son-form .ui-form-item__content {
  width: 370px;
}
.reset-password .m-kang-box .reset-form .son-form .ui-input__inner {
  height: 48px !important;
  padding-left: 40px;
}
.reset-password .m-kang-box .reset-form .son-form .ui-form-item {
  margin-bottom: 22px;
}
.reset-password .m-kang-box .reset-form .son-form .card {
  margin-top: 30px;
  width: 360px;
}
.reset-password .m-kang-box .reset-form .son-form .identityType {
  margin-top: 20px;
  width: 370px;
}
.reset-password .m-kang-box .reset-form .son-form .img-logo {
  width: 35px;
  height: 22px;
  margin-top: 10px;
  margin-left: 5px;
}
.reset-password .m-kang-box .reset-form .son-form .img-logo.cardtype {
  width: 25px;
}
.reset-password .m-kang-box .reset-form .son-form .img-logo.mobile {
  width: 14px;
}
.reset-password .m-kang-box .reset-form .son-form .img-mobile {
  width: 12px;
  height: 22px;
  margin-top: 7px;
  margin-left: 5px;
}
.reset-password .m-kang-box .reset-form .son-form .btn-box {
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
  margin: 30px auto;
}
.reset-password .m-kang-box .reset-form .son-form .protect-logo {
  margin-top: 13px;
  margin-left: 10px;
}
.reset-password .m-kang-box .reset-form .width-240 {
  width: 220px;
}
.reset-password .m-kang-box .reset-form .get-code {
  height: 46px;
  line-height: 46px;
  border: 1px solid #ff9933;
  border-radius: 5px;
  text-align: center;
  color: #ff9933;
  width: 90px;
  position: absolute;
  left: 272px;
  top: 2px;
}
.reset-password .m-kang-box .reset-form .login-btn {
  background-color: #b50024;
  font-size: 18px;
  width: 370px;
  margin: 0 auto;
  height: 49px;
  line-height: 49px;
  display: block;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  color: var(--fill-text-color);
  cursor: pointer;
}
.reset-password .m-kang-box h3 {
  margin-bottom: 0px;
  background-color: white;
  opacity: 0.88;
  height: 78px;
  line-height: 78px;
  font-size: 24px;
  color: #b50024;
  text-indent: 35px;
  position: relative;
  font-weight: normal;
}
.reset-password .m-kang-box h3 .guan-bi {
  position: absolute;
  text-indent: 0px;
  top: 10px;
  right: 24px;
  cursor: pointer;
}
.reset-password .m-er-wei {
  padding: 0px 8px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding-bottom: 8px;
}
.reset-password .m-er-wei .txt {
  font-size: 18px;
  color: #b50024;
  height: 46px;
  line-height: 46px;
  text-align: center;
}
.reset-password .m-er-wei img {
  vertical-align: middle;
  border: none;
  width: 140px;
  height: 140px;
}
.activity-rules {
  padding: 3.2vw;
  background: #ffffff;
}
.activity-rules .activity-rules-box {
  margin: 3.2vw 0 8.533vw 0;
}
.activity-rules .activity-rules-box .activity-rules-header {
  width: 37.333vw;
  height: 3.2vw;
  font-weight: 500;
  color: #303030;
  font-size: 4.267vw;
  line-height: 3.2vw;
  margin-bottom: 2.133vw;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjAAAAAwCAYAAAAPbkBGAAAAAXNSR0IArs4c6QAAGw5JREFUeF7tXUt247oOTPa/wbuF+8Z3nndiiaJIfAoFkpLtuCfd6dgSP/gUCiD4/d+///x8lT/fX19fvz/1f4/+/vd5jz/aC463w398f31//Xz9fB1/f39//fx8fX1/f4m/y8PKdGa8X31R+wIwh3b+2zz0VXn8/2le2wd/5/vz9f37i+ObcNlOHwDrb+3/sX/9u9pxeF/v57mJw2k+6gfQ3Mh1EAM8L7B8F55PlUd1pHA9yfGLl3Tf795X5OehdqqcnfWplUO08mX/quJ1L4g9gJJjqedVflw9MscC1n/x/rX2TLdjh31Tl3dQfjTD+afsmW8POf0vjohxc2P+EPmj8nTb+3b+9OSPYvZMOKiQ1tcPcf6oEdfHMn//fP/3vwpg5IS3CfYLUH/uf28viO7AKvAoDvowiCsctL2TOx4gAYYwv5oHMfCDirAGBboAxH2nf4HOrwFs/tsDTO58ArJJAgT8RAMgKYC1N/TFZRfAi9+lfcIHCA0ehxqfAEgngNcD9dh8SAc3uH9SegFA0uxf40DJ8ZMAD+2fABhGfGfj+7OgjgK8ALIQ5mcDeA9HdwR+TsCE7FlBwtCOeh+ISa4GuYs983BX62fOAUZg/fqhTQZ428o77lvYtTNAL4F7/xRvPTmAIPWB80e+/m+B90kcHxM5fob2U92/n+8HA4Ohps7MwAhFSAQXcfUG40UNeg/4TObl6Q16EQMMVH185lBmIfsWVCxTPs8GvTUMKJLffm+8P6wPwfGba7F/vwtJZIRiqW19PwXwjq9ds3+q/3j4Yyl/IbERoVgWoMb2TwaEnf6k7Vns/Taey+1ffSvWf51B7s3/ZIAaBlYFHtkAG9mBxxM8hVMN4Jg/lOLbAuTHcMgA1dV/W4D3oUAEAtTS2H/NvKkE187AiNRMn6pJ/Ezvn5B4ziRJxK58X0Qop9TT7phqikqn1H0cnzWImubx898Qbot0fQraSkQFDSQACImkRFWMc6qwUJsO89KuVnD8JEBAEXsfWxW9KjETjBOO+eUcjBPb6TMl9w+O//BPBsC4GeD1+2cPBztoP2C8Z/+qP42P/93smW0HAvZUCMSYg4b6D+3ZZIAX1j/dH8X1vyQ0lpcILGRgrJyRwIgBwTrc2qcGZmmKjRRwqKCIco9EMK54kAoODBStoCdg7zs0ZSG2EI5iJOU7fMCMGZn3rYEJBVBo/aE+jO0fUwODEWjcjtZIfizFReu/UtN3rz1rNxjWJAo17lJUHgUSNhDEPoIUl0egFCa5qSl91RoYSQ32qQL2Z0zNCfttco7EhqIiYWCQdCZqIGd8s0A3OeMgtWgXPWNGy8+hMvsIIoCramAiAMsNYX0H5xEgG3OmRDDUMgIHO0gRcwbypEcQGMxhJAVAhPrfU/DYjqnbf7xnDCDQALebX8PI3q7/iRqUzp4zNTCbBL1PDcw9hzZ8JpvTf70Gxi919d//iyefqgYGRsDpnHHSIA5SinI+wCA+fQ0MpqZ7M6XXZN5DsVd7uO1MvkjTUKyUY84b9uKgtly8n5LvixtltjyAjFTHXIpEA9+vob9KSXnq1hYxv1YNjGkH0vYMGnZA2OT0Twa62SLt5PiB/Li1nGr8lQSohzt5DoC6FWnHAu2nDlD35ezOojilRnfVwHihZ+r0kQFQQIT5+HVTHDRIqUeO+0xMiYjpJWpg2uEEPTD8WM5AQQMJc8aaHOQBQqhIz6GGGYDUEpA5B1OHElz/kB7W9YMBxqkGpgCkpkgQys21+2cPJwmQFgO8XtSaY/INgMWBhg837wHo1Z7tAcZUexYA2IMBq9ifnQEya+CgPTsPKDB+8ZHu+2H9Awy4UxrQBqxX1cB4dqOeorYhHvr+BhBPf4IG1vzWrqBpAc+9v4ngc+da9xntCtoURyvLawp4cvyTI5ie4o47uLIMywUciJ1fpIfnM7MPzADQMoAz1wcmcUxz8TFT7LDtY6ZqCZ5r4JX1hwZ/TA/bGhKj+N5oL7JNZez9qI8Idpnt+8M1JCegd/S18s/TGkMB8x/cP07/T/ID3zsJqKsIdheLIh3usDSgu9kB948L9CbYMev93Xu/v6f3gfm7x2xDAO0qwd4NWz7FoCNwaNAmRzAWQDpGB2thAMBgJzS5pqlGnIY7agB6l0OGY084uEHDJMUbNMqiUqYTDCO5f0xNnLodFwO8Hs80+v9GfWDUFANo1JiqIVm8f0L/Q31gAgAjCtQn+yP7cZJwKImWGG41gepz1cBAniadM77HIUsH9eo1MJsZKMCCSZG0AeNzpEjoUxRKiqQxjDhkaxg4ukizZ9DSfWCqPlB9YIQaKTUAIWAV08djemXdxevOnampFyv7cPp+yrDL90OA2jOwENB5FpKY/4kBEZ2UncfQ9sxr+3JD2wx5jL40Yt0Yh4j6ujUkYbmJyT/c0av1f3GAKqQbB6hbJ94VfWBCFO7FCyIjlHgNTGg+8UYThmyeFwSKr8TZiZSaHtcGqWlTYYPfN6e4fT9/zHTO+2fVwPB9YBSPzYsDPqYNDW4rj9gh26d4oIfQKYyxY+bgFBmeD1kT90L2rCz3pw+MB1zH+sDAFHugBiYVYPSBTknJQH3nADIEfOuvilnIwIT7wMSp4bpguAbGV9Ckg1Mjl/wpDMhgmBFZcvyqYGdyt9uD8gxGCYDvreJvL5uq5kaLj3px3n6eWQOTQSgd4O3E4l1rYJqGbaVxY5ci4R30fTUwn7vdsoEbsIPQYfvfhw66P6ZNpihX1zBxAD1QA+cC9Lgfr5YObJBhz+oyH6eQ2D4v6PPBKnhzhU8jjyXJOuufE+yyMOkUyTSAMAhQdguv1sAEqdICUajc8eII1Hu8XlM9swYGLFyCQYAGcmoEEzAwgwZKzudTAyNvm61FlhiyknZAGPy/exdSsV+VwQjIfyiHMW//sD2Tl/dys8j5wVpDy8mfbc/+SA0MRIyfGpgxSn0wxSUYMOcUlRoBT2awYA2JqVHbLyADZq62odgw4vO4HezOROSSzoHXgVIU9bT909ZBzt++C0keFmBWT48A1wFUc9evtmdiIFwNkw9QFW2ENT3nJ2Z20Ph+UA8z+t8fE6635RoZWxdxJOev6uHeB4oMUHP6vzjFvc8voP/ramBCFO7iiF2ohIhQ4jUwMfXqBDKoSKZBBS8VgC9RA6O/Ioi8AUCAAMOcnwEwYM54LUBAnef7faRTbMf8nqPIGebw0VURfYptsT5IffdTlN5wrBRh2B/dUKQqS35wDc+nBuYkNZP9EdR/aM+SAEfNBIwDdKwvXQ3cVAZZdRZ7DYxn95+oD4xwEGmHHXTQglLUjkOM18DwjY6S43cR3aiAc7c6P4bSCHjX8CKEGMl18AyUkqrECitblbcRGvLw5PgRIgfFejJFD1I8iO8DfSgew+U8fmjX6zHa8+Wl+zFzqjsKWH8RIfT7qVEMsSk8xL9pdHZiBB960XVWdtVjkhxFrs5Qp2cEHKjh2dsAdqPxYRiwX7N/9nDsxo2c+s4tekbm7ldNHqeQevxSfy7HzLb/kfqs/z7SP6G8Qzf4zxGB5ilGQyDDAq0hyrhhrAC8jUDx5X69vyHvEnEjGC5720qcHokEKMavoRy4emyN8ZC+YcL+UXHQFF4mDePg/sm3vWMNTAyoNwZTE1RKnYP7CBjR++xZcPzmmuzfn5AyzdX0rfFHQv+dxqX9pYuU+FgNDyf7IxjwzU+ZLjyF5CD1wjigTTANohKhHI1x3Bor3REivVE78MZe2Dw6AuwK8ywa/fS/SF250K1orVq28YKDOzIG0TbsTHFcEuCJ6Z+LHCf0gegFCRoIUh7dkMSI2EEnVyoHLua39hSZh6f6yy5jbQ68DVKswOT98wFeu3+xRl+D8pNmXIq5IO8ScgEy8gba78H8wf7BFA8iUAdrCvMp9n0tOmDMX9778gHquhqYkEG5WaDlMVN8eiqeMzY8B8fJUVrd3D5bjpe6DgzFI2MGYlRBM31g2uW918DTNSQiI7GoUZuG/2DbAymKMOJ6kRoYezlwDUkXofRFALXIjtLkIEDX4pHg3W4h+3yzg27tGXNZaXD9YMAxMyWiMHeBGphXYJBt4u98VcySEoGFDIyrITlKsX7r7/aBKZFn6jbhmltSbwNmb3PtOYvwXSiHfVku4K2JIlMknIO+vo+I4Iy6Ipe/3AeGd9DX75/JyMIOpB4CJZCSl4MlHkO3nTgp1mHPjhq0ialmkaNRarIcZhvrfz0N19jjq/vBGHcrYP23r/5xt5+0o1iUYnhAEdfCwKC+LuzvMZNRJvVuNTB2LoYpko1tqC0Y2/fn3oUUMCyLBVsAJGjoSYrUTdHMZ9SggfzchaQDbWwRC8fefp90LOGUrzUeFSAwqVKYw3IBenVguz1Al8c+eduAPCOTtKfH19bWwHivOVKlXduHsAo8PmjMPyxesfWzHzfaB8Zk1BYyMOoKc5S+9IfnosYuZxzaUe79ct85SlEGAM90FxLvkKWATsyBB/CRn8RQBAAoKFPDo0f0hjylDENIgDuHtcvjfvpILWlYUQOjWlzGMcco/mM+5uG/RSm2SfvnEQD9MW1x6jpEIZH2TKRMuBqmpfqfEH+Yor5a/8NyE5N/uCTpoub6fqoGbnGA2tfGBg5pfGpgjuOKXWv43n6E7MnUnDHv0T81MMJCo3O8vo2YVOT4bnchQebodOllYyBvNvCMeqoAA0mTa+ChOwIIHAP0Tx+YQf2fvH+wSDhQA4OqFIEBG2IgrRIBDX6p/nJ9m4wL+8Co/ngsgghRiu6x0+T7J0WgYQE3Gx9yjFCYwQg7mvaDTA1M7yAeikpS/Om7RDBnaxKvOrC1+yg0a26ua4yitY1VjCK28ViyD8QxoP39acCXm399He4HQxn62kvdTdE0pxOPU4HxwKMyNNu/MkXr9gATgCm9f9u7oD2DbXQW2bOIxxUaP+FutLAdXcPIjAD2MiLuzMm1+7ewD4xWHOQfU9U9xrULYl23zjtmQyBvFuj36ANTVQpTjEaRneWgTJu/xkHDFMOp0dfPcapsq23i/gQBwiDAssXbqImDreY9z8OsQG7/IMBAx2wnR/RXpkx0B9YFfC9ozyhGY/H+Cf2navoY+b/GH2F75pSAhHC/IBwW1sDAY5l4xFI/OkPodKzUtzdoyC3ZGCzK04sC9cZYBdCJ4nynaj4u0rGIHbXOZ2pI1LENRnzQoPcv7abdFDkH7xChjmlDAy8UMr6FWsQIDWB/dm3wssvF+4cN/MkgGlfRxJkX5ZPU/s21Z3wfGPx+McMl9szhRV1AkBi/VZwaZFz0TsixflCFc7r19JHRBwY05D6tGnnI4eL9a05R9Z2pN8ZvZQ3Ms1zPfVJb4cC2Ng11w7VI0QEYF0fsyLsxlHqqpgcAAgl4xhw0Q6lTRbZoIQ8DyBU5yse28/f8oV7EuahINWjgEUCE83mqPjCyDwWMGJtTO+9iz5jE62igMxYwtqcoy6nKLtMMitRT7SaOYc89fWSeotRKBHaDUJhXijk6DNHa/eP0f0mJwNUMjOcBsVeRANCmpKY4aOiwx1JckMG4tMiLOeate0Am1bYRCBf3gRHD9g0UraB9aioSwesUG1aG5hMaMq+n9Jo2Eeo2B2t4LH0w+lAgBq8+LuboDsCx/0MF7EctCYJf58nE3m/3SQp+v1u/CqC2fzGAvX1U7v1i/dOMmjH+QIqtFf8xewp3PKKPpw7nWP/l1SvN/8D3jflDn1GTlCSej2RkX6IGpk6sTIDt+4I+//tcXbyaBXIpKtKmbx7SPzcABAwCDHQqgamiUqc3yGDsAKEUx2ZqYKgIxt2/cYq4ACSVINEpxgV3IYHWxnAfTzU8u/yYhMgb18AU9Yzht3sctLSL2c68cyN58yoW054lAYb0kK3Fu9lBj9mzgD9Z7I8qgN3Ggmv6BlO+i/0RBEjK7dTKHbrOxgh/uJCBKcPwEYorRXJB7A68sauBSEPoSVjgLiTxdYeSbgAeMEQQmJmrChGbxCtNim37dXW4ZB8YlwHBeFNOiwR43fT/cg3MbjJPAC9g0EXAODfF5sWjfYqtvwspMXoscNBB+/In9d+uQdJTiChCIu2Zu398q3e60d/iAEcAO2juymXEZ4D3+jUw3mHOvoaPuqrg4v0LALpPDQyugRnIGU85FhxnLpgaGBVfoogLepje4JIAo3t+nlLXOI2Ei0tT6gUenA1kwDAqdyE9irToU0fB+ZMOGjtkUCQM3+cJ2Pz9w/PJMi5mUQM5CQBQBCCvVy/1bQrqbcatm/eti/aCebexo8UY72tFArzFDprpJC4DjLgfOIeY4SJj9fH++nGMCw+QA573hj4wJiODxFmLvzsDA2tGrjWQaEav3zehdZT0fE4Nz2ofmHkpGrT+6i3jJ8CAHRx5qgc68DHAJ5g56ODw+CmzOQj4WGZRRmj4VFLcYSvSs3j/MoCdOhWHFGLy/mEHd7rrUlBQaLDa74H+kPs3rP/wfdf6I7gffdE9TQBeW8O0rA9MdWtkisFFwNcLdN4hGxHwzQLN54zJPirm/MhIyGWCTjUkxLFhGdEk5GmygYeElpifPJVEAYzBmjAaYIgiTjvgiPWBGwR45P5JB/bk9kwzO6fc9IPRMIqcQzWKmRqKiQHrIX87s+2dArdOJaZa5x/relHK1LRrZJGta0fXA3Rp9c8lIN1VQKFTN0L/F9bAuAOKOTQbAcdvo9bdVOz99v7nivLqW4OXXZqNvpLjPyZkfJ8EWJki59aeaZrK3KlDrgOgiOlTVE3EokAJuJ7k+BGw61KWGLCSfSAE4lq7f0L/HUBnpUh8mArWf/L+mQa9yNGpr9W79oGxTx1xULwEJO4hA3L/8vZsfxEJkM1UT7TR5jE/3R9hxuU1AlTnkOMVNTDb8UD1z8URu30MsleHIMBAt7feLNBNDjlzSnpqxM4bKLPRVIB5CRk4RMIMNvqy7hKBhuVkmI4+EKlamKCDNgjDx/jFMSHf7LZxiwRIJVMgGJdEDh5tn8ihg5o0CDAeQCNQQ+I5FkoNSIDbfbzVf72fVTyldj1AF/rvNC71A3hyHYU+5ALWXlMgQHKYF+o0KAp0Ip3ummfo6wftWH8nmnIKafDwzYUMDDRQ2BzJAHCn1Ith0Ri+V74L6a67QyKSqQg4VFAF8JViw2eugcHLUT/hUtTLAHssZckxMtszOX+7lmLHBBCugYkzMtdR7HX33qOmL8xkvkjROtZ/eXXOY08hAyQkmtW49gEgYMbzIFNULqPN+3OYohYA/aswMKiPy+jv/04fGLeo7maBxg5MOqwGYKQZmWQEdOiAEQEEmBhq/KbOraGIy6w0+NHXNL7SsWFbzF+zBqbOh6whudnAj9ztVmTyvezZeUMCDnbx/gn99+zZIxB/8T4wSqrUIXhBBLHFV9///fvPL7do9//oubnszwFKysOjKjWdboyTdKgeNUzpQzBF9YY1MK0YXBux93I+tw/M9RS7SFERFHsBdlQfCEyBsJSNYnh64v00y08NTLcDSTt2IOaxGqZPHxhJCcRSo2bIEvAip4+odyHtVy5Qd7sF5WgZg5wNUC+5C+l5a2Cay6KaDQ8CjIsjdiTdf7kPjHXqYCh3fHUNjEKpL7kLxbOf5qkRCdBw3NPVwEzpi4S0wDbwpSN1XwJgL4dtB9xRDAY6DoTrUgYt/pMM6zmlNrEGJswkBx2jsZhHDY8TuZcIfqr+L9o/mGJXAtbCvA7ZMRm5YcIiQDhg/e+KhOfXhD5THxgq2/5YXhEBEBHotj9jCqb3fs6fooG546dzcB5nFmjcJvre3cvINPt5ko6Iv5eMBmBAVYtLUtziFd33tQDRvVONbNzmMjK40a1cIW7+TB8Yv8hT2+Hr9+/TB+baPiLo8lmY4nXaBJjuxXVznPxL9fftJwYcpP4vTrG55m2zY1sNTK++9efSSbR19+zvIfI0PYR/CgLHYgCggEjiXa9bj7SaxhENaeDF8RO8e8jB4VbTuFEbN4pdYGgmIeYgTXtwNHZV+sBQjXqDBjJEFeOVk48BBhJG9sHxm0Pj9k86MLIG5maAZ6VMt1qKRICRroGLyT8nUZG7gybrf5pBiM3fwwNWDRwX9gP9max/vv63t4vzfaAeM3+NGhi5/Xf3gdFahXPq10fsqkExa2BiCsGNiK+aZ3LgOuEwloOnGTQ3YvApdgvQuTUklEHgTFEbUuiOGRdtP2MfmLoOAkAEGnxRjcoOBTECHbh/ZuSlqp79uLvtWe6YcJ0PTrn3Remtwxpkwi0mndy/SKDda2lzSGAxwEGMhMUgY+Yl6E/gek4KMPYcb1PioV7We5xC0gSwv9599GflkJTJ0Z0WItX/AmyIsREysMaUms8I7oaBPncfFCgLoRz+7JQDd1MH4EEo8lrEoEEGzKnaVx18tEGU5dho5qUVNJgiFMfmT4xLn+zH6JRPkQKA12twxDBKoH6qiYMGkQMI9pKcAZ59VQUEGOlW6zmAUOcTdPDdx5qauKMDrw7UfXG6BuAJwuq4rX17f3s3UsfAuBnL4PpZAzi+Ppbigp3dKXsWMgDdhzqAEdY/3R+Z7ts6E5TuA2P6wwsZmAU5/0zOuN3RQcQ4WOQJHTTVB2ZCBN87eFLAmQgGMzLrayhk4NYaqLiDNvpAQIM49/LLz11Inz4w5DGwzhyO1aBBB03ZswkOelD/aAfdA1zSfsI+KGhJPn1gCuMw2vdFGnSUc33sjRsBot3Tfg+QNxCw4RQJU/0dJp2JdVCP2e2RSzBj1MIiAPigwg4Cxo4JYmpgJCNDrOMRAIwZeIvBiBBYr9QHxuZNbu4D0/QkxwSVdGBkDcxSe+bIr8kwk+MXbdWMCN4MkBcB9J0J9eLHVA0fMgmTU0QmQPJSpT8bE5X7c639lmI4Xf8vZGCaFY9RepDSPVFSB8MeKmqMvV8IiUYlEimu+lacMy6ATjT6MY+5ZkR6jFJkAJ6Oz+6tgWn7wORqYGbexdI2qY/sZyvH23yqY37NGpg6b2HgL+kDc1IwCMhtqBYNp5oU2x/oa6VXDyft8bHIxvdhgLppbwksGAa5o642pJYGOMn5A3/EMMihAA/qw5oA9XMXklGDsq4PzC7eaYH2QhrbsbnHSlfUwFACzae4nuYuJC1yL9sQPhZJAKSTYVp6F1IvSi5jICeKDaRRJAzlhgMGjka4jVJs/bdPr1BFwoMBj4RyvoOwix6DAZO5kDmAwI7fEscDYDgBq864DMrR5P2DAMnsA5PzB3I7xwLWfA1c9YfVnk0pEfj5P1fimvMHpLIIAAAAAElFTkSuQmCC) no-repeat center center/cover;
}
.activity-rules .activity-rules-box .activity-rules-text {
  font-size: 3.467vw;
  font-weight: 400;
  color: #5e5e5d;
  line-height: 5.067vw;
  margin: 2.133vw 0;
}
.activity-rules .activity-rules-box .activity-rules-header2 {
  font-size: 3.733vw;
  font-weight: 500;
  color: #c7a05d;
  line-height: 5.6vw;
  margin-top: 2.133vw;
}
.activity-rules .activity-rules-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #b2b2b2;
  padding-bottom: 8.533vw;
}
.activity-rules .activity-rules-footer .text1 {
  font-size: 2.4vw;
}
.activity-rules .activity-rules-footer .text2 {
  padding-top: 1.067vw;
  font-size: 2.933vw;
}
.wechat-share {
  background: url(../../assets/img/page_bg.9da2237a.jpg);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.wechat-share .wechat-bg1 {
  position: relative;
  height: 146.667vw;
  background: url(../../assets/img/wet-bg1.cee27f1d.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.wechat-share .wechat-bg1 .text {
  font-size: 3.467vw;
  line-height: 5.6vw;
  font-weight: 600;
  color: #C6591E;
  position: absolute;
  top: 19.8vw;
  left: 9.1vw;
  padding: 0 4.27vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFCF2), to(#FFEBD0));
  background-image: linear-gradient(180deg, #FFFCF2 0%, #FFEBD0 100%);
  border-radius: 2.8vw;
}
.wechat-share .wechat-bg1 .box-rules {
  background: rgba(0, 0, 0, 0.3);
  font-size: 3.2vw;
  color: #ffffff;
  border-radius: 3.2vw 0 0 3.2vw;
  position: absolute;
  right: 0;
  top: 14.667vw;
  z-index: 2;
  padding: 2.4vw 1.6vw;
  line-height: 4.4vw;
  letter-spacing: 0.4vw;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}
.wechat-share .wechat-bg1 .box {
  padding-top: 29.87vw;
}
.wechat-share .wechat-bg1 .scroll-box {
  margin: 0 auto;
  width: 90vw;
  height: 8.53vw;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(51%, rgba(0, 0, 0, 0.279)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.279) 51%, rgba(0, 0, 0, 0) 100%);
  font-size: 3.2vw;
  line-height: 8.53vw;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.wechat-share .wechat-bg1 .scroll-box .text-name {
  color: #ffcf99;
}
.wechat-share .wechat-bg1 .img-head {
  margin-top: 15.667vw;
  font-size: 4.267vw;
  font-weight: 500;
  color: #a74c0f;
  text-align: center;
}
.wechat-share .wechat-bg1 .img-head img {
  height: 10.133vw;
}
.wechat-share .wechat-bg1 .img-head .new-product {
  margin-top: -8vw;
}
.wechat-share .wechat-bg1 .img-head .marTop {
  margin-top: -9.5vw;
}
.wechat-share .wechat-bg1 .img-card {
  margin-top: 5.333vw;
  font-size: 4.267vw;
  font-weight: 500;
  color: #a74c0f;
  text-align: center;
}
.wechat-share .wechat-bg1 .img-card img {
  width: 46.4vw;
  height: 29.467vw;
}
.wechat-share .wechat-bg1 .img-card .img-card-con {
  margin-top: -28vw;
}
.wechat-share .wechat-bg1 .img-card .img-card-con .head {
  font-size: 4.533vw;
}
.wechat-share .wechat-bg1 .img-card .img-card-con .num {
  font-size: 9.6vw;
  font-weight: 600;
  color: #eb2e2e;
  margin-top: 2vw;
}
.wechat-share .wechat-bg1 .img-card .img-card-con .num-text {
  font-size: 3.2vw;
}
.wechat-share .wechat-bg1 .img-card .img-card-martop {
  margin-top: -29.5vw;
}
.wechat-share .wechat-bg1 .invite_box {
  padding: 5.33vw 3.2vw;
  padding-top: 20vw;
  position: relative;
  margin: 0px 3.2vw;
  border-radius: 2.14vw;
  margin-bottom: 10.67vw;
}
.wechat-share .wechat-bg1 .invite_box .title_img {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -48%);
          transform: translate(-50%, -48%);
  font-size: 0px;
}
.wechat-share .wechat-bg1 .invite_box .title_img img {
  margin: 0;
  padding: 0;
  height: 9.33vw;
}
.wechat-share .wechat-bg1 .invite_box .box_title {
  margin-bottom: 2.14vw;
}
.wechat-share .wechat-bg1 .invite_box .box_title p {
  font-size: 3.47vw;
  color: #c6591e;
  letter-spacing: 0;
  line-height: 6.67vw;
  font-weight: bolder;
  text-align: center;
}
.wechat-share .wechat-bg1 .invite_box .box_title img {
  width: 68.27vw;
  height: 6.4vw;
}
.wechat-share .wechat-bg1 .invite_box .box_title span {
  width: 6.67vw;
  height: 3px;
  background-color: #c6591e;
}
.wechat-share .wechat-bg1 .invite_box .identity_rights .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3.2vw;
  color: #92420c;
  letter-spacing: 0;
  line-height: 4.8vw;
  font-weight: 400;
  padding: 0.8vw 0px;
  margin: 3.2vw 0px 2.67vw;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(29%, rgba(2, 2, 2, 0.04)), color-stop(69%, rgba(3, 3, 3, 0.06)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(2, 2, 2, 0.04) 29%, rgba(3, 3, 3, 0.06) 69%, rgba(0, 0, 0, 0) 100%);
}
.wechat-share .wechat-bg1 .invite_box .identity_rights .title img {
  width: 3.2vw;
  height: 3.2vw;
  margin-right: 1.6vw;
}
.wechat-share .wechat-bg1 .invite_box .identity_rights .title span {
  font-weight: bolder;
  margin: 0px 1.33vw;
}
.wechat-share .wechat-bg1 .invite_box .identity_rights .rights_content {
  margin-top: 0.53w;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wechat-share .wechat-bg1 .invite_box .identity_rights .rights_content img {
  width: 32vw;
  height: 14.93vw;
}
.wechat-share .wechat-bg1 .invite_box .identity_rights .rights_content span {
  margin: 0 3.2vw;
  font-size: 3.2vw;
  color: #c8c8c8;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}
.wechat-share .wechat-bg1 .invite_box .join_now {
  padding-top: 5.33vw;
  text-align: center;
}
.wechat-share .wechat-bg1 .invite_box .join_now .ui-button {
  margin: 0 auto;
  width: 72vw;
  height: 14.4vw;
  background-image: linear-gradient(101deg, #FB9B68 0%, #FC302E 100%);
  -webkit-box-shadow: inset 0px -6px 15px 0px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0px -6px 15px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 6px 15px 0px rgba(255, 255, 255, 0.6);
          box-shadow: inset 0px 6px 15px 0px rgba(255, 255, 255, 0.6);
  border-radius: 7.2vw;
  font-size: 6.4vw;
  color: #ffffff;
}
.wechat-share .wechat-bg2 {
  position: relative;
  margin-top: 10.8vw;
}
.wechat-share .wechat-bg2 .trust_introduce_title {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -46%);
          transform: translate(-50%, -46%);
  width: 53.87vw;
  height: 9.33vw;
}
.wechat-share .wechat-bg2 .trust_introduce_title img {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.wechat-share .wechat-bg2 .img-head {
  padding-top: 80vw;
  margin: 0 auto;
  text-align: center;
  font-size: 4.267vw;
  font-weight: 500;
  color: #a74c0f;
}
.wechat-share .wechat-bg2 .img-head img {
  height: 10.133vw;
}
.wechat-share .wechat-bg2 .img-head .new-product {
  margin-top: -8vw;
}
.wechat-share .wechat-bg2 .img-head .marTop {
  margin-top: -9.5vw;
}
.wechat-share .wechat-bg2 .img-box {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 4.267vw;
  font-size: 4.267vw;
  font-weight: 500;
  color: #a74c0f;
}
.wechat-share .wechat-bg2 .img-box .img-card {
  text-align: center;
}
.wechat-share .wechat-bg2 .img-box .img-card img {
  width: 27.2vw;
  height: 27.467vw;
}
.wechat-share .wechat-bg2 .img-box .img-card .img-card-con {
  margin-top: -26vw;
}
.wechat-share .wechat-bg2 .img-box .img-card .img-card-con .head {
  font-size: 4.533vw;
}
.wechat-share .wechat-bg2 .img-box .img-card .img-card-con .num {
  font-size: 5.067vw;
  color: #eb2e2e;
  margin-top: 2.667vw;
}
.wechat-share .wechat-bg2 .img-box .img-card .img-card-con .num-text {
  margin-top: 2vw;
  font-size: 4vw;
}
.wechat-share .wechat-bg2 .img-box .img-card .img-card-martop {
  margin-top: -27.5vw;
}
.wechat-share .wechat-bg2 {
  position: relative;
  background: #fff;
}
.wechat-share .wechat-bg2 .points-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 4.267vw;
  font-weight: 500;
  color: #a74c0f;
  padding-top: 6.4vw;
}
.wechat-share .wechat-bg2 .points-head img {
  width: 3.733vw;
  height: 3.733vw;
  margin-right: 1.867vw;
}
.wechat-share .wechat-bg2 .points-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3.2vw;
  font-size: 3.2vw;
  color: #1c1c1b;
}
.wechat-share .wechat-bg2 .points-box .points-card {
  width: 29.333vw;
  height: 45.867vw;
  background: #ffffff;
  -webkit-box-shadow: 0vw 1.6vw 3.2vw 0vw rgba(0, 0, 0, 0.04);
          box-shadow: 0vw 1.6vw 3.2vw 0vw rgba(0, 0, 0, 0.04);
  border-radius: 1.067vw;
}
.wechat-share .wechat-bg2 .points-box .points-card img {
  width: 19.067vw;
  height: 21.333vw;
  margin: 4vw 5.067vw;
}
.wechat-share .wechat-bg2 .points-box .points-card p {
  margin: 0 3.733vw 1.067vw 2.667vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.wechat-share .wechat-bg2 .points-box .points-card div {
  color: #eb2e2e;
  margin: 0 5.067vw;
}
.wechat-share .wechat-bg2 .points-tips {
  width: 61.867vw;
  height: 6.4vw;
  background: #ececec;
  border-radius: 3.2vw;
  text-align: center;
  margin: 0 auto;
  line-height: 6.4vw;
  font-size: 3.2vw;
  color: #5e5e5d;
}
.wechat-share .wechat-bg2 .platform {
  width: 91.467vw;
  background: #ffffff;
  -webkit-box-shadow: 0vw 1.6vw 3.2vw 0vw rgba(0, 0, 0, 0.04);
          box-shadow: 0vw 1.6vw 3.2vw 0vw rgba(0, 0, 0, 0.04);
  border-radius: 1.067vw;
  text-align: center;
  margin: 8.533vw auto;
  padding: 2.133vw;
  color: #7c5449;
}
.wechat-share .wechat-bg2 .platform .platform-box {
  width: 87.2vw;
  border: 0.133vw solid #dcbea1;
  border-radius: 0.533vw;
  padding-bottom: 2vw;
}
.wechat-share .wechat-bg2 .platform .platform-box img {
  height: 8.533vw;
  margin-top: -4.533vw;
}
.wechat-share .wechat-bg2 .platform .platform-box .platform-box-text {
  margin: 4.267vw;
  font-size: 3.2vw;
}
.wechat-share .wechat-bg2 .platform .platform-box .platform-box-con {
  font-size: 3.467vw;
  color: #7c5449;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 2.133vw;
}
.wechat-share .wechat-bg2 .platform .platform-box .platform-box-con .con-img-block {
  width: 50%;
  padding-top: 5.333vw;
}
.wechat-share .wechat-bg2 .platform .platform-box .platform-box-con .con-img-block img {
  width: 13.867vw;
  height: 13.867vw;
}
.wechat-share .wechat-bg2 .platform .platform-box .platform-box-con .con-img-block .img-block-head {
  font-size: 4.267vw;
  font-weight: 500;
}
.wechat-share .wechat-bg2 .platform .platform-box .platform-box-con .con-img-block .img-block-text {
  width: 29.867vw;
  margin: 0 auto;
}
.wechat-share .wechat-bg2 .blick {
  height: 23.467vw;
}
.wechat-share .wechat-bg2 .mg-top-80 {
  margin-top: 10.667vw;
}
.wechat-share .wechat-bg2 .trust_infomation {
  margin: 0 3.2vw;
  padding: 3.2vw;
  background: #fff;
  border-radius: 2vw;
  padding-top: 9.33vw;
}
.wechat-share .wechat-bg2 .trust_infomation .banner_box {
  font-size: 0px;
  margin-bottom: 3.46vw;
}
.wechat-share .wechat-bg2 .trust_infomation .banner_box img {
  margin: 0;
  padding: 0;
  width: 100%;
}
.wechat-share .wechat-bg2 .trust_infomation p {
  font-size: 3.8vw;
  color: #5E5E5D;
  letter-spacing: 0;
  line-height: 5.6vw;
  font-weight: 400;
  text-indent: 7.6vw;
  margin-top: 1.2vw;
}
.wechat-share .action-color {
  position: fixed;
  bottom: 0;
  width: 100vw;
  height: 16vw;
  -webkit-box-shadow: 0vw -0.533vw 2.133vw 0vw rgba(0, 0, 0, 0.12);
          box-shadow: 0vw -0.533vw 2.133vw 0vw rgba(0, 0, 0, 0.12);
  text-align: center;
  background-color: #ffffff;
}
.wechat-share .action-color .ui-button {
  margin-top: 2.13vw;
  width: 93.6vw;
  height: 11.73vw;
  background-image: linear-gradient(101deg, #FB9B68 0%, #FC302E 100%);
  -webkit-box-shadow: inset 0px -6px 15px 0px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0px -6px 15px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 6px 15px 0px rgba(255, 255, 255, 0.6);
          box-shadow: inset 0px 6px 15px 0px rgba(255, 255, 255, 0.6);
  border-radius: 5.86vw;
  font-size: 4.8vw;
  color: #ffffff;
}
.wechat-share .ui-toast .ui-popup .ui-popup-box {
  width: 72vw;
}
.wechat-share .ui-toast .ui-popup .ui-popup-box .ui-toast-content {
  font-size: 3.733vw;
  padding: 2.667vw 4vw;
}
.wechat-investment {
  width: 100%;
  height: 100vh;
  background-color: #f4f4f4;
}
.wechat-investment .content-message {
  background-color: #ffffff;
  padding: 12px;
  margin-bottom: 12px;
}
.wechat-investment .content-message .title {
  font-size: 17px;
  color: #1c1c1b;
  line-height: 25px;
  padding-bottom: 12px;
  padding-right: 13px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 12px;
}
.wechat-investment .content-message .source {
  font-size: 14px;
  line-height: 21px;
  color: #5e5e5d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.wechat-investment .content-message .source .name {
  margin-right: 12px;
}
.wechat-investment .content-message .photo {
  width: calc(100% - 24px);
  height: 171px;
  margin: 24px 0;
}
.wechat-investment .content-message .article-content {
  font-size: 14px;
  line-height: 21px;
}
.wechat-investment .content-message .article-content img {
  width: 100%;
}
.wechat-investment .share {
  padding: 12px;
  background-color: #ffffff;
  text-align: center;
}
.wechat-investment .share .two-code {
  width: 147px;
  height: 147px;
  margin-bottom: 12px;
}
.wechat-investment .share .tips {
  font-size: 15px;
  line-height: 22px;
  color: #3d3d3d;
  margin-bottom: 32px;
}
.wechat-investment .share .customer-service {
  font-size: 13px;
  line-height: 19px;
  color: #8c8c8c;
  margin-bottom: 60px;
}
.wechat-investment .share .riskTip {
  font-size: 12px;
  line-height: 18px;
  color: #8c8c8c;
  text-align: left;
  margin-bottom: 12px;
}
.wechat-investment .share .risk-content {
  font-size: 12px;
  line-height: 18px;
  color: #8c8c8c;
  text-align: left;
}
.wechat-video {
  height: 100%;
  background-color: #000000;
  padding-top: 54px;
  padding-bottom: 24px;
}
.wechat-video .hint-dialog .ui-dialog .ui-dialog__header .ui-dialog__title {
  color: var(--color-text-base) !important;
}
.wechat-video .hint-dialog .ui-dialog .ui-dialog__body {
  padding-bottom: 0;
}
.wechat-video .hint-dialog .ui-dialog .ui-dialog__footer {
  padding-bottom: 20px;
}
.wechat-video .hint-dialog .ui-dialog .ui-dialog__footer .dialog-footer {
  margin-top: 20px;
}
.wechat-video .hint-dialog .ui-dialog .ui-dialog__footer .dialog-footer .ui-button {
  width: 80%;
  background-color: var(--color-primary) !important;
  border-radius: 18px;
  font-size: 16px;
}
.wechat-video .wechat-video-share {
  width: 100%;
  height: 423px;
  margin-bottom: 93px;
}
.wechat-video .wechat-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 12px;
}
.wechat-video .wechat-btns .ui-button {
  width: 150px;
  height: 44px;
  font-size: 16px !important;
}
.wechat-video .wechat-btns .sign-in {
  background-color: #fef3f4;
  color: #eb2e2e;
}
.wechat-video .wechat-btns .open {
  background-color: #eb2e2e;
  color: #ffffff;
}
.set-dialog .ui-dialog .ui-dialog__header {
  padding: 0 30px;
  height: 108px;
  background-color: #f7f7f7;
  border-radius: 8px 8px 0 0;
  line-height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.set-dialog .ui-dialog .ui-dialog__header .ui-dialog__title {
  color: #bf4768 !important;
}
.set-dialog .ui-dialog .ui-dialog__header .ui-dialog__headerbtn {
  display: none;
}
.set-dialog .ui-dialog__body {
  padding: 30px;
}
.set-dialog .ui-dialog__body .content {
  font-size: 36px;
  color: #333;
  /* line-height: 1.5; */
  font-weight: 400;
  padding: 30px 10px 10px 10px;
  text-align: center;
}
.set-dialog .ui-dialog__body .QRCodeDome-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.set-dialog .ui-dialog__body .QRCodeDome-outer img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}
.set-dialog .ui-dialog__body .QRCodeDome-outer p {
  line-height: 1.5;
  font-size: 16px;
}
.set-dialog .dialog-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  border-color: #b50024;
  margin-top: 60px;
  /* .ui-button {
      border-color: #b50024;
      color: #fff;
      padding: 12px 30px;
    }
    .ui-button + .ui-button {
      margin-left: 30px;
    } */
}
.set-dialog .dialog-footer div {
  background-color: #b50024;
  display: inline-block;
}
.set-dialog .dialog-footer .dialog-footer-cancle {
  padding: 20px;
}
.set-dialog .dialog-footer .dialog-footer-confirm {
  padding: 10px 30px;
  border-radius: 30px;
}
.wechat-registra {
  background: #ffffff;
  padding: 6.4vw;
  text-align: center;
}
.wechat-registra img {
  width: 32.533vw;
  height: 14.667vw;
}
.wechat-registra .ui-field {
  padding: 0;
  margin-top: 10.667vw;
}
.wechat-registra .ui-field .ui-field-item-title {
  font-size: 4vw;
  width: 22.667vw;
  text-align: right;
  margin-right: 10px;
}
.wechat-registra .ui-field .ui-input-item-input {
  height: 13.333vw;
  font-size: 4vw;
}
.wechat-registra .ui-field .ui-field-item-content {
  min-height: 6.333vw;
  height: 13.067vw;
}
.wechat-registra .ui-field .ui-field-item-control {
  font-size: 4.267vw;
}
.wechat-registra .ui-field .img-code {
  width: 22.667vw;
  height: 10vw;
  vertical-align: middle;
  background-size: cover;
}
.wechat-registra .ui-field .img-code img {
  width: 22.667vw;
  height: 10vw;
}
.wechat-registra .ui-field .select-regis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3.2vw 0;
}
.wechat-registra .ui-field .select-regis img {
  width: 6.4vw;
  height: 6.4vw;
  margin-right: 2.133vw;
}
.wechat-registra .ui-field .select-regis .agree-txt {
  font-size: 3.2vw;
  color: #424a52;
}
.wechat-registra .ui-field .select-regis .agree-btn {
  color: #4892d8;
}
.wechat-registra .ui-field .wet-btn {
  width: 87.2vw;
  height: 14.4vw;
  line-height: 1;
  background: #eb2e2e;
  border-radius: 13.333vw;
  font-size: 4.267vw;
  font-weight: 500;
  color: #ffffff;
}
.wechat-registra .ui-field .to-login {
  padding-top: 4.267vw;
  font-size: 3.733vw;
}
.wechat-registra .ui-field .to-login .login-txt {
  color: #7a7a7a;
}
.wechat-registra .ui-field .to-login .login-btn {
  color: #4892d8;
}
.wechat-registra .bottom {
  width: 93.6vw;
  margin-top: 60vw;
}
.wechat-registra .bottom .tips {
  font-size: 3.467vw;
  color: #8c8c8c;
  line-height: 5.067vw;
}
.wechat-registra .verify-btn {
  background: transparent !important;
}
.ui-toast .ui-popup .ui-popup-box {
  width: 72vw;
}
.ui-toast .ui-popup .ui-popup-box .ui-toast-content {
  font-size: 3.733vw;
  padding: 2.667vw 4vw;
}
.wechat-registra {
  background: #ffffff;
  padding: 6.4vw;
  text-align: center;
}
.wechat-registra img {
  width: 32.533vw;
  height: 14.667vw;
}
.wechat-registra .ui-field {
  padding: 0;
  margin-top: 10.667vw;
}
.wechat-registra .ui-field .ui-field-item-title {
  font-size: 4vw;
  width: 22.667vw;
  text-align: right;
  margin-right: 10px;
}
.wechat-registra .ui-field .ui-input-item-input {
  height: 13.333vw;
  font-size: 4vw;
}
.wechat-registra .ui-field .ui-field-item-content {
  min-height: 6.333vw;
  height: 13.067vw;
}
.wechat-registra .ui-field .ui-field-item-control {
  font-size: 4.267vw;
}
.wechat-registra .ui-field .img-code {
  width: 22.667vw;
  height: 10vw;
  vertical-align: middle;
  background-size: cover;
}
.wechat-registra .ui-field .img-code img {
  width: 22.667vw;
  height: 10vw;
}
.wechat-registra .ui-field .select-regis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3.2vw 0;
}
.wechat-registra .ui-field .select-regis img {
  width: 6.4vw;
  height: 6.4vw;
  margin-right: 2.133vw;
}
.wechat-registra .ui-field .select-regis .agree-txt {
  font-size: 3.2vw;
  color: #424a52;
}
.wechat-registra .ui-field .select-regis .agree-btn {
  color: #4892d8;
}
.wechat-registra .ui-field .wet-btn {
  width: 87.2vw;
  height: 14.4vw;
  line-height: 1;
  background: #eb2e2e;
  border-radius: 13.333vw;
  font-size: 4.267vw;
  font-weight: 500;
  color: #ffffff;
}
.wechat-registra .ui-field .to-login {
  padding-top: 4.267vw;
  font-size: 3.733vw;
}
.wechat-registra .ui-field .to-login .login-txt {
  color: #7a7a7a;
}
.wechat-registra .ui-field .to-login .login-btn {
  color: #4892d8;
}
.wechat-registra .bottom {
  width: 93.6vw;
  margin-top: 60vw;
}
.wechat-registra .bottom .tips {
  font-size: 3.467vw;
  color: #8c8c8c;
  line-height: 5.067vw;
}
.wechat-registra .verify-btn {
  background: transparent !important;
}
.ui-toast .ui-popup .ui-popup-box {
  width: 72vw;
}
.ui-toast .ui-popup .ui-popup-box .ui-toast-content {
  font-size: 3.733vw;
  padding: 2.667vw 4vw;
}
.wechat-succes-registra {
  background: #ffffff;
  height: 100%;
}
.wechat-succes-registra .common-res {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 150px;
}
.wechat-succes-registra .common-res img {
  width: 20vw;
  height: 20vw;
}
.wechat-succes-registra .common-res .common-res-icon {
  margin-top: 16.667vw;
}
.wechat-succes-registra .common-res .common-res-title {
  margin-top: 3.2vw;
  line-height: 6.667vw;
  font-size: 4.533vw;
  font-weight: 500;
  color: #eb2e2e;
}
.wechat-succes-registra .common-res .common-res-text {
  margin-top: 3.2vw;
  font-size: 4vw;
  padding: 0px 20px;
  line-height: 6vw;
  color: #5e5e5d;
}
.wechat-succes-registra .succes-text {
  font-size: 4vw;
  color: #5e5e5d;
  margin-top: 6.267vw;
  text-align: center;
}
.wechat-succes-registra .action-btn {
  text-align: center;
}
.wechat-succes-registra .action-btn .ui-button {
  margin: 8.533vw auto;
  width: 68.267vw;
  height: 13.867vw;
  background: -webkit-gradient(linear, left top, right top, from(#ff2525), to(#ff8520));
  background: linear-gradient(90deg, #ff2525 0%, #ff8520 100%);
  border-radius: 6.933vw;
  font-size: 5.067vw;
}
.wechat-succes-registra .action-btn .ui-button span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wechat-succes-registra .action-btn .ui-button img {
  width: 8vw;
  height: 8vw;
  margin-right: 4.8vw;
}
.wechat-succes-registra .bottom-msg {
  margin-top: 40%;
  text-align: center;
  font-size: 12px;
  color: #8c8c8c;
}
.wechat-succes-registra .my-btn {
  width: 256px;
  height: 52px;
  background: -webkit-gradient(linear, left top, right top, from(#ff8520), to(#ff2525));
  background: linear-gradient(90deg, #ff8520 0%, #ff2525 100%);
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  border-radius: 52px;
}
.wechat-succes-registra .my-btn img {
  width: 8vw;
  height: 8vw;
  margin-right: 4.8vw;
  margin-left: 4.8vw;
}
.source-activity-box {
  min-height: 100vh;
  background: #fff;
}
.banner1 {
  width: 100vw;
  min-height: 31.733vw;
  vertical-align: middle;
}
.source-activity {
  background: url(../../assets/img/customer-bg.f0eca312.png) no-repeat;
  background-size: 100%;
  padding: 6.4vw;
  text-align: center;
  padding-top: 0;
}
.source-activity .logo {
  text-align: left;
}
.source-activity .logo img {
  width: 32.533vw;
  height: 14.667vw;
}
.source-activity .ui-field {
  padding: 0;
  background: url(../../assets/img/customer-bg.f0eca312.png) no-repeat;
  background-size: 100%;
  margin-top: 0;
}
.source-activity .ui-field .ui-field-item-title {
  font-size: 4vw;
  width: 22.667vw;
  text-align: right;
  margin-right: 10px;
}
.source-activity .ui-field .ui-input-item-input {
  height: 13.333vw;
  font-size: 4vw;
}
.source-activity .ui-field .ui-field-item-content {
  min-height: 6.333vw;
  height: 13.067vw;
}
.source-activity .ui-field .ui-field-item-control {
  font-size: 4.267vw;
}
.source-activity .ui-field .left-icon {
  margin-top: 0.8vw;
  width: 4.8vw;
  height: 4.8vw;
}
.source-activity .ui-field .img-code {
  width: 22.667vw;
  height: 10vw;
  vertical-align: middle;
  background-size: cover;
}
.source-activity .ui-field .img-code img {
  width: 22.667vw;
  height: 10vw;
}
.source-activity .ui-field .select-regis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3.2vw 0;
}
.source-activity .ui-field .select-regis img {
  width: 6.4vw;
  height: 6.4vw;
  margin-right: 2.133vw;
}
.source-activity .ui-field .select-regis .select-regis-txt {
  text-align: left;
}
.source-activity .ui-field .select-regis .agree-txt {
  font-size: 3.2vw;
  color: #424a52;
}
.source-activity .ui-field .select-regis .agree-btn {
  color: #4892d8;
}
.source-activity .ui-field .wet-btn {
  width: 87.2vw;
  height: 14.4vw;
  line-height: 1;
  background: #eb2e2e;
  border-radius: 13.333vw;
  font-size: 4.267vw;
  font-weight: 500;
  color: #ffffff;
}
.source-activity .ui-field .wet-btn[disabled] {
  color: #ffffff;
  background: #c8c8c8;
}
.source-activity .ui-field .wet-btn[disabled]:hover {
  color: #ffffff;
  background: #c8c8c8;
}
.source-activity .ui-field .to-login {
  padding-top: 4.267vw;
  font-size: 3.733vw;
}
.source-activity .ui-field .to-login .login-txt {
  color: #7a7a7a;
}
.source-activity .ui-field .to-login .login-btn {
  color: #eb2e2e;
}
.source-activity .noBanner1 {
  background-size: 0%;
}
.source-activity .banner2 {
  width: 83vw;
  min-height: 34.533vw;
  margin-top: 6.667vw;
}
.source-activity .bottom {
  width: 93.6vw;
  margin-top: 60vw;
}
.source-activity .bottom .tips {
  font-size: 3.467vw;
  color: #8c8c8c;
  line-height: 5.067vw;
}
.source-activity .verify-btn {
  background: transparent !important;
}
.source-activity .to-verify {
  padding-top: 4.267vw;
  font-size: 3.733vw;
}
.source-activity .to-verify .verify-txt {
  color: #eb2e2e;
}
.pt15 {
  padding-top: 15vw;
}
.ui-toast .ui-popup .ui-popup-box {
  width: 72vw;
}
.ui-toast .ui-popup .ui-popup-box .ui-toast-content {
  font-size: 3.733vw;
  padding: 2.667vw 4vw;
}
.source-activity-success-registra {
  background: #ffffff;
  height: 100%;
}
.source-activity-success-registra .common-res {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 19.2vw;
}
.source-activity-success-registra .common-res img {
  width: 20vw;
  height: 20vw;
}
.source-activity-success-registra .common-res .common-res-title {
  margin-top: 3.2vw;
  line-height: 6.667vw;
  font-size: 4.533vw;
  color: #1c1c1b;
}
.source-activity-success-registra .common-res .common-res-text {
  margin-top: 3.2vw;
  font-size: 4vw;
  padding: 0px 20px;
  line-height: 6vw;
  color: #5e5e5d;
}
.source-activity-success-registra .succes-text {
  font-size: 4vw;
  color: #5e5e5d;
  margin-top: 6.267vw;
  text-align: center;
}
.source-activity-success-registra .action-btn {
  text-align: center;
}
.source-activity-success-registra .action-btn .ui-button {
  margin: 8.533vw auto;
  width: 68.267vw;
  height: 13.867vw;
  background: -webkit-gradient(linear, left top, right top, from(#ff2525), to(#ff8520));
  background: linear-gradient(90deg, #ff2525 0%, #ff8520 100%);
  border-radius: 6.933vw;
  font-size: 5.067vw;
}
.source-activity-success-registra .action-btn .ui-button span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.source-activity-success-registra .action-btn .ui-button img {
  width: 8vw;
  height: 8vw;
  margin-right: 4.8vw;
}
.source-activity-success-registra .my-btn {
  width: 82.933vw;
  height: 14.4vw;
  line-height: 14.4vw;
  margin: 0 auto;
  text-align: center;
  border-radius: 14.4vw;
}
.source-activity-success-registra .my-btn1 {
  background: #eb2e2e;
  color: #fff;
  font-weight: 500;
}
.source-activity-success-registra .my-btn2 {
  margin-top: 3.2vw;
  background: #fef3f4;
  color: #eb2e2e;
  font-weight: 500;
}
.source-activity-success-registra .bottom-txt {
  margin-top: 6.4vw;
  font-family: PingFangSC-Regular;
  font-size: 4vw;
  line-height: 7.5vw;
  color: #5e5e5d;
  text-align: center;
}
.source-activity-success-registra .banner {
  margin-top: 3.2vw;
  width: 100vw;
  text-align: center;
  background: #ffffff;
}
.source-activity-success-registra .banner img {
  width: 83vw;
  min-height: 34.533vw;
  vertical-align: middle;
}
.source-activity-success-registra .btn-box {
  padding-top: 3.2vw;
  padding-bottom: 20vw;
  background: #ffffff;
}
.source-activity-success-registra .no-btn {
  min-height: 40vw;
}
.source-activity-success-registra .my-btn3 {
  background: #eb2e2e;
  color: #fff;
  font-weight: 500;
}
.source-activity-success-registra .my-btn3[disabled] {
  color: #ffffff;
  background: #c8c8c8;
}
.source-activity-success-registra .my-btn3[disabled]:hover {
  color: #ffffff;
  background: #c8c8c8;
}
.source-activity-verify {
  min-height: 100vh;
  background: #fff;
}
.source-activity-verify-box {
  background: url(../../assets/img/customer-bg.f0eca312.png) no-repeat;
  background-size: 100%;
  padding: 6.4vw;
  text-align: center;
  padding-top: 0;
}
.source-activity-verify-box .logo {
  text-align: left;
}
.source-activity-verify-box .logo img {
  width: 32.533vw;
  height: 14.667vw;
}
.source-activity-verify-box .ui-field {
  padding: 0;
  background: url(../../assets/img/customer-bg.f0eca312.png) no-repeat;
  background-size: 100%;
  margin-top: 0;
}
.source-activity-verify-box .ui-field .ui-field-item-title {
  font-size: 4vw;
  width: 22.667vw;
  text-align: right;
  margin-right: 10px;
}
.source-activity-verify-box .ui-field .ui-input-item-input {
  height: 13.333vw;
  font-size: 4vw;
}
.source-activity-verify-box .ui-field .ui-field-item-content {
  min-height: 6.333vw;
  height: 13.067vw;
}
.source-activity-verify-box .ui-field .ui-field-item-control {
  font-size: 4.267vw;
}
.source-activity-verify-box .ui-field .left-icon {
  margin-top: 0.8vw;
  width: 4.8vw;
  height: 4.8vw;
}
.source-activity-verify-box .ui-field .img-code {
  width: 22.667vw;
  height: 10vw;
  vertical-align: middle;
  background-size: cover;
}
.source-activity-verify-box .ui-field .img-code img {
  width: 22.667vw;
  height: 10vw;
}
.source-activity-verify-box .ui-field .wet-btn {
  margin-top: 8.267vw;
  width: 87.2vw;
  height: 14.4vw;
  line-height: 1;
  background: #eb2e2e;
  border-radius: 13.333vw;
  font-size: 4.267vw;
  font-weight: 500;
  color: #ffffff;
}
.source-activity-verify-box .ui-field .wet-btn[disabled] {
  color: #ffffff;
  background: #c8c8c8;
}
.source-activity-verify-box .ui-field .wet-btn[disabled]:hover {
  color: #ffffff;
  background: #c8c8c8;
}
.source-activity-verify-box .noBanner1 {
  background-size: 0%;
}
.source-activity-verify-box .bottom {
  width: 93.6vw;
  margin-top: 60vw;
}
.source-activity-verify-box .bottom .tips {
  font-size: 3.467vw;
  color: #8c8c8c;
  line-height: 5.067vw;
}
.source-activity-verify-box .verify-btn {
  background: transparent !important;
}
.pt15 {
  padding-top: 15vw;
}
.ui-toast .ui-popup .ui-popup-box {
  width: 72vw;
}
.ui-toast .ui-popup .ui-popup-box .ui-toast-content {
  font-size: 3.733vw;
  padding: 2.667vw 4vw;
}
.about-me {
  padding-bottom: 7vw;
  width: 100%;
  background: #fff;
}
.about-me img {
  width: 100%;
}
.about-me .my-btn {
  width: 82.933vw;
  height: 14.4vw;
  line-height: 14.4vw;
  margin: 0 auto;
  text-align: center;
  border-radius: 14.4vw;
  background: #eb2e2e;
  color: #fff;
}
body {
    --color-primary: #eb2e2e;
    --color-text-base: #1c1c1b;
    --color-text-secondary: #5e5e5d;
    --color-text-three: #8c8c8c;
    --color-text-describe: #9e9e9e;
    --color-text-base-inverse: #fff;
    --color-text-body: #7a7a7a;
    --color-text-minor: #666f83;
    --color-text-caption: #c8c8c8;
    --color-text-disabled: #c5cad5;
    --color-text-placeholder: #8c8c8c;
    --color-text-highlight: #c50910;
    --color-text-warn: #e8a539;
    --color-text-error: #ff645e;
    --color-text-link: #4892d8;
    --color-title: #333;
    --color-text-minus: #00ba70;
    --color-text-increase: #eb2e2e;
    --color-text-decrease: #2eac43;
    --color-text-dialog-cancel: #3d3d3d;
    --color-bg-increase: #fef3f4;
    --color-bg-decrease: #e4f7e7;
    --color-border-base: #ededed;
    --color-border-element: #ededed;
    --color-bg-base: #f4f4f4;
    --color-bg-inverse: #fff;
    --color-bg-disabled: #ecd4ca;
    --color-bg-tap: #c50910;
    --color-bg-card: #f9f9f9;
    --color-mask: rgba(37, 38, 45, 0.7);
    --color-tag-base: #fef3f4;
    --color-tabbar-active: #fff;
    --color-tabbar-view: #ecedf0;
    --color-text-btn: var(--color-text-base-inverse);
    --color-btn-warn-active-bg: #f3cfd0;
    --color-btn-disabled-bg: #c8c8c8;
    --color-bg-btn-warn: #fef3f4;
    --color-switch: #c8c8c8;
    --color-bg-step-line-default: #d8d8d8;
    --color-bg-step-round-default: #cecece;
    --color-bg-step-round-active: #ffe7e7;
    --color-bg-step-body-active: #dc282b;
    --color-bg-primary: linear-gradient(153deg, #7fa5ff 9%, #4e80fe 94%);
    --color-bg-main: #f4f4f4;
    --color-bg-default: #fff;
    --color-text-main: #333;
    --color-bg-btn-active: #b01c2e;
    --color-blue-main: #2875bc;
    --color-black-main: #000;
    --color-text-bg: #fff8ef;
    --color-text-color: #303030;
    --color-text-orange: #fe8608;
    --color-text-grey: #666;
    --color-text-blue: #4798df;
    --color-text-white: #f6fafd;
    --color-text-bg-gray: #4a4a4a;
    --color-text-gray-text: #b2b2b2;
    --color--text-orange-text: #c19468;
    --color-text-orange-main: #977352;
    --color-text-orange-view: #987453;
    --color-textorange-border: #e5c7ad;
    --color-text-orange-right: #dadada;
    --color-text-right: #fdf4eb;
    --color-text-left: #f5f5f5;
    --color-text-gray-right: #777;
    --color-text-orange-border: #cdb6a1;
    --color-text-bg-text: #fff9f5;
    --color-text-red: #df6361;
    --color-text-orange-characters: #895e12;
    --color-text-blue-characters: #53658b;
    --color-text-bg-blue: #bac1d1;
    --color-text-right-blue: #737c93;
    --color-text-blue-element: #586685;
    --color-background-bg: #edeff2;
    --color-text-orange-warn: #9e7342;
    --color-text-red-new: #ec472a;
    --color-text-gray-new: #a0a0a0;
    --color-text-red-new-characters: #ff5950;
    --color-bg-blue: #47537a;
    --color-bg-pink: #e4ca96;
    --color-text-characters: #876035;
    --color-border-element-main: #628bcf;
    --color-border-pink: #f6deb7;
    --color-text-pink-emement: #afa9a9;
    --color-text-amount: #dec2ba;
    --color-text-bg-company: #fefefe;
    --color-text-bg-blue-ele: #37415d;
    --color-text-blue-characters-main: #3f4a60;
    --color-text-border-blue: #d7d9df;
    --color-text-news-syno: #798190;
    --color-text-user-name: #5e4727;
    --color-text-location-name: #836842;
    --color-bg-main-element: #faf1d5;
    --color-text-oversea: #696969;
    --color-text-desc-main: #404040;
    --color-bg-oversea: #f1f1f1;
    --color-text-desc-ele: #bf915d;
    --color-bg-oversea-ele: #fff5e7;
    --color-bg-red-main: #9a1110;
    --color-text-ruby-main: #8b572a;
    --color-bg-ruby: #ffdcab;
    --color-text-tips-ele: #ccc;
    --color-text-oversea-ele: #f5e8cb;
}
body {
    --font-heading-large: 8vw;
    --font-heading-medium: 6.933333vw;
    --font-heading-normal: 5.866667vw;
    --font-caption-large: 4.8vw;
    --font-caption-normal: 4.266667vw;
    --font-body-large: 3.733333vw;
    --font-body-normal: 3.466667vw;
    --font-minor-large: 3.2vw;
    --font-minor-normal: 2.666667vw;
    --font-body-placeholder: 4vw;
    --font-top-top: 9.6vw;
    --font-top-large: 8.533333vw;
    --font-top-medium: 7.466667vw;
    --font-top-normal: 7.333333vw;
    --font-top-small: 6.666667vw;
    --font-top-mini: 6.4vw;
    --font-heading-small: 5.6vw;
    --font-heading-mini: 5.333333vw;
    --font-caption-medium: 4.533333vw;
    --font-caption-small: 4vw;
    --font-minor-medium: 2.933333vw;
    --font-minor-small: 2.133333vw;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-normal: 0.533333vw;
    --radius-circle: 50%;
    --radius-btn-normal: 1.6vw;
    --border-width-base: 0.266667vw;
    --h-gap-xs: 1.066667vw;
    --h-gap-sm: 1.6vw;
    --h-gap-md: 2.666667vw;
    --h-gap-lg: 3.2vw;
    --h-gap-sl: 5.333333vw;
    --v-gap-xs: 10.666667vw;
    --v-gap-sm: 1.6vw;
    --v-gap-md: 2.666667vw;
    --v-gap-lg: 4.266667vw;
    --v-gap-sl: 5.333333vw;
    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --opacity-disabled: 3;
    --border-color: #eaeaea;
}
body{background-color:#f4f4f4}.mg-top-24{margin-top:3.2vw}.h5-mobile [class*=" ui-icon-"],.h5-mobile [class^=ui-icon-]{font-family:csii-vx-mobile-Icon !important}.h5-mobile .ui-tab-bar{padding:0;background-color:var(--color-bg-inverse)}.h5-mobile .ui-tab-bar{position:relative;padding-left:var(--h-gap-sl);padding-right:var(--h-gap-sl);background-color:var(--color-bg-base)}.h5-mobile .ui-tab-bar-inner{position:relative;width:100%}.h5-mobile .ui-tab-bar-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%}.h5-mobile .ui-tab-bar-item{-webkit-box-flex:1;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--color-text-minor);font-size:var(--font-body-large);font-weight:var(--font-weight-medium);min-height:13.333333vw;padding:0 var(--h-gap-md);margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.h5-mobile .ui-tab-bar-item{color:var(--color-text-base);font-family:var(--font-family-normal);min-height:11.733333vw}.h5-mobile .ui-tab-bar-item.is-active{color:var(--color-primary)}.h5-mobile .ui-tab-bar-item.is-disabled{color:var(--color-text-disabled)}.h5-mobile .ui-tab-bar-ink{position:absolute;bottom:0;left:0;display:block;height:0.4vw;background-color:var(--color-primary);-webkit-transition:all 0.3s;transition:all 0.3s}.h5-mobile .ui-tab-bar-ink.is-disabled{background-color:var(--color-text-disabled)}.h5-mobile .ui-tab-bar-ink{height:0.533333vw}.h5-mobile .ui-tab-bar-end,.h5-mobile .ui-tab-bar-start{position:absolute;top:0;left:0;width:1.866667vw;height:13.333333vw;overflow:hidden}.h5-mobile .ui-tab-bar-end:after,.h5-mobile .ui-tab-bar-start:after{content:'';display:block;position:absolute;left:-1.866667vw;top:50%;width:1.866667vw;margin-top:-5.333333vw;height:10.666667vw;border-radius:50%;-webkit-box-shadow:-1px 0 1.6vw 0 rgba(0,0,0,0.2);box-shadow:-1px 0 1.6vw 0 rgba(0,0,0,0.2)}.h5-mobile .ui-tab-bar-end{left:auto;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.h5-mobile .ui-tab-bar .ui-scroll-view{display:block}.h5-mobile .ui-tab-bar .scroll-view-container{min-width:100%}.h5-mobile .ui-tabs-content{overflow:hidden}.h5-mobile .ui-tab-pane,.h5-mobile .ui-tabs-content{position:relative;width:100%}.h5-mobile .ui-tab-slide-left-enter,.h5-mobile .ui-tab-slide-right-enter{opacity:0.01}.h5-mobile .ui-tab-slide-left-enter-active,.h5-mobile .ui-tab-slide-left-leave-active,.h5-mobile .ui-tab-slide-right-enter-active,.h5-mobile .ui-tab-slide-right-leave-active{-webkit-transition:all 0.3s;transition:all 0.3s}.h5-mobile .ui-tab-slide-left-leave-active,.h5-mobile .ui-tab-slide-right-leave-active{position:absolute;top:0}.h5-mobile .ui-tab-slide-left-leave-to,.h5-mobile .ui-tab-slide-right-leave-to{opacity:0.01}.h5-mobile .ui-tab-slide-left-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.h5-mobile .ui-tab-slide-left-leave-to,.h5-mobile .ui-tab-slide-right-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.h5-mobile .ui-tab-slide-right-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.h5-mobile .tab-container .ui-tab-bar-list{border-radius:1.6vw;line-height:10.133333vw;min-width:0}.h5-mobile .tab-container .ui-tab-bar-item.is-active{background:#fff;border-radius:1.066667vw}.h5-mobile .tab-container .ui-tab-bar-item{height:8.533333vw;text-align:center;line-height:8.533333vw;font-size:var(--font-caption-normal);padding:0 8.933333vw;min-height:0}.h5-mobile .tab-container .ui-tab-bar .ui-scroll-view{display:inline-block;background-color:#ecedf0;min-width:0;padding:0.8vw;border-radius:1.6vw}.h5-mobile .tab-container .ui-tab-bar-inner{text-align:center}.h5-mobile .tab-container .ui-tab-bar-end:after,.h5-mobile .tab-container .ui-tab-bar-start:after{-webkit-box-shadow:none;box-shadow:none}.h5-mobile .ui-scroll-view{position:relative;display:block;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.h5-mobile .ui-scroll-view .scroll-view-footer,.h5-mobile .ui-scroll-view .scroll-view-header{position:absolute;left:0;right:0;z-index:2}.h5-mobile .ui-scroll-view .scroll-view-header{top:0}.h5-mobile .ui-scroll-view .scroll-view-footer{bottom:0}.h5-mobile .ui-scroll-view .scroll-view-container{position:relative;z-index:1}.h5-mobile .ui-scroll-view .scroll-view-container:after{content:'';display:table;clear:both}.h5-mobile .ui-scroll-view .scroll-view-container .scroll-view-refresh{position:absolute;left:0;right:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}.h5-mobile .ui-scroll-view .scroll-view-container .scroll-view-refresh:after{content:'';display:table;clear:both}.h5-mobile .ui-scroll-view .scroll-view-container .scroll-view-more{visibility:hidden}.h5-mobile .ui-scroll-view .scroll-view-container .scroll-view-more.active{visibility:visible}.h5-mobile .ui-scroll-view .scroll-view-container.horizon{display:inline-block}.h5-mobile .ui-icon{background-size:contain;fill:currentColor;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.h5-mobile .ui-icon.icon-font{font-family:csii-vx-mobile-Icon !important;font-size:2.133333vw;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h5-mobile .ui-icon.icon-font.xss{font-size:icon-size-xxs}.h5-mobile .ui-icon.icon-font.xs{font-size:2.666667vw}.h5-mobile .ui-icon.icon-font.sm{font-size:3.2vw}.h5-mobile .ui-icon.icon-font.md{font-size:4.266667vw}.h5-mobile .ui-icon.icon-font.lg{font-size:5.6vw}.h5-mobile .ui-icon.icon-font:before{position:relative;z-index:2}.h5-mobile .ui-icon.icon-svg.xss{width:icon-size-xxs;height:icon-size-xxs;line-height:icon-size-xxs}.h5-mobile .ui-icon.icon-svg.xs{width:2.666667vw;height:2.666667vw;line-height:2.666667vw}.h5-mobile .ui-icon.icon-svg.sm{width:3.2vw;height:3.2vw;line-height:3.2vw}.h5-mobile .ui-icon.icon-svg.md{width:4.266667vw;height:4.266667vw;line-height:4.266667vw}.h5-mobile .ui-icon.icon-svg.lg{width:5.6vw;height:5.6vw;line-height:5.6vw}.h5-mobile .ui-icon-rectangle:before{content:''}.h5-mobile .ui-icon-invisible:before{content:''}.h5-mobile .ui-icon-visible:before{content:''}.h5-mobile .ui-icon-right:before{content:''}.h5-mobile .ui-icon-wrong:before{content:''}.h5-mobile .ui-icon-info:before{content:''}.h5-mobile .ui-icon-service:before{content:''}.h5-mobile .ui-icon-edit:before{content:''}.h5-mobile .ui-icon-refresh:before{content:''}.h5-mobile .ui-icon-question:before{content:''}.h5-mobile .ui-icon-setting:before{content:''}.h5-mobile .ui-icon-wait:before{content:''}.h5-mobile .ui-icon-check:before{content:''}.h5-mobile .ui-icon-check-disabled:before{content:''}.h5-mobile .ui-icon-checked:before,.h5-mobile .ui-icon-success:before{content:''}.h5-mobile .ui-icon-clear:before,.h5-mobile .ui-icon-fail:before{content:''}.h5-mobile .ui-icon-info-solid:before{content:''}.h5-mobile .ui-icon-warn:before{content:''}.h5-mobile .ui-icon-security:before{content:''}.h5-mobile .ui-icon-rmb:before{content:''}.h5-mobile .ui-icon-scan:before{content:''}.h5-mobile .ui-icon-share:before{content:''}.h5-mobile .ui-icon-back:before{content:''}.h5-mobile .ui-icon-card-bag:before{content:''}.h5-mobile .ui-icon-message:before{content:''}.h5-mobile .ui-icon-order:before{content:''}.h5-mobile .ui-icon-balance:before{content:''}.h5-mobile .ui-icon-coupon:before{content:''}.h5-mobile .ui-icon-sort:before{content:''}.h5-mobile .ui-icon-address-book:before{content:''}.h5-mobile .ui-icon-mobile-phone:before{content:''}.h5-mobile .ui-icon-home:before{content:''}.h5-mobile .ui-icon-discovery:before{content:''}.h5-mobile .ui-icon-calendar:before{content:''}.h5-mobile .ui-icon-user:before{content:''}.h5-mobile .ui-icon-time:before{content:''}.h5-mobile .ui-icon-search:before{content:''}.h5-mobile .ui-icon-switch:before{content:''}.h5-mobile .ui-icon-camera:before{content:''}.h5-mobile .ui-icon-clock:before{content:''}.h5-mobile .ui-icon-profession:before{content:''}.h5-mobile .ui-icon-delete:before{content:''}.h5-mobile .ui-icon-id-card:before{content:''}.h5-mobile .ui-icon-filter:before{content:''}.h5-mobile .ui-icon-location:before{content:''}.h5-mobile .ui-icon-authentication:before{content:''}.h5-mobile .ui-icon-motor-vehicle:before{content:''}.h5-mobile .ui-icon-phone:before{content:''}.h5-mobile .ui-icon-volumn:before{content:''}.h5-mobile .ui-icon-arrow-left:before{content:''}.h5-mobile .ui-icon-arrow-right:before{content:''}.h5-mobile .ui-icon-arrow-up:before{content:''}.h5-mobile .ui-icon-arrow-down:before{content:''}.h5-mobile .ui-icon-close:before{content:''}



* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* 宽高值 START */
.w33 {
  width: 33.33333333%;
}
.w50 {
  width: 50%;
}
.w66 {
  width: 66.66666667%;
}
.w80 {
  width: 80%;
}
.w100 {
  width: 100%;
}
.h50 {
  height: 50%;
}
.h100 {
  height: 100%;
}

/* 宽高值 END */

/* 定位/布局相关 START */
.overflow-auto {
  overflow: auto;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
/* flex 布局 ------------------ START ------------------ */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-x-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-x-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.flex-x-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.flex-x-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-y-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-x-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-y-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* flex 布局 ------------------- END ------------------- */

/* 字体相关 START */
.fbold {
  font-weight: bold;
}
.fw-500 {
  font-weight: 500;
}
.fw-400 {
  font-weight: 400;
}

/* 字体相关 END */

/* 文本相关 START */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.ellipsis3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.nowrap {
  white-space: nowrap;
}
.word-break-all {
  word-break: break-all;
}
.word-break-keep {
  word-break: keep-all;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-red {
  color: var(--color-primary);
}
.text-blue.ui-button.link,
.text-blue {
  color: var(--color-text-link);
}

/* 文本相关 END */

/* 背景相关 START */
.bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/* 背景相关 END */

.product-details[data-v-12623a1a] {
  height: 100%;
}
.product-details[data-v-12623a1a]::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 52vw;
  background: -webkit-gradient(linear, left top, left bottom, from(#eb2e2e), to(rgba(235, 46, 46, 0)));
  background: linear-gradient(180deg, #eb2e2e 0%, rgba(235, 46, 46, 0) 100%);
  z-index: -1;
}
.product-details.in-skeleton[data-v-12623a1a] {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-primary)), to(#0000)) no-repeat;
  background: linear-gradient(180deg, var(--color-primary) 0%, #0000 100%) no-repeat;
  background-size: 100% 52vw;
  overflow: hidden;
}
.product-details.in-skeleton .skeleton-item[data-v-12623a1a] {
  margin: 4.8vw;
  padding: 3.2vw;
  border-radius: 1.066667vw;
  background-color: var(--color-text-base-inverse);
}


































































































/* @import url('../styles/mobile.min.css'); */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.product-details[data-v-21d125d7] {
  height: 100%;
  --gap: 3.2vw;
}
.product-details .p20[data-v-21d125d7] {
  padding: var(--gap);
}
.product-details .ui-container-box[data-v-21d125d7] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.product-details .ui-container-box .ui-tabs[data-v-21d125d7] {
  height: 100%;
}
.product-details .ui-container-box .ui-tab-bar[data-v-21d125d7] {
  margin-bottom: var(--gap);
}
.product-details .ui-container-box .ui-tab-bar-item[data-v-21d125d7] {
  font-size: 4.266667vw;
  line-height: 6.4vw;
}
.product-details .ui-container-box .ui-tabs-content[data-v-21d125d7] {
  height: 100%;
  padding: 0 var(--gap);
  height: calc(100% - 18.133333vw);
  overflow-y: auto;
}
.vx-pdf {
  width: 100%;
  height: 60vh;
  background: #fff;
}
.vx-pdf .pdf-container {
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.pdf-iframe {
  display: block;
  margin: 0 auto;
}
.statement-box {
  height: 100%;
}
.statement-box .vx-pdf {
  height: 100%;
}
@charset "UTF-8";
.asset-apply {
  min-height: 100vh;
  width: 100%;
}
.asset-contain {
  background: #fff;
}
.asset-apply-box {
  text-align: center;
  padding: 0 6.4vw;
}
.asset-apply-box .ui-field {
  padding: 0;
  margin-top: 0;
}
.asset-apply-box .ui-field .ui-field-item-title {
  font-size: 4vw;
  width: 22.667vw;
  color: #777777;
  font-weight: 500;
  text-align: left;
  margin-right: 10px;
}
.asset-apply-box .ui-field .ui-input-item-input {
  height: 13.333vw;
  font-size: 4vw;
}
.asset-apply-box .ui-field .ui-field-item-content {
  min-height: 6.333vw;
  height: 13.334vw;
}
.asset-apply-box .ui-field .ui-field-item-control {
  font-size: 4.267vw;
}
.asset-apply-box .ui-field .left-icon {
  margin-top: 0.8vw;
  width: 4.8vw;
  height: 4.8vw;
}
.asset-apply-box .ui-field .img-code {
  width: 22.667vw;
  height: 10vw;
  vertical-align: middle;
  background-size: cover;
}
.asset-apply-box .ui-field .img-code img {
  width: 22.667vw;
  height: 10vw;
}
.asset-apply-box .ui-field .uuid-input .ui-input-item-input {
  -webkit-text-fill-color: #030303 !important;
  color: #030303 !important;
}
.asset-apply-box .ui-field .graphToken-input .ui-field-item-content:before {
  border-bottom: none;
}
.asset-apply-box .ui-field .uuid-text {
  min-height: 13.334vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e2e4ea;
}
.asset-apply-box .ui-field .uuid-text .label {
  margin-right: 10px;
  font-size: 4vw;
  width: 30vw;
  color: #777777;
  font-weight: 500;
  text-align: left;
}
.asset-apply-box .ui-field .uuid-text .value {
  text-align: left;
  color: #030303 !important;
  font-weight: 500;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif;
}
.err-text {
  margin-top: 2.267vw;
  font-family: PingFangSC-Medium;
  font-size: 3.467vw;
  color: #eb2e2e;
  line-height: 3.733vw;
  font-weight: 500;
  text-align: center;
}
.btn-box {
  width: 100%;
  text-align: center;
}
.wet-btn {
  margin-top: 10.667vw;
  width: 91.47vw;
  height: 11.733vw;
  line-height: 1;
  background: #eb2e2e;
  font-size: 4.267vw;
  font-weight: 500;
  color: #ffffff;
}
.wet-btn[disabled] {
  color: #ffffff;
  background: #eb2e2e;
  opacity: 0.5;
}
.wet-btn[disabled]:hover {
  color: #ffffff;
  background: #eb2e2e;
  opacity: 0.5;
}
@charset "UTF-8";
.asset-apply-result {
  background: #ffffff;
  height: 100%;
  padding: 9.6vw 4.3vw;
  overflow: auto;
}
.asset-apply-result .common-res {
  text-align: center;
}
.asset-apply-result .common-res .common-res-icon {
  width: 24vw;
  height: 24vw;
}
.asset-apply-result .common-res .common-res-title {
  margin-top: 4.8vw;
  font-family: PingFangSC-Medium;
  font-size: 4.8vw;
  color: #303030;
  text-align: center;
  line-height: 4.8vw;
  font-weight: 500;
}
.asset-apply-result .common-res .err-text {
  margin-top: 3.5vw;
  font-family: PingFangSC-Regular;
  font-size: 3.733vw;
  color: #777777;
  text-align: center;
  line-height: 3.733vw;
  font-weight: 400;
}
.asset-apply-result .common-res .success {
  text-align: left;
}
.asset-apply-result .common-res .success .asset-info {
  margin-top: 6.4vw;
  margin-left: 15vw;
}
.asset-apply-result .common-res .success .asset-info .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.733vw;
  line-height: 4.367vw;
  font-weight: 400;
  margin-bottom: 3vw;
}
.asset-apply-result .common-res .success .asset-info .flex .label {
  margin-right: 0.133vw;
  width: 20.2vw;
  color: #303030;
}
.asset-apply-result .common-res .success .asset-info .flex .value {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: PingFangSC-Medium;
  color: #777777;
  font-weight: 500;
}
.asset-apply-result .common-res .success .asset-info .flex .uuid-label {
  margin-top: 1vw;
}
.asset-apply-result .common-res .success .asset-info .flex .uuid {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif;
  color: #030303;
}
.asset-apply-result .common-res .success .asset-img {
  width: 100%;
  margin-top: 10.5vw;
}
.asset-apply-result .common-res .success .asset-img img {
  width: 100%;
}
.asset-apply-result .btn-box {
  width: 100%;
  text-align: center;
  margin-top: 8vw;
}
.asset-apply-result .err-btn {
  width: 43.733vw;
  height: 11.733vw;
  line-height: 1;
  background: #eb2e2e;
  font-size: 4.267vw;
  font-weight: 500;
  color: #ffffff;
  border-radius: 5.867vw;
}
.asset-apply-result .success-btn {
  width: 91.65vw;
  height: 11.733vw;
  line-height: 1;
  background: #eb2e2e;
  font-size: 4.267vw;
  font-weight: 500;
  color: #ffffff;
  border-radius: 5.867vw;
}
.verify-content .ui-dialog {
  height: 461px;
}
.verify-content .ui-dialog .ui-dialog__header {
  padding: 0px;
}
.verify-content .ui-dialog .ui-dialog__body {
  padding: 0px;
}
.verify-content .ui-dialog .ui-dialog__body .dialog-title {
  display: block;
  text-align: center;
  padding: 0px 0px 0px 38px;
  height: 60px;
  line-height: 60px;
  border-radius: 8px 8px 0px 0px;
}
.verify-content .ui-dialog .ui-dialog__body .dialog-title span {
  font-weight: 600;
  color: #333333;
  font-size: 16px;
  opacity: 1;
}
.verify-content .ui-dialog .ui-dialog__body .mobile-phone-area {
  width: 400px;
  margin: 40px auto;
}
.verify-content .ui-dialog .ui-dialog__body .mobile-phone-area .item-title {
  width: 189px;
  display: block;
  color: #606266;
  font-size: 14px;
  padding-bottom: 10px;
  line-height: 14px;
}
.verify-content .ui-dialog .ui-dialog__body .mobile-phone-area .sms {
  position: relative;
  width: 374px;
  height: 18px;
  background-color: #f2f7ff;
  border-radius: 4px;
  padding: 13px;
  margin-bottom: 20px;
}
.verify-content .ui-dialog .ui-dialog__body .mobile-phone-area .sms span:first-of-type {
  float: left;
}
.verify-content .ui-dialog .ui-dialog__body .mobile-phone-area .sms span:last-of-type {
  float: left;
}
.verify-content .ui-dialog .ui-dialog__body .mobile-phone-area .sms .verify-code {
  position: absolute;
  right: 10px;
  top: 6px;
}
.verify-content .ui-dialog .ui-dialog__body .mobile-phone-area .code {
  overflow: hidden;
}
.verify-content .ui-dialog .ui-dialog__body .mobile-phone-area .code .input-sms {
  width: 400px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0px;
}
.verify-content .ui-dialog .ui-dialog__body .mobile-phone-area .code .dialog-footer {
  margin-top: 40px;
  text-align: center;
  height: 40px;
}
.set-dialog .ui-dialog .ui-dialog__header {
  padding: 0 30px;
  height: 60px;
  background-color: #f7f7f7;
  border-radius: 8px 8px 0 0;
  line-height: 60px;
}
.set-dialog .ui-dialog .ui-dialog__header .ui-dialog__title {
  color: #bf4768 !important;
}
.set-dialog .ui-dialog .ui-dialog__header .ui-dialog__headerbtn {
  right: 30px;
}
.set-dialog .ui-dialog .ui-dialog__header .ui-dialog__headerbtn .ui-icon {
  font-size: 24px;
  color: #bf4768;
}
.set-dialog .ui-dialog__body {
  padding: 30px;
}
.set-dialog .ui-dialog__body .content {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  font-weight: 400;
  padding: 30px 10px 10px 10px;
  text-align: center;
}
.set-dialog .ui-dialog__body .QRCodeDome-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.set-dialog .ui-dialog__body .QRCodeDome-outer img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}
.set-dialog .ui-dialog__body .QRCodeDome-outer p {
  line-height: 1.5;
  font-size: 16px;
}
.set-dialog .ui-dialog__footer {
  padding: 0 30px 30px 30px;
}
.set-dialog .ui-dialog__footer .dialog-footer .ui-button {
  background-color: #b50024;
  border-color: #b50024;
  color: #fff;
  padding: 12px 30px;
}
.set-dialog .ui-dialog__footer .dialog-footer .ui-button + .ui-button {
  margin-left: 30px;
}
.svg-icon[data-v-3ecccb56] {
  width: 2.5vw;
  height: 2.5vw;
  display: inline-block;
  font-size: 3.733vw;
  overflow: hidden;
}
.svg-icon[data-v-3ecccb56]:focus {
  outline: none;
}
@charset "UTF-8";
html, body {
  margin: 0;
  height: 100%;
}
html #app a, body #app a {
  text-decoration: none;
}

.ui-card.is-always-shadow {
  -webkit-box-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
          box-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
}
.ui-card.is-hover-shadow:hover {
  -webkit-box-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
          box-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
}

.ui-menu--horizontal {
  border-bottom: none !important;
}

.ui-tabs__item:focus.is-active.is-focus:not(:active) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.fade-transverse-leave-active,
.fade-transverse-enter-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.fade-transverse-enter {
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}

.fade-transverse-leave-to {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.fade-scale-leave-active,
.fade-scale-enter-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.fade-scale-enter {
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.fade-scale-leave-to {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.ui-text-center {
  text-align: center;
}

.ui-fl {
  float: left;
}

.ui-fr {
  float: right;
}

.ui-m-0 {
  margin: 0px !important;
}

.ui-mt-0 {
  margin-top: 0px !important;
}

.ui-mr-0 {
  margin-right: 0px !important;
}

.ui-mb-0 {
  margin-bottom: 0px !important;
}

.ui-ml-0 {
  margin-left: 0px !important;
}

.ui-p-0 {
  padding: 0px !important;
}

.ui-pt-0 {
  padding-top: 0px !important;
}

.ui-pr-0 {
  padding-right: 0px !important;
}

.ui-pb-0 {
  padding-bottom: 0px !important;
}

.ui-pl-0 {
  padding-left: 0px !important;
}

.ui-m-5 {
  margin: 5px !important;
}

.ui-mt-5 {
  margin-top: 5px !important;
}

.ui-mr-5 {
  margin-right: 5px !important;
}

.ui-mb-5 {
  margin-bottom: 5px !important;
}

.ui-ml-5 {
  margin-left: 5px !important;
}

.ui-p-5 {
  padding: 5px !important;
}

.ui-pt-5 {
  padding-top: 5px !important;
}

.ui-pr-5 {
  padding-right: 5px !important;
}

.ui-pb-5 {
  padding-bottom: 5px !important;
}

.ui-pl-5 {
  padding-left: 5px !important;
}

.ui-m-10 {
  margin: 10px !important;
}

.ui-mt-10 {
  margin-top: 10px !important;
}

.ui-mr-10 {
  margin-right: 10px !important;
}

.ui-mb-10 {
  margin-bottom: 10px !important;
}

.ui-ml-10 {
  margin-left: 10px !important;
}

.ui-p-10 {
  padding: 10px !important;
}

.ui-pt-10 {
  padding-top: 10px !important;
}

.ui-pr-10 {
  padding-right: 10px !important;
}

.ui-pb-10 {
  padding-bottom: 10px !important;
}

.ui-pl-10 {
  padding-left: 10px !important;
}

.ui-m-15 {
  margin: 15px !important;
}

.ui-mt-15 {
  margin-top: 15px !important;
}

.ui-mr-15 {
  margin-right: 15px !important;
}

.ui-mb-15 {
  margin-bottom: 15px !important;
}

.ui-ml-15 {
  margin-left: 15px !important;
}

.ui-p-15 {
  padding: 15px !important;
}

.ui-pt-15 {
  padding-top: 15px !important;
}

.ui-pr-15 {
  padding-right: 15px !important;
}

.ui-pb-15 {
  padding-bottom: 15px !important;
}

.ui-pl-15 {
  padding-left: 15px !important;
}

.ui-m-20 {
  margin: 20px !important;
}

.ui-mt-20 {
  margin-top: 20px !important;
}

.ui-mr-20 {
  margin-right: 20px !important;
}

.ui-mb-20 {
  margin-bottom: 20px !important;
}

.ui-ml-20 {
  margin-left: 20px !important;
}

.ui-p-20 {
  padding: 20px !important;
}

.ui-pt-20 {
  padding-top: 20px !important;
}

.ui-pr-20 {
  padding-right: 20px !important;
}

.ui-pb-20 {
  padding-bottom: 20px !important;
}

.ui-pl-20 {
  padding-left: 20px !important;
}

.ui-m {
  margin: 20px !important;
}

.ui-mt {
  margin-top: 20px !important;
}

.ui-mr {
  margin-right: 20px !important;
}

.ui-mb {
  margin-bottom: 20px !important;
}

.ui-ml {
  margin-left: 20px !important;
}

.ui-p {
  padding: 20px !important;
}

.ui-pt {
  padding-top: 20px !important;
}

.ui-pr {
  padding-right: 20px !important;
}

.ui-pb {
  padding-bottom: 20px !important;
}

.ui-pl {
  padding-left: 20px !important;
}

.ui-menu-item, .ui-submenu__title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.vx-layout-header-aside-group .vx-layout-header-aside-content, .vx-layout-header-aside-group .vx-layout-header-aside-mask, html #app, body #app {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-theme-header-top, .vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header {
  width: 100%;
  min-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.ui-container-box {
  background-color: #fff;
}

.ui-loading-mask {
  z-index: 100 !important;
}

/* ul初始化样式 start */
ul li {
  list-style: none;
}

/* ul初始化样式 end */
/* 图片加载失败样式 start */
img.error {
  display: inline-block;
  -webkit-transform: scale(1);
          transform: scale(1);
  content: "";
  color: transparent;
}

img.error::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5 url(../../assets/img/loadFailed.a233bbb8.svg) no-repeat center/50% 50%;
}

img.error::after {
  content: attr(alt);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 1.5;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 图片加载失败样式 end */
/* 鼠标划过指针变手形 start */
.cursor-pointer {
  cursor: pointer;
}

/* 鼠标划过指针变手形 end */
/* 时间选择器中默认今天的样式修改 start */
.ui-picker-panel .today span {
  font-weight: 700;
  border: 1px solid #e3e3e3;
  background: #e3e3e3;
}

/* 时间选择器中默认今天的样式修改 end */
/* 分页组件，总数靠左展示 start */
.ui-pagination__total {
  float: left;
}

/* 分页组件，总数靠左展示 start end */
/* input textarea button 焦点样式 start */
input:focus,
textarea:focus,
button:focus {
  outline: none;
}

/* input textarea button 焦点样式 end */
input::-ms-clear,
::-ms-reveal {
  display: none;
}

/* 突出显示颜色 start */
.text-importent {
  color: #ef4134;
}

/* 突出显示颜色 end */
/* 原生table需要居中的元素统一用的class start */
.detail-info-table {
  width: 100%;
  border-collapse: collapse;
  /* 表格中的标题部分 */
}
.detail-info-table th,
.detail-info-table td {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: var(--color-text-primary);
  line-height: 18px;
  padding: 0 14px;
  height: 48px;
  border: 1px solid var(--border-color-lighter);
  word-break: break-all;
}
.detail-info-table .detail-info-table-title {
  background: #f7f7f7;
  background-clip: padding-box;
  text-align: center;
  color: var(--color-text-secondary);
  width: 15%;
  font-weight: 400;
}
.detail-info-table .detail-info-table-content {
  width: 35%;
}
.detail-info-table .detail-info-table-content .ui-form-item__label {
  font-weight: 200;
}
.detail-info-table .text-importent {
  color: #ef4134;
}
.detail-info-table .ui-form-item__content {
  margin-bottom: 5px;
}

/* 原生table需要居中的元素统一用的class end */
/* p标签初始化margin padding */
/* main-area下input输入框placeholder颜色 */
.main-area input::-webkit-input-placeholder,
.main-area input::-moz-input-placeholder,
.main-area input::-ms-input-placeholder {
  color: #d9d9d9;
}

/* 文字对齐方式 start */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}
.text-center .ui-button + .ui-button {
  margin-left: 30px;
}

/* 文字对齐方式 end */
/* 边距 start */
.pd-0, ul, p {
  padding: 0;
}

.mg-0, ul, ul li, p {
  margin: 0;
}

.mg-lt-40 {
  margin-left: 40px;
}

.mg-bt-20 {
  margin-bottom: 20px;
}

.mg-bt-150 {
  margin-bottom: 150px;
}

.mg-top-20 {
  margin-top: 20px;
}

.mg-top-30 {
  margin-top: 30px;
}

.mg-top-50 {
  margin-top: 50px;
}

.mg-rt-10 {
  margin-right: 10px;
}

/* 边距 end */
/* 默认输入框样式 start */
.default-input .ui-date-editor, .query-form .ui-form-item .ui-date-editor,
.default-input .ui-input,
.query-form .ui-form-item .ui-input,
.default-input .ui-input-group,
.query-form .ui-form-item .ui-input-group,
.default-input .ui-select,
.query-form .ui-form-item .ui-select {
  width: 300px;
  height: 40px;
}

/* 默认输入框样式 end */
/* 查询表单样式 start */
.query-form {
  clear: both;
  display: table;
  width: 100%;
}
.query-form .ui-form-item {
  margin-bottom: 20px;
  width: 33%;
  float: left;
}
.query-form .ui-form-item .query-form_select {
  width: 300px;
}
.query-form .ui-form-item .query-form_select .ui-input-group__prepend {
  border-right: none;
}
.query-form .ui-form-item .query-form_select .ui-input-group__prepend .ui-select {
  width: 105px;
}
.query-form .ui-form-item .query-form_select .ui-input-group__prepend .ui-select .ui-input {
  width: 100%;
}
.query-form .ui-form-item .ui-date-editor,
.query-form .ui-form-item .ui-date-editor * {
  vertical-align: top;
}

/* 查询表单样式 end */
/* 字体过多，显示省略号 start */
.text-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 字体过多，显示省略号 end */
/* 弹框取消按钮 */
.ui-dialog__headerbtn .ui-dialog__close {
  font-size: 20px;
}

/* 弹框取消按钮 end */
/* 内容页标题（随主题色切换样式）start */
.theme-title {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 900;
  margin: 20px 0;
}

.theme-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 18px;
  margin-top: -8px;
  border-radius: 3px;
  background: var(--color-primary);
}

/* 内容页标题（随主题色切换样式）end */
/* 清浮动 start */
.clear-fix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

/* 清浮动 end */
/* 录入页form表单 start */
.vx-form {
  text-align: center;
}
.vx-form .vx-form_search {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: 5px;
}
.vx-form .vx-form_search img {
  width: 100%;
  height: 100%;
}
.vx-form .theme-title {
  margin-top: 0;
}
.vx-form label.ui-form-item__label {
  margin-left: -85px;
  font-weight: 200;
}
.vx-form .form-openMobilephone {
  line-height: 26px;
}
.vx-form .form-openMobilephone p {
  width: 100%;
}
.vx-form .form-openMobilephone .formality-class {
  color: #606266;
  font-size: 12px;
}
.vx-form .form-openMobilephone .formality-class .iconPosition {
  margin-top: 12px;
  color: var(--color-primary-alp-9);
}
.vx-form .ui-radio__label {
  padding-left: 8px;
  color: #606266;
}
.vx-form .ui-input__icon {
  height: 32px;
  line-height: 32px;
}
.vx-form .ui-form-item__label {
  line-height: 40px;
  text-align: right;
  padding: 0 20px 0 0;
  font-size: 16px;
}
.vx-form .ui-input__inner {
  line-height: 40px;
  border: solid 1px var(--border-color-base);
}
.vx-form .ui-form-item__label,
.vx-form .ui-form-item__content {
  color: var(--color-text-primary);
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.vx-form .ui-form-item__content {
  line-height: 40px;
  vertical-align: top;
  text-align: left;
  font-size: 14px;
  height: auto !important;
  margin-left: 0 !important;
}
.vx-form .ui-input .ui-select__caret {
  color: #a9a8ae;
}
.vx-form .ui-input__inner,
.vx-form .ui-form-item__content {
  width: 300px;
  height: 40px;
  border-color: #d9d9d9;
  color: var(--color-text-primary);
}
.vx-form .ui-input__inner .ui-range-editor,
.vx-form .ui-form-item__content .ui-range-editor {
  width: 100%;
}
.vx-form .ui-input__inner .default-btn,
.vx-form .ui-form-item__content .default-btn {
  width: 120px;
}
.vx-form .ui-input__inner .ui-button + .ui-button,
.vx-form .ui-form-item__content .ui-button + .ui-button {
  margin-left: 30px;
}
.vx-form .ui-select .ui-input .ui-select__caret {
  color: #a9a8ae;
}
.vx-form .ui-select .ui-input__inner {
  width: 300px;
  height: 40px;
  border-color: #d9d9d9;
  color: var(--color-text-primary);
}

/* 录入页form表单 end*/
/* 转账录入页左右结构布局 start*/
.vx-right-container {
  position: relative;
  width: 950px;
  margin: 0 auto;
}
.vx-right-container .left,
.vx-right-container .right {
  float: left;
}
.vx-right-container .left {
  width: 320px;
  margin-right: 20px;
}
.vx-right-container .left > div {
  height: 100%;
}
.vx-right-container .right {
  width: 610px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0 20px;
  border: 1px solid var(--border-color-light);
  border-radius: 4px;
}
@media (max-width: 1400px) {
  .vx-right-container .right .border {
    padding: 20px 40px 30px;
  }
}

/* 转账录入页左右结构布局 end*/
.ui-menu--popup .ui-menu-item {
  height: 36px;
  line-height: 36px;
}
.ui-menu--popup .ui-submenu__title {
  height: 36px;
  line-height: 36px;
}

.grayMode {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}

.vx-layout-header-aside-group {
  height: 100%;
  width: 100%;
  min-width: 900px;
  background-color: #f4f5f6;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  position: relative;
}
.vx-layout-header-aside-group .vx-layout-header-aside-mask {
  background: rgba(0, 0, 0, 0);
}
.vx-layout-header-aside-group .vx-layout-header-aside-content {
  padding-top: 150px;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header {
  overflow: hidden;
  background: var(--background-color-default);
  -webkit-box-shadow: 0 1px 4px 0 rgba(12, 32, 79, 0.11);
          box-shadow: 0 1px 4px 0 rgba(12, 32, 79, 0.11);
  position: fixed;
  top: 0;
  z-index: 30;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-theme-top {
  height: 30px;
  line-height: 30px;
  background-color: #f1f1f1;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-theme-top .vx-theme-top-main {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-theme-top .vx-theme-top-main .vx-header-size-top {
  float: right;
  padding-right: 10px;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-theme-top .vx-theme-top-main .vx-theme-top-main-left {
  color: #666;
  font-size: 12px;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-theme-top .vx-theme-top-main .vx-theme-top-main-left::after {
  clear: both;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-theme-header-top {
  height: 70px;
  width: 1200px;
  vertical-align: middle;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-theme-header-top .logo-group img {
  width: 298px;
  height: 28px;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-theme-header-top .ui-header-name {
  color: #333;
  border-left-color: #333;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .logo-area {
  width: 30%;
  float: left;
  height: 60px;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .logo-area .logo-group {
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  float: left;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-header-right {
  padding-top: 15px;
  float: right;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-header-right .btn-text {
  padding: 0 12px;
  margin: 0 !important;
  color: #666;
}
.vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-header-right .btn-text.can-hover:hover {
  color: var(--color-primary);
  background: rgba(255, 255, 255, 0.5);
}

.ui-menu-item i, .ui-submenu__title i {
  display: inline-block;
  width: 14px;
  text-align: center;
  margin-right: 5px;
}
.ui-menu-item svg, .ui-submenu__title svg {
  margin: 0;
  height: 14px;
  width: 14px;
  margin-right: 5px;
}

.ui-submenu__title:hover {
  color: #fff;
  background: #ecf5ff;
}
.ui-submenu__title:hover i.fa {
  color: #fff;
}

.ui-menu-item:hover {
  color: #fff;
  background: #ecf5ff;
}
.ui-menu-item:hover i.fa {
  color: #fff;
}

.ui-menu--horizontal .ui-menu-item:not(.is-disabled):hover {
  color: #fff;
  background: #ecf5ff;
}
.ui-menu--horizontal .ui-menu-item:not(.is-disabled):hover i.fa {
  color: #fff;
}

.ui-menu--horizontal .ui-menu .ui-submenu__title:hover {
  color: #fff;
  background: #ecf5ff;
}
.ui-menu--horizontal .ui-menu .ui-submenu__title:hover i.fa {
  color: #fff;
}

.first-menu {
  font-size: 18px;
  color: var(--color-primary);
  height: 50px;
  line-height: 50px;
  position: static;
  padding-left: 10px;
  cursor: pointer;
}
.first-menu.is-active {
  color: #fff !important;
}
.first-menu .title-title.first-menu-title-no-child {
  border-radius: 20px;
  padding-right: 15px;
  width: 180px;
}
.first-menu .title-title {
  display: inline-block;
  width: 190px;
  padding: 0 25px 0 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px 0 0 20px;
  line-height: 40px;
  height: 40px;
}
.first-menu .title-title .first-title-icon {
  width: 18px;
  height: 18px;
}
.first-menu .title-title:hover {
  background-color: var(--color-primary);
}
.first-menu .title-title .icon-arrow_left {
  float: right;
  margin-right: 0;
  width: 4px;
  height: 8px;
}
.first-menu .second-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 200px;
  z-index: 22;
  overflow-y: auto;
  padding: 20px 0;
  width: 246px;
}
.first-menu .second-menu .second-menu-content-title {
  color: var(--color-primary);
  display: block;
  padding-left: 15px;
  position: relative;
  line-height: 30px;
}
.first-menu .second-menu .second-menu-content-title.is-active .second-menu-body {
  background-color: var(--color-primary);
  border-radius: 20px;
}
.first-menu .second-menu .second-menu-content-title .second-menu-body {
  padding: 0 15px;
  display: inline-block;
}
.first-menu .second-menu .second-menu-content-title .second-menu-body:hover.second-menu-body-leaf {
  background-color: var(--color-primary);
  border-radius: 20px;
}
.first-menu .second-menu .second-menu-content-title .left-border {
  width: 2px;
  height: 14px;
  background-color: #fecd00;
  display: inline-block;
  margin-right: 6px;
  margin-top: -3px;
}
.first-menu .second-menu .second-menu-content-title.second-menu-content-title-active {
  color: #fff;
  display: block;
  margin-bottom: 10px;
}
.first-menu .second-menu .third-menu {
  width: 100%;
}
.first-menu .second-menu .third-menu .title-white {
  color: #fff;
  display: inline-block;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 20px;
}
.first-menu .second-menu .third-menu .title-white:hover {
  background: var(--color-primary);
  color: #fff;
}
.first-menu .second-menu .third-menu .is-active .title-white {
  background: var(--color-primary);
}

.ui-icon-warning {
  color: var(--color-primary);
  margin-right: 5px;
}

.ui-button--text {
  border: transparent !important;
  background-color: transparent !important;
}

/* ui-table表格样式 start */
.ui-table tr {
  background: var(--background-color-default);
}
.ui-table thead th {
  height: 48px;
  background: #f7f7f7;
}
.ui-table thead th .cell {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary);
}
.ui-table thead th.is-leaf {
  background: #f7f7f7;
}
.ui-table tbody .hover-row {
  background: #f2f7ff;
}
.ui-table tbody .ui-table__row td {
  height: 48px;
  padding: 0;
}
.ui-table tbody .ui-table__row .cell {
  font-size: 14px;
  font-weight: 400;
  color: #606266;
}
.ui-table .ui-table__fixed-right,
.ui-table .ui-table__fixed {
  height: 100% !important;
}

.ui-table--striped .ui-table__body tr.ui-table__row--striped td {
  background: #f5f5f5;
}

/* ui-table表格样式 end */
/* 单、多选框公共样式 start */
.ui-checkbox,
.ui-radio {
  font-weight: 400;
}

.ui-checkbox__inner,
.ui-radio__inner {
  width: 14px;
  height: 14px;
  border: solid 1px var(--border-color-base) !important;
}

/*单、多选框公共样式 end */
/* 多选框样式 start */
.ui-checkbox__label {
  font-size: 14px;
  color: var(--color-text-secondary);
  padding-left: 6px;
}

.ui-checkbox__input.is-checked .ui-checkbox__inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.ui-checkbox__input.is-checked + .ui-checkbox__label {
  color: var(--color-text-secondary);
}

.ui-checkbox__input.is-indeterminate .ui-checkbox__inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.ui-checkbox__input.is-indeterminate .ui-checkbox__inner::before {
  color: #fff;
  content: "";
  position: absolute;
  display: block;
  background-color: var(--background-color-default);
  height: 2px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 6.4px;
}

.ui-checkbox .ui-checkbox__input.is-checked .ui-checkbox__inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.ui-checkbox .ui-checkbox__input.is-checked .ui-checkbox__inner::after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  content: "";
  border-width: 0 1px 1px 0;
  border-color: #fff;
  border-style: solid;
  height: 7px;
  left: 7px;
  position: absolute;
  top: 4px;
}

/* 多选框勾选 end */
/* 单选框 start */
.ui-radio__input.is-checked .ui-radio__inner {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

/* 单选框 end */
/* 下拉选择框 start */
.ui-select .ui-input__inner {
  vertical-align: top;
}

.ui-select-dropdown__item.selected {
  color: var(--color-primary-alp-9);
  background-color: var(--background-color-base);
  font-weight: 400;
}

/* 下拉选择框 end */
/* ui-dialog对话框弹窗样式 start */
.ui-dialog {
  background-color: #fff;
  border-radius: 8px;
}
.ui-dialog .ui-select {
  width: 100%;
}
.ui-dialog .ui-container-full__header {
  text-align: left;
}
.ui-dialog .ui-dialog__header {
  margin: 0 auto;
  padding-top: 40px;
}
.ui-dialog .ui-dialog__header .ui-dialog__title {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-text-primary);
  line-height: 30px;
  letter-spacing: 0;
  padding-bottom: 40px;
  display: contents;
  text-align: center;
}
.ui-dialog .ui-dialog__body {
  padding: 0 40px 40px;
}
.ui-dialog .ui-dialog__footer {
  text-align: center;
  padding-bottom: 40px;
  padding-top: 0;
}

.ui-dialog--center .ui-dialog__body {
  padding: 0 25px 30px;
}
.ui-dialog--center .ui-dialog__header {
  padding: 12px 20px 10px;
}

/* ui-dialog对话框弹窗样式 end */
/* MessageBox弹窗样式 start */
.ui-message-box {
  min-width: 507px;
}
.ui-message-box h2 {
  text-align: center;
  font-size: 32px;
}
.ui-message-box .ui-button--default {
  background: var(--background-color-default);
  border-radius: 6px;
  border-color: var(--color-primary-light-8);
  color: var(--color-text-regular);
  min-width: 120px;
  height: 40px;
  padding: 0;
}
.ui-message-box .ui-button--default span,
.ui-message-box .ui-button--default a {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 16px;
}
.ui-message-box .ui-button--default:hover {
  background: var(--background-color-default);
  border: 1px solid var(--color-primary-light-2);
}
.ui-message-box .ui-button--default:focus {
  border: 1px solid var(--color-primary-light-4);
}
.ui-message-box .ui-button--default:disabled {
  background: var(--background-color-default);
  opacity: 0.5;
  border: 1px solid var(--color-primary-light-8) !important;
}
.ui-message-box .ui-button--primary {
  background: var(--background-color-gradient);
  border-radius: 4px;
  min-width: 120px;
  height: 40px;
  padding: 0;
}
.ui-message-box .ui-button--primary span,
.ui-message-box .ui-button--primary a {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: var(--fill-text-color);
  line-height: 16px;
}
.ui-message-box .ui-button--primary:hover {
  background: var(--background-color-gradient-hover) !important;
}

/* MessageBox弹窗样式 end */
/* ui-container-full start */
.ui-container-full {
  position: relative;
}
.ui-container-full .ui-container-full__body {
  border-radius: 8px;
  min-height: 630px;
  padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* ui-container-full end */
/* input输入框 start */
.ui-input-group--prepend .ui-input-group__prepend {
  background-color: var(--background-color-default);
  border: 1px solid var(--border-color-base);
}

.ui-input__inner:focus {
  border: 1px solid var(--color-primary);
}

.ui-input__icon {
  color: var(--color-primary);
  font-size: 20px;
}

/* input输入框 end */
/* 信息录入页的日期选择框样式 start */
.ui-date-editor--date .ui-input__inner {
  padding-left: 15px;
}
.ui-date-editor--date .ui-input__prefix {
  top: 3px;
  left: 270px;
}
.ui-date-editor--date .ui-input__suffix {
  top: 3px;
  right: -50px;
}

/* 信息录入页的日期选择框样式 end */
/* 日期范围选择 start */
.ui-date-range-picker .ui-picker-panel__sidebar > button {
  height: 25%;
}
.ui-date-range-picker .ui-picker-panel__shortcut {
  margin: 0;
  text-align: center;
}

/* 日期范围选择 end */
/* 日期控件下拉选择弹出框样式 start */
.ui-date-table td span {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-left: -12px;
}

.ui-date-table td.available:hover,
.ui-date-table td.today span {
  color: var(--color-primary);
}

/* 日期控件下拉选择弹出框样式 end */
/* 分页样式 start */
.ui-pagination {
  font-weight: 400;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 30px;
}
.ui-pagination .ui-pager li {
  padding: 0 4px;
  background: var(--background-color-default);
  vertical-align: top;
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
  color: #606266;
}
.ui-pagination .ui-pager li.active {
  color: var(--color-primary);
}

/* 分页样式 end */
/* 折叠面板 start */
.ui-collapse-item i.ui-collapse-item__arrow {
  border: 1px solid #b5bad0;
  border-radius: 50%;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.ui-collapse-item .ui-collapse-item__header {
  background: var(--background-color-base);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: var(--color-text-primary);
  line-height: 22px;
  padding-left: 20px;
}
.ui-collapse-item .ui-collapse-item__wrap {
  border: 1px solid var(--border-color-lighter);
}

/* 折叠面板 end */
/* ui-button 字号 */
.ui-button {
  font-weight: 400;
}

/* 主题色实心按钮 start */
.primary-btn {
  background: var(--background-color-gradient);
  border-radius: 6px;
  min-width: 120px;
  height: 40px;
  padding: 0;
}
.primary-btn span,
.primary-btn a {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: var(--fill-text-color);
  line-height: 16px;
}
.primary-btn:hover {
  background: var(--background-color-gradient-hover);
}
.primary-btn:focus {
  background: var(--background-color-gradient-active);
}
.primary-btn:disabled {
  opacity: 0.5;
  background: var(--background-color-gradient-disabled);
}

/* 主题色实心按钮 end */
/* 主题色实心按钮 - 长 start */
.primary-long-btn {
  background: var(--background-color-gradient);
  border-radius: 6px;
  min-width: 150px;
  height: 40px;
  padding: 0;
}
.primary-long-btn span,
.primary-long-btn a {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: var(--fill-text-color);
  line-height: 16px;
}
.primary-long-btn:hover {
  background: var(--background-color-gradient-hover);
}
.primary-long-btn:focus {
  background: var(--background-color-gradient-active);
}
.primary-long-btn:disabled {
  opacity: 0.5;
  background: var(--background-color-gradient-disabled) !important;
}

/* 主题色实心按钮 - 长 end */
/* 白色空心按钮 start */
.default-btn {
  background: var(--background-color-default);
  border-radius: 6px;
  border-color: var(--color-primary-light-8);
  color: var(--color-text-regular);
  min-width: 120px;
  height: 40px;
  padding: 0;
}
.default-btn span,
.default-btn a {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 16px;
}
.default-btn:hover {
  background: var(--background-color-default);
  border: 1px solid var(--color-primary-light-2);
}
.default-btn:focus {
  background: var(--background-color-default);
  border: 1px solid var(--color-primary-light-4);
}
.default-btn:disabled {
  background: var(--background-color-default);
  opacity: 0.5;
  border: 1px solid var(--color-primary-light-8) !important;
}

/* 白色空心按钮 end */
/* 白色空心按钮 - 长 start */
.default-long-btn {
  background: var(--background-color-default);
  border-radius: 6px;
  border-color: var(--color-primary-light-8);
  min-width: 150px;
  height: 40px;
  padding: 0;
}
.default-long-btn span,
.default-long-btn a {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: var(--color-text-primary);
  line-height: 16px;
}
.default-long-btn:hover {
  background: var(--background-color-default);
  border: 1px solid var(--color-primary-light-2);
}
.default-long-btn:focus {
  background: var(--background-color-default);
  border: 1px solid var(--color-primary-light-4);
}
.default-long-btn:disabled {
  background: var(--background-color-default);
  opacity: 0.5;
  border: 1px solid var(--color-primary-light-8) !important;
}

/* 白色空心按钮 - 长 end */
/* button禁用样式 start */
.ui-button.is-disabled:hover {
  background: auto;
}

/* button禁用样式 end */
/* 标题tabs切换 start */
.ui-tabs .ui-tabs__header {
  margin-bottom: 29px;
}

/* 标题tabs切换 end */
/* switch开关组件 start */
.ui-switch {
  display: inline-block;
  line-height: 1;
}
.ui-switch .ui-switch__label {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: #fff;
  line-height: 18px;
}
.ui-switch .ui-switch__label.is-active {
  z-index: 2;
  opacity: 1;
}
.ui-switch .ui-switch__label--left {
  right: 0;
  margin-right: 5px;
}
.ui-switch .ui-switch__label--right {
  left: 0;
  margin-left: 5px;
}

/* switch开关组件 end */
/* ui-dropdown start */
.ui-dropdown {
  vertical-align: middle;
}
.ui-dropdown .ui-dropdown-link {
  font-size: 16px;
}

.more-item {
  padding: 0;
}
.more-item .ui-dropdown-menu__item {
  padding: 0;
}
.more-item .ui-dropdown-menu__item .ui-link {
  padding: 0 20px;
  display: block;
}
.more-item .ui-dropdown-menu__item:focus,
.more-item .ui-dropdown-menu__item:hover {
  background: rgba(49, 100, 232, 0.1);
}
.more-item .blue.ui-link {
  color: var(--color-text-sub2);
}

/* ui-dropdown end */
#loading .mask {
  position: absolute;
  background-color: #000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 998;
  opacity: 0.3;
}

/** https://loading.io/css/ **/
.ld-one {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  z-index: 999;
}

.ld-one:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 32px solid #fff;
  border-color: #fff transparent #fff transparent;
  -webkit-animation: loaderOneAm 1.2s infinite;
          animation: loaderOneAm 1.2s infinite;
}

@-webkit-keyframes loaderOneAm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg);
  }
}

@keyframes loaderOneAm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg);
  }
}
.ld-two {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  z-index: 999;
  color: var(--color-primary);
  font-size: 10px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

.ld-two,
.ld-two:before,
.ld-two:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation: load2Am 1.8s ease-in-out infinite both;
          animation: load2Am 1.8s ease-in-out infinite both;
}

.ld-two:before,
.ld-two:after {
  content: "";
  position: absolute;
  top: 0;
}

.ld-two:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

.ld-two:after {
  left: 3.5em;
}

@-webkit-keyframes load2Am {
  0%, 80%, 100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load2Am {
  0%, 80%, 100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0;
  }
}
.ld-three {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  z-index: 999;
}

.ld-three:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  -webkit-animation: load3Am 1.2s linear infinite;
          animation: load3Am 1.2s linear infinite;
}

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

@keyframes load3Am {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.lds-heart {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  z-index: 999;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 40px 40px;
          transform-origin: 40px 40px;
}

.lds-heart div {
  top: 32px;
  left: 32px;
  position: absolute;
  width: 32px;
  height: 32px;
  background: #fff;
  -webkit-animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
          animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lds-heart div:after,
.lds-heart div:before {
  content: " ";
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  background: #fff;
}

.lds-heart div:before {
  left: -24px;
  border-radius: 50% 0 0 50%;
}

.lds-heart div:after {
  top: -24px;
  border-radius: 50% 50% 0 0;
}

@-webkit-keyframes lds-heart {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  39% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

@keyframes lds-heart {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  39% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
/** https://connoratherton.com/loaders **/
.pacman {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  z-index: 999;
}

.pacman > div:nth-child(3) {
  -webkit-animation: pacman-balls 1s -0.66s infinite linear;
  animation: pacman-balls 1s -0.66s infinite linear;
}

.pacman > div:nth-child(4) {
  -webkit-animation: pacman-balls 1s -0.33s infinite linear;
  animation: pacman-balls 1s -0.33s infinite linear;
}

.pacman > div:nth-child(5) {
  -webkit-animation: pacman-balls 1s 0s infinite linear;
  animation: pacman-balls 1s 0s infinite linear;
}

.pacman > div:first-of-type {
  -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
  animation: rotate_pacman_half_up 0.5s 0s infinite;
}

.pacman > div:nth-child(2) {
  -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
  animation: rotate_pacman_half_down 0.5s 0s infinite;
  margin-top: -50px;
}

.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6) {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-transform: translate(0, -6.25px);
  transform: translate(0, -6.25px);
  top: 25px;
  left: 70px;
}

.pacman > div:first-of-type,
.pacman > div:nth-child(2) {
  width: 0;
  height: 0;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  border-left: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-radius: 25px;
  position: relative;
  left: -30px;
}

@-webkit-keyframes rotate_pacman_half_up {
  0%, 100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate_pacman_half_up {
  0%, 100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate_pacman_half_down {
  0%, 100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes rotate_pacman_half_down {
  0%, 100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px);
  }
}
@keyframes pacman-balls {
  75% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px);
  }
}
/** build from @csii/vx-web/packages/theme-chalk/src/themes/default.scss **/
.theme-vx {
  --fill-text-color: #ffffff;
  --color-primary: #138aff;
  --color-success: #34ae69;
  --color-warning: #e6a23c;
  --color-danger: #ff0000;
  --color-info: #909399;
  --color-text-primary: #333333;
  --color-text-regular: #666666;
  --color-text-secondary: #999999;
  --color-text-placeholder: #999;
  --color-text-sub2: #3164e8;
  --color-text-rate: #ef4134;
  --color-primary-alp-8: rgba(19, 138, 255, 0.08);
  --color-primary-alp-9: rgba(64, 158, 255, 0.9);
  --color-success-alp-9: rgba(103, 194, 58, 0.9);
  --color-warning-alp-9: rgba(230, 162, 60, 0.9);
  --color-danger-alp-9: rgba(245, 108, 108, 0.9);
  --color-info-alp-9: rgba(144, 147, 153, 0.9);
  --color-primary-light-2: #138aff;
  --color-primary-light-3: #96b4ff;
  --color-primary-light-4: #0c74db;
  --color-primary-light-5: #a0cfff;
  --color-primary-light-8: #bbb;
  --color-success-light-2: #85ce61;
  --color-success-light-5: #b3e19d;
  --color-success-light-8: #e1f3d8;
  --color-warning-light-2: #ebb563;
  --color-warning-light-5: #f3d19e;
  --color-warning-light-8: #faecd8;
  --color-danger-light-2: #f78989;
  --color-danger-light-5: #fab6b6;
  --color-danger-light-8: #fde2e2;
  --color-info-light-2: #a6a9ad;
  --color-info-light-5: #c8c9cc;
  --color-info-light-8: #e9e9eb;
  --border-color-base: #dcdfe6;
  --border-color-light: #e4e7ed;
  --border-color-lighter: #ebeef5;
  --border-color-extra-light: #f2f6fc;
  --background-color-base: #f5f7fa;
  --background-color-default: #ffffff;
  --background-color-primary: #e0e8fc;
  --background-color-container-aside: #1c2949;
  --background-color-gradient: linear-gradient(0deg, #138aff 0%, rgba(78, 177, 255, 0.99) 100%);
  --background-color-gradient-hover: linear-gradient(0deg, #00a6ff 0%, rgba(101, 198, 255, 0.99) 100%);
  --background-color-gradient-active: linear-gradient(0deg, #0c74db 0%, rgba(54, 157, 238, 0.99) 100%);
  --background-color-gradient-disabled: linear-gradient(0deg, #138aff 0%, rgba(78, 177, 255, 0.99) 100%);
  --background-color-gradient-second: linear-gradient(90deg, #4072ee 4%, #3457dd);
  --background-color-bar-active: linear-gradient(180deg, #138aff 0%, rgba(78, 177, 255, 0.99) 100%);
  --background-color-card: #305699;
  --background-color-card-gradient: linear-gradient(180deg, #5f80e9, #5f82ea);
  --background-color-secondary-hover: rgba(19, 138, 255, 0.1);
  --background-color-secondary-active: rgba(19, 138, 255, 0.2);
  /** project extend **/
  --page-control-color-active: #2f74ff;
  --header-item-color: var(--color-text-regular);
  --header-item-color-hover: var(--color-primary);
  --header-item-color-focus: #2f74ff;
  --header-item-color-active: #2f74ff;
  --aside-item-color: var(--color-danger);
  --aside-item-color-focus: #93aaff;
  --aside-item-color-active: #93aaff;
  --aside-item-background-color-active: var(--color-primary-light-4);
}/* ======== generate_inline_theme_css_rule[vx] ======== */
.theme-vx .vx-result .vx-result-title {
  color: #333333;
}
.theme-vx .vx-result .vx-result-detail {
  color: #999999;
}
.theme-vx .vx-result .info {
  color: #666666;
}
.theme-vx .verify-btn {
  color: #138aff;
  background: #e0e8fc;
}
.theme-vx .vx-bank-card .card-name {
  color: #ffffff;
}
.theme-vx .vx-bank-card .card-number {
  color: #ffffff;
}
.theme-vx .vx-bank-card .bank-card {
  color: #ffffff;
}
.theme-vx .vx-transfer .payer-money-amount {
  color: #999999;
}
.theme-vx .vx-transfer .payer-service {
  color: #333333;
}
.theme-vx .vx-transfer .payment-info .explain {
  color: #333333;
}
.theme-vx .vx-tips .vx-tips-title .line {
  color: #999999;
}
.theme-vx .vx-tips .vx-tips-body {
  color: #999999;
}
.theme-vx .vx-dialog.ui-dialog .ui-dialog__header .ui-dialog__title {
  color: #333333;
}
.theme-vx .vx-dialog.ui-dialog .vx-dialog-content {
  color: #333333;
}
.theme-vx .header-vue .ui-popover .theme-title-change {
  color: #333333;
}
.theme-vx .header-vue .ui-popover .theme-item-change .theme-text {
  color: #138aff;
}
.theme-vx .header-vue .ui-popover .theme-item-change .theme-name {
  color: #333333;
}
.theme-vx .menu-side .ui-standard-outer {
  background: #ffffff;
}
.theme-vx .menu-side .ui-standard-outer .ui-standard-box .ui-standard .ui-menu-item .text-center:hover {
  color: #138aff;
}
.theme-vx .menu-side .title-second .title-second-content > div .second-title_body .sub-menu-side:hover {
  color: #138aff;
}
.theme-vx .bread-crumb .ui-breadcrumb__item:last-child .ui-breadcrumb__inner {
  color: #138aff;
}
.theme-vx .bread-crumb .ui-breadcrumb__item:last-child .ui-breadcrumb__inner:hover {
  color: #138aff;
}
.theme-vx .ui-layout-header-aside-group .ui-theme-header {
  background: #ffffff;
}
.theme-vx .ui-layout-header-aside-group .ui-layout-header-aside-content-standard .ui-theme-header {
  background: #ffffff;
}
.theme-vx .tips-dialog .protocal-dialog .protocal-content .Txetbox .agree-btn {
  color: #ffffff;
}
.theme-vx .reset-dialog .prompt-dialog .protocal-content .Txetbox .agree-btn {
  color: #ffffff;
}
.theme-vx .forget-password .m-kang-box .forget-box .success-box .login-btn {
  color: #ffffff;
}
.theme-vx .forget-password .m-kang-box .forget-box .login-btn {
  color: #ffffff;
}
.theme-vx .reset-password .m-kang-box .reset-form .login-btn {
  color: #ffffff;
}
.theme-vx .wechat-video .hint-dialog .ui-dialog .ui-dialog__header .ui-dialog__title {
  color: undefined !important;
}
.theme-vx .wechat-video .hint-dialog .ui-dialog .ui-dialog__footer .dialog-footer .ui-button {
  background-color: #138aff !important;
}
.theme-vx body {
    --color-text-btn: undefined;
}.theme-vx .h5-mobile .ui-tab-bar{background-color:undefined}.theme-vx .h5-mobile .ui-tab-bar{padding-left:undefined;padding-right:undefined;background-color:undefined}.theme-vx .h5-mobile .ui-tab-bar-item{color:undefined;font-size:undefined;font-weight:undefined;padding:0 undefined}.theme-vx .h5-mobile .ui-tab-bar-item{color:undefined;font-family:undefined}.theme-vx .h5-mobile .ui-tab-bar-item.is-active{color:#138aff}.theme-vx .h5-mobile .ui-tab-bar-item.is-disabled{color:undefined}.theme-vx .h5-mobile .ui-tab-bar-ink{background-color:#138aff}.theme-vx .h5-mobile .ui-tab-bar-ink.is-disabled{background-color:undefined}.theme-vx .h5-mobile .tab-container .ui-tab-bar-item{font-size:undefined}
.theme-vx .text-red {
  color: #138aff;
}
.theme-vx .text-blue.ui-button.link,.theme-vx 
.text-blue {
  color: undefined;
}
.theme-vx .product-details.in-skeleton[data-v-12623a1a] {
  background: -webkit-gradient(linear, left top, left bottom, from(#138aff), to(#0000)) no-repeat;
  background: linear-gradient(180deg, #138aff 0%, #0000 100%) no-repeat;
}
.theme-vx .product-details.in-skeleton .skeleton-item[data-v-12623a1a] {
  background-color: undefined;
}
.theme-vx .product-details .p20[data-v-21d125d7] {
  padding: undefined;
}
.theme-vx .product-details .ui-container-box .ui-tab-bar[data-v-21d125d7] {
  margin-bottom: undefined;
}
.theme-vx .product-details .ui-container-box .ui-tabs-content[data-v-21d125d7] {
  padding: 0 undefined;
}
.theme-vx .detail-info-table th,.theme-vx 
.detail-info-table td {
  color: #333333;
  border: 1px solid #ebeef5;
}
.theme-vx .detail-info-table .detail-info-table-title {
  color: #999999;
}

.theme-vx .theme-title:before {
  background: #138aff;
}
.theme-vx .vx-form .form-openMobilephone .formality-class .iconPosition {
  color: rgba(64, 158, 255, 0.9);
}
.theme-vx .vx-form .ui-input__inner {
  border: solid 1px #dcdfe6;
}
.theme-vx .vx-form .ui-form-item__label,.theme-vx 
.vx-form .ui-form-item__content {
  color: #333333;
}
.theme-vx .vx-form .ui-input__inner,.theme-vx 
.vx-form .ui-form-item__content {
  color: #333333;
}
.theme-vx .vx-form .ui-select .ui-input__inner {
  color: #333333;
}
.theme-vx .vx-right-container .right {
  border: 1px solid #e4e7ed;
}
.theme-vx .vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header {
  background: #ffffff;
}
.theme-vx .vx-layout-header-aside-group .vx-layout-header-aside-content .vx-theme-header .vx-header-right .btn-text.can-hover:hover {
  color: #138aff;
}

.theme-vx .first-menu {
  color: #138aff;
}
.theme-vx .first-menu .title-title:hover {
  background-color: #138aff;
}
.theme-vx .first-menu .second-menu .second-menu-content-title {
  color: #138aff;
}
.theme-vx .first-menu .second-menu .second-menu-content-title.is-active .second-menu-body {
  background-color: #138aff;
}
.theme-vx .first-menu .second-menu .second-menu-content-title .second-menu-body:hover.second-menu-body-leaf {
  background-color: #138aff;
}
.theme-vx .first-menu .second-menu .third-menu .title-white:hover {
  background: #138aff;
}
.theme-vx .first-menu .second-menu .third-menu .is-active .title-white {
  background: #138aff;
}

.theme-vx .ui-icon-warning {
  color: #138aff;
}
.theme-vx .ui-table tr {
  background: #ffffff;
}
.theme-vx .ui-table thead th .cell {
  color: #999999;
}

.theme-vx .ui-checkbox__inner,.theme-vx 
.ui-radio__inner {
  border: solid 1px #dcdfe6 !important;
}
.theme-vx .ui-checkbox__label {
  color: #999999;
}

.theme-vx .ui-checkbox__input.is-checked .ui-checkbox__inner {
  background-color: #138aff;
  border-color: #138aff;
}

.theme-vx .ui-checkbox__input.is-checked + .ui-checkbox__label {
  color: #999999;
}

.theme-vx .ui-checkbox__input.is-indeterminate .ui-checkbox__inner {
  background-color: #138aff;
  border-color: #138aff;
}

.theme-vx .ui-checkbox__input.is-indeterminate .ui-checkbox__inner::before {
  background-color: #ffffff;
}

.theme-vx .ui-checkbox .ui-checkbox__input.is-checked .ui-checkbox__inner {
  background-color: #138aff;
  border-color: #138aff;
}
.theme-vx .ui-radio__input.is-checked .ui-radio__inner {
  background-color: #138aff !important;
  border-color: #138aff !important;
}

.theme-vx .ui-select-dropdown__item.selected {
  color: rgba(64, 158, 255, 0.9);
  background-color: #f5f7fa;
}
.theme-vx .ui-dialog .ui-dialog__header .ui-dialog__title {
  color: #333333;
}
.theme-vx .ui-message-box .ui-button--default {
  background: #ffffff;
  border-color: #bbb;
  color: #666666;
}
.theme-vx .ui-message-box .ui-button--default:hover {
  background: #ffffff;
  border: 1px solid #138aff;
}
.theme-vx .ui-message-box .ui-button--default:focus {
  border: 1px solid #0c74db;
}
.theme-vx .ui-message-box .ui-button--default:disabled {
  background: #ffffff;
  border: 1px solid #bbb !important;
}
.theme-vx .ui-message-box .ui-button--primary {
  background: linear-gradient(0deg, #138aff 0%, rgba(78, 177, 255, 0.99) 100%);
}
.theme-vx .ui-message-box .ui-button--primary span,.theme-vx 
.ui-message-box .ui-button--primary a {
  color: #ffffff;
}
.theme-vx .ui-message-box .ui-button--primary:hover {
  background: linear-gradient(0deg, #00a6ff 0%, rgba(101, 198, 255, 0.99) 100%) !important;
}
.theme-vx .ui-input-group--prepend .ui-input-group__prepend {
  background-color: #ffffff;
  border: 1px solid #dcdfe6;
}

.theme-vx .ui-input__inner:focus {
  border: 1px solid #138aff;
}

.theme-vx .ui-input__icon {
  color: #138aff;
}

.theme-vx .ui-date-table td.available:hover,.theme-vx 
.ui-date-table td.today span {
  color: #138aff;
}
.theme-vx .ui-pagination .ui-pager li {
  background: #ffffff;
}
.theme-vx .ui-pagination .ui-pager li.active {
  color: #138aff;
}
.theme-vx .ui-collapse-item .ui-collapse-item__header {
  background: #f5f7fa;
  color: #333333;
}
.theme-vx .ui-collapse-item .ui-collapse-item__wrap {
  border: 1px solid #ebeef5;
}
.theme-vx .primary-btn {
  background: linear-gradient(0deg, #138aff 0%, rgba(78, 177, 255, 0.99) 100%);
}
.theme-vx .primary-btn span,.theme-vx 
.primary-btn a {
  color: #ffffff;
}
.theme-vx .primary-btn:hover {
  background: linear-gradient(0deg, #00a6ff 0%, rgba(101, 198, 255, 0.99) 100%);
}
.theme-vx .primary-btn:focus {
  background: linear-gradient(0deg, #0c74db 0%, rgba(54, 157, 238, 0.99) 100%);
}
.theme-vx .primary-btn:disabled {
  background: linear-gradient(0deg, #138aff 0%, rgba(78, 177, 255, 0.99) 100%);
}
.theme-vx .primary-long-btn {
  background: linear-gradient(0deg, #138aff 0%, rgba(78, 177, 255, 0.99) 100%);
}
.theme-vx .primary-long-btn span,.theme-vx 
.primary-long-btn a {
  color: #ffffff;
}
.theme-vx .primary-long-btn:hover {
  background: linear-gradient(0deg, #00a6ff 0%, rgba(101, 198, 255, 0.99) 100%);
}
.theme-vx .primary-long-btn:focus {
  background: linear-gradient(0deg, #0c74db 0%, rgba(54, 157, 238, 0.99) 100%);
}
.theme-vx .primary-long-btn:disabled {
  background: linear-gradient(0deg, #138aff 0%, rgba(78, 177, 255, 0.99) 100%) !important;
}
.theme-vx .default-btn {
  background: #ffffff;
  border-color: #bbb;
  color: #666666;
}
.theme-vx .default-btn:hover {
  background: #ffffff;
  border: 1px solid #138aff;
}
.theme-vx .default-btn:focus {
  background: #ffffff;
  border: 1px solid #0c74db;
}
.theme-vx .default-btn:disabled {
  background: #ffffff;
  border: 1px solid #bbb !important;
}
.theme-vx .default-long-btn {
  background: #ffffff;
  border-color: #bbb;
}
.theme-vx .default-long-btn span,.theme-vx 
.default-long-btn a {
  color: #333333;
}
.theme-vx .default-long-btn:hover {
  background: #ffffff;
  border: 1px solid #138aff;
}
.theme-vx .default-long-btn:focus {
  background: #ffffff;
  border: 1px solid #0c74db;
}
.theme-vx .default-long-btn:disabled {
  background: #ffffff;
  border: 1px solid #bbb !important;
}
.theme-vx .more-item .blue.ui-link {
  color: #3164e8;
}
.theme-vx .ld-two {
  color: #138aff;
}
.theme-vx .theme-vx {
  --header-item-color: #666666;
  --header-item-color-hover: #138aff;
  --aside-item-color: #ff0000;
  --aside-item-background-color-active: #0c74db;
}