.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;
  cursor: pointer;
}
.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-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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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-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-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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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-4a4c434b] {
  color: #8a8a8a;
}
.common-a-button[data-v-4a4c434b] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
  cursor: pointer;
}
.card[data-v-4a4c434b] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-4a4c434b] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-4a4c434b] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-4a4c434b] {
  margin-top: 10px;
}
.card-text-tips[data-v-4a4c434b] {
  color: #c6c6c6;
}
.large-red-btn[data-v-4a4c434b] {
  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-4a4c434b]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-4a4c434b] {
  background: #d0d0d0;
}
.small-default-btn[data-v-4a4c434b] {
  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-4a4c434b]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-4a4c434b] {
  background: #d0d0d0;
}
.small-red-btn[data-v-4a4c434b] {
  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-4a4c434b]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-4a4c434b] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-4a4c434b] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-4a4c434b] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-4a4c434b] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-4a4c434b] {
  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-4a4c434b] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-4a4c434b] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-4a4c434b] {
  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-4a4c434b] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-4a4c434b] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-4a4c434b],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-4a4c434b] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-4a4c434b] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-4a4c434b] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-4a4c434b] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-4a4c434b] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-4a4c434b] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-4a4c434b] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-4a4c434b] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-4a4c434b] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-4a4c434b] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-4a4c434b] {
  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-4a4c434b] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-4a4c434b] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-4a4c434b] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-4a4c434b] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-4a4c434b] {
  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-4a4c434b] {
  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-4a4c434b] {
  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-4a4c434b] {
  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-4a4c434b] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-4a4c434b] {
  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-4a4c434b]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-4a4c434b] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-4a4c434b] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-4a4c434b] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-4a4c434b] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-4a4c434b],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-4a4c434b] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-4a4c434b] {
  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-4a4c434b],
.vas-jx3-cover .service-wrap .server-list-server[data-v-4a4c434b] {
  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-4a4c434b] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-4a4c434b] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-4a4c434b] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-4a4c434b] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-4a4c434b] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-4a4c434b]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-4a4c434b] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-4a4c434b] {
  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-4a4c434b] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-4a4c434b] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-4a4c434b] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-4a4c434b] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-4a4c434b] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-4a4c434b] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-4a4c434b] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-4a4c434b] {
  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-4a4c434b]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-4a4c434b] {
  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-4a4c434b] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-4a4c434b] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-4a4c434b] {
  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-4a4c434b] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-4a4c434b] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-4a4c434b] {
  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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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-2b834e16] {
  color: #8a8a8a;
}
.common-a-button[data-v-2b834e16] {
  width: 108px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #dec882;
  cursor: pointer;
}
.card[data-v-2b834e16] {
  width: 400px;
  margin-right: 48px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  overflow: hidden;
  background: #fffefa;
  float: left;
}
.card-icon[data-v-2b834e16] {
  width: 130px;
  height: 130px;
  position: relative;
}
.card-icon img[data-v-2b834e16] {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-text-title[data-v-2b834e16] {
  margin-top: 10px;
}
.card-text-tips[data-v-2b834e16] {
  color: #c6c6c6;
}
.large-red-btn[data-v-2b834e16] {
  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-2b834e16]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.large-red-btn.disabled[data-v-2b834e16] {
  background: #d0d0d0;
}
.small-default-btn[data-v-2b834e16] {
  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-2b834e16]:hover {
  border-color: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-default-btn.disabled[data-v-2b834e16] {
  background: #d0d0d0;
}
.small-red-btn[data-v-2b834e16] {
  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-2b834e16]:hover {
  background: #d25b5b;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.small-red-btn.disabled[data-v-2b834e16] {
  background: #d0d0d0;
}
.vas-jx3-cover[data-v-2b834e16] {
  padding-bottom: 100px;
}
.vas-jx3-cover .mobile-safe-tool-box[data-v-2b834e16] {
  width: 100%;
  display: table;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item[data-v-2b834e16] {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vas-jx3-cover .mobile-safe-tool-box .tool-item-qrbox[data-v-2b834e16] {
  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-2b834e16] {
  margin-bottom: 30px;
}
.vas-jx3-cover .head-box[data-v-2b834e16] {
  height: 165px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.vas-jx3-cover .head-box-icon[data-v-2b834e16] {
  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-2b834e16] {
  vertical-align: middle;
}
.vas-jx3-cover .head-box-text-box .text-top[data-v-2b834e16] {
  line-height: 36px;
}
.vas-jx3-cover .head-box-text-box .text-middle[data-v-2b834e16],
.vas-jx3-cover .head-box-text-box .text-bottom[data-v-2b834e16] {
  line-height: 30px;
  color: #8a8a8a;
}
.vas-jx3-cover .head-box-nav-box[data-v-2b834e16] {
  width: 300px;
}
.vas-jx3-cover .head-box-nav-box .common-a-button[data-v-2b834e16] {
  width: 170px;
  margin: 5px;
}
.vas-jx3-cover .service-box[data-v-2b834e16] {
  width: 900px;
  margin-top: 20px;
  margin-bottom: 62px;
}
.vas-jx3-cover .service-box .card[data-v-2b834e16] {
  cursor: pointer;
}
.vas-jx3-cover .service-box .card-text[data-v-2b834e16] {
  width: 240px;
  line-height: 24px;
  padding-top: 10px;
}
.vas-jx3-cover .tool-box[data-v-2b834e16] {
  width: 900px;
  margin-top: 20px;
}
.vas-jx3-cover .tool-box .tool[data-v-2b834e16] {
  width: 400px;
  height: 308px;
  border: 1px solid #ececec;
  margin-right: 48px;
}
.vas-jx3-cover .tool-box .tool .tool-head[data-v-2b834e16] {
  height: 154px;
  overflow: hidden;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon[data-v-2b834e16] {
  width: 125px;
  height: 154px;
  position: relative;
}
.vas-jx3-cover .tool-box .tool .tool-head .tool-icon img[data-v-2b834e16] {
  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-2b834e16] {
  line-height: 120px;
}
.vas-jx3-cover .tool-box .tool .tool-text[data-v-2b834e16] {
  padding: 0 20px;
}
.vas-jx3-cover .tool-box .tool .tool-text p[data-v-2b834e16] {
  line-height: 20px;
}
.vas-jx3-cover .tool-box .tool .tool-detail[data-v-2b834e16] {
  text-align: center;
}
.vas-jx3-cover .tool-box .tool .tool-detail a[data-v-2b834e16] {
  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-2b834e16] {
  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-2b834e16] {
  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-2b834e16] {
  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-2b834e16] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.vas-jx3-cover .service-wrap .type-box .type-item[data-v-2b834e16] {
  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-2b834e16]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-left[data-v-2b834e16] {
  width: 126px;
  height: 100%;
  position: relative;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right[data-v-2b834e16] {
  width: 260px;
  float: left;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-title[data-v-2b834e16] {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-tips[data-v-2b834e16] {
  color: #c6c6c6;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .type-box .type-item-right-cost[data-v-2b834e16],
.vas-jx3-cover .service-wrap .type-box .type-item-right-waste[data-v-2b834e16] {
  color: #8a8a8a;
  font-size: 14px;
}
.vas-jx3-cover .service-wrap .server-list[data-v-2b834e16] {
  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-2b834e16],
.vas-jx3-cover .service-wrap .server-list-server[data-v-2b834e16] {
  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-2b834e16] {
  font-weight: bold;
  cursor: pointer;
  background: #f3f3f3;
}
.vas-jx3-cover .service-wrap .server-list-area-sub[data-v-2b834e16] {
  display: none;
}
.vas-jx3-cover .service-wrap .server-list-area-sub.active[data-v-2b834e16] {
  display: block;
}
.vas-jx3-cover .service-wrap .server-list-server[data-v-2b834e16] {
  background: #fffefa;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-2b834e16] {
  float: right;
}
.vas-jx3-cover .service-wrap .server-list-server-selected[data-v-2b834e16]:hover {
  color: #dec882;
  text-decoration: underline;
}
.vas-jx3-cover .service-wrap .tab-box[data-v-2b834e16] {
  height: 33px;
}
.vas-jx3-cover .service-wrap .tab-box .tab[data-v-2b834e16] {
  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-2b834e16] {
  background: #dec882;
}
.vas-jx3-cover .service-wrap .step-title-box[data-v-2b834e16] {
  border-bottom: 1px solid #f6f6f5;
  padding: 20px 0;
  margin: 20px auto;
}
.vas-jx3-cover .service-wrap .step-title-box .game-logo[data-v-2b834e16] {
  position: absolute;
  top: 0;
  right: 0;
}
.vas-jx3-cover .service-wrap .step-title-box .faq-link[data-v-2b834e16] {
  position: absolute;
  font-size: 14px;
  color: #b62929;
  right: 0;
  top: 28px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap[data-v-2b834e16] {
  width: 100%;
  height: 12px;
  padding: 3px;
  background: #e9e9e9;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .loading-bar-wrap .loading-bar[data-v-2b834e16] {
  width: 0;
  height: 6px;
  background: #f87272;
  border-radius: 10px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box[data-v-2b834e16] {
  margin: 20px 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item[data-v-2b834e16] {
  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-2b834e16]:nth-child(2n) {
  margin-right: 0;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-title[data-v-2b834e16] {
  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-2b834e16] {
  padding: 20px 15px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button[data-v-2b834e16] {
  margin-top: 40px;
  text-align: center;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-handle-box .role-handle-item-button a[data-v-2b834e16] {
  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-2b834e16] {
  background: #d0d0d0;
  cursor: default;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol[data-v-2b834e16] {
  list-style-type: decimal;
  padding: 0 20px;
}
.vas-jx3-cover .service-wrap .jx2-service-box .role-transfer-ol li[data-v-2b834e16] {
  margin: 20px 0;
  list-style-position: outside;
}
.del-clothes-phone .el-form[data-v-2b834e16] {
  width: 450px;
  margin: 40px auto;
}
.role-item[data-v-2b834e16] {
  padding: 10px 20px;
  border: 1px solid #ececec;
  background: #fffefa;
}

.common-tips-color[data-v-7e8a3a48] {
  color: #8a8a8a;
}
.list-wraper .list-content[data-v-7e8a3a48] {
  width: 100%;
  height: 500px;
  padding: 10px;
  overflow-y: auto;
  border: 1px solid #ececec;
  background: #fffefa;
}
.list-wraper .clothes-type-title[data-v-7e8a3a48] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}
.list-wraper .clothes-list[data-v-7e8a3a48] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 24px;
}
.list-wraper .clothes-list .clothes-list-item[data-v-7e8a3a48] {
  border: 1px solid rgba(0, 0, 0, 0);
  width: 78px;
  height: 120px;
  cursor: pointer;
}
.list-wraper .clothes-list .clothes-list-item.current[data-v-7e8a3a48] {
  border: 1px solid #e9e2c6;
  border-radius: 4px;
  background: #fff7e0;
}
.list-wraper .clothes-list .clothes-list-item .clothes-list-item-img[data-v-7e8a3a48] {
  padding: 16px;
  width: 78px;
  height: 78px;
}
.list-wraper .clothes-list .clothes-list-item .clothes-list-item-img div[data-v-7e8a3a48] {
  width: 46px;
  height: 46px;
  border-radius: 4px;
  overflow: hidden;
}
.list-wraper .clothes-list .clothes-list-item .clothes-list-item-img img[data-v-7e8a3a48] {
  width: 100%;
  height: 100%;
}
.list-wraper .clothes-list .clothes-list-item .clothes-list-item-info[data-v-7e8a3a48] {
  padding: 0 4px;
  width: 100%;
  height: 42px;
  text-align: center;
  font-size: 12px;
}
.list-wraper .menu-list[data-v-7e8a3a48] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
          flex: 0 0 80px;
}
.list-wraper .menu-item[data-v-7e8a3a48] {
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  background: #c6c6c6;
  font-size: 16px;
  padding: 0 30px;
}
.list-wraper .menu-item.active[data-v-7e8a3a48] {
  background: #dec882;
}

.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;
  cursor: pointer;
}
.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;
}

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