@font-size: 12px;@font-color: #000000;@body-bg-color: #fffffd;@TopBar-nav-recharge-icon: url(../../../assets/theme/default/components/TopBar/icon-TopBar-nav-recharge.png) no-repeat left center;@TopBar-nav-service_list-icon: url(../../../assets/theme/default/components/TopBar/icon-TopBar-nav-service_list.png) no-repeat left center;@TopBar-nav-game_list-icon: url(../../../assets/theme/default/icon-round-off-down-arrow.png) no-repeat left center;@common-a-button-width: 108px;@common-a-button-height: 33px;@common-a-button-line-height: 33px;@common-a-button-color: #ffffff;@common-a-button-bg-color: #dec882;@common-border-color: #ececec;@common-border-color2: #eae2c7;@common-block-bg-color: #fffefa;@common-tips-color: #8a8a8a;.common-tips-color{color:@common-tips-color}@common-high-light: #b62929;@common-all-transition: all .3s ease;
.common-tips-color[data-v-382b9309] {
  color: #8a8a8a;
}
.large-red-btn[data-v-382b9309] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-382b9309]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-382b9309] {
  background: #d0d0d0;
}
.small-default-btn[data-v-382b9309] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-382b9309]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-382b9309] {
  background: #d0d0d0;
}
.small-red-btn[data-v-382b9309] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-382b9309]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-382b9309] {
  background: #d0d0d0;
}
.order-status-color[data-v-382b9309] {
  color: #ff9602;
}
.order-status-result-wrap .order-status-result[data-v-382b9309] {
  min-height: 585px;
  padding-top: 30px;
}
.order-status-result-wrap .order-status-result .el-form[data-v-382b9309] {
  width: 300px;
  margin: 20px auto;
}
.order-status-result-wrap .order-status-result .el-form .el-form-item[data-v-382b9309] {
  margin-bottom: 0;
}

.common-tips-color[data-v-cb384d6e] {
  color: #8a8a8a;
}
.large-red-btn[data-v-cb384d6e] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-cb384d6e]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-cb384d6e] {
  background: #d0d0d0;
}
.small-default-btn[data-v-cb384d6e] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-cb384d6e]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-cb384d6e] {
  background: #d0d0d0;
}
.small-red-btn[data-v-cb384d6e] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-cb384d6e]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-cb384d6e] {
  background: #d0d0d0;
}
.order-status-color[data-v-cb384d6e] {
  color: #ff9602;
}
.order-status-result-wrap .order-status-result[data-v-cb384d6e] {
  min-height: 585px;
  padding-top: 30px;
}
.order-status-result-wrap .order-status-result .el-form[data-v-cb384d6e] {
  width: 300px;
  margin: 20px auto;
}
.order-status-result-wrap .order-status-result .el-form .el-form-item[data-v-cb384d6e] {
  margin-bottom: 0;
}

.common-tips-color[data-v-71bb3332] {
  color: #8a8a8a;
}
.common-a-button[data-v-71bb3332] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-71bb3332] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-71bb3332] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-71bb3332] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-71bb3332] {
  margin-top: 10px;
}
.card-text-tips[data-v-71bb3332] {
  color: #c6c6c6;
}
.large-red-btn[data-v-71bb3332] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-71bb3332]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-71bb3332] {
  background: #d0d0d0;
}
.small-default-btn[data-v-71bb3332] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-71bb3332]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-71bb3332] {
  background: #d0d0d0;
}
.small-red-btn[data-v-71bb3332] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-71bb3332]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-71bb3332] {
  background: #d0d0d0;
}
.vas-xd-cover[data-v-71bb3332] {
  padding-bottom: 100px;
}
.vas-xd-cover .mobile-safe-tool-box[data-v-71bb3332] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-xd-cover .mobile-safe-tool-box .tool-item[data-v-71bb3332] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-xd-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-71bb3332] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-xd-cover .margin-bottom-30[data-v-71bb3332] {
  margin-bottom: 30px;
}
.vas-xd-cover .head-box[data-v-71bb3332] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-xd-cover .head-box-icon[data-v-71bb3332] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.vas-xd-cover .head-box-icon img[data-v-71bb3332] {
  vertical-align: middle;
}
.vas-xd-cover .head-box-text-box .text-top[data-v-71bb3332] {
  line-height: 36px;
}
.vas-xd-cover .head-box-text-box .text-middle[data-v-71bb3332],
.vas-xd-cover .head-box-text-box .text-bottom[data-v-71bb3332] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-xd-cover .head-box-nav-box[data-v-71bb3332] {
  width: 300px;
}
.vas-xd-cover .head-box-nav-box .common-a-button[data-v-71bb3332] {
  width: 170px;
  margin: 5px;
}
.vas-xd-cover .service-box[data-v-71bb3332] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-xd-cover .service-box .card[data-v-71bb3332] {
  cursor: pointer;
}
.vas-xd-cover .service-box .card-text[data-v-71bb3332] {
  line-height: 24px;
  padding-top: 10px;
}
.vas-xd-cover .service-box .card-text-sns-a[data-v-71bb3332] {
  display: inline-block;
  margin-right: 10px;
}
.vas-xd-cover .tool-box[data-v-71bb3332] {
  width: 900px;
  margin-top: 20px;
}
.vas-xd-cover .tool-box .tool[data-v-71bb3332] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-xd-cover .tool-box .tool .tool-head[data-v-71bb3332] {
  height: 154px;
  overflow: hidden;
}
.vas-xd-cover .tool-box .tool .tool-head .tool-icon[data-v-71bb3332] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-xd-cover .tool-box .tool .tool-head .tool-icon img[data-v-71bb3332] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-xd-cover .tool-box .tool .tool-head .tool-title[data-v-71bb3332] {
  line-height: 120px;
}
.vas-xd-cover .tool-box .tool .tool-text[data-v-71bb3332] {
  padding: 0 20px;
}
.vas-xd-cover .tool-box .tool .tool-text p[data-v-71bb3332] {
  line-height: 20px;
}
.vas-xd-cover .tool-box .tool .tool-detail[data-v-71bb3332] {
  text-align: center;
}
.vas-xd-cover .tool-box .tool .tool-detail a[data-v-71bb3332] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-xd-cover .protocol-box[data-v-71bb3332] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-xd-cover .service-wrap .role-item[data-v-71bb3332] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-xd-cover .service-wrap .role-item .recharge-btn[data-v-71bb3332] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-xd-cover .service-wrap .role-item .select[data-v-71bb3332] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-xd-cover .service-wrap .type-box .type-item[data-v-71bb3332] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-xd-cover .service-wrap .type-box .type-item[data-v-71bb3332]:nth-child(2n) {
  margin-right: 0;
}
.vas-xd-cover .service-wrap .type-box .type-item-left[data-v-71bb3332] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-xd-cover .service-wrap .type-box .type-item-right[data-v-71bb3332] {
  width: 260px;
  float: left;
}
.vas-xd-cover .service-wrap .type-box .type-item-right-title[data-v-71bb3332] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-xd-cover .service-wrap .type-box .type-item-right-tips[data-v-71bb3332] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-xd-cover .service-wrap .type-box .type-item-right-cost[data-v-71bb3332],
.vas-xd-cover .service-wrap .type-box .type-item-right-waste[data-v-71bb3332] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-xd-cover .service-wrap .server-list[data-v-71bb3332] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-xd-cover .service-wrap .server-list-area[data-v-71bb3332],
.vas-xd-cover .service-wrap .server-list-server[data-v-71bb3332] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-xd-cover .service-wrap .server-list-area[data-v-71bb3332] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-xd-cover .service-wrap .server-list-area-sub[data-v-71bb3332] {
  display: none;
}
.vas-xd-cover .service-wrap .server-list-area-sub.active[data-v-71bb3332] {
  display: block;
}
.vas-xd-cover .service-wrap .server-list-server[data-v-71bb3332] {
  background: #fffefa;
}
.vas-xd-cover .service-wrap .server-list-server-selected[data-v-71bb3332] {
  float: right;
}
.vas-xd-cover .service-wrap .server-list-server-selected[data-v-71bb3332]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-xd-cover .service-wrap .tab-box[data-v-71bb3332] {
  height: 33px;
}
.vas-xd-cover .service-wrap .tab-box .tab[data-v-71bb3332] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-xd-cover .service-wrap .tab-box .tab.active[data-v-71bb3332] {
  background: #dec882;
}
.vas-xd-cover .service-wrap .step-title-box[data-v-71bb3332] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-xd-cover .service-wrap .step-title-box .game-logo[data-v-71bb3332] {
  position: absolute;
  top: 30px;
  color: #dec882;
  right: 0;
}
.vas-xd-cover .service-wrap .step-title-box .faq-link[data-v-71bb3332] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-xd-cover .service-wrap .loading-bar-wrap[data-v-71bb3332] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-xd-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-71bb3332] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-handle-box[data-v-71bb3332] {
  margin: 20px 0;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-71bb3332] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-71bb3332]:nth-child(2n) {
  margin-right: 0;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-71bb3332] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-71bb3332] {
  padding: 20px 15px;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-71bb3332] {
  margin-top: 40px;
  text-align: center;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-71bb3332] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-71bb3332] {
  background: #d0d0d0;
  cursor: default;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-71bb3332] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-xd-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-71bb3332] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-e0041088] {
  color: #8a8a8a;
}
.xoyo-switch[data-v-e0041088] {
  text-align: center;
}
.xoyo-switch-wrap[data-v-e0041088] {
  text-align: center;
  width: 250px;
  height: 45px;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.xoyo-switch-wrap-btn[data-v-e0041088] {
  width: 160px;
  height: 45px;
  position: absolute;
  left: 0;
  background: #b62929;
  line-height: 45px;
  color: #ffffff;
  font-size: 18px;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1;
}
.xoyo-switch-wrap-btn span[data-v-e0041088] {
  margin-right: -3px;
}
.xoyo-switch-wrap-tips[data-v-e0041088] {
  cursor: default;
  line-height: 41px;
  font-size: 18px;
  color: #959595;
  background: #b4b4b4;
  left: 160px;
  position: absolute;
  width: 90px;
  height: 41px;
  top: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.xoyo-switch-wrap.active .xoyo-switch-wrap-btn[data-v-e0041088] {
  left: 90px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.xoyo-switch-wrap.active .xoyo-switch-wrap-tips[data-v-e0041088] {
  left: 0;
  color: #f9f3df;
  background: #cec093;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.common-tips-color[data-v-37c69e29] {
  color: #8a8a8a;
}
.common-a-button[data-v-37c69e29] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-37c69e29] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-37c69e29] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-37c69e29] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-37c69e29] {
  margin-top: 10px;
}
.card-text-tips[data-v-37c69e29] {
  color: #c6c6c6;
}
.large-red-btn[data-v-37c69e29] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-37c69e29]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-37c69e29] {
  background: #d0d0d0;
}
.small-default-btn[data-v-37c69e29] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-37c69e29]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-37c69e29] {
  background: #d0d0d0;
}
.small-red-btn[data-v-37c69e29] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-37c69e29]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-37c69e29] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-37c69e29] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-37c69e29] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-37c69e29] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-37c69e29] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-37c69e29] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-37c69e29] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-37c69e29] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-37c69e29] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-37c69e29] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-37c69e29],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-37c69e29] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-37c69e29] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-37c69e29] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-37c69e29] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-37c69e29] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-37c69e29] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-37c69e29] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-37c69e29] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-37c69e29] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-37c69e29] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-37c69e29] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-37c69e29] {
  width: 256px;
  height: 130px;
  word-break: break-all;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-37c69e29] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-37c69e29] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-37c69e29] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-37c69e29] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-37c69e29] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-37c69e29] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-37c69e29] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-37c69e29] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-37c69e29] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-37c69e29]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-37c69e29] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-37c69e29] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-37c69e29] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-37c69e29] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-37c69e29],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-37c69e29] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-37c69e29] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-37c69e29],
.vas-jx3-cover .service-wrap .server-list-server[data-v-37c69e29] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-37c69e29] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-37c69e29] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-37c69e29] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-37c69e29] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-37c69e29] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-37c69e29]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-37c69e29] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-37c69e29] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-37c69e29] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-37c69e29] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-37c69e29] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-37c69e29] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-37c69e29] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-37c69e29] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-37c69e29] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-37c69e29] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-37c69e29]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-37c69e29] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-37c69e29] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-37c69e29] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-37c69e29] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-37c69e29] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-37c69e29] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-37c69e29] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-7f8c8400] {
  color: #8a8a8a;
}
.common-a-button[data-v-7f8c8400] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-7f8c8400] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-7f8c8400] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-7f8c8400] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-7f8c8400] {
  margin-top: 10px;
}
.card-text-tips[data-v-7f8c8400] {
  color: #c6c6c6;
}
.large-red-btn[data-v-7f8c8400] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-7f8c8400]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-7f8c8400] {
  background: #d0d0d0;
}
.small-default-btn[data-v-7f8c8400] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-7f8c8400]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-7f8c8400] {
  background: #d0d0d0;
}
.small-red-btn[data-v-7f8c8400] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-7f8c8400]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-7f8c8400] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-7f8c8400] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-7f8c8400] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-7f8c8400] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-7f8c8400] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-7f8c8400] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-7f8c8400] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-7f8c8400] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-7f8c8400] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-7f8c8400] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-7f8c8400],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-7f8c8400] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-7f8c8400] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-7f8c8400] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-7f8c8400] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-7f8c8400] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-7f8c8400] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-7f8c8400] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-7f8c8400] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-7f8c8400] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-7f8c8400] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-7f8c8400] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-7f8c8400] {
  width: 256px;
  height: 130px;
  word-break: break-all;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-7f8c8400] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-7f8c8400] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-7f8c8400] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-7f8c8400] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-7f8c8400] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-7f8c8400] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-7f8c8400] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-7f8c8400] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-7f8c8400] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-7f8c8400]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-7f8c8400] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-7f8c8400] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-7f8c8400] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-7f8c8400] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-7f8c8400],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-7f8c8400] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-7f8c8400] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-7f8c8400],
.vas-jx3-cover .service-wrap .server-list-server[data-v-7f8c8400] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-7f8c8400] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-7f8c8400] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-7f8c8400] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-7f8c8400] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-7f8c8400] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-7f8c8400]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-7f8c8400] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-7f8c8400] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-7f8c8400] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-7f8c8400] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-7f8c8400] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-7f8c8400] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-7f8c8400] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-7f8c8400] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-7f8c8400] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-7f8c8400] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-7f8c8400]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-7f8c8400] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-7f8c8400] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-7f8c8400] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-7f8c8400] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-7f8c8400] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-7f8c8400] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-7f8c8400] {
  margin: 20px 0;
  list-style-position: outside;
}

section[data-v-3183eab6] {
  line-height: 24px;
  font-size: 12px;
}

.common-tips-color[data-v-9ece064c] {
  color: #8a8a8a;
}
.common-a-button[data-v-9ece064c] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-9ece064c] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-9ece064c] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-9ece064c] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-9ece064c] {
  margin-top: 10px;
}
.card-text-tips[data-v-9ece064c] {
  color: #c6c6c6;
}
.large-red-btn[data-v-9ece064c] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-9ece064c]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-9ece064c] {
  background: #d0d0d0;
}
.small-default-btn[data-v-9ece064c] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-9ece064c]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-9ece064c] {
  background: #d0d0d0;
}
.small-red-btn[data-v-9ece064c] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-9ece064c]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-9ece064c] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-9ece064c] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-9ece064c] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-9ece064c] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-9ece064c] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-9ece064c] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-9ece064c] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-9ece064c] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-9ece064c] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-9ece064c] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-9ece064c],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-9ece064c] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-9ece064c] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-9ece064c] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-9ece064c] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-9ece064c] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-9ece064c] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-9ece064c] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-9ece064c] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-9ece064c] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-9ece064c] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-9ece064c] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-9ece064c] {
  width: 256px;
  height: 130px;
  word-break: break-all;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-9ece064c] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-9ece064c] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-9ece064c] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-9ece064c] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-9ece064c] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-9ece064c] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-9ece064c] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-9ece064c] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-9ece064c] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-9ece064c]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-9ece064c] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-9ece064c] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-9ece064c] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-9ece064c] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-9ece064c],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-9ece064c] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-9ece064c] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-9ece064c],
.vas-jx3-cover .service-wrap .server-list-server[data-v-9ece064c] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-9ece064c] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-9ece064c] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-9ece064c] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-9ece064c] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-9ece064c] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-9ece064c]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-9ece064c] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-9ece064c] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-9ece064c] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-9ece064c] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-9ece064c] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-9ece064c] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-9ece064c] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-9ece064c] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-9ece064c] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-9ece064c] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-9ece064c]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-9ece064c] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-9ece064c] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-9ece064c] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-9ece064c] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-9ece064c] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-9ece064c] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-9ece064c] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-07de3077] {
  color: #8a8a8a;
}
.common-a-button[data-v-07de3077] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-07de3077] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-07de3077] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-07de3077] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-07de3077] {
  margin-top: 10px;
}
.card-text-tips[data-v-07de3077] {
  color: #c6c6c6;
}
.large-red-btn[data-v-07de3077] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-07de3077]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-07de3077] {
  background: #d0d0d0;
}
.small-default-btn[data-v-07de3077] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-07de3077]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-07de3077] {
  background: #d0d0d0;
}
.small-red-btn[data-v-07de3077] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-07de3077]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-07de3077] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-07de3077] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-07de3077] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-07de3077] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-07de3077] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-07de3077] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-07de3077] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-07de3077] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-07de3077] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-07de3077] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-07de3077],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-07de3077] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-07de3077] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-07de3077] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-07de3077] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-07de3077] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-07de3077] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-07de3077] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-07de3077] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-07de3077] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-07de3077] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-07de3077] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-07de3077] {
  width: 256px;
  height: 130px;
  word-break: break-all;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-07de3077] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-07de3077] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-07de3077] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-07de3077] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-07de3077] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-07de3077] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-07de3077] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-07de3077] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-07de3077] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-07de3077]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-07de3077] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-07de3077] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-07de3077] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-07de3077] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-07de3077],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-07de3077] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-07de3077] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-07de3077],
.vas-jx3-cover .service-wrap .server-list-server[data-v-07de3077] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-07de3077] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-07de3077] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-07de3077] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-07de3077] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-07de3077] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-07de3077]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-07de3077] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-07de3077] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-07de3077] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-07de3077] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-07de3077] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-07de3077] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-07de3077] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-07de3077] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-07de3077] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-07de3077] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-07de3077]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-07de3077] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-07de3077] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-07de3077] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-07de3077] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-07de3077] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-07de3077] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-07de3077] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-5f59a3bc] {
  color: #8a8a8a;
}
.common-a-button[data-v-5f59a3bc] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-5f59a3bc] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-5f59a3bc] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-5f59a3bc] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-5f59a3bc] {
  margin-top: 10px;
}
.card-text-tips[data-v-5f59a3bc] {
  color: #c6c6c6;
}
.large-red-btn[data-v-5f59a3bc] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-5f59a3bc]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-5f59a3bc] {
  background: #d0d0d0;
}
.small-default-btn[data-v-5f59a3bc] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-5f59a3bc]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-5f59a3bc] {
  background: #d0d0d0;
}
.small-red-btn[data-v-5f59a3bc] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-5f59a3bc]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-5f59a3bc] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-5f59a3bc] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-5f59a3bc] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-5f59a3bc] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-5f59a3bc] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-5f59a3bc] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-5f59a3bc] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-5f59a3bc] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-5f59a3bc] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-5f59a3bc] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-5f59a3bc],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-5f59a3bc] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-5f59a3bc] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-5f59a3bc] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-5f59a3bc] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-5f59a3bc] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-5f59a3bc] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-5f59a3bc] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-5f59a3bc] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-5f59a3bc] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-5f59a3bc] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-5f59a3bc] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-5f59a3bc] {
  width: 256px;
  height: 130px;
  word-break: break-all;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-5f59a3bc] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-5f59a3bc] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-5f59a3bc] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-5f59a3bc] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-5f59a3bc] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-5f59a3bc] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-5f59a3bc] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-5f59a3bc] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-5f59a3bc] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-5f59a3bc]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-5f59a3bc] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-5f59a3bc] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-5f59a3bc] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-5f59a3bc] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-5f59a3bc],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-5f59a3bc] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-5f59a3bc] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-5f59a3bc],
.vas-jx3-cover .service-wrap .server-list-server[data-v-5f59a3bc] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-5f59a3bc] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-5f59a3bc] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-5f59a3bc] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-5f59a3bc] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-5f59a3bc] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-5f59a3bc]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-5f59a3bc] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-5f59a3bc] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-5f59a3bc] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-5f59a3bc] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-5f59a3bc] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-5f59a3bc] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-5f59a3bc] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-5f59a3bc] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-5f59a3bc] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-5f59a3bc] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-5f59a3bc]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-5f59a3bc] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-5f59a3bc] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-5f59a3bc] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-5f59a3bc] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-5f59a3bc] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-5f59a3bc] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-5f59a3bc] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-05352e3a] {
  color: #8a8a8a;
}
.common-a-button[data-v-05352e3a] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-05352e3a] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-05352e3a] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-05352e3a] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-05352e3a] {
  margin-top: 10px;
}
.card-text-tips[data-v-05352e3a] {
  color: #c6c6c6;
}
.large-red-btn[data-v-05352e3a] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-05352e3a]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-05352e3a] {
  background: #d0d0d0;
}
.small-default-btn[data-v-05352e3a] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-05352e3a]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-05352e3a] {
  background: #d0d0d0;
}
.small-red-btn[data-v-05352e3a] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-05352e3a]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-05352e3a] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-05352e3a] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-05352e3a] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-05352e3a] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-05352e3a] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-05352e3a] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-05352e3a] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-05352e3a] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-05352e3a] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-05352e3a] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-05352e3a],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-05352e3a] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-05352e3a] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-05352e3a] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-05352e3a] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-05352e3a] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-05352e3a] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-05352e3a] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-05352e3a] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-05352e3a] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-05352e3a] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-05352e3a] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-05352e3a] {
  width: 256px;
  height: 130px;
  word-break: break-all;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-05352e3a] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-05352e3a] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-05352e3a] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-05352e3a] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-05352e3a] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-05352e3a] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-05352e3a] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-05352e3a] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-05352e3a] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-05352e3a]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-05352e3a] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-05352e3a] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-05352e3a] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-05352e3a] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-05352e3a],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-05352e3a] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-05352e3a] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-05352e3a],
.vas-jx3-cover .service-wrap .server-list-server[data-v-05352e3a] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-05352e3a] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-05352e3a] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-05352e3a] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-05352e3a] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-05352e3a] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-05352e3a]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-05352e3a] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-05352e3a] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-05352e3a] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-05352e3a] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-05352e3a] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-05352e3a] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-05352e3a] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-05352e3a] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-05352e3a] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-05352e3a] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-05352e3a]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-05352e3a] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-05352e3a] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-05352e3a] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-05352e3a] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-05352e3a] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-05352e3a] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-05352e3a] {
  margin: 20px 0;
  list-style-position: outside;
}
del[data-v-40e7a640]{color:#c6c6c6}var map = {
	"./af": "K/tc",
	"./af.js": "K/tc",
	"./ar": "jnO4",
	"./ar-dz": "o1bE",
	"./ar-dz.js": "o1bE",
	"./ar-kw": "Qj4J",
	"./ar-kw.js": "Qj4J",
	"./ar-ly": "HP3h",
	"./ar-ly.js": "HP3h",
	"./ar-ma": "CoRJ",
	"./ar-ma.js": "CoRJ",
	"./ar-sa": "gjCT",
	"./ar-sa.js": "gjCT",
	"./ar-tn": "bYM6",
	"./ar-tn.js": "bYM6",
	"./ar.js": "jnO4",
	"./az": "SFxW",
	"./az.js": "SFxW",
	"./be": "H8ED",
	"./be.js": "H8ED",
	"./bg": "hKrs",
	"./bg.js": "hKrs",
	"./bm": "p/rL",
	"./bm.js": "p/rL",
	"./bn": "kEOa",
	"./bn.js": "kEOa",
	"./bo": "0mo+",
	"./bo.js": "0mo+",
	"./br": "aIdf",
	"./br.js": "aIdf",
	"./bs": "JVSJ",
	"./bs.js": "JVSJ",
	"./ca": "1xZ4",
	"./ca.js": "1xZ4",
	"./cs": "PA2r",
	"./cs.js": "PA2r",
	"./cv": "A+xa",
	"./cv.js": "A+xa",
	"./cy": "l5ep",
	"./cy.js": "l5ep",
	"./da": "DxQv",
	"./da.js": "DxQv",
	"./de": "tGlX",
	"./de-at": "s+uk",
	"./de-at.js": "s+uk",
	"./de-ch": "u3GI",
	"./de-ch.js": "u3GI",
	"./de.js": "tGlX",
	"./dv": "WYrj",
	"./dv.js": "WYrj",
	"./el": "jUeY",
	"./el.js": "jUeY",
	"./en-au": "Dmvi",
	"./en-au.js": "Dmvi",
	"./en-ca": "OIYi",
	"./en-ca.js": "OIYi",
	"./en-gb": "Oaa7",
	"./en-gb.js": "Oaa7",
	"./en-ie": "4dOw",
	"./en-ie.js": "4dOw",
	"./en-il": "czMo",
	"./en-il.js": "czMo",
	"./en-nz": "b1Dy",
	"./en-nz.js": "b1Dy",
	"./eo": "Zduo",
	"./eo.js": "Zduo",
	"./es": "iYuL",
	"./es-do": "CjzT",
	"./es-do.js": "CjzT",
	"./es-us": "Vclq",
	"./es-us.js": "Vclq",
	"./es.js": "iYuL",
	"./et": "7BjC",
	"./et.js": "7BjC",
	"./eu": "D/JM",
	"./eu.js": "D/JM",
	"./fa": "jfSC",
	"./fa.js": "jfSC",
	"./fi": "gekB",
	"./fi.js": "gekB",
	"./fo": "ByF4",
	"./fo.js": "ByF4",
	"./fr": "nyYc",
	"./fr-ca": "2fjn",
	"./fr-ca.js": "2fjn",
	"./fr-ch": "Dkky",
	"./fr-ch.js": "Dkky",
	"./fr.js": "nyYc",
	"./fy": "cRix",
	"./fy.js": "cRix",
	"./gd": "9rRi",
	"./gd.js": "9rRi",
	"./gl": "iEDd",
	"./gl.js": "iEDd",
	"./gom-latn": "DKr+",
	"./gom-latn.js": "DKr+",
	"./gu": "4MV3",
	"./gu.js": "4MV3",
	"./he": "x6pH",
	"./he.js": "x6pH",
	"./hi": "3E1r",
	"./hi.js": "3E1r",
	"./hr": "S6ln",
	"./hr.js": "S6ln",
	"./hu": "WxRl",
	"./hu.js": "WxRl",
	"./hy-am": "1rYy",
	"./hy-am.js": "1rYy",
	"./id": "UDhR",
	"./id.js": "UDhR",
	"./is": "BVg3",
	"./is.js": "BVg3",
	"./it": "bpih",
	"./it.js": "bpih",
	"./ja": "B55N",
	"./ja.js": "B55N",
	"./jv": "tUCv",
	"./jv.js": "tUCv",
	"./ka": "IBtZ",
	"./ka.js": "IBtZ",
	"./kk": "bXm7",
	"./kk.js": "bXm7",
	"./km": "6B0Y",
	"./km.js": "6B0Y",
	"./kn": "PpIw",
	"./kn.js": "PpIw",
	"./ko": "Ivi+",
	"./ko.js": "Ivi+",
	"./ky": "lgnt",
	"./ky.js": "lgnt",
	"./lb": "RAwQ",
	"./lb.js": "RAwQ",
	"./lo": "sp3z",
	"./lo.js": "sp3z",
	"./lt": "JvlW",
	"./lt.js": "JvlW",
	"./lv": "uXwI",
	"./lv.js": "uXwI",
	"./me": "KTz0",
	"./me.js": "KTz0",
	"./mi": "aIsn",
	"./mi.js": "aIsn",
	"./mk": "aQkU",
	"./mk.js": "aQkU",
	"./ml": "AvvY",
	"./ml.js": "AvvY",
	"./mn": "lYtQ",
	"./mn.js": "lYtQ",
	"./mr": "Ob0Z",
	"./mr.js": "Ob0Z",
	"./ms": "6+QB",
	"./ms-my": "ZAMP",
	"./ms-my.js": "ZAMP",
	"./ms.js": "6+QB",
	"./mt": "G0Uy",
	"./mt.js": "G0Uy",
	"./my": "honF",
	"./my.js": "honF",
	"./nb": "bOMt",
	"./nb.js": "bOMt",
	"./ne": "OjkT",
	"./ne.js": "OjkT",
	"./nl": "+s0g",
	"./nl-be": "2ykv",
	"./nl-be.js": "2ykv",
	"./nl.js": "+s0g",
	"./nn": "uEye",
	"./nn.js": "uEye",
	"./pa-in": "8/+R",
	"./pa-in.js": "8/+R",
	"./pl": "jVdC",
	"./pl.js": "jVdC",
	"./pt": "8mBD",
	"./pt-br": "0tRk",
	"./pt-br.js": "0tRk",
	"./pt.js": "8mBD",
	"./ro": "lyxo",
	"./ro.js": "lyxo",
	"./ru": "lXzo",
	"./ru.js": "lXzo",
	"./sd": "Z4QM",
	"./sd.js": "Z4QM",
	"./se": "//9w",
	"./se.js": "//9w",
	"./si": "7aV9",
	"./si.js": "7aV9",
	"./sk": "e+ae",
	"./sk.js": "e+ae",
	"./sl": "gVVK",
	"./sl.js": "gVVK",
	"./sq": "yPMs",
	"./sq.js": "yPMs",
	"./sr": "zx6S",
	"./sr-cyrl": "E+lV",
	"./sr-cyrl.js": "E+lV",
	"./sr.js": "zx6S",
	"./ss": "Ur1D",
	"./ss.js": "Ur1D",
	"./sv": "X709",
	"./sv.js": "X709",
	"./sw": "dNwA",
	"./sw.js": "dNwA",
	"./ta": "PeUW",
	"./ta.js": "PeUW",
	"./te": "XLvN",
	"./te.js": "XLvN",
	"./tet": "V2x9",
	"./tet.js": "V2x9",
	"./tg": "Oxv6",
	"./tg.js": "Oxv6",
	"./th": "EOgW",
	"./th.js": "EOgW",
	"./tl-ph": "Dzi0",
	"./tl-ph.js": "Dzi0",
	"./tlh": "z3Vd",
	"./tlh.js": "z3Vd",
	"./tr": "DoHr",
	"./tr.js": "DoHr",
	"./tzl": "z1FC",
	"./tzl.js": "z1FC",
	"./tzm": "wQk9",
	"./tzm-latn": "tT3J",
	"./tzm-latn.js": "tT3J",
	"./tzm.js": "wQk9",
	"./ug-cn": "YRex",
	"./ug-cn.js": "YRex",
	"./uk": "raLr",
	"./uk.js": "raLr",
	"./ur": "UpQW",
	"./ur.js": "UpQW",
	"./uz": "Loxo",
	"./uz-latn": "AQ68",
	"./uz-latn.js": "AQ68",
	"./uz.js": "Loxo",
	"./vi": "KSF8",
	"./vi.js": "KSF8",
	"./x-pseudo": "/X5v",
	"./x-pseudo.js": "/X5v",
	"./yo": "fzPg",
	"./yo.js": "fzPg",
	"./zh-cn": "XDpg",
	"./zh-cn.js": "XDpg",
	"./zh-hk": "SatO",
	"./zh-hk.js": "SatO",
	"./zh-tw": "kOpN",
	"./zh-tw.js": "kOpN"
};


function webpackContext(req) {
	var id = webpackContextResolve(req);
	var module = __webpack_require__(id);
	return module;
}
function webpackContextResolve(req) {
	var id = map[req];
	if(!(id + 1)) { // check for number or string
		var e = new Error('Cannot find module "' + req + '".');
		e.code = 'MODULE_NOT_FOUND';
		throw e;
	}
	return id;
}
webpackContext.keys = function webpackContextKeys() {
	return Object.keys(map);
};
webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext;
webpackContext.id = "RnhZ";
.common-tips-color[data-v-41d62dc0] {
  color: #8a8a8a;
}
.common-a-button[data-v-41d62dc0] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-41d62dc0] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-41d62dc0] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-41d62dc0] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-41d62dc0] {
  margin-top: 10px;
}
.card-text-tips[data-v-41d62dc0] {
  color: #c6c6c6;
}
.large-red-btn[data-v-41d62dc0] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-41d62dc0]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-41d62dc0] {
  background: #d0d0d0;
}
.small-default-btn[data-v-41d62dc0] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-41d62dc0]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-41d62dc0] {
  background: #d0d0d0;
}
.small-red-btn[data-v-41d62dc0] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-41d62dc0]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-41d62dc0] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-41d62dc0] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-41d62dc0] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-41d62dc0] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-41d62dc0] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-41d62dc0] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-41d62dc0] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-41d62dc0] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-41d62dc0] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-41d62dc0] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-41d62dc0],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-41d62dc0] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-41d62dc0] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-41d62dc0] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-41d62dc0] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-41d62dc0] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-41d62dc0] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-41d62dc0] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-41d62dc0] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-41d62dc0] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-41d62dc0] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-41d62dc0] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-41d62dc0] {
  width: 256px;
  height: 130px;
  word-break: break-all;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-41d62dc0] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-41d62dc0] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-41d62dc0] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-41d62dc0] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-41d62dc0] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-41d62dc0] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-41d62dc0] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-41d62dc0] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-41d62dc0] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-41d62dc0]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-41d62dc0] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-41d62dc0] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-41d62dc0] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-41d62dc0] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-41d62dc0],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-41d62dc0] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-41d62dc0] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-41d62dc0],
.vas-jx3-cover .service-wrap .server-list-server[data-v-41d62dc0] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-41d62dc0] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-41d62dc0] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-41d62dc0] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-41d62dc0] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-41d62dc0] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-41d62dc0]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-41d62dc0] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-41d62dc0] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-41d62dc0] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-41d62dc0] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-41d62dc0] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-41d62dc0] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-41d62dc0] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-41d62dc0] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-41d62dc0] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-41d62dc0] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-41d62dc0]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-41d62dc0] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-41d62dc0] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-41d62dc0] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-41d62dc0] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-41d62dc0] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-41d62dc0] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-41d62dc0] {
  margin: 20px 0;
  list-style-position: outside;
}
.recharge-btn[data-v-41d62dc0] {
  right: 0;
}
.form-fix[data-v-41d62dc0] {
  width: 550px;
  margin: 20px auto;
}

.common-tips-color[data-v-15b09364] {
  color: #8a8a8a;
}
.common-a-button[data-v-15b09364] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-15b09364] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-15b09364] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-15b09364] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-15b09364] {
  margin-top: 10px;
}
.card-text-tips[data-v-15b09364] {
  color: #c6c6c6;
}
.large-red-btn[data-v-15b09364] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-15b09364]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-15b09364] {
  background: #d0d0d0;
}
.small-default-btn[data-v-15b09364] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-15b09364]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-15b09364] {
  background: #d0d0d0;
}
.small-red-btn[data-v-15b09364] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-15b09364]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-15b09364] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-15b09364] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-15b09364] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-15b09364] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-15b09364] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-15b09364] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-15b09364] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-15b09364] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-15b09364] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-15b09364] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-15b09364],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-15b09364] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-15b09364] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-15b09364] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-15b09364] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-15b09364] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-15b09364] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-15b09364] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-15b09364] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-15b09364] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-15b09364] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-15b09364] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-15b09364] {
  width: 256px;
  height: 130px;
  word-break: break-all;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-15b09364] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-15b09364] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-15b09364] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-15b09364] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-15b09364] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-15b09364] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-15b09364] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-15b09364] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-15b09364] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-15b09364]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-15b09364] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-15b09364] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-15b09364] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-15b09364] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-15b09364],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-15b09364] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-15b09364] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-15b09364],
.vas-jx3-cover .service-wrap .server-list-server[data-v-15b09364] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-15b09364] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-15b09364] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-15b09364] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-15b09364] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-15b09364] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-15b09364]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-15b09364] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-15b09364] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-15b09364] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-15b09364] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-15b09364] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-15b09364] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-15b09364] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-15b09364] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-15b09364] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-15b09364] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-15b09364]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-15b09364] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-15b09364] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-15b09364] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-15b09364] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-15b09364] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-15b09364] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-15b09364] {
  margin: 20px 0;
  list-style-position: outside;
}

section[data-v-28e2ef8e] {
  line-height: 24px;
  font-size: 12px;
}

.common-tips-color[data-v-c448a26a] {
  color: #8a8a8a;
}
.common-a-button[data-v-c448a26a] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-c448a26a] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-c448a26a] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-c448a26a] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-c448a26a] {
  margin-top: 10px;
}
.card-text-tips[data-v-c448a26a] {
  color: #c6c6c6;
}
.large-red-btn[data-v-c448a26a] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-c448a26a]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-c448a26a] {
  background: #d0d0d0;
}
.small-default-btn[data-v-c448a26a] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-c448a26a]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-c448a26a] {
  background: #d0d0d0;
}
.small-red-btn[data-v-c448a26a] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-c448a26a]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-c448a26a] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-c448a26a] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-c448a26a] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-c448a26a] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-c448a26a] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-c448a26a] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-c448a26a] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-c448a26a] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-c448a26a] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-c448a26a] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-c448a26a],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-c448a26a] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-c448a26a] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-c448a26a] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-c448a26a] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-c448a26a] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-c448a26a] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-c448a26a] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-c448a26a] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-c448a26a] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-c448a26a] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-c448a26a] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-c448a26a] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-c448a26a] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-c448a26a] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-c448a26a] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-c448a26a] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-c448a26a] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-c448a26a] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-c448a26a] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-c448a26a] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-c448a26a] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-c448a26a]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-c448a26a] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-c448a26a] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-c448a26a] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-c448a26a] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-c448a26a],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-c448a26a] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-c448a26a] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-c448a26a],
.vas-jx3-cover .service-wrap .server-list-server[data-v-c448a26a] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-c448a26a] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-c448a26a] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-c448a26a] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-c448a26a] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-c448a26a] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-c448a26a]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-c448a26a] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-c448a26a] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-c448a26a] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-c448a26a] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-c448a26a] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-c448a26a] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-c448a26a] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-c448a26a] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-c448a26a] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-c448a26a] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-c448a26a]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-c448a26a] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-c448a26a] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-c448a26a] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-c448a26a] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-c448a26a] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-c448a26a] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-c448a26a] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-3356fe49] {
  color: #8a8a8a;
}
.common-a-button[data-v-3356fe49] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-3356fe49] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-3356fe49] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-3356fe49] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-3356fe49] {
  margin-top: 10px;
}
.card-text-tips[data-v-3356fe49] {
  color: #c6c6c6;
}
.large-red-btn[data-v-3356fe49] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-3356fe49]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-3356fe49] {
  background: #d0d0d0;
}
.small-default-btn[data-v-3356fe49] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-3356fe49]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-3356fe49] {
  background: #d0d0d0;
}
.small-red-btn[data-v-3356fe49] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-3356fe49]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-3356fe49] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-3356fe49] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-3356fe49] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-3356fe49] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-3356fe49] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-3356fe49] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-3356fe49] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-3356fe49] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-3356fe49] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-3356fe49] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-3356fe49],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-3356fe49] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-3356fe49] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-3356fe49] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-3356fe49] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-3356fe49] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-3356fe49] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-3356fe49] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-3356fe49] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-3356fe49] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-3356fe49] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-3356fe49] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-3356fe49] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-3356fe49] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-3356fe49] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-3356fe49] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-3356fe49] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-3356fe49] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-3356fe49] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-3356fe49] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-3356fe49] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-3356fe49] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-3356fe49]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-3356fe49] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-3356fe49] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-3356fe49] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-3356fe49] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-3356fe49],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-3356fe49] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-3356fe49] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-3356fe49],
.vas-jx3-cover .service-wrap .server-list-server[data-v-3356fe49] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-3356fe49] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-3356fe49] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-3356fe49] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-3356fe49] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-3356fe49] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-3356fe49]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-3356fe49] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-3356fe49] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-3356fe49] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-3356fe49] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-3356fe49] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-3356fe49] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-3356fe49] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-3356fe49] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-3356fe49] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-3356fe49] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-3356fe49]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-3356fe49] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-3356fe49] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-3356fe49] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-3356fe49] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-3356fe49] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-3356fe49] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-3356fe49] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-060dee4a] {
  color: #8a8a8a;
}
.common-a-button[data-v-060dee4a] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-060dee4a] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-060dee4a] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-060dee4a] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-060dee4a] {
  margin-top: 10px;
}
.card-text-tips[data-v-060dee4a] {
  color: #c6c6c6;
}
.large-red-btn[data-v-060dee4a] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-060dee4a]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-060dee4a] {
  background: #d0d0d0;
}
.small-default-btn[data-v-060dee4a] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-060dee4a]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-060dee4a] {
  background: #d0d0d0;
}
.small-red-btn[data-v-060dee4a] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-060dee4a]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-060dee4a] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-060dee4a] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-060dee4a] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-060dee4a] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-060dee4a] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-060dee4a] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-060dee4a] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-060dee4a] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-060dee4a] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-060dee4a] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-060dee4a],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-060dee4a] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-060dee4a] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-060dee4a] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-060dee4a] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-060dee4a] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-060dee4a] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-060dee4a] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-060dee4a] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-060dee4a] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-060dee4a] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-060dee4a] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-060dee4a] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-060dee4a] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-060dee4a] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-060dee4a] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-060dee4a] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-060dee4a] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-060dee4a] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-060dee4a] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-060dee4a] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-060dee4a] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-060dee4a]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-060dee4a] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-060dee4a] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-060dee4a] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-060dee4a] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-060dee4a],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-060dee4a] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-060dee4a] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-060dee4a],
.vas-jx3-cover .service-wrap .server-list-server[data-v-060dee4a] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-060dee4a] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-060dee4a] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-060dee4a] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-060dee4a] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-060dee4a] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-060dee4a]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-060dee4a] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-060dee4a] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-060dee4a] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-060dee4a] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-060dee4a] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-060dee4a] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-060dee4a] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-060dee4a] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-060dee4a] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-060dee4a] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-060dee4a]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-060dee4a] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-060dee4a] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-060dee4a] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-060dee4a] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-060dee4a] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-060dee4a] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-060dee4a] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-0bf02d55] {
  color: #8a8a8a;
}
.common-a-button[data-v-0bf02d55] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-0bf02d55] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-0bf02d55] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-0bf02d55] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-0bf02d55] {
  margin-top: 10px;
}
.card-text-tips[data-v-0bf02d55] {
  color: #c6c6c6;
}
.large-red-btn[data-v-0bf02d55] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-0bf02d55]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-0bf02d55] {
  background: #d0d0d0;
}
.small-default-btn[data-v-0bf02d55] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-0bf02d55]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-0bf02d55] {
  background: #d0d0d0;
}
.small-red-btn[data-v-0bf02d55] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-0bf02d55]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-0bf02d55] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-0bf02d55] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-0bf02d55] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-0bf02d55] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-0bf02d55] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-0bf02d55] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-0bf02d55] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-0bf02d55] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-0bf02d55] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-0bf02d55] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-0bf02d55],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-0bf02d55] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-0bf02d55] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-0bf02d55] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-0bf02d55] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-0bf02d55] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-0bf02d55] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-0bf02d55] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-0bf02d55] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-0bf02d55] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-0bf02d55] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-0bf02d55] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-0bf02d55] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-0bf02d55] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-0bf02d55] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-0bf02d55] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-0bf02d55] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-0bf02d55] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-0bf02d55] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-0bf02d55] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-0bf02d55] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-0bf02d55] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-0bf02d55]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-0bf02d55] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-0bf02d55] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-0bf02d55] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-0bf02d55] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-0bf02d55],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-0bf02d55] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-0bf02d55] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-0bf02d55],
.vas-jx3-cover .service-wrap .server-list-server[data-v-0bf02d55] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-0bf02d55] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-0bf02d55] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-0bf02d55] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-0bf02d55] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-0bf02d55] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-0bf02d55]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-0bf02d55] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-0bf02d55] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-0bf02d55] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-0bf02d55] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-0bf02d55] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-0bf02d55] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-0bf02d55] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-0bf02d55] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-0bf02d55] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-0bf02d55] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-0bf02d55]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-0bf02d55] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-0bf02d55] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-0bf02d55] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-0bf02d55] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-0bf02d55] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-0bf02d55] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-0bf02d55] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-14b89f00] {
  color: #8a8a8a;
}
.common-a-button[data-v-14b89f00] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-14b89f00] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-14b89f00] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-14b89f00] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-14b89f00] {
  margin-top: 10px;
}
.card-text-tips[data-v-14b89f00] {
  color: #c6c6c6;
}
.large-red-btn[data-v-14b89f00] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-14b89f00]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-14b89f00] {
  background: #d0d0d0;
}
.small-default-btn[data-v-14b89f00] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-14b89f00]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-14b89f00] {
  background: #d0d0d0;
}
.small-red-btn[data-v-14b89f00] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-14b89f00]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-14b89f00] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-14b89f00] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-14b89f00] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-14b89f00] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-14b89f00] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-14b89f00] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-14b89f00] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-14b89f00] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-14b89f00] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-14b89f00] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-14b89f00],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-14b89f00] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-14b89f00] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-14b89f00] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-14b89f00] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-14b89f00] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-14b89f00] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-14b89f00] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-14b89f00] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-14b89f00] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-14b89f00] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-14b89f00] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-14b89f00] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-14b89f00] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-14b89f00] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-14b89f00] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-14b89f00] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-14b89f00] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-14b89f00] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-14b89f00] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-14b89f00] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-14b89f00] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-14b89f00]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-14b89f00] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-14b89f00] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-14b89f00] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-14b89f00] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-14b89f00],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-14b89f00] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-14b89f00] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-14b89f00],
.vas-jx3-cover .service-wrap .server-list-server[data-v-14b89f00] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-14b89f00] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-14b89f00] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-14b89f00] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-14b89f00] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-14b89f00] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-14b89f00]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-14b89f00] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-14b89f00] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-14b89f00] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-14b89f00] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-14b89f00] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-14b89f00] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-14b89f00] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-14b89f00] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-14b89f00] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-14b89f00] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-14b89f00]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-14b89f00] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-14b89f00] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-14b89f00] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-14b89f00] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-14b89f00] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-14b89f00] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-14b89f00] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-0cb5584f] {
  color: #8a8a8a;
}
.common-a-button[data-v-0cb5584f] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-0cb5584f] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-0cb5584f] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-0cb5584f] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-0cb5584f] {
  margin-top: 10px;
}
.card-text-tips[data-v-0cb5584f] {
  color: #c6c6c6;
}
.large-red-btn[data-v-0cb5584f] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-0cb5584f]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-0cb5584f] {
  background: #d0d0d0;
}
.small-default-btn[data-v-0cb5584f] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-0cb5584f]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-0cb5584f] {
  background: #d0d0d0;
}
.small-red-btn[data-v-0cb5584f] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-0cb5584f]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-0cb5584f] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-0cb5584f] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-0cb5584f] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-0cb5584f] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-0cb5584f] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-0cb5584f] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-0cb5584f] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-0cb5584f] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-0cb5584f] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-0cb5584f] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-0cb5584f],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-0cb5584f] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-0cb5584f] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-0cb5584f] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-0cb5584f] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-0cb5584f] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-0cb5584f] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-0cb5584f] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-0cb5584f] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-0cb5584f] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-0cb5584f] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-0cb5584f] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-0cb5584f] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-0cb5584f] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-0cb5584f] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-0cb5584f] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-0cb5584f] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-0cb5584f] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-0cb5584f] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-0cb5584f] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-0cb5584f] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-0cb5584f] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-0cb5584f]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-0cb5584f] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-0cb5584f] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-0cb5584f] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-0cb5584f] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-0cb5584f],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-0cb5584f] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-0cb5584f] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-0cb5584f],
.vas-jx3-cover .service-wrap .server-list-server[data-v-0cb5584f] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-0cb5584f] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-0cb5584f] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-0cb5584f] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-0cb5584f] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-0cb5584f] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-0cb5584f]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-0cb5584f] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-0cb5584f] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-0cb5584f] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-0cb5584f] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-0cb5584f] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-0cb5584f] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-0cb5584f] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-0cb5584f] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-0cb5584f] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-0cb5584f] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-0cb5584f]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-0cb5584f] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-0cb5584f] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-0cb5584f] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-0cb5584f] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-0cb5584f] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-0cb5584f] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-0cb5584f] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-4e57a10a] {
  color: #8a8a8a;
}
.common-a-button[data-v-4e57a10a] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-4e57a10a] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-4e57a10a] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-4e57a10a] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-4e57a10a] {
  margin-top: 10px;
}
.card-text-tips[data-v-4e57a10a] {
  color: #c6c6c6;
}
.large-red-btn[data-v-4e57a10a] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-4e57a10a]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-4e57a10a] {
  background: #d0d0d0;
}
.small-default-btn[data-v-4e57a10a] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-4e57a10a]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-4e57a10a] {
  background: #d0d0d0;
}
.small-red-btn[data-v-4e57a10a] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-4e57a10a]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-4e57a10a] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-4e57a10a] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-4e57a10a] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-4e57a10a] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-4e57a10a] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-4e57a10a] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-4e57a10a] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-4e57a10a] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-4e57a10a] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-4e57a10a] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-4e57a10a],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-4e57a10a] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-4e57a10a] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-4e57a10a] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-4e57a10a] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-4e57a10a] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-4e57a10a] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-4e57a10a] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-4e57a10a] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-4e57a10a] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-4e57a10a] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-4e57a10a] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-4e57a10a] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-4e57a10a] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-4e57a10a] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-4e57a10a] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-4e57a10a] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-4e57a10a] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-4e57a10a] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-4e57a10a] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-4e57a10a] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-4e57a10a] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-4e57a10a]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-4e57a10a] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-4e57a10a] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-4e57a10a] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-4e57a10a] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-4e57a10a],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-4e57a10a] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-4e57a10a] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-4e57a10a],
.vas-jx3-cover .service-wrap .server-list-server[data-v-4e57a10a] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-4e57a10a] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-4e57a10a] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-4e57a10a] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-4e57a10a] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-4e57a10a] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-4e57a10a]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-4e57a10a] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-4e57a10a] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-4e57a10a] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-4e57a10a] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-4e57a10a] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-4e57a10a] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-4e57a10a] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-4e57a10a] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-4e57a10a] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-4e57a10a] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-4e57a10a]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-4e57a10a] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-4e57a10a] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-4e57a10a] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-4e57a10a] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-4e57a10a] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-4e57a10a] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-4e57a10a] {
  margin: 20px 0;
  list-style-position: outside;
}
.recharge-btn[data-v-4e57a10a] {
  right: 0;
}
.form-fix[data-v-4e57a10a] {
  width: 550px;
  margin: 20px auto;
}

.common-tips-color[data-v-3a215e21] {
  color: #8a8a8a;
}
.common-a-button[data-v-3a215e21] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-3a215e21] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-3a215e21] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-3a215e21] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-3a215e21] {
  margin-top: 10px;
}
.card-text-tips[data-v-3a215e21] {
  color: #c6c6c6;
}
.large-red-btn[data-v-3a215e21] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-3a215e21]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-3a215e21] {
  background: #d0d0d0;
}
.small-default-btn[data-v-3a215e21] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-3a215e21]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-3a215e21] {
  background: #d0d0d0;
}
.small-red-btn[data-v-3a215e21] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-3a215e21]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-3a215e21] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-3a215e21] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-3a215e21] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-3a215e21] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-3a215e21] {
  width: 187px;
  height: 187px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-qrbox.354cef1d.jpg) no-repeat;
  position: relative;
}
.vas-jx3-cover .margin-bottom-30[data-v-3a215e21] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-3a215e21] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-3a215e21] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx3-cover .head-box-icon img[data-v-3a215e21] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-3a215e21] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-3a215e21],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-3a215e21] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-3a215e21] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-3a215e21] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-3a215e21] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-3a215e21] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-3a215e21] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-3a215e21] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-3a215e21] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-3a215e21] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-3a215e21] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-3a215e21] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-title[data-v-3a215e21] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-3a215e21] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-3a215e21] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-3a215e21] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-3a215e21] {
  margin-top: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #ebdba7;
  color: #ebdba7;
  font-size: 16px;
  text-align: center;
}
.vas-jx3-cover .protocol-box[data-v-3a215e21] {
  height: 400px;
  margin: 0 auto 20px auto;
  padding: 10px;
  border: 1px solid #ebebeb;
  overflow-y: auto;
}
.vas-jx3-cover .service-wrap .role-item[data-v-3a215e21] {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .role-item .recharge-btn[data-v-3a215e21] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #b62929;
  position: absolute;
  right: 0;
}
.vas-jx3-cover .service-wrap .role-item .select[data-v-3a215e21] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-3a215e21] {
  cursor: pointer;
  float: left;
  width: 400px;
  height: 138px;
  position: relative;
  border: 1px solid #ececec;
  background: #fffefa;
  margin: 0 48px 40px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-3a215e21]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-3a215e21] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-3a215e21] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-3a215e21] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-3a215e21] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-3a215e21],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-3a215e21] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-3a215e21] {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-3a215e21],
.vas-jx3-cover .service-wrap .server-list-server[data-v-3a215e21] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #ececec;
}
.vas-jx3-cover .service-wrap .server-list-area[data-v-3a215e21] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-3a215e21] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-3a215e21] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-3a215e21] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-3a215e21] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-3a215e21]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-3a215e21] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-3a215e21] {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 10px;
}
.vas-jx3-cover .service-wrap .tab-box .tab.active[data-v-3a215e21] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-3a215e21] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-3a215e21] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-3a215e21] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-3a215e21] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-3a215e21] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-3a215e21] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-3a215e21] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-3a215e21]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-3a215e21] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-tips[data-v-3a215e21] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-3a215e21] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-3a215e21] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a.disabled[data-v-3a215e21] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-3a215e21] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-3a215e21] {
  margin: 20px 0;
  list-style-position: outside;
}

.common-tips-color[data-v-356011a4] {
  color: #8a8a8a;
}
.common-a-button[data-v-356011a4] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.card[data-v-356011a4] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-356011a4] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-356011a4] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-356011a4] {
  margin-top: 10px;
}
.card-text-tips[data-v-356011a4] {
  color: #c6c6c6;
}
.large-red-btn[data-v-356011a4] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-356011a4]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-356011a4] {
  background: #d0d0d0;
}
.small-default-btn[data-v-356011a4] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-356011a4]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-356011a4] {
  background: #d0d0d0;
}
.small-red-btn[data-v-356011a4] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-356011a4]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-356011a4] {
  background: #d0d0d0;
}
.vas-jx2-cover[data-v-356011a4] {
  padding-bottom: 100px;
}
.vas-jx2-cover .margin-bottom-30[data-v-356011a4] {
  margin-bottom: 30px;
}
.vas-jx2-cover .head-box[data-v-356011a4] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx2-cover .head-box-icon[data-v-356011a4] {
  width: 232px;
  height: 102px;
  margin-right: 20px;
  line-height: 102px;
  border: 1px solid #eae2c7;
  text-align: center;
  vertical-align: middle;
}
.vas-jx2-cover .head-box-icon img[data-v-356011a4] {
  vertical-align: middle;
}
.vas-jx2-cover .head-box-text-box .text-top[data-v-356011a4] {
  line-height: 36px;
}
.vas-jx2-cover .head-box-text-box .text-middle[data-v-356011a4],
.vas-jx2-cover .head-box-text-box .text-bottom[data-v-356011a4] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx2-cover .head-box-nav-box[data-v-356011a4] {
  width: 300px;
}
.vas-jx2-cover .head-box-nav-box .common-a-button[data-v-356011a4] {
  width: 170px;
  margin: 5px;
}
.vas-jx2-cover .service-box[data-v-356011a4] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx2-cover .service-box .card[data-v-356011a4] {
  cursor: pointer;
}
.vas-jx2-cover .service-box .card-text[data-v-356011a4] {
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx2-cover .service-wrap .role-handle-box[data-v-356011a4] {
  margin: 20px 0;
}
.vas-jx2-cover .service-wrap .role-handle-box .role-handle-item[data-v-356011a4] {
  width: 400px;
  height: 311px;
  border: 1px solid #ececec;
  margin-right: 34px;
}
.vas-jx2-cover .service-wrap .role-handle-box .role-handle-item[data-v-356011a4]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx2-cover .service-wrap .role-handle-box .role-handle-item-title[data-v-356011a4] {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  padding-left: 85px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-role-handle-item-title.2ed46146.png) no-repeat #fafafa 20px center;
}
.vas-jx2-cover .service-wrap .role-handle-box .role-handle-item-tips[data-v-356011a4] {
  padding: 20px 15px;
}
.vas-jx2-cover .service-wrap .role-handle-box .role-handle-item-button[data-v-356011a4] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx2-cover .service-wrap .role-handle-box .role-handle-item-button a[data-v-356011a4] {
  width: 284px;
  height: 42px;
  display: inline-block;
  background: #b62929;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
}
.vas-jx2-cover .service-wrap .role-handle-box .role-handle-item-button a.disabled[data-v-356011a4] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx2-cover .service-wrap .role-transfer-ol[data-v-356011a4] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx2-cover .service-wrap .role-transfer-ol li[data-v-356011a4] {
  margin: 20px 0;
  list-style-position: outside;
}
.vas-jx2-cover .service-wrap .step-title-box[data-v-356011a4] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx2-cover .service-wrap .step-title-box .game-logo[data-v-356011a4] {
  color: #dec882;
  position: absolute;
  top: 30px;
  right: 0;
}
.vas-jx2-cover .service-wrap .step-title-box .faq-link[data-v-356011a4] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.role-transfer-ol li[data-v-356011a4] {
  line-height: 32px;
}

.common-tips-color[data-v-78cda621] {
  color: #8a8a8a;
}
.large-red-btn[data-v-78cda621] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-78cda621]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-78cda621] {
  background: #d0d0d0;
}
.small-default-btn[data-v-78cda621] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-78cda621]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-78cda621] {
  background: #d0d0d0;
}
.small-red-btn[data-v-78cda621] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-78cda621]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-78cda621] {
  background: #d0d0d0;
}
.order-status-color[data-v-78cda621] {
  color: #ff9602;
}
.order-status-result-wrap .order-status-result[data-v-78cda621] {
  min-height: 585px;
  padding-top: 30px;
}
.order-status-result-wrap .order-status-result .el-form[data-v-78cda621] {
  width: 300px;
  margin: 20px auto;
}
.order-status-result-wrap .order-status-result .el-form .el-form-item[data-v-78cda621] {
  margin-bottom: 0;
}
*,:after,:before{box-sizing:border-box;outline:none}body,html{height:100%}body{min-width:1200px;background-color:#fff;font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;-webkit-font-smoothing:antialiased}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,iframe,img,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}article,aside,audio,details,figcaption,figure,footer,header,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%}fieldset,img{border:0}address,caption,cite,dfn,em,i,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}a{text-decoration:none;color:inherit;&:hover{text-decoration:none}}a,button,input,label,select{-webkit-tap-highlight-color:rgba(0,0,0,0)}button,input,select{font:100% Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;vertical-align:baseline;border-radius:0;background-color:transparent}select{-webkit-appearance:none;-moz-appearance:none}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:none}input[type=checkbox],input[type=radio]{vertical-align:middle}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;-moz-appearance:none!important;margin:0}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}textarea{outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;overflow:auto;resize:none;font:100% tahoma,\5b8b\4f53,arial}
.common-tips-color[data-v-3c9727fc] {
  color: #8a8a8a;
}

.notice[data-v-7b243140] {
  color: #8a8a8a;
}
.notice li[data-v-7b243140] {
  line-height: 24px;
}
.notice-title[data-v-7b243140] {
  margin-bottom: 20px;
}
.notice .link[data-v-7b243140] {
  color: #b62929;
}
.notice-text[data-v-7b243140] {
  color: #b62929;
}

.nav[data-v-03367bcc] {
  padding-bottom: 10px;
  margin-bottom: 45px;
  overflow: hidden;
}
.nav ul[data-v-03367bcc] {
  height: 40px;
  border-bottom: 3px #dbdbdb solid;
}
.nav li[data-v-03367bcc] {
  display: inline;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
}
.nav a[data-v-03367bcc] {
  display: block;
  float: left;
  padding: 0 20px;
  height: 40px;
  text-align: center;
  border-bottom: 3px #dbdbdb solid;
}
.nav a[data-v-03367bcc]:hover {
  border-bottom: 3px #cc3333 solid;
}
.nav a .arrow[data-v-03367bcc] {
  display: none;
}
.nav a.current[data-v-03367bcc] {
  border-bottom: 3px #cc3333 solid;
}
.nav a.current .arrow[data-v-03367bcc] {
  display: block;
}
.nav .arrow[data-v-03367bcc] {
  position: relative;
  top: -3px;
  display: block;
  width: 13px;
  height: 9px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/arrow.73e2a162.jpg) no-repeat;
}

.common-tips-color[data-v-ea1fad38] {
  color: #8a8a8a;
}
.large-red-btn[data-v-ea1fad38] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-ea1fad38]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-ea1fad38] {
  background: #d0d0d0;
}
.small-default-btn[data-v-ea1fad38] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-ea1fad38]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-ea1fad38] {
  background: #d0d0d0;
}
.small-red-btn[data-v-ea1fad38] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-ea1fad38]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-ea1fad38] {
  background: #d0d0d0;
}
.status-card[data-v-ea1fad38] {
  margin: 80px 0;
}
.status-card-icon[data-v-ea1fad38] {
  text-align: center;
  margin: 20px 0;
}
.status-card-text-top[data-v-ea1fad38] {
  margin: 10px 0;
}
.operate-account .common-tips-color[data-v-ea1fad38] {
  margin-bottom: 50px;
}
.operate-account .el-form[data-v-ea1fad38] {
  width: 400px;
  margin: 0 auto;
}
.operate-account .el-form .el-select[data-v-ea1fad38],
.operate-account .el-form .el-input[data-v-ea1fad38] {
  width: 225px;
}
.operate-account .el-form .game-list[data-v-ea1fad38] {
  width: 380px;
  overflow: hidden;
}
.operate-account .el-form .game-list .game[data-v-ea1fad38] {
  width: 140px;
  cursor: pointer;
  float: left;
  margin-right: 20px;
  text-align: center;
  position: relative;
}
.operate-account .el-form .game-list .game img[data-v-ea1fad38] {
  border: 1px solid #ececec;
  border-radius: 5px;
  display: block;
  width: 100%;
  height: 60px;
}
.operate-account .el-form .game-list .game p[data-v-ea1fad38] {
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
}

.common-tips-color[data-v-fa773410] {
  color: #8a8a8a;
}
.carousel[data-v-fa773410] {
  width: 100%;
  position: relative;
}
.carousel-slider[data-v-fa773410] {
  width: 100%;
  overflow: hidden;
}
.carousel-slider-dots[data-v-fa773410] {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.carousel-slider-dots.float-dot[data-v-fa773410] {
  position: absolute;
  bottom: 15px;
}
.carousel-slider-dots.pos-center[data-v-fa773410] {
  text-align: center;
}
.carousel-slider-dots.pos-left[data-v-fa773410] {
  text-align: left;
  padding-left: 20%;
}
.carousel-slider-dots.pos-right[data-v-fa773410] {
  text-align: right;
  padding-right: 20%;
}
.carousel-slider-dots-dot[data-v-fa773410] {
  cursor: pointer;
  display: inline-block;
  border-radius: 100%;
  margin: 0 7.5px;
}
.carousel-slider-dots-dot.default[data-v-fa773410] {
  width: 15px;
  height: 15px;
  border: 2px solid #dec882;
  background: none;
}
.carousel-slider-dots-dot.default.active[data-v-fa773410] {
  background: #dec882;
}
.carousel-slider-dots-dot.large[data-v-fa773410] {
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  background: #dddddd;
}
.carousel-slider-dots-dot.large.active[data-v-fa773410] {
  background: #dec882;
}
.carousel-img[data-v-fa773410] {
  width: 100%;
  text-indent: -9999em;
}

.common-tips-color {
  color: #8a8a8a;
}
.large-red-btn {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled {
  background: #d0d0d0;
}
.small-default-btn {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled {
  background: #d0d0d0;
}
.small-red-btn {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled {
  background: #d0d0d0;
}
/*@font-face {
  font-family: 'PingFangSC-Medium';
  src: url('./font/PingFang-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}*/
.close-btn[data-v-97af3958] {
  position: absolute;
  top: 12px;
  right: 16px;
  display: block;
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIxSURBVHic7ZnRatswFIZ/eTE2IWT2WTKGH2B7gA3G+v6sN73dbWEwAoNWJDPETlJLu2kgNdRxrCN5Xc93FwV+dL7Ilk4ECIIgCIIgCIIgCIIgvDLecIYR0Xwymcz2+33FmeszX3EFLRaLj03TfAKAKIq2SZJcr1arLVN8TERfrLULAFBK3Wqtf3AEs6wAIpobYz4fP1trY2PMhzzPf5dleXCMj7MsuwKQn4zlcRzfc6yEyDUAALTWD+0xY8x0t9t9K4pi6hAdZ1l2pZSaO2R0wiIAwFYpddcedJTwbPFRFG3LsrwfNNN2FkcIAGitb6y1f9rjAyV0Fp8kybXTZE/g3AVMXderNE3fK6WS0y8ufCecLZ7x5cq7DcJdQtDiAX4BwHAJwYsH/AgALpcwSvGAPwFAfwkYq3iA8STYQeev2zTNw1jFA35XwJHOldAeA8IVD4QRAHRIaBOyeCCcAKCHhNDFA4wnwZdKyBVwtrFh7iJ7EUpA764utIQQAjq3QWNM5dg7OOH7HXD2hLder78zdpEX43MF9D3ecnWRg/Al4NKz/WgSfAgY2tiMIoFbgGtXF1wCpwCuljaoBDYBRPQVT/+6BjD4eHtWQlVVvwAYx2nzbINEND9eWjwJdzvbH7q2yOVy+W7QZFt4uxdgamyelVDX9T/1CBxmsxlOrq7u0jS9Yerqjo9DopR6+5h/u9lsfjJk81IUxZSIvN3iPGZ7PRkKgiAIgiAIgiAIgiD89/wFW4Trr+90TWkAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  cursor: pointer;
}
.product-info[data-v-97af3958] {
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.user-info[data-v-97af3958] {
  margin-top: 10px;
  padding: 40px 20px;
  height: 156px;
  background: url(//www-pc.xoyocdn.com/overall/img/user-bg.4a5b33e8.png) no-repeat;
  background-size: cover;
  box-sizing: border-box;
  font-size: 20px;
  color: #8C6E00;
  line-height: 24px;
}
.user-info dl[data-v-97af3958] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 12px;
}
.user-info dl[data-v-97af3958]:last-child {
  margin-bottom: 0px;
}
.user-info dt[data-v-97af3958] {
  color: rgba(140, 110, 0, 0.6);
}
.pay-way[data-v-97af3958] {
  margin-top: 24px;
}
.pay-way-title[data-v-97af3958] {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 24px;
  color: #111111;
  font-weight: bold;
}
.pay-way-list[data-v-97af3958] {
  max-height: 224px;
  overflow: hidden;
  overflow-y: auto;
}
.pay-way-channel[data-v-97af3958] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 12px 0;
  height: 32px;
  box-sizing: content-box;
  box-shadow: 0px 1px 0px 0px #EEEEEE;
  font-size: 18px;
}
.pay-way-channel > div[data-v-97af3958] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
}
.pay-way-channel input[data-v-97af3958] {
  position: absolute;
  visibility: hidden;
}
.pay-way-channel .radio[data-v-97af3958] {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(//www-pc.xoyocdn.com/overall/img/radio-default.4d654f5d.png);
  background-size: cover;
}
.pay-way-channel .radio.active[data-v-97af3958] {
  background-image: url(//www-pc.xoyocdn.com/overall/img/radio-active.3cd757ae.png);
}
.pay-way-channel .logo[data-v-97af3958] {
  display: block;
  width: 32px;
  height: 32px;
}
.pay-way-channel .logo img[data-v-97af3958] {
  width: 100%;
  height: 100%;
}
.pay-way-channel .name[data-v-97af3958] {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding-left: 12px;
  color: #111;
}
.pay-way-channel .last-select[data-v-97af3958] {
  margin-right: 14px;
  font-size: 16px;
  color: #999;
}
.product-img[data-v-97af3958] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 120px;
  border-radius: 4px;
  overflow: hidden;
  background: #f9fafc;
}
.product-img img[data-v-97af3958] {
  width: 120px;
  height: 120px;
}
.pay-confirm[data-v-97af3958] .el-dialog {
  width: 648px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.pay-confirm[data-v-97af3958] .el-dialog__header {
  display: none;
}
.pay-confirm[data-v-97af3958] .el-dialog__body {
  padding: 0px 24px 0px;
}
.pay-confirm[data-v-97af3958] .el-dialog__footer {
  padding: 0;
}
.pay-confirm-title[data-v-97af3958] {
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-size: 20px;
  color: #1A1A1A;
  box-shadow: 0px 1px 0px 0px #EEEEEE;
}
.pay-confirm-footer[data-v-97af3958] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-top: 20px;
  padding: 20px 20px;
  box-shadow: inset 0px 1px 0px 0px #EEEEEE;
}
.pay-confirm-price .price-title[data-v-97af3958] {
  font-size: 16px;
  line-height: 20px;
  color: #767676;
}
.pay-confirm-price .price-area[data-v-97af3958] {
  font-size: 20px;
  line-height: 24px;
  color: #AF170F;
}
.pay-confirm-price .price-init-num[data-v-97af3958] {
  font-size: 40px;
  line-height: 48px;
}
.pay-confirm-button[data-v-97af3958] {
  width: 176px;
  height: 48px;
  font-size: 20px;
  border-radius: 4px;
  line-height: 48px;
  color: #fff;
  background: #A53832;
  cursor: pointer;
  font-weight: bold;
}
.pay-confirm-button[data-v-97af3958]:hover {
  background: #d25b5b;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.product-area[data-v-97af3958] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-left: 16px;
}
.product-area .product-name[data-v-97af3958] {
  font-size: 24px;
  line-height: 30px;
  color: #111;
  font-weight: bold;
}
.product-area .product-game[data-v-97af3958] {
  margin-top: 8px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(17, 17, 17, 0.5);
}
.product-price[data-v-97af3958] {
  font-size: 16px;
  color: #111;
  font-weight: bold;
}
.product-price .price-init-num[data-v-97af3958] {
  font-size: 24px;
  line-height: 30px;
}
.product-price .amount[data-v-97af3958] {
  font-weight: normal;
  position: relative;
  top: 12px;
  float: right;
  display: block;
  padding: 0px 0px 0px 6px;
  line-height: 24px;
  border-radius: 2px;
  border: 1px solid rgba(17, 17, 17, 0.2);
  font-size: 12px;
  text-align: center;
}
.product-price .amount input[data-v-97af3958] {
  width: 12px;
  min-width: 12px;
  max-width: 100px;
  margin-left: 1px;
  border: none;
  cursor: not-allowed;
}

.nav[data-v-f380ed18] {
  padding-bottom: 10px;
  margin-bottom: 45px;
  overflow: hidden;
}
.nav ul[data-v-f380ed18] {
  height: 40px;
  border-bottom: 3px #dbdbdb solid;
}
.nav li[data-v-f380ed18] {
  display: inline;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
}
.nav a[data-v-f380ed18] {
  display: block;
  float: left;
  padding: 0 20px;
  height: 40px;
  text-align: center;
  border-bottom: 3px #dbdbdb solid;
}
.nav a[data-v-f380ed18]:hover {
  border-bottom: 3px #cc3333 solid;
}
.nav a .arrow[data-v-f380ed18] {
  display: none;
}
.nav a.current[data-v-f380ed18] {
  border-bottom: 3px #cc3333 solid;
}
.nav a.current .arrow[data-v-f380ed18] {
  display: block;
}
.nav .arrow[data-v-f380ed18] {
  position: relative;
  top: -3px;
  display: block;
  width: 13px;
  height: 9px;
  margin: 0 auto;
  background: url(//www-pc.xoyocdn.com/overall/img/arrow.73e2a162.jpg) no-repeat;
}
.bar[data-v-dc93356a]{width:100%;height:20px;background:#000}.modal[data-v-dc93356a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:9999}.close[data-v-dc93356a],.modal[data-v-dc93356a]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close[data-v-dc93356a]{position:absolute;right:10px;top:10px;padding:4px 6px;background:rgba(0,0,0,.8);border-radius:5px;cursor:pointer;color:#fcf8e3}.buttons[data-v-31a57006]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:0 auto;width:100%;padding:0 100px;max-width:500px}.description[data-v-31a57006]{width:100%;max-width:600px;margin:20px auto;text-indent:2em}
.btn-disabled[data-v-3e499e04] {
  color: grey;
}
button.xoyo-pc-SendCode[data-v-3e499e04] {
  border: none;
  cursor: pointer;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background: #b62929;
  color: #fff;
}
button.xoyo-pc-SendCode[data-v-3e499e04]:hover {
  background: #b62929;
  color: #fff;
  opacity: 0.8;
}
button.xoyo-pc-SendCode.btn-disabled[data-v-3e499e04] {
  background: none;
  color: #909399;
}
button.xoyo-pc-SendCode.btn-disabled[data-v-3e499e04]:hover {
  background: none;
  color: #909399;
}

.common-tips-color[data-v-4f364977] {
  color: #8a8a8a;
}
.stepper[data-v-4f364977] {
  height: 45px;
  position: relative;
  border-bottom: 1px solid #f6f6f5;
  margin-bottom: 50px;
  text-align: center;
}
.stepper-step[data-v-4f364977] {
  display: inline-block;
  font-size: 14px;
  color: #999999;
  padding-left: 60px;
  padding-right: 12px;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-stepper-step.326222f8.png) no-repeat left center;
}
.stepper-step[data-v-4f364977]:nth-child(1) {
  padding-left: 45px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAECAYAAADrsu3pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzg2NTUxMkRFMUIxMUU3ODA3RjkzOTg0QTM3MEQwMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzg2NTUxM0RFMUIxMUU3ODA3RjkzOTg0QTM3MEQwMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDODY1NTEwREUxQjExRTc4MDdGOTM5ODRBMzcwRDAyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDODY1NTExREUxQjExRTc4MDdGOTM5ODRBMzcwRDAyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4YW3dwAAAGpJREFUeNpifPz4sRADA4MXEK8D4m8MCECqOCMQewDxeyA+Qao4C5A4A8SKQOwOxLFICkkVNwfibVC2MBC/I0WcCUgchXJ2MqACUsVvIbE/kyrOCIwaEIMLLZhhgFRxViD+A8T/SRUHCDAAxkYtyxsCK9cAAAAASUVORK5CYII=) no-repeat left center;
}
.stepper-step[data-v-4f364977]:nth-last-child(1) {
  padding-right: 10px;
}
.stepper-step.active[data-v-4f364977] {
  color: #b62929;
}
.stepper-step-rear[data-v-4f364977] {
  width: 60px;
  height: 16px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAECAYAAADrsu3pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzg2NTUxMkRFMUIxMUU3ODA3RjkzOTg0QTM3MEQwMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzg2NTUxM0RFMUIxMUU3ODA3RjkzOTg0QTM3MEQwMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDODY1NTEwREUxQjExRTc4MDdGOTM5ODRBMzcwRDAyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDODY1NTExREUxQjExRTc4MDdGOTM5ODRBMzcwRDAyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4YW3dwAAAGpJREFUeNpifPz4sRADA4MXEK8D4m8MCECqOCMQewDxeyA+Qao4C5A4A8SKQOwOxLFICkkVNwfibVC2MBC/I0WcCUgchXJ2MqACUsVvIbE/kyrOCIwaEIMLLZhhgFRxViD+A8T/SRUHCDAAxkYtyxsCK9cAAAAASUVORK5CYII=) no-repeat left 9px;
}

.rate[data-v-1b1213c3] {
  display: inline-block;
}
.rate span[data-v-1b1213c3] {
  width: 25px;
  display: block;
  float: left;
}
.rate span img[data-v-1b1213c3] {
  display: block;
  margin: 0 auto;
}

.common-a-button[data-v-19be102a] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
}
.user-info[data-v-19be102a] {
  padding: 30px 0;
}
.user-info-item[data-v-19be102a] {
  line-height: 40px;
}
.user-info-item .icon-box[data-v-19be102a] {
  margin: 0 3px;
  position: relative;
}
.user-info-item .icon-box.no[data-v-19be102a] {
  cursor: pointer;
}
.user-info-item .icon-box img[data-v-19be102a] {
  vertical-align: middle;
}
.user-info-item .icon-box .icon[data-v-19be102a] {
  position: absolute;
  right: 0;
  bottom: -5px;
}
.user-info-item .mobile-auth .icon[data-v-19be102a] {
  right: -8px;
}
.user-info-item .level-score[data-v-19be102a] {
  margin-left: 15px;
}
.user-info-item .common-a-button[data-v-19be102a] {
  margin: 0 15px;
}
.user-info .modify-profile-box[data-v-19be102a] {
  position: absolute;
  right: 0px;
  top: 40px;
}
.user-info .modify-profile-box a[data-v-19be102a] {
  color: #999999;
  margin: 0 10px;
}
.user-info .modify-profile-box2[data-v-19be102a] {
  position: absolute;
  right: 0px;
  bottom: 40px;
}
.user-info .modify-profile-box2 a[data-v-19be102a] {
  color: #999999;
  margin: 0 10px;
}

.common-tips-color[data-v-49380b7e] {
  color: #8a8a8a;
}
.large-red-btn[data-v-49380b7e] {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn[data-v-49380b7e]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-49380b7e] {
  background: #d0d0d0;
}
.small-default-btn[data-v-49380b7e] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn[data-v-49380b7e]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-49380b7e] {
  background: #d0d0d0;
}
.small-red-btn[data-v-49380b7e] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-49380b7e]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-49380b7e] {
  background: #d0d0d0;
}
.modify-avatar[data-v-49380b7e] {
  width: 730px;
  height: 668px;
  position: absolute;
  z-index: 999;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-modify-avatar.4ec16f8f.png) no-repeat;
  top: -66px;
  left: 130px;
}
.modify-avatar .close-btn-wrap[data-v-49380b7e] {
  width: 100%;
  padding: 20px 0;
  position: absolute;
  bottom: 20px;
}
.modify-avatar .avatar-box[data-v-49380b7e] {
  margin: 34px 34px 0px 34px;
  overflow: hidden;
  position: relative;
}
.modify-avatar .avatar-box-wrap[data-v-49380b7e] {
  width: 100%;
  height: 520px;
  overflow-y: scroll;
}
.modify-avatar .avatar-box-wrap .avatar[data-v-49380b7e] {
  width: 150px;
  height: 151px;
  display: block;
  float: left;
  border-radius: 10px;
  margin: 6px;
  overflow: hidden;
}
.modify-avatar .avatar-box-wrap .avatar[data-v-49380b7e]:nth-child(4n) {
  margin-right: 0;
}
.modify-avatar .avatar-box-wrap .avatar img[data-v-49380b7e] {
  display: block;
  width: 100%;
}

.common-tips-color {
  color: #8a8a8a;
}
.large-red-btn {
  width: 228px;
  height: 53px;
  line-height: 53px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding: 0;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled {
  background: #d0d0d0;
}
.small-default-btn {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #b62929;
  border: 1px #b62929 solid;
  font-size: 16px;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled {
  background: #d0d0d0;
}
.small-red-btn {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled {
  background: #d0d0d0;
}
.anti-addiction-form .el-form {
  width: 325px;
  margin: 0 auto;
}

.usercard[data-v-22da73fe] {
  padding: 0 55px;
}
.usercard .container[data-v-22da73fe] {
  width: auto;
  height: 220px;
  position: relative;
  border-bottom: 1px #ececec solid;
}
.usercard .container .avatar-box[data-v-22da73fe] {
  padding-right: 80px;
  width: 120px;
  height: 218px;
  position: relative;
}

.right[data-v-10bb9dd4] {
  position: relative;
  padding-bottom: 40px;
  color: #444444;
  width: 969px;
  min-height: 850px;
  float: left;
  overflow: hidden;
  margin-left: 230px;
}
.right .content[data-v-10bb9dd4] {
  padding: 15px 55px;
}
.corner[data-v-10bb9dd4] {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
}
.left-up-corner[data-v-10bb9dd4] {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  left: 2px;
  top: 2px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzZCMTc1MDlEMUY4MTFFODkyMDE4ODVCREMxOUIwNzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzZCMTc1MEFEMUY4MTFFODkyMDE4ODVCREMxOUIwNzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNkIxNzUwN0QxRjgxMUU4OTIwMTg4NUJEQzE5QjA3MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNkIxNzUwOEQxRjgxMUU4OTIwMTg4NUJEQzE5QjA3MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsiWo1IAAAA7SURBVHjaYrx7bf9/BiIAC4hQ0nRgJKSQiYFIwILMuXf9ANwZ6LawoOvE5QyirWYixjTyTaSKQoAAAwBj0wkvJWwzPQAAAABJRU5ErkJggg==) no-repeat;
}
.left-down-corner[data-v-10bb9dd4] {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  left: 2px;
  bottom: 2px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDY2MUU3NDlEMUY4MTFFOEIzNUZENEE2QTUzOTc3RTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDY2MUU3NEFEMUY4MTFFOEIzNUZENEE2QTUzOTc3RTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNjYxRTc0N0QxRjgxMUU4QjM1RkQ0QTZBNTM5NzdFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjYxRTc0OEQxRjgxMUU4QjM1RkQ0QTZBNTM5NzdFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pus0xwUAAAA0SURBVHjaYrh7bf9/IGAghJkYiAQ0Vnjv+oH/1LcaZCo2k1mQOUqaDowUW81CyBMwABBgAAI6LMkOgrKaAAAAAElFTkSuQmCC) no-repeat;
}
.right-up-corner[data-v-10bb9dd4] {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  right: 2px;
  top: 2px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUNGNTEyQTlEMUY3MTFFOEI3NzVFQzMxOTgwNTFBMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUNGNTEyQUFEMUY3MTFFOEI3NzVFQzMxOTgwNTFBMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Q0Y1MTJBN0QxRjcxMUU4Qjc3NUVDMzE5ODA1MUExRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Q0Y1MTJBOEQxRjcxMUU4Qjc3NUVDMzE5ODA1MUExRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po8QqT8AAABASURBVHjaYrx7bf9/BmLA////CWKQYUwMRAIWdIF71w/AnaKk6cAIY2OYCJJEVoBTIS6AUyG6qZSbSLZCgAADAE0sJ39Qzo/jAAAAAElFTkSuQmCC) no-repeat;
}
.right-down-corner[data-v-10bb9dd4] {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  right: 2px;
  bottom: 2px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODY3REUxRjlEMUY3MTFFOEIzMkFFMTYxODU2QjZGN0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODY3REUxRkFEMUY3MTFFOEIzMkFFMTYxODU2QjZGN0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NjdERTFGN0QxRjcxMUU4QjMyQUUxNjE4NTZCNkY3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NjdERTFGOEQxRjcxMUU4QjMyQUUxNjE4NTZCNkY3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhCyNbMAAAAwSURBVHjaYvj//z8DIXz32v7/TAxEAjoqvHf9wH+yTGQhZBIcUD14GEGqiVEIEGAA29tHFyXU5n0AAAAASUVORK5CYII=) no-repeat;
}

.common-tips-color[data-v-94ce77fa] {
  color: #8a8a8a;
}
.left[data-v-94ce77fa] {
  position: absolute;
  top: 0px;
  left: 1px;
  width: 228px;
  height: 999em;
  background: #fff;
  float: left;
  margin-right: 1px;
  border-right: 1px #e9e2c6 solid;
}
.left .personal-title .nav-title[data-v-94ce77fa] {
  background-image: url(//www-pc.xoyocdn.com/overall/img/personal-center-title.7b7cd92a.jpg);
  background-repeat: no-repeat;
}
.left .security-title .nav-title[data-v-94ce77fa] {
  background-image: url(//www-pc.xoyocdn.com/overall/img/security-center-title.23aed25c.jpg);
  background-repeat: no-repeat;
}
.left .voucher-title .nav-title[data-v-94ce77fa] {
  background-image: url(//www-pc.xoyocdn.com/overall/img/voucher-center-title.d7fc287b.jpg);
  background-repeat: no-repeat;
}
.left .quick-service ul[data-v-94ce77fa] {
  overflow: hidden;
  margin: 40px auto 0;
  width: 170px;
}
.left .quick-service li[data-v-94ce77fa] {
  display: inline-block;
  float: left;
  width: 85px;
  height: 85px;
}
.left .quick-service .quick-service-item[data-v-94ce77fa] {
  display: block;
  padding-top: 20px;
  width: 85px;
  height: 65px;
  text-align: center;
  color: #bdbdbd;
  text-shadow: 1px 1px 1px #fff;
}
.left .quick-service .quick-service-item span[data-v-94ce77fa] {
  display: block;
}
.left .quick-service .quick-service-item img[data-v-94ce77fa] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.left .quick-service .quick-service-item[data-v-94ce77fa]:hover {
  color: #edb000;
}
.left .quick-service .quick-service-item:hover img[data-v-94ce77fa] {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
.left .quick-service .one[data-v-94ce77fa] {
  border-bottom: 1px #e7e7e7 solid;
  border-right: 1px #e7e7e7 solid;
}
.left .quick-service .four[data-v-94ce77fa] {
  border-top: 1px #e7e7e7 solid;
  border-left: 1px #e7e7e7 solid;
}
.left .nav[data-v-94ce77fa] {
  font-size: 16px;
}
.left .nav .nav-title[data-v-94ce77fa] {
  height: 55px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #444444;
  padding-left: 24px;
  cursor: pointer;
  text-indent: -999em;
  background-position: left -55px;
}
.left .nav.active .nav-title[data-v-94ce77fa],
.left .nav:hover .nav-title[data-v-94ce77fa] {
  background-position: left 0px;
}
.left .nav .menu-text[data-v-94ce77fa],
.left .nav .sub-menu[data-v-94ce77fa] {
  cursor: pointer;
  color: #434343;
  background: #fff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.left .nav .menu-text .current-arrow[data-v-94ce77fa],
.left .nav .sub-menu .current-arrow[data-v-94ce77fa] {
  display: none;
  position: absolute;
  top: 1px;
  right: -14px;
  width: 14px;
  height: 48px;
  background: url(//www-pc.xoyocdn.com/overall/img/current-arrow.476431c8.png) no-repeat;
}
.left .nav .menu-text .tab-name[data-v-94ce77fa],
.left .nav .sub-menu .tab-name[data-v-94ce77fa],
.left .nav .menu-text a[data-v-94ce77fa],
.left .nav .sub-menu a[data-v-94ce77fa] {
  position: relative;
  display: block;
  padding-left: 30px;
  width: auto;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px #e9e2c6 solid;
}
.left .nav .menu-text .tab-name .icon[data-v-94ce77fa],
.left .nav .sub-menu .tab-name .icon[data-v-94ce77fa],
.left .nav .menu-text a .icon[data-v-94ce77fa],
.left .nav .sub-menu a .icon[data-v-94ce77fa] {
  display: inline-block;
  margin-right: 8px;
}
.left .nav .menu-text .tab-name .icon img[data-v-94ce77fa],
.left .nav .sub-menu .tab-name .icon img[data-v-94ce77fa],
.left .nav .menu-text a .icon img[data-v-94ce77fa],
.left .nav .sub-menu a .icon img[data-v-94ce77fa] {
  width: 15px;
  vertical-align: middle;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.left .nav .menu-text .tab-name[data-v-94ce77fa]:hover,
.left .nav .sub-menu .tab-name[data-v-94ce77fa]:hover,
.left .nav .menu-text a[data-v-94ce77fa]:hover,
.left .nav .sub-menu a[data-v-94ce77fa]:hover {
  background-color: #fff7e0;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.left .nav .menu-text .tab-name:hover .icon img[data-v-94ce77fa],
.left .nav .sub-menu .tab-name:hover .icon img[data-v-94ce77fa],
.left .nav .menu-text a:hover .icon img[data-v-94ce77fa],
.left .nav .sub-menu a:hover .icon img[data-v-94ce77fa] {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
.left .nav .menu-text .tab-name.active[data-v-94ce77fa],
.left .nav .sub-menu .tab-name.active[data-v-94ce77fa],
.left .nav .menu-text a.active[data-v-94ce77fa],
.left .nav .sub-menu a.active[data-v-94ce77fa] {
  background-color: #fff7e0;
}
.left .nav .menu-text .tab-name.active .current-arrow[data-v-94ce77fa],
.left .nav .sub-menu .tab-name.active .current-arrow[data-v-94ce77fa],
.left .nav .menu-text a.active .current-arrow[data-v-94ce77fa],
.left .nav .sub-menu a.active .current-arrow[data-v-94ce77fa] {
  display: block;
}
.left .nav .menu-text .tab-name.active .icon img[data-v-94ce77fa],
.left .nav .sub-menu .tab-name.active .icon img[data-v-94ce77fa],
.left .nav .menu-text a.active .icon img[data-v-94ce77fa],
.left .nav .sub-menu a.active .icon img[data-v-94ce77fa] {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
.left .nav .sub-menu-box[data-v-94ce77fa] {
  padding: 0  25px 0 5px;
  background: #f4f4f4;
}
.left .nav .sub-menu[data-v-94ce77fa] {
  cursor: default;
}
.left .nav .sub-menu-title[data-v-94ce77fa] {
  background-image: url(//www-pc.xoyocdn.com/overall/img/down-arrrow.563a1c84.png);
  background-position: 90% center;
  background-repeat: no-repeat;
}
.left .nav .sub-menu-item[data-v-94ce77fa] {
  position: relative;
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding-left: 24px;
  color: #8a8a8a;
  border-bottom: 1px #eaeaea solid;
  cursor: pointer;
}
.left .nav .sub-menu-item .spot[data-v-94ce77fa] {
  display: none;
  position: absolute;
  top: 0px;
  left: 10px;
  width: 5px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkUyQkYzMUFEMUU2MTFFODk2RTZGRTY0RDU3NzlEOUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkUyQkYzMUJEMUU2MTFFODk2RTZGRTY0RDU3NzlEOUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTJCRjMxOEQxRTYxMUU4OTZFNkZFNjRENTc3OUQ5RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTJCRjMxOUQxRTYxMUU4OTZFNkZFNjRENTc3OUQ5RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppgrp6gAAABASURBVHjaYny/U0aOgYFhDhBbAvFxIE5hARJzgdiFAQJcgXghE5CwYEAFViDBE2iCx0CCyUC8B4i/QukEgAADAF3rCuXRVYBYAAAAAElFTkSuQmCC) left center no-repeat;
}
.left .nav .sub-menu-item[data-v-94ce77fa]:hover,
.left .nav .sub-menu-item.active[data-v-94ce77fa] {
  background: url(//www-pc.xoyocdn.com/overall/img/list-foot.f4a432d1.png) right center no-repeat;
}
.left .nav .sub-menu-item:hover .spot[data-v-94ce77fa],
.left .nav .sub-menu-item.active .spot[data-v-94ce77fa] {
  display: block;
}

.ucenter[data-v-79df4a9e] {
  margin-top: 99px;
}
.ucenter-content[data-v-79df4a9e] {
  position: relative;
  overflow: hidden;
  border: 1px #e9e2c6 solid;
}
.ucenter-lines[data-v-79df4a9e] {
  overflow: hidden;
}
.ucenter-body[data-v-79df4a9e] {
  padding-top: 14px;
}
.ucenter-body .container[data-v-79df4a9e] {
  overflow: hidden;
}

.bread-crumb[data-v-1c545505] {
  margin: 40px 54px 20px 54px;
  font-size: 14px;
  color: #8a8a8a;
}

.footer[data-v-22444ede] {
  padding: 20px 0 60px;
  background: #000000;
  color: #ffffff;
}
.footer .container[data-v-22444ede] {
  overflow: hidden;
  color: #868686;
}
.footer .container .footer-left[data-v-22444ede] {
  width: 340px;
  overflow: hidden;
  text-align: right;
}
.footer .container .footer-right[data-v-22444ede] {
  margin-left: 35px;
}
.footer .container .footer-right-nav a[data-v-22444ede] {
  line-height: 24px;
  color: #cdb670;
  margin-right: 30px;
}
.footer .container .footer-right .licence[data-v-22444ede] {
  line-height: 24px;
}
.footer .container .footer-right .licence a[data-v-22444ede] {
  color: #868686;
  margin-right: 15px;
}
.footer .container .footer-right .licence span[data-v-22444ede] {
  color: #868686;
}
.footer-big[data-v-22444ede] {
  text-align: center;
}
.footer-big .licence[data-v-22444ede] {
  margin-bottom: 16px;
}
.footer-big .licence a[data-v-22444ede] {
  margin-right: 20px;
}
.footer-big .licence a .img[data-v-22444ede] {
  margin-rigth: 40px;
}
.footer-big-bar[data-v-22444ede] {
  height: 65px;
  line-height: 65px;
  background: #292929;
}
.footer-big-bar-nav ul[data-v-22444ede] {
  overflow: hidden;
}
.footer-big-bar-nav li[data-v-22444ede] {
  float: left;
  width: 130px;
  display: inline;
}
.footer-big-bar-nav a[data-v-22444ede] {
  width: 100%;
  display: inline-block;
  line-height: 24px;
  color: #cdb670;
}
.footer-big-bar-nav a span[data-v-22444ede] {
  position: relative;
  top: 5px;
  float: right;
  display: block;
  height: 15px;
  border: 1px #585858 solid;
}
.footer-big-bar .container[data-v-22444ede] {
  overflow: hidden;
}
.anti-addiction-rule[data-v-22444ede]:hover {
  text-decoration: underline;
}
.main{width:100%;overflow:hidden;margin-bottom:85px}
.common-tips-color[data-v-4d3a4cf6] {
  color: #8a8a8a;
}
.navigator[data-v-4d3a4cf6] {
  position: absolute;
  width: 100%;
  height: 99px;
  border-bottom: 1px solid #ebebeb;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
  top: 36px;
  border-bottom: none;
}
.navigator .container[data-v-4d3a4cf6] {
  margin: 0 auto;
}
.navigator .container .logo[data-v-4d3a4cf6] {
  margin-left: 15px;
  display: table-cell;
  height: 99px;
  vertical-align: middle;
}
.navigator .container .menu[data-v-4d3a4cf6] {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 100%;
}
.navigator .container .menu-item[data-v-4d3a4cf6] {
  font-size: 20px;
  margin-left: 55px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.navigator .container .menu-item[data-v-4d3a4cf6]:hover,
.navigator .container .menu-item.active[data-v-4d3a4cf6] {
  font-size: 24px;
  color: #b62929;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.root[data-v-75859509] {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.header-selector[data-v-75859509] {
  color: #cc3333;
}
.header-selector .selector-wrapper[data-v-75859509] {
  top: 26px;
  width: 311px;
}
.header-selector .selector-title[data-v-75859509] {
  height: 46px;
  background: #f3f3f3;
  font-size: 16px;
  color: #333333;
  line-height: 46px;
  padding-left: 26px;
  font-weight: bold;
  border-bottom: 1px #ebebeb solid;
}
.header-selector .select-content[data-v-75859509] {
  padding: 26px 18px 14px 26px;
  font-size: 14px;
  color: #333333;
  background: #f7f7f7;
}
.header-selector .item[data-v-75859509] {
  height: 32px;
  line-height: 32px;
  margin-bottom: 14px;
}
.box[data-v-75859509] {
  color: #cc3333;
}
.box .selector-wrapper[data-v-75859509] {
  top: 40px;
  width: 295px;
}
.box .select-content[data-v-75859509] {
  padding: 14px 20px 2px 12px;
  font-size: 14px;
  color: #333333;
  background: #f7f7f7;
}
.box .item[data-v-75859509] {
  height: 22px;
  line-height: 22px;
  margin-bottom: 14px;
}
.selector-label[data-v-75859509] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAA1klEQVR4XnXSIQvCQBgG4E0UBCfoqigaFfYrzIIW/4jVH2AWloyCzWayGgQ5EIPVbhIxich8X3YH347P8ITdve/27bggy7JAMsaUoAldaEEVChm/0IcDZJ45RIUS3wRTJSw9IJalRAlpzlBmIYSjEvhnxBJ/2i2sYeGFTjCDr33estQTgT3UYGKfb1CHjsi8WJILtLLFIcQmn+Qq9i8sRV6JNlCBhsm/JvdSdxCpUuRJ3ZX1xB05x/koAR8nCOVtaMNTCTqcpqRdI96zMexs8A1LGEDocj8dOQhUR/gY6QAAAABJRU5ErkJggg==) no-repeat left center;
  background-position: center right;
  padding-right: 24px;
}
.selector-wrapper[data-v-75859509] {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 20;
}
.selector[data-v-75859509] {
  background: #ddd;
  border: 1px #ebebeb solid;
}
.copy[data-v-75859509] {
  float: right;
  color: #a4a4a4;
  text-decoration: underline;
  cursor: pointer;
}
.copy[data-v-75859509]:hover {
  color: #cc3333;
}

.vcode-box[data-v-91d31ac6] {
  background: #fff;
  text-align: center;
}
.vcode-bg[data-v-91d31ac6] {
  width: 167px;
  height: 167px;
  margin: 0 auto;
  padding: 16px;
  box-sizing: border-box;
  background: url(//www-pc.xoyocdn.com/overall/img/vcode-bg.52899fc1.png) no-repeat;
  background-size: cover;
}
.vcode-txt[data-v-91d31ac6] {
  margin-top: 4px;
}

.common-tips-color[data-v-471dc7c5] {
  color: #8a8a8a;
}
.header[data-v-471dc7c5] {
  height: 36px;
  border: 1px solid #ebebeb;
  background: #ffffff;
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
  position: relative;
}
.header .container[data-v-471dc7c5] {
  height: 36px;
  position: relative;
}
.header .container .slogan[data-v-471dc7c5] {
  color: #b62929;
  line-height: 36px;
}
.header .container .header-content[data-v-471dc7c5] {
  display: table;
  height: 36px;
  float: right;
}
.header .container .header-content .m-item[data-v-471dc7c5] {
  line-height: 36px;
  display: inline-block;
  padding-left: 16px;
  margin: 0 10px;
  position: relative;
}
.header .container .header-content .m-item.no-bg[data-v-471dc7c5] {
  background: none !important;
}
.header .container .header-content .m-item.active[data-v-471dc7c5],
.header .container .header-content .m-item[data-v-471dc7c5]:hover {
  color: #b62929;
}
.header .container .header-content .m-item .subMenu[data-v-471dc7c5] {
  color: #333333;
  display: none;
  width: 148px;
  border: 1px solid #ebebeb;
  border-top: none;
  background-color: #f7f7f7;
  text-align: left;
  position: absolute;
  top: 34px;
  left: 50%;
  z-index: 9;
  box-shadow: 0 0 1px 0 #e1e1e1;
  margin-left: -65.5px;
}
.header .container .header-content .m-item .subMenu .subTitle[data-v-471dc7c5] {
  background-color: #f3f3f3;
  display: block;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  font-weight: bold;
}
.header .container .header-content .m-item .subMenu .subTitle[data-v-471dc7c5]:nth-child(1) {
  border-top: 1px solid #ebebeb;
}
.header .container .header-content .m-item[data-v-471dc7c5]:nth-last-child(7) {
  background: url(//www-pc.xoyocdn.com/overall/img/icon-round-off-down-arrow.e07e488f.png) no-repeat left center;
  background-position: center right;
  padding-right: 16px;
}
.header .container .header-content .m-item:nth-last-child(7):hover .subMenu[data-v-471dc7c5] {
  display: block;
}
.header .container .header-content .m-item:nth-last-child(7):hover .subMenu .sub-item[data-v-471dc7c5] {
  display: block;
  position: relative;
}
.header .container .header-content .m-item:nth-last-child(7):hover .subMenu .sub-item:hover .bg-wrap[data-v-471dc7c5] {
  background: #e6e6e6;
  box-shadow: 0 0 5px 0 #d0d0d0 inset;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .container .header-content .m-item:nth-last-child(7):hover .subMenu .sub-item .bg-wrap[data-v-471dc7c5] {
  height: 26px;
  padding: 3px 5px;
  border-radius: 15px;
  margin: 0 5px 0 17px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .container .header-content .m-item:nth-last-child(7):hover .subMenu .sub-item .bg-wrap-link[data-v-471dc7c5] {
  padding-left: 0;
  margin: 0;
}
.header .container .header-content .m-item:nth-last-child(7):hover .subMenu .sub-item .bg-wrap .icon[data-v-471dc7c5] {
  width: 14px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
}
.header .container .header-content .m-item:nth-last-child(7):hover .subMenu .sub-item .bg-wrap .icon img[data-v-471dc7c5] {
  vertical-align: middle;
  margin-top: -2px;
}
.header .container .header-content .m-item[data-v-471dc7c5]:nth-last-child(6) {
  background: url(//www-pc.xoyocdn.com/overall/img/icon-round-off-down-arrow.e07e488f.png) no-repeat left center;
  background-position: center right;
  padding-right: 16px;
}
.header .container .header-content .m-item:nth-last-child(6):hover .subMenu[data-v-471dc7c5] {
  display: block;
}
.header .container .header-content .m-item:nth-last-child(6):hover .subMenu .sub-item[data-v-471dc7c5] {
  display: block;
  position: relative;
}
.header .container .header-content .m-item:nth-last-child(6):hover .subMenu .sub-item:hover .bg-wrap[data-v-471dc7c5] {
  background: #e6e6e6;
  box-shadow: 0 0 5px 0 #d0d0d0 inset;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .container .header-content .m-item:nth-last-child(6):hover .subMenu .sub-item .bg-wrap[data-v-471dc7c5] {
  height: 26px;
  padding: 3px 5px;
  border-radius: 15px;
  margin: 0 5px 0 17px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .container .header-content .m-item:nth-last-child(6):hover .subMenu .sub-item .bg-wrap-link[data-v-471dc7c5] {
  padding-left: 0;
  margin: 0;
}
.header .container .header-content .m-item:nth-last-child(6):hover .subMenu .sub-item .bg-wrap .icon[data-v-471dc7c5] {
  width: 14px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
}
.header .container .header-content .m-item:nth-last-child(6):hover .subMenu .sub-item .bg-wrap .icon img[data-v-471dc7c5] {
  vertical-align: middle;
  margin-top: -2px;
}
.header .container .header-content .m-item[data-v-471dc7c5]:nth-last-child(5) {
  background: url(//www-pc.xoyocdn.com/overall/img/icon-round-off-down-arrow.e07e488f.png) no-repeat left center;
  background-position: center right;
  padding-right: 16px;
}
.header .container .header-content .m-item[data-v-471dc7c5]:nth-last-child(8) {
  background: url(//www-pc.xoyocdn.com/overall/img/icon-round-off-down-arrow.e07e488f.png) no-repeat left center;
  background-position: center right;
  padding-right: 16px;
}
.header .container .header-content .m-item[data-v-471dc7c5]:nth-last-child(9) {
  background: url(//www-pc.xoyocdn.com/overall/img/icon-round-off-down-arrow.e07e488f.png) no-repeat left center;
  background-position: center right;
  padding-right: 16px;
}
.header .container .header-content .mobile-vcode[data-v-471dc7c5] {
  position: absolute;
  right: 160px;
  top: 34px;
  z-index: 9;
  padding: 15px;
  background: #fff;
  border: 1px solid #ebebeb;
}
.header .container .header-content .vas-list[data-v-471dc7c5] {
  position: absolute;
  right: 80px;
  top: 34px;
  width: 120px;
  z-index: 9;
  padding: 15px;
  background: #f3f3f3;
  border: 1px solid #ebebeb;
}
.header .container .header-content .vas-list .service-list-item-wrap-content[data-v-471dc7c5] {
  height: 35px;
  line-height: 35px;
}
.header .container .header-content .service-list[data-v-471dc7c5] {
  position: absolute;
  right: 410px;
  top: 34px;
  z-index: 9;
  background: #f7f7f7;
  border: 1px solid #ebebeb;
}
.header .container .header-content .service-list-item[data-v-471dc7c5] {
  width: 187px;
  float: left;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ffffff;
}
.header .container .header-content .service-list-item[data-v-471dc7c5]:nth-child(1) {
  border-left: none;
}
.header .container .header-content .service-list-item[data-v-471dc7c5]:nth-last-child(1) {
  border-right: none;
}
.header .container .header-content .service-list-item-title[data-v-471dc7c5] {
  width: 100%;
  padding-left: 25px;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  line-height: 48px;
  background: #f3f3f3;
  border-bottom: 1px solid #ebebeb;
}
.header .container .header-content .service-list-item-wrap[data-v-471dc7c5] {
  padding: 10px 0 10px 25px;
}
.header .container .header-content .service-list-item-wrap-content[data-v-471dc7c5] {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: block;
}
.header .container .header-content .service-list-item-wrap-content a[data-v-471dc7c5]:hover {
  color: #b62929;
}
.header .container .header-content .top-game-list[data-v-471dc7c5] {
  top: 34px;
  z-index: 9;
  background: #f7f7f7;
  border: 1px solid #ebebeb;
  position: absolute;
  right: 310px;
}
.header .container .header-content .top-game-list-item[data-v-471dc7c5] {
  width: 390px;
  float: left;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ffffff;
}
.header .container .header-content .top-game-list-item[data-v-471dc7c5]:nth-child(1) {
  border-left: none;
}
.header .container .header-content .top-game-list-item[data-v-471dc7c5]:nth-last-child(1) {
  border-right: none;
}
.header .container .header-content .top-game-list-item-title[data-v-471dc7c5] {
  width: 100%;
  padding-left: 25px;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  line-height: 48px;
  background: #f3f3f3;
  border-bottom: 1px solid #ebebeb;
}
.header .container .header-content .top-game-list-item-wrap[data-v-471dc7c5] {
  padding: 20px 5px 0 20px;
}
.header .container .header-content .top-game-list-item-wrap-content[data-v-471dc7c5] {
  width: 50%;
  height: 40px;
  float: left;
  line-height: 40px;
  display: block;
  padding-left: 5px;
}
.header .container .header-content .top-game-list-item-wrap-content-type[data-v-471dc7c5] {
  margin-right: 3px;
}
.header .container .header-content .top-game-list-item-wrap-content-type img[data-v-471dc7c5] {
  vertical-align: middle;
}
.header .container .header-content .top-game-list-item-wrap-content-website[data-v-471dc7c5]:hover {
  color: #b62929;
}
.header .container .header-content .top-game-list-item-wrap-content-recommand[data-v-471dc7c5] {
  width: 13px;
  height: 13px;
  display: inline-block;
  line-height: 13px;
  text-align: center;
  border-radius: 3px;
  color: #ffffff;
  margin-left: 5px;
}
.header .container .header-content .top-game-list-item-wrap-content-recommand img[data-v-471dc7c5] {
  vertical-align: middle;
  margin-top: -2px;
}
.header .container .header-content .top-game-list-more[data-v-471dc7c5] {
  width: 128px;
  height: 38px;
  display: inline-block;
  line-height: 38px;
  text-align: center;
  background: #ebebeb;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.header .container .header-content .top-game-list-more[data-v-471dc7c5]:hover {
  background: #e1e1e1;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.header .container .header-content .top-game-list .tips-icon[data-v-471dc7c5] {
  margin: 0 10px;
}
.header .container .header-content .top-game-list .tips-icon img[data-v-471dc7c5] {
  vertical-align: middle;
  margin-top: -2px;
}
.small-red-btn[data-v-471dc7c5] {
  width: 132px;
  height: 34px;
  display: block;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #b62929;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn[data-v-471dc7c5]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-471dc7c5] {
  background: #d0d0d0;
}
.clearfix:after{content:" ";display:block;clear:both;height:0}.clearfix{zoom:1}.cursor-pointer{cursor:pointer}.hide{display:none}.fs14{font-size:14px}.fs16{font-size:16px}.fs18{font-size:18px}.fs20{font-size:20px}.fs24{font-size:24px}.fs26{font-size:26px}.fs28{font-size:28px}.fs30{font-size:30px}.fb{font-weight:500}.fl{float:left}.fr{float:right}.high-light-color{color:#c33}.container{width:1200px;margin:0 auto}.position-relative{position:relative}.position-absolute{position:absolute}.transparent-1px-border{border:1px solid transparent}.no-box-shadow{box-shadow:none}.no-border-bottom{border-bottom:none!important}.float-left{float:left}.display-table{display:table}.display-tabel-cell{display:table-cell}.display-block{display:block}.display-inline-block{display:inline-block!important}.vertical-align-middle{vertical-align:middle}.text-align-center{text-align:center}.text-underline{text-decoration:underline}.all-center{position:absolute;margin:auto;top:0;left:0;bottom:0;right:0}.no-padding-margin{padding:0!important;margin:0!important}.xcui-input-limit140-width{width:140px}.xcui-input-limit235-width{width:235px}.split-line{width:777px;height:1px;border-top:1px solid #ececec;margin:20px auto}.pd-v-5{padding:5px 0}.pd-v-10{padding:10px 0}.pd-v-20{padding:20px 0}.pd-v-40{padding:40px 0}.pd-v-60{padding:60px 0}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-40{padding-bottom:40px}.pb-60{padding-bottom:60px}.pb-80{padding-bottom:80px}.mt-20{margin-top:20px}.mt-40{margin-top:40px}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.mb-60{margin-bottom:60px}.mb-80{margin-bottom:80px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.pd-h-20{padding:0 20px}.md-v-10{margin:10px 0}.md-v-20{margin:20px 0}.ml-10{margin-left:10px}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cbcbcb}input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder{color:#cbcbcb}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cbcbcb}.lh24{line-height:24px!important}.lh26{line-height:26px}body .el-message{top:40%;padding:15px 20px;min-width:122px}.el-button:hover,body .el-button:focus{color:#fff;border-color:#fff;background-color:#d25b5b}
.avatar[data-v-6fd453d5] {
  padding: 1px;
}
.avatar-portrait[data-v-6fd453d5] {
  width: 120px;
  height: 120px;
  position: relative;
  border-radius: 100%;
  background: url(//www-pc.xoyocdn.com/overall/img/bg-avatar.5674190b.jpg) no-repeat;
  background-size: cover;
}
.avatar-portrait img[data-v-6fd453d5] {
  width: 100%;
  display: block;
  border-radius: 100%;
}
.avatar .modify-avatar[data-v-6fd453d5] {
  margin: 5px 0;
  font-size: 14px;
  color: #8a8a8a;
  display: block;
}