@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1xbQ-WL0L9UkOgtYPBj-ez {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  color: white;
  position: fixed;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  font-size: 16px;
  line-height: 36px;
  z-index: 400; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2-wTbO6cZzQq0fKsOB6TqD {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  position: fixed; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2v3_Iu7xqaPKD7Fh6zHsSP {
  width: 500px;
  position: fixed;
  border-radius: 4px;
  background: white;
  -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-animation: fade-bottom-top .6s forwards;
          animation: fade-bottom-top .6s forwards; }

@-webkit-keyframes fade-bottom-top {
  0% {
    opacity: .6;
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@keyframes fade-bottom-top {
  0% {
    opacity: .6;
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }
  ._2v3_Iu7xqaPKD7Fh6zHsSP .header {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    font-weight: 600;
    font-size: 16px;
    color: white;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100); }
  ._2v3_Iu7xqaPKD7Fh6zHsSP .contents {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 150px;
    max-height: 360px;
    overflow: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    line-height: 22px; }
    ._2v3_Iu7xqaPKD7Fh6zHsSP .contents::-webkit-scrollbar {
      width: 4px;
      height: 6px;
      background-color: #f6f8fb; }
    ._2v3_Iu7xqaPKD7Fh6zHsSP .contents::-webkit-scrollbar-track {
      background-color: #f6f8fb; }
    ._2v3_Iu7xqaPKD7Fh6zHsSP .contents::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color: #f6c74d;
      border-radius: 10px; }
  ._2v3_Iu7xqaPKD7Fh6zHsSP .actions {
    padding: 12px 10px;
    border-top: 1px solid #eee;
    overflow: hidden; }
    ._2v3_Iu7xqaPKD7Fh6zHsSP .actions span.yes {
      color: white;
      height: 32px;
      min-width: 90px;
      padding: 0 10px;
      line-height: 32px;
      display: inline-block;
      cursor: pointer;
      text-align: center;
      border-radius: 4px;
      font-size: 14px;
      float: right;
      margin-left: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      overflow: hidden;
      position: relative;
      background: #f6c74d; }
      ._2v3_Iu7xqaPKD7Fh6zHsSP .actions span.yes:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._2v3_Iu7xqaPKD7Fh6zHsSP .actions span.yes:hover::before {
          width: 45px;
          left: 205px; }
      ._2v3_Iu7xqaPKD7Fh6zHsSP .actions span.yes::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
    ._2v3_Iu7xqaPKD7Fh6zHsSP .actions span.cancel {
      border: 1px solid #dadee6;
      line-height: 30px;
      color: white;
      height: 32px;
      min-width: 90px;
      padding: 0 10px;
      line-height: 32px;
      display: inline-block;
      cursor: pointer;
      text-align: center;
      border-radius: 4px;
      font-size: 14px;
      float: right;
      margin-left: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #eed12d;
      border: 1px solid #eed12d; }
      ._2v3_Iu7xqaPKD7Fh6zHsSP .actions span.cancel:hover {
        opacity: .8; }
  ._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .item {
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
    ._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .item > input, ._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .item > select {
      padding: 0 10px;
      border-radius: 2px;
      border: 1px solid #ccc;
      width: 260px;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee; }
    ._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .item > span.text {
      min-width: 70px;
      text-align: right; }
  ._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .alert {
    margin: 10px 0;
    color: #fb7b81;
    margin-left: 70px; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2v3_Iu7xqaPKD7Fh6zHsSP .header {
  background: transparent;
  color: #606060; }

._2v3_Iu7xqaPKD7Fh6zHsSP .actions span.yes {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100); }

._2v3_Iu7xqaPKD7Fh6zHsSP .actions span.cancel {
  border: 0;
  background: #ccc;
  color: #fff; }

._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .alert {
  margin-left: 100px; }

._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .item {
  white-space: nowrap; }
  ._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .item > span.text {
    min-width: 100px; }
  ._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .item > input,
  ._2v3_Iu7xqaPKD7Fh6zHsSP > .contents > .form-action > .item > select {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1JLjnnkfD_atqUu8nvvO9V {
  width: 200px;
  position: absolute;
  background: url(/webx/thai/desktop/svg/loader.ca49.svg) no-repeat center center;
  background-size: 25% 25%;
  color: white;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  height: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 14px;
  padding-bottom: 30px; }
  ._1JLjnnkfD_atqUu8nvvO9V.loader {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transform: translate(0);
            transform: translate(0);
    background-size: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

._3-O_LC4mvoMfuP6q32o7_X {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  ._3-O_LC4mvoMfuP6q32o7_X div {
    width: 100%;
    color: #aeb8c2;
    text-align: center;
    margin-top: -35px; }

.al5sxJXwhG9bASrcHdguM {
  position: absolute;
  top: calc(50% - 1.5rem);
  left: calc(50% - 1.5rem);
  width: 3rem;
  height: 3rem;
  background: url(/webx/thai/desktop/svg/sm-loader.d804.svg);
  background-position: center center;
  background-size: 100%; }

._3-O_LC4mvoMfuP6q32o7_X {
  margin: auto; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._31j7puztdHEf_IJhogS9ub > div {
  line-height: 32px;
  font-size: 16px;
  font-weight: 600; }
  ._31j7puztdHEf_IJhogS9ub > div.yes {
    color: #04b803; }
  ._31j7puztdHEf_IJhogS9ub > div.no {
    color: #ff0000; }
  ._31j7puztdHEf_IJhogS9ub > div > svg {
    margin-left: 0 !important;
    margin-right: 10px !important; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1iDW3iMnVeN2DHtgbNAOuH {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: #262731;
  border-radius: 3px;
  width: 470px;
  height: 300px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
  -webkit-animation: fade-bottom-top 0.8s forwards;
          animation: fade-bottom-top 0.8s forwards; }

@-webkit-keyframes fade-bottom-top {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@keyframes fade-bottom-top {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }
  ._1iDW3iMnVeN2DHtgbNAOuH > .header {
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    color: #fff;
    padding: 0 15px; }
    ._1iDW3iMnVeN2DHtgbNAOuH > .header > svg {
      cursor: pointer; }
  ._1iDW3iMnVeN2DHtgbNAOuH > .line {
    background: #333441;
    height: 1px; }
  ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body {
    color: #979797;
    padding: 15px;
    text-align: center; }
    ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .summary {
      white-space: nowrap;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .summary > .balance {
        white-space: pre-wrap;
        text-align: left; }
    ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .summary > span {
      color: #ff0000; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .summary > span svg {
        color: #aaa;
        cursor: pointer; }
    ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form {
      margin-top: 15px;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item {
        height: 36px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 10px;
        text-align: left; }
        ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.text {
          width: 40px; }
        ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.value {
          width: 240px;
          padding-left: 10px;
          height: 34px;
          line-height: 34px;
          border: 1px solid #404047;
          border-radius: 3px;
          background: #1b1c2b;
          outline: none; }
          ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.value > em {
            color: #ff0000; }
          ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.value > input, ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.value > select {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            width: 100%;
            height: 30px;
            line-height: 30px;
            border: none;
            border-radius: 3px;
            background: #1b1c2b;
            color: #ff0000;
            outline: none; }
          ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.value > select {
            margin-left: -5px; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .r {
        width: 22px;
        height: 74px;
        padding-top: 25px;
        position: relative;
        top: 4px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABKCAYAAACCasXRAAAAM0lEQVRIie3WsREAAATF0LCq/XewgoLTJPU77RdAsVjl9JZQKDyCZmZ7OexC4TucPexAA6clAecuV+B0AAAAAElFTkSuQmCC) no-repeat 2px 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-left: 18px; }
        ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .r > i {
          display: inline-block;
          width: 22px;
          height: 22px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABz0lEQVQ4ja2VvaoaQRSAvzW7grsKYiPoTRuFW/oCgmCnndj7AN7CUvARYqVgZWVxi1jHQlh8ALt0dgGxEPFnVfbOzmwqDSmyu2RzYIqBMx/fnPk5GpAAXoEXIEm8EMBP4IcOvNZqtbdCodBOJBLpOFSllLPdbt+Xy+VXHXjJZrPty+WS9n0/lq6maelsNtsGvulAUggRy/QRvu+jlEoDyQSAUirSKJVKDIdDqtVqYB6ADiClDLUpl8t0u110XafVauG6LqvV6q/5kY0bjQYPCSEEzWYz3PgxCYrxeEyxWKTX6zGfz1mv14HrIpXCNE0OhwOmaSKl5Hq9stvtAteElqJSqTAajcjlciilEELgum78w8tkMmiaRjKZRErJ+XxGShm6y9AaK6WeoNvthhCC4/EYei6h4Mct8DyP/X5Pv9/nfr8HQkPB+XwewzA4n89YloVlWVwul1BoKHgwGOB5HlJKOp0Om82GyWQSCRx4K2azGQCe5yGEYLFYRHpMoca2beP7PvV6nel0ymaziWT7BAd9l7ZtY9t2ZOAf4ChP+l/AH0opR9O0//UnO8DHJyCVSqXShmF8IWbP833fcRzn/XQ6fdf43Uw/A0ZM4Wcz/QVahJ/8MMlRWQAAAABJRU5ErkJggg==);
          border: none;
          outline: none;
          cursor: pointer;
          -webkit-transition: 0.2s;
          transition: 0.2s; }
          ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .r > i:hover {
            -webkit-filter: brightness(1.3);
                    filter: brightness(1.3); }
  ._1iDW3iMnVeN2DHtgbNAOuH > button.submit {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: auto; }
    ._1iDW3iMnVeN2DHtgbNAOuH > button.submit:hover {
      opacity: 0.8; }
    ._1iDW3iMnVeN2DHtgbNAOuH > button.submit:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._1iDW3iMnVeN2DHtgbNAOuH > button.submit:hover::before {
        width: 45px;
        left: 205px; }
    ._1iDW3iMnVeN2DHtgbNAOuH > button.submit::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
    ._1iDW3iMnVeN2DHtgbNAOuH > button.submit.disabled {
      background: #888;
      cursor: not-allowed;
      -webkit-box-shadow: none;
              box-shadow: none; }
      ._1iDW3iMnVeN2DHtgbNAOuH > button.submit.disabled:hover {
        -webkit-filter: brightness(100%);
                filter: brightness(100%); }
        ._1iDW3iMnVeN2DHtgbNAOuH > button.submit.disabled:hover::before {
          display: none; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1iDW3iMnVeN2DHtgbNAOuH {
  background-color: #fff; }
  ._1iDW3iMnVeN2DHtgbNAOuH > .header {
    color: #666;
    height: 50px; }
    ._1iDW3iMnVeN2DHtgbNAOuH > .header > svg {
      border: 2px solid #666;
      color: #666;
      border-radius: 50%;
      padding: 3px;
      width: 18px;
      height: 18px;
      -webkit-transition: 0.8s all;
      transition: 0.8s all; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .header > svg:hover {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg); }
  ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body {
    color: #333; }
    ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .summary > span {
      color: #f00; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .summary > span svg {
        color: #fa5e00; }
    ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.text {
      white-space: nowrap;
      min-width: 40px;
      width: auto; }
    ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.value {
      background: #fff;
      border: 1px solid #ccc; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.value > select {
        background: #fff;
        color: #333; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.value > em {
        color: #f00; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .l > .item > span.value > input {
        background: #fff;
        color: #f00; }
    ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .r {
      width: 35px;
      height: 64px;
      background: none;
      padding-top: 14px;
      border: 1px solid #ff5200;
      border-left: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .r > i {
        display: inline-block;
        width: 36px;
        height: 36px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABHNCSVQICAgIfAhkiAAAAzFJREFUWIXN2EtoXHUUx/HPndxMXk2ipkRt1IqPRSVtTRfVFKloV6mCoFSwPinU2rpzIwjd6EKzqIKLVhcWRNtgRepCKASsiFhbW2orxSKCETEVoRWTTJNM0szfxSTN62ZmQhImPzgwzLnnnu89Zzj/eyYyrnBE2rBX8AxascLSKoML6FLtg+hpIxBB+FiL4CuR+5cYIlnBOZHHoxf1RuGItKtOUSaYSajzMh6IDdhVtspM13p1Xo7lbM83bhko2B4LNgjlJhlX0BbLSZebY4qqYrlyM0xXSo6Srf4e2vex+onSY+ZpUXi/xF9Q491sO0FNMwLdz/ProcIxcS0VabL/lZQCUsYoalEtW4+Ow0DEloM0b5o7Jm7khd/YcYkb1xXPMW6ltWzze6xcO/1RKtJ0HCauT46pu4O6VcQ13NRacsuKV+jWh1i3M7m+Datpfys5bqhv8rrh/kWs0OZOCk3Otj003DU7bibQolTolnZaNs0NA6nKfAVnxg5OARrsK7lCsbECyRruLAwzoab7JN4n20dVI0P9yf4EFW7ZL1/y00EGLpG7Njt6ZICe4xzfmxzfe5qBXvr/nscc2juPk6yqgdomsv0M9yVDTlUUkYoZGy05ReGWzdRgP9mh0hLEVVTfQEUlg/8yOrgEQKva2HOCb97m6zdn+1uf4pE3aF5DZc103+gQfX9x+iO+7ZwzRWmTesKa1xJXc9vGZP+TH9KyYTYM+e9W3kvHO9TfvsBJPWFVDfmbVzcm+/+5OOeTX1c2w8DlBUzqqZZunARK8n+3vzjQ9wcYHipQofkAVRcBOvMZf56ZGyZzme7ORThcJyy9YhIoyT+W4/Auro0kA33xGgNXFni4TrWe04RAz8m5r/njLEdfnw3z4yF++KRojijsnOcrfsPNZK4UH4rP7ufh3fnPv5/k3S2MFJ9FUdixRDtHqoJHX6Wuie59+fOsBEXhpWWzBIFlt3XExoyIlsluFmRiwVnBg+VmGdeFWE4XywaoKwodqtQ7hfVlRQl+lrExFR2TFTwmOCdQFss5j63RMdnr60TYJi1nN54TrBGpW8qCCK6KXMSnUg5En+f/0vsfyzArI39UGAMAAAAASUVORK5CYII=);
        outline: none;
        cursor: pointer;
        margin-left: 18px; }
        ._1iDW3iMnVeN2DHtgbNAOuH > .trans-body > .trans-form > .r > i:hover {
          -webkit-filter: brightness(1.3);
                  filter: brightness(1.3); }
  ._1iDW3iMnVeN2DHtgbNAOuH > button.submit {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1h9mgLptmF2o9UP09RVSAe {
  z-index: 20;
  position: fixed !important;
  background: white;
  font-size: 14px; }
  ._1h9mgLptmF2o9UP09RVSAe > header.drag-header {
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: white;
    background: -webkit-linear-gradient(180deg, #eed12d, #f6c74d);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    font-weight: 600;
    cursor: move; }
    ._1h9mgLptmF2o9UP09RVSAe > header.drag-header span.trans {
      margin-left: 10px;
      cursor: pointer;
      text-decoration: underline; }
  ._1h9mgLptmF2o9UP09RVSAe > .frame-box {
    position: relative; }
    ._1h9mgLptmF2o9UP09RVSAe > .frame-box > .overlay-frame {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  ._1h9mgLptmF2o9UP09RVSAe iframe {
    width: 100%;
    height: 100%;
    border: 0; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._36MMlzWGY6ekT9ZcVpgJ8h {
  position: fixed;
  border-radius: 4px;
  background: white;
  -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-animation: fade-bottom-top .6s forwards;
          animation: fade-bottom-top .6s forwards; }

@-webkit-keyframes fade-bottom-top {
  0% {
    opacity: .6;
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@keyframes fade-bottom-top {
  0% {
    opacity: .6;
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }
  ._36MMlzWGY6ekT9ZcVpgJ8h .header {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 20px;
    font-weight: bold;
    font-size: 18px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    ._36MMlzWGY6ekT9ZcVpgJ8h .header svg {
      width: 24px;
      height: 24px;
      cursor: pointer;
      -webkit-transition: .8s all;
      transition: .8s all; }
      ._36MMlzWGY6ekT9ZcVpgJ8h .header svg:hover {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg); }
  ._36MMlzWGY6ekT9ZcVpgJ8h div.contents {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    position: relative;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    ._36MMlzWGY6ekT9ZcVpgJ8h div.contents::-webkit-scrollbar {
      width: 4px;
      height: 6px;
      background-color: #f6f8fb; }
    ._36MMlzWGY6ekT9ZcVpgJ8h div.contents::-webkit-scrollbar-track {
      background-color: #f6f8fb; }
    ._36MMlzWGY6ekT9ZcVpgJ8h div.contents::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color: #f6c74d;
      border-radius: 10px; }
  ._36MMlzWGY6ekT9ZcVpgJ8h .fastWithdraw {
    display: none;
    position: relative; }
  ._36MMlzWGY6ekT9ZcVpgJ8h iframe {
    display: block; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._36MMlzWGY6ekT9ZcVpgJ8h div.contents {
  background: #fff; }

._36MMlzWGY6ekT9ZcVpgJ8h .header {
  background: #fff;
  color: #606060; }
  ._36MMlzWGY6ekT9ZcVpgJ8h .header svg {
    border: 1px solid #676767;
    color: #676767;
    border-radius: 50%;
    padding: 3px;
    width: 21px;
    height: 21px;
    cursor: pointer;
    -webkit-transition: .8s all;
    transition: .8s all; }
    ._36MMlzWGY6ekT9ZcVpgJ8h .header svg:hover {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); }

._36MMlzWGY6ekT9ZcVpgJ8h div.actions > button {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100); }

._36MMlzWGY6ekT9ZcVpgJ8h div.actions > button.denied {
  color: #fff; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3lp3-D7hvdf5Uu3TJlvEYq .each-block {
  height: 100px;
  width: 255px;
  background: #f4f4f4;
  right: 60px;
  position: fixed;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-animation: prize_notice_in 0.3s;
          animation: prize_notice_in 0.3s;
  -webkit-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  z-index: 1; }
  ._3lp3-D7hvdf5Uu3TJlvEYq .each-block header {
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: white;
    padding: 0 10px;
    background-position-y: 7px;
    background-position-x: 10px;
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eed12d), to(#f6c74d));
    background-image: -webkit-linear-gradient(#eed12d, #f6c74d);
    background-image: linear-gradient(#eed12d, #f6c74d); }
    ._3lp3-D7hvdf5Uu3TJlvEYq .each-block header .close {
      position: absolute;
      right: 12px;
      top: -2px;
      cursor: pointer;
      text-indent: -9999999; }
      ._3lp3-D7hvdf5Uu3TJlvEYq .each-block header .close:hover {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
  ._3lp3-D7hvdf5Uu3TJlvEYq .each-block .content {
    padding: 10px 15px;
    line-height: 20px; }
    ._3lp3-D7hvdf5Uu3TJlvEYq .each-block .content .r {
      color: #ff622b; }
    ._3lp3-D7hvdf5Uu3TJlvEYq .each-block .content .b {
      color: #689df9; }

@-webkit-keyframes prize_notice_in {
  0% {
    opacity: 0;
    right: -255px; }
  100% {
    opacity: 1;
    right: 60px; } }

@keyframes prize_notice_in {
  0% {
    opacity: 0;
    right: -255px; }
  100% {
    opacity: 1;
    right: 60px; } }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1dAkqoA5DwQRNvsBv3d3AF {
  position: relative; }
  ._1dAkqoA5DwQRNvsBv3d3AF div.contract {
    height: 460px;
    overflow-y: auto;
    overflow-x: hidden; }
    ._1dAkqoA5DwQRNvsBv3d3AF div.contract p {
      text-align: start;
      color: #787878;
      line-height: 28px;
      font-size: 16px;
      margin-bottom: 20px; }
  ._1dAkqoA5DwQRNvsBv3d3AF div.actions {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._1dAkqoA5DwQRNvsBv3d3AF div.actions > button {
      margin: 0 15px;
      width: 160px;
      height: 34px;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100);
      font-size: 18px;
      color: white; }
      ._1dAkqoA5DwQRNvsBv3d3AF div.actions > button:hover {
        -webkit-filter: brightness(1.1);
                filter: brightness(1.1); }
      ._1dAkqoA5DwQRNvsBv3d3AF div.actions > button.denied {
        background: rgba(0, 0, 0, 0.1);
        color: black; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.mCmjNXHdiy1V2t8viXQt8 {
  width: 100%;
  margin-top: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .mCmjNXHdiy1V2t8viXQt8::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb; }
  .mCmjNXHdiy1V2t8viXQt8::-webkit-scrollbar-track {
    background-color: #f6f8fb; }
  .mCmjNXHdiy1V2t8viXQt8::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #f6c74d;
    border-radius: 10px; }
  .mCmjNXHdiy1V2t8viXQt8.lite {
    margin-top: 0;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
    .mCmjNXHdiy1V2t8viXQt8.lite table {
      border: 0; }
  .mCmjNXHdiy1V2t8viXQt8 table {
    width: 100%;
    border: 0;
    background: #fff;
    border: 1px solid #edecf6;
    border-collapse: collapse;
    font-size: 13px; }
    .mCmjNXHdiy1V2t8viXQt8 table tr:nth-child(odd), .mCmjNXHdiy1V2t8viXQt8 table tr:hover {
      background-color: #fbfbfb; }
    .mCmjNXHdiy1V2t8viXQt8 table tr.font-blod {
      font-weight: bold !important; }
    .mCmjNXHdiy1V2t8viXQt8 table tr th {
      font-weight: 700;
      background: #f3f2f2;
      color: #373252;
      text-align: center;
      padding: 8px 0;
      font-size: 13px; }
      .mCmjNXHdiy1V2t8viXQt8 table tr th.desc, .mCmjNXHdiy1V2t8viXQt8 table tr th.asc {
        color: #ff6b71; }
      .mCmjNXHdiy1V2t8viXQt8 table tr th.desc::after {
        content: '▼'; }
      .mCmjNXHdiy1V2t8viXQt8 table tr th.asc::after {
        content: '▲'; }
    .mCmjNXHdiy1V2t8viXQt8 table tr td {
      border-right: 1px solid #edecf6;
      border-bottom: 1px solid #edecf6;
      text-align: center;
      line-height: 24px;
      color: #8994ab;
      padding: 6px 5px;
      font-size: 12px;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text; }
      .mCmjNXHdiy1V2t8viXQt8 table tr td:last-child {
        border-right: 0; }
      .mCmjNXHdiy1V2t8viXQt8 table tr td.flex-td {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .mCmjNXHdiy1V2t8viXQt8 table tr td.actions > a, .mCmjNXHdiy1V2t8viXQt8 table tr td.actions > span {
        font-weight: 600;
        margin: 0 5px;
        cursor: pointer;
        -webkit-transition: .5s all;
        transition: .5s all;
        color: #f6c74d;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
        .mCmjNXHdiy1V2t8viXQt8 table tr td.actions > a:hover, .mCmjNXHdiy1V2t8viXQt8 table tr td.actions > span:hover {
          opacity: .8; }
    .mCmjNXHdiy1V2t8viXQt8 table tr.wait {
      background-color: white; }
      .mCmjNXHdiy1V2t8viXQt8 table tr.wait td {
        border-right: 1px solid #edecf6;
        border-bottom: 1px solid #edecf6;
        text-align: center;
        line-height: 24px;
        color: #8994ab;
        padding: 30px 5px;
        font-size: 12px; }

.mCmjNXHdiy1V2t8viXQt8 {
  overflow-x: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd; }
  .mCmjNXHdiy1V2t8viXQt8 > table {
    border: none;
    white-space: nowrap; }
  .mCmjNXHdiy1V2t8viXQt8 > table tr th {
    padding: 8px 4px;
    background-color: #ffedd9; }
  .mCmjNXHdiy1V2t8viXQt8 > table tr td.actions > a {
    color: #ff5200; }
  .mCmjNXHdiy1V2t8viXQt8 > table tr td.actions > span {
    color: #a5a5a5;
    border: 1px solid #a5a5a5;
    background: none; }
  .mCmjNXHdiy1V2t8viXQt8 > table tr td:last-child.actions > a {
    color: #ff0000;
    font-weight: normal; }
  .mCmjNXHdiy1V2t8viXQt8 > table tr:nth-child(odd) {
    background: #fef8f2; }
  .mCmjNXHdiy1V2t8viXQt8 .checkbox-td {
    width: 40px; }
  .mCmjNXHdiy1V2t8viXQt8 .lott-checkbox {
    display: block;
    line-height: 0;
    padding: 12px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1Ukne1-HT5vfLf_dZiqPN9 > div.detail {
  height: 400px;
  position: relative; }
  ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.infos {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    font-size: 14px;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.infos > .item {
      width: 100%;
      color: #657699;
      margin: 5px 0;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.infos > .item > .text {
        width: 30%;
        text-align: right; }
      ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.infos > .item > .value {
        width: 70%;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 18px; }
        ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.infos > .item > .value.red {
          color: #fc6180; }
        ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.infos > .item > .value > input,
        ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.infos > .item > .value > select {
          vertical-align: middle;
          border: 1px solid #d6cff4;
          font-size: 14px;
          padding: 0 5px;
          height: 30px;
          width: 370px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.infos > .message {
      color: #ff3543;
      margin: 30px 0;
      text-align: center; }
  ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.actions {
    height: 60;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 25px; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.actions > button {
      font-size: 20px;
      color: white;
      margin: 0 15px;
      width: 201px;
      height: 50px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0000), to(#ff6600));
      background-image: -webkit-linear-gradient(bottom, #ff0000, #ff6600);
      background-image: linear-gradient(bottom, #ff0000, #ff6600); }
      ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > div.actions > button.mini {
        font-size: 16px;
        margin: 0 10px;
        width: 150px;
        height: 40px; }
  ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > .success {
    height: 100%;
    overflow: auto;
    background: #dcebd7;
    color: #3ac498;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > .success > svg {
      width: 100px;
      height: 100px;
      display: block;
      margin: 50px auto !important; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > .success > div {
      margin-top: 15px;
      font-size: 30px; }
      ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > .success > div.s {
        font-size: 18px; }
      ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > .success > div.more {
        font-size: 18px;
        color: #001bd3;
        text-decoration: underline;
        cursor: pointer; }
      ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > .success > div.tips {
        font-size: 16px;
        color: #c6c6c6; }
  ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail > .tips {
    margin-top: 20px;
    border-top: 1px solid #eeeeee;
    padding: 15px;
    color: #908f8f;
    line-height: 26px;
    font-size: 14px; }
  ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail .report-bank-set {
    padding-top: 30px;
    margin: 0 auto; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail .report-bank-set .title {
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: #f9f2ff;
      font-size: 18px;
      font-weight: 700;
      color: #786ace;
      border: 1px solid #e5e5e5; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail .report-bank-set .item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-size: 14px;
      color: #70757a;
      border: 1px solid #e5e5e5;
      border-top: 0; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail .report-bank-set .text {
      display: inline-block;
      width: 35%;
      height: 60px;
      line-height: 60px;
      border-right: 1px solid #e5e5e5;
      font-size: 16px;
      color: #785ffb;
      text-align: right; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail .report-bank-set .value {
      width: 62%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail .report-bank-set .value > input {
        width: 185px;
        height: 30px;
        vertical-align: middle;
        border: 1px solid #d6cff4;
        font-size: 14px;
        padding: 0 5px;
        color: #666;
        border-radius: 3px;
        background: #faf9f9;
        display: inline-block;
        margin: 0 5px; }
    ._1Ukne1-HT5vfLf_dZiqPN9 > div.detail .report-bank-set i {
      color: #ff3543; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2FO_W9DW5f7X7S8ncZAiOK {
  padding: 20px 40px; }
  ._2FO_W9DW5f7X7S8ncZAiOK div.steps {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 21px;
    color: #b6b6b6;
    border-bottom: 1px solid #eeeeee; }
    ._2FO_W9DW5f7X7S8ncZAiOK div.steps > span {
      margin: 0 15px; }
      ._2FO_W9DW5f7X7S8ncZAiOK div.steps > span > em {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 30;
        border: 1px solid #b6b6b6;
        border-radius: 50%;
        text-align: center;
        margin-right: 10px; }
      ._2FO_W9DW5f7X7S8ncZAiOK div.steps > span.actived {
        color: #eed12d; }
        ._2FO_W9DW5f7X7S8ncZAiOK div.steps > span.actived > em {
          border: 1px solid #eed12d; }
  ._2FO_W9DW5f7X7S8ncZAiOK > div.detail {
    height: 300px;
    position: relative; }
    ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.tips {
      height: 34px;
      line-height: 34px;
      background: #f7f7f7;
      border: 1px solid #eee;
      margin: 0 auto;
      margin-top: 15px;
      font-size: 13px;
      color: #333;
      width: 760px;
      padding: 0 10px; }
      ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.tips > em {
        color: #fc6180;
        font-weight: bold; }
        ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.tips > em.warn {
          color: #4886ff; }
    ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.infos {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      font-size: 14px;
      margin-top: 15px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eeeeee; }
      ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.infos > .item {
        width: 100%;
        color: #657699;
        margin: 5px 0;
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.infos > .item > .text {
          width: 30%;
          text-align: right; }
        ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.infos > .item > .value {
          width: 70%;
          padding-left: 30px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-size: 18px; }
          ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.infos > .item > .value.red {
            color: #fc6180; }
          ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.infos > .item > .value > input,
          ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.infos > .item > .value > select {
            vertical-align: middle;
            border: 1px solid #d6cff4;
            font-size: 14px;
            padding: 0 5px;
            height: 30px;
            width: 370px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
      ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.infos > .message {
        width: 70%;
        margin-left: auto;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        color: #bbb;
        font-size: 12px; }
    ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.actions {
      height: 60;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 25px; }
      ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > div.actions > button {
        font-size: 20px;
        color: white;
        margin: 0 15px;
        width: 201px;
        height: 50px;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0000), to(#ff6600));
        background-image: -webkit-linear-gradient(bottom, #ff0000, #ff6600);
        background-image: linear-gradient(bottom, #ff0000, #ff6600); }
    ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > .success {
      width: 80%;
      height: 370px;
      overflow: auto;
      margin: 0 auto;
      margin-top: 15px;
      background: #dcebd7;
      color: #3ac498;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center; }
      ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > .success > svg {
        width: 100px;
        height: 100px;
        display: block;
        margin: 50px auto !important; }
      ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > .success > div {
        margin-top: 15px;
        font-size: 30px; }
        ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > .success > div.s {
          font-size: 18px; }
        ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > .success > div.more {
          font-size: 18px;
          color: #001bd3;
          text-decoration: underline;
          cursor: pointer; }
        ._2FO_W9DW5f7X7S8ncZAiOK > div.detail > .success > div.tips {
          font-size: 16px;
          color: #c6c6c6; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.QGb39ihD1OoyGLqj671ru {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .QGb39ihD1OoyGLqj671ru .form-action .item {
    margin: 20px 0; }
  .QGb39ihD1OoyGLqj671ru .form-action .tips {
    line-height: 30px;
    color: #eed12d;
    text-align: center; }
  .QGb39ihD1OoyGLqj671ru .form-action .alert {
    color: #eed12d;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    margin: 30px 0 20px; }
  .QGb39ihD1OoyGLqj671ru .form-action input {
    height: 35px;
    line-height: 35px;
    background: #fafbfb;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
    width: 250px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .QGb39ihD1OoyGLqj671ru .form-action .text, .QGb39ihD1OoyGLqj671ru .form-action .title {
    font-size: 14px;
    line-height: 35px;
    display: inline-block;
    text-align: right;
    margin-right: 10px; }
  .QGb39ihD1OoyGLqj671ru .form-action .title {
    width: 180px; }
  .QGb39ihD1OoyGLqj671ru .form-action .tip {
    line-height: 30px;
    color: #eed12d;
    margin-left: 80px; }
  .QGb39ihD1OoyGLqj671ru .button {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 40px 10px 0;
    border-radius: 4px;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    letter-spacing: 2px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.AyE_9K5DCljHwpNYfxRf7 .list {
  width: 530px;
  margin: 0 auto; }
  .AyE_9K5DCljHwpNYfxRf7 .list .item {
    margin-bottom: 15px; }
    .AyE_9K5DCljHwpNYfxRf7 .list .item:last-child {
      margin-bottom: 0; }
    .AyE_9K5DCljHwpNYfxRf7 .list .item .label_box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: start;
          -ms-flex-align: start;
              align-items: start;
      position: relative;
      width: 400px; }
      .AyE_9K5DCljHwpNYfxRf7 .list .item .label_box > input {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        border: 1px solid #ccc;
        height: 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        line-height: 40px;
        border-radius: 4px;
        padding: 0 10px; }
        .AyE_9K5DCljHwpNYfxRf7 .list .item .label_box > input::-webkit-input-placeholder {
          color: #ccc; }
      .AyE_9K5DCljHwpNYfxRf7 .list .item .label_box > label {
        width: 150px;
        text-align: right;
        margin-right: 25px;
        display: inline-block;
        color: #1e1e1e;
        font-size: 14px;
        padding-top: 11px; }
        .AyE_9K5DCljHwpNYfxRf7 .list .item .label_box > label i {
          display: inline-block;
          margin-right: 10px;
          color: #7d558a; }
    .AyE_9K5DCljHwpNYfxRf7 .list .item .tips_account {
      padding-left: 175px;
      color: #997EE7;
      margin-top: 4px; }
    .AyE_9K5DCljHwpNYfxRf7 .list .item .tips_nick {
      padding-left: 173px;
      color: #EE5A5A;
      margin-top: 4px;
      position: relative; }
      .AyE_9K5DCljHwpNYfxRf7 .list .item .tips_nick > svg {
        color: #EE5A5A; }
    .AyE_9K5DCljHwpNYfxRf7 .list .item .form_tooltips {
      position: absolute;
      top: 3px;
      left: calc(100% + 11px);
      width: 156px;
      padding: 9.5px 12px;
      font-size: 12px;
      text-align: center;
      border-radius: 8px;
      color: #7d558a;
      background: #e0e1ff;
      -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
      opacity: 0;
      z-index: -1;
      -webkit-transition: all 0.15s;
      transition: all 0.15s; }
      .AyE_9K5DCljHwpNYfxRf7 .list .item .form_tooltips::after {
        content: '';
        position: absolute;
        left: -18px;
        border-color: transparent #e0e1ff transparent transparent;
        border-width: 7px 10px 7px 10px;
        border-style: solid; }
      .AyE_9K5DCljHwpNYfxRf7 .list .item .form_tooltips.form_tooltips_show {
        opacity: 1;
        z-index: 100; }
    .AyE_9K5DCljHwpNYfxRf7 .list .item .tips-upload {
      font-size: 12px;
      color: #2F274766;
      line-height: 30px;
      padding-left: 175px; }
    .AyE_9K5DCljHwpNYfxRf7 .list .item .help-btn {
      width: 192px;
      height: 24px;
      line-height: 24px;
      border-radius: 12px;
      text-align: center;
      margin-left: 175px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0000), to(#ff6600));
      background-image: -webkit-linear-gradient(bottom, #ff0000, #ff6600);
      background-image: linear-gradient(bottom, #ff0000, #ff6600);
      margin-bottom: 20px;
      color: #fff;
      cursor: pointer; }
    .AyE_9K5DCljHwpNYfxRf7 .list .item .btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }

.AyE_9K5DCljHwpNYfxRf7 .formField {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px; }
  .AyE_9K5DCljHwpNYfxRf7 .formField label {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    border: 1px solid #A095C633;
    display: block;
    cursor: pointer; }
    .AyE_9K5DCljHwpNYfxRf7 .formField label input {
      display: none; }
    .AyE_9K5DCljHwpNYfxRf7 .formField label .uploadButton,
    .AyE_9K5DCljHwpNYfxRf7 .formField label img {
      width: 100%;
      height: 100%;
      position: relative; }
    .AyE_9K5DCljHwpNYfxRf7 .formField label .uploadButton {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 26px;
      height: 26px;
      background: url(/webx/thai/desktop/svg/addImg.3527.svg) no-repeat 50%/100% 100%;
      pointer-events: none; }
  .AyE_9K5DCljHwpNYfxRf7 .formField input {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 12px;
    padding-left: 10px; }
  .AyE_9K5DCljHwpNYfxRf7 .formField > span {
    font-size: 12px;
    padding-right: 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .AyE_9K5DCljHwpNYfxRf7 .formField input {
    width: 100%;
    height: 100%; }

.AyE_9K5DCljHwpNYfxRf7 .confirm-box {
  width: 500px;
  margin: 0 auto;
  text-align: center; }
  .AyE_9K5DCljHwpNYfxRf7 .confirm-box .item {
    margin-bottom: 5px; }
    .AyE_9K5DCljHwpNYfxRf7 .confirm-box .item .label_box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 10px 0 10px 180px;
      font-size: 14px;
      text-align: center; }
      .AyE_9K5DCljHwpNYfxRf7 .confirm-box .item .label_box > label {
        width: 85px; }
      .AyE_9K5DCljHwpNYfxRf7 .confirm-box .item .label_box > span {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        word-break: break-all;
        text-align: left; }
    .AyE_9K5DCljHwpNYfxRf7 .confirm-box .item .code {
      max-height: 270px; }

.AyE_9K5DCljHwpNYfxRf7 .result-box {
  text-align: center; }
  .AyE_9K5DCljHwpNYfxRf7 .result-box > img {
    height: 110px;
    width: 110px;
    margin: 40px 0 20px; }
  .AyE_9K5DCljHwpNYfxRf7 .result-box .text {
    color: #545454;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 70px; }

.AyE_9K5DCljHwpNYfxRf7 .button {
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  border-radius: 4px;
  border: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100);
  letter-spacing: 2px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.AyE_9K5DCljHwpNYfxRf7 .cancle {
  background: #fff;
  color: #eed12d;
  border: 1px solid #eed12d; }

._18Ubc3KPOo5I2Y2XWsarpH {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._18Ubc3KPOo5I2Y2XWsarpH .content {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 370px; }
    ._18Ubc3KPOo5I2Y2XWsarpH .content .help-img {
      width: 85%;
      max-width: 1400px; }
    ._18Ubc3KPOo5I2Y2XWsarpH .content .close {
      width: 30px;
      height: 30px;
      position: absolute;
      bottom: -15px;
      left: calc(50% - 15px);
      cursor: pointer;
      -webkit-transition: 0.8s all;
      transition: 0.8s all; }
      ._18Ubc3KPOo5I2Y2XWsarpH .content .close:hover {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg); }

/** 
 * 该文件由CLI自动生成，创建于：Wed Jun 05 2024 15:46:54 GMT+0800 (GMT+08:00)
*/

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2xacXl-UdJ1YneIQzSPAvb {
  width: 96%;
  margin: 0 auto; }
  ._2xacXl-UdJ1YneIQzSPAvb .bindBankCard-cont {
    margin-bottom: 20px;
    border-radius: 6px;
    max-height: 330px;
    overflow-y: auto; }
    ._2xacXl-UdJ1YneIQzSPAvb .bindBankCard-cont table {
      text-align: center;
      border-spacing: 0;
      border-collapse: collapse;
      border: #f2e9ff solid 1px;
      border-right: 0; }
      ._2xacXl-UdJ1YneIQzSPAvb .bindBankCard-cont table th {
        background: #f3f2f2;
        border-right: #f3f2f2 solid 1px;
        line-height: 37px;
        color: #545454; }
      ._2xacXl-UdJ1YneIQzSPAvb .bindBankCard-cont table td {
        border-right: #eee solid 1px;
        border-top: #eee solid 1px;
        line-height: 45px;
        color: #A4A4A4; }
        ._2xacXl-UdJ1YneIQzSPAvb .bindBankCard-cont table td:last-child {
          color: #997EE7;
          cursor: pointer; }
        ._2xacXl-UdJ1YneIQzSPAvb .bindBankCard-cont table td .icon-qr {
          height: 30px;
          vertical-align: middle; }
  ._2xacXl-UdJ1YneIQzSPAvb .actions {
    text-align: center; }
  ._2xacXl-UdJ1YneIQzSPAvb button {
    display: inline-block;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    letter-spacing: 2px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    margin: 0 10px;
    width: 150px;
    height: 40px;
    border-radius: 4px; }
  ._2xacXl-UdJ1YneIQzSPAvb .bankcard-tips {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    color: #AFAFAF; }
    ._2xacXl-UdJ1YneIQzSPAvb .bankcard-tips.tips-fl {
      text-align: left; }
    ._2xacXl-UdJ1YneIQzSPAvb .bankcard-tips .tips-purple {
      color: #754da5; }
    ._2xacXl-UdJ1YneIQzSPAvb .bankcard-tips .tips-red {
      color: #ff3366; }
    ._2xacXl-UdJ1YneIQzSPAvb .bankcard-tips .bind-phonenumber {
      margin-bottom: 15px; }
      ._2xacXl-UdJ1YneIQzSPAvb .bankcard-tips .bind-phonenumber label {
        margin-right: 5px;
        font-size: 15px;
        line-height: 35px;
        color: #666; }

._3b0ZGliPZQ3318cx3PvWXX {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._3b0ZGliPZQ3318cx3PvWXX .content {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 300px; }
    ._3b0ZGliPZQ3318cx3PvWXX .content .qr-img {
      max-height: 500px; }
    ._3b0ZGliPZQ3318cx3PvWXX .content .close {
      width: 30px;
      height: 30px;
      position: absolute;
      bottom: -50px;
      left: calc(50% - 15px);
      cursor: pointer;
      -webkit-transition: 0.8s all;
      transition: 0.8s all; }
      ._3b0ZGliPZQ3318cx3PvWXX .content .close:hover {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg); }

/** 
 * 该文件由CLI自动生成，创建于：Wed Jun 05 2024 15:47:29 GMT+0800 (GMT+08:00)
*/

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

/** 
 * 该文件由CLI自动生成，创建于：Wed Jun 05 2024 15:46:37 GMT+0800 (GMT+08:00)
*/

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2UziDxlz_EdXX36L4I8x9p > h4 {
  font-size: 16px;
  font-weight: bold;
  text-align: center; }

._2UziDxlz_EdXX36L4I8x9p > div Button {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 30px;
  font-size: 16px;
  color: white;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100); }

._2UziDxlz_EdXX36L4I8x9p > div .tip {
  width: 50px;
  height: 43px;
  text-align: center;
  line-height: normal;
  position: absolute;
  top: 5px;
  right: -20px;
  border-radius: 100%;
  background: red;
  padding-top: 7px;
  color: #fff; }

._2UziDxlz_EdXX36L4I8x9p > div .no-click {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 30px;
  font-size: 16px;
  color: white;
  cursor: pointer;
  background: grey; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1HMOS7gHY7GOVG0X3UqBC8 {
  padding: 20px 40px; }
  ._1HMOS7gHY7GOVG0X3UqBC8 div.steps {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 21px;
    color: #b6b6b6;
    border-bottom: 1px solid #eeeeee; }
    ._1HMOS7gHY7GOVG0X3UqBC8 div.steps > span {
      margin: 0 15px; }
      ._1HMOS7gHY7GOVG0X3UqBC8 div.steps > span > em {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 30;
        border: 1px solid #b6b6b6;
        border-radius: 50%;
        text-align: center;
        margin-right: 10px; }
      ._1HMOS7gHY7GOVG0X3UqBC8 div.steps > span.actived {
        color: #eed12d; }
        ._1HMOS7gHY7GOVG0X3UqBC8 div.steps > span.actived > em {
          border: 1px solid #eed12d; }
  ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail {
    height: 300px;
    position: relative; }
    ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.tips {
      height: 34px;
      line-height: 34px;
      background: #f7f7f7;
      border: 1px solid #eee;
      margin: 0 auto;
      margin-top: 15px;
      font-size: 13px;
      color: #333;
      width: 760px;
      padding: 0 10px; }
      ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.tips > em {
        color: #fc6180;
        font-weight: bold; }
        ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.tips > em.warn {
          color: #4886ff; }
    ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.infos {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      font-size: 14px;
      margin-top: 15px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eeeeee; }
      ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.infos > .item {
        width: 100%;
        color: #657699;
        margin: 5px 0;
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.infos > .item > .text {
          width: 30%;
          text-align: right; }
        ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.infos > .item > .value {
          width: 70%;
          padding-left: 30px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-size: 18px; }
          ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.infos > .item > .value.red {
            color: #fc6180; }
          ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.infos > .item > .value > input,
          ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.infos > .item > .value > select {
            vertical-align: middle;
            border: 1px solid #d6cff4;
            font-size: 14px;
            padding: 0 5px;
            height: 30px;
            width: 370px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
      ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.infos > .message {
        width: 70%;
        margin-left: auto;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        color: #bbb;
        font-size: 12px; }
    ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.actions {
      height: 60;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 25px; }
      ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > div.actions > button {
        font-size: 20px;
        color: white;
        margin: 0 15px;
        width: 201px;
        height: 50px;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0000), to(#ff6600));
        background-image: -webkit-linear-gradient(bottom, #ff0000, #ff6600);
        background-image: linear-gradient(bottom, #ff0000, #ff6600); }
    ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > .success {
      width: 80%;
      height: 370px;
      overflow: auto;
      margin: 0 auto;
      margin-top: 15px;
      background: #dcebd7;
      color: #3ac498;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center; }
      ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > .success > svg {
        width: 100px;
        height: 100px;
        display: block;
        margin: 50px auto !important; }
      ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > .success > div {
        margin-top: 15px;
        font-size: 30px; }
        ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > .success > div.s {
          font-size: 18px; }
        ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > .success > div.more {
          font-size: 18px;
          color: #001bd3;
          text-decoration: underline;
          cursor: pointer; }
        ._1HMOS7gHY7GOVG0X3UqBC8 > div.detail > .success > div.tips {
          font-size: 16px;
          color: #c6c6c6; }

/** 
 * 该文件由CLI自动生成，创建于：Mon Jul 12 2021 20:25:22 GMT+0800 (GMT+08:00)
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
 ========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
  margin: 0; }

/**
* Render the `main` element consistently in IE.
*/
main {
  display: block; }

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
 ========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
 ========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
  background-color: transparent; }

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b, strong {
  font-weight: bolder; }

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%; }

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
 ========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
  border-style: none; }

/* Forms
 ========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button, input, optgroup, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button, input {
  /* 1 */
  overflow: visible; }

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button, select {
  /* 1 */
  text-transform: none; }

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
* Correct the padding in Firefox.
*/
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  vertical-align: baseline; }

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
  overflow: auto; }

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
 ========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
  display: block; }

/*
* Add the correct display in all browsers.
*/
summary {
  display: list-item; }

/* Misc
 ========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
  display: none; }

/**
* Add the correct display in IE 10.
*/
[hidden] {
  display: none; }

html, body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: 'microsoft yahei'; }

h1, h2, h3, h4, h5, h6, ul, dl, dt, dd, ol, p, input {
  margin: 0;
  padding: 0; }

button, input, textarea {
  outline: none; }

img {
  border: 0; }

li, em {
  list-style: none;
  font-style: normal; }

a {
  text-decoration: none; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d;
          box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

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

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

.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

body, button, input, select, textarea, * {
  font-family: "Microsoft YaHei",  Arial, "Segoe UI", "Lucida Grande", Helvetica, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }

div, span, a {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.hidden {
  display: none !important; }

.block {
  display: block !important; }

.bfc {
  content: '';
  overflow: hidden; }

.absolute {
  position: absolute; }

.fl {
  float: left; }

.fr {
  float: right; }

.pointer {
  cursor: pointer; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.pointer {
  cursor: pointer; }

body {
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  body::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb; }
  body::-webkit-scrollbar-track {
    background-color: #f6f8fb; }
  body::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #f6c74d;
    border-radius: 10px; }

._3zLFUdPfEQZCgA9pffkhia .currency {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #b38236;
  padding: 0 10px; }
  ._3zLFUdPfEQZCgA9pffkhia .currency > span {
    color: #666;
    font-size: 16px; }
  ._3zLFUdPfEQZCgA9pffkhia .currency > select {
    border: none;
    width: 100px;
    text-align: center;
    margin-left: 12px;
    outline: none;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid #eee; }
    ._3zLFUdPfEQZCgA9pffkhia .currency > select:hover {
      outline: none; }

._3zLFUdPfEQZCgA9pffkhia .balance {
  margin-top: 15px; }
  ._3zLFUdPfEQZCgA9pffkhia .balance > .title {
    height: 40px;
    line-height: 40px;
    background: rgba(179, 130, 54, 0.3);
    border-radius: 3px 3px 0px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    ._3zLFUdPfEQZCgA9pffkhia .balance > .title div {
      width: 50%;
      text-align: center;
      font-size: 14px; }

._3zLFUdPfEQZCgA9pffkhia .button {
  margin: 15px auto 0 auto;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
  background-image: -webkit-linear-gradient(top, #ffa200, #ff5300);
  background-image: linear-gradient(top, #ffa200, #ff5300);
  background-blend-mode: normal, normal;
  border-radius: 3px;
  color: white;
  cursor: pointer; }
  ._3zLFUdPfEQZCgA9pffkhia .button:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1asH_cLAUwyOsFMRXOlcge {
  font-family: "PK-Maehongson"; }
  ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px auto;
    line-height: 40px;
    color: #606060; }
    ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-title {
      white-space: nowrap;
      width: 110px;
      font-size: 16px; }
    ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box {
      position: relative;
      line-height: 40px;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      border-radius: 5px;
      border: 1px solid #d4cfcf;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 12px; }
      ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box.input-captcha {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px; }
      ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box > input {
        width: 100%;
        height: 40px;
        border: none;
        border-radius: 5px;
        background: none;
        color: #606060; }
        ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box > input.sms-captcha {
          width: 53%;
          margin-right: 10px; }
      ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box > p {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-left: 12px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        line-height: 40px;
        color: red;
        cursor: text;
        background: #fff;
        height: 34px; }
      ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box > i {
        position: absolute;
        right: 0;
        width: 24px;
        color: #78c06e;
        margin-right: 10px; }
      ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box .err-captcha {
        width: 55%;
        top: 1px;
        left: 1px; }
      ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box > div.get-captcha {
        display: inline-block;
        padding: 0 12px;
        border-radius: 8px;
        text-align: center;
        background: #4a4a4a;
        color: #fff;
        cursor: pointer; }
        ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box > div.get-captcha.captcha-success {
          color: green;
          background: #fefefe;
          cursor: auto;
          vertical-align: middle; }
          ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .input-box > div.get-captcha.captcha-success > span {
            display: inline-block;
            line-height: 40px;
            vertical-align: super; }
    ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label ::-webkit-input-placeholder {
      color: #828282; }
    ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > label > .select-code {
      border: 1px solid #d4cfcf;
      border-radius: 6px;
      margin-right: 12px;
      outline: none;
      width: 60px;
      color: #606060; }
  ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > .back-login {
    text-decoration: underline;
    float: right;
    cursor: pointer;
    font-size: 14px;
    color: #606060; }
  ._1asH_cLAUwyOsFMRXOlcge > .register-box .register-main > .submit {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    width: 68%;
    height: 45px;
    display: block;
    margin: 70px auto 0;
    border: none;
    font-size: 20px;
    color: white;
    border-radius: 5px;
    cursor: pointer; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3W0NSJsyptPU4TuvTi4Pfj {
  width: 480px;
  margin-top: 20px;
  background: white; }
  ._3W0NSJsyptPU4TuvTi4Pfj div.input {
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    ._3W0NSJsyptPU4TuvTi4Pfj div.input input {
      width: 300px;
      padding: 0 10px;
      font-size: 14px; }
  ._3W0NSJsyptPU4TuvTi4Pfj img {
    cursor: pointer; }
  ._3W0NSJsyptPU4TuvTi4Pfj button {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    display: inline-block;
    border: none;
    width: 70%;
    cursor: pointer;
    margin: 20px 15%;
    color: white;
    border-radius: 5px;
    background: -webkit-linear-gradient(top, #eed12d, #f6c74d); }
    ._3W0NSJsyptPU4TuvTi4Pfj button:hover {
      background: -webkit-linear-gradient(top, #f6c74d, #eed12d); }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3W0NSJsyptPU4TuvTi4Pfj {
  background: none; }
  ._3W0NSJsyptPU4TuvTi4Pfj button {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff6666));
    background: -webkit-linear-gradient(top, #ff0000, #ff6666);
    background: linear-gradient(to bottom, #ff0000, #ff6666); }
  ._3W0NSJsyptPU4TuvTi4Pfj button:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff6666));
    background: -webkit-linear-gradient(top, #ff0000, #ff6666);
    background: linear-gradient(to bottom, #ff0000, #ff6666); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2qzKAcI9w8vfL4oxJsseBr {
  min-width: 1180px;
  background: #353d4a; }
  ._2qzKAcI9w8vfL4oxJsseBr > .contents {
    width: 1180px;
    margin: auto;
    color: #fff;
    font-size: 14px;
    height: 46px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._2qzKAcI9w8vfL4oxJsseBr > .contents .right-side, ._2qzKAcI9w8vfL4oxJsseBr > .contents .left-side {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    ._2qzKAcI9w8vfL4oxJsseBr > .contents .current_time {
      margin-left: 30px; }
    ._2qzKAcI9w8vfL4oxJsseBr > .contents .down-app {
      cursor: pointer;
      margin-right: 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      line-height: 30px;
      position: relative; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .down-app .app {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAiElEQVQokWP8//+/NwMDQwYDAwMHA37wnYGBYSpIw3sGBoavDAwMLwhokGZgYGBm+A8BFf///2cggNtBKlnQTNmNw3RXGANdgwsBZzEwEVIw4jWQpQE9HkDJhCQNQlDaEUrvJ6QBBnhx2QBKrW8YGBh+EJlawRocGBgYUhgYGNgIaPjFwMAwAwCDR0Ca4opHSAAAAABJRU5ErkJggg==) no-repeat left center;
        padding-left: 30px;
        padding-left: 22px; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .down-app .qrcode {
        background: white;
        position: absolute;
        z-index: 999;
        top: 30px;
        right: -4px;
        width: 110px;
        height: 0;
        border-radius: 4px;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .down-app .qrcode > img {
          width: 100%;
          height: 100%; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .down-app:hover > .qrcode {
        opacity: 1;
        height: 110px; }
    ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .fields > input {
        width: 140px;
        height: 28px;
        line-height: 28px;
        border: 0;
        border-radius: 5px;
        background: #5d646e;
        color: #fff;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .fields > input::-webkit-input-placeholder {
          color: #fff; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .fields > input::-moz-placeholder {
          color: #fff; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .fields > input:-ms-input-placeholder {
          color: #fff; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .fields > input::-ms-input-placeholder {
          color: #fff; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .fields > input::placeholder {
          color: #fff; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .password {
        position: relative;
        margin-left: 10px; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .password .forgot-pass {
          position: absolute;
          top: 6px;
          right: 5px;
          color: #fff;
          cursor: pointer; }
          ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .password .forgot-pass:hover {
            text-decoration: underline; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .login-reg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .login-reg a {
          padding: 0 20px;
          height: 28px;
          line-height: 28px;
          text-align: center;
          margin-left: 10px;
          border-radius: 5px;
          color: #fff;
          display: block;
          cursor: pointer;
          -webkit-transition: all 0.5s;
          transition: all 0.5s;
          position: relative;
          background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
          background: -webkit-linear-gradient(top, #ff8400, #ff6100);
          background: linear-gradient(180deg, #ff8400, #ff6100); }
          ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .login-reg a > span {
            position: relative;
            z-index: 2; }
          ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .login-reg a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 100%;
            z-index: 1;
            opacity: 0;
            border-radius: 5px;
            background: #ff6100;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
          ._2qzKAcI9w8vfL4oxJsseBr > .contents .login-header .login-reg a:hover:before {
            opacity: 1;
            width: 100%;
            border-radius: 5px; }
    ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info {
      position: relative; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .username {
        width: 200px;
        height: 28px;
        line-height: 28px;
        background: #5d646e;
        border-radius: 14px;
        color: #fff;
        cursor: pointer;
        position: relative; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .username > em {
          width: 28px;
          height: 28px;
          border-radius: 14px;
          background: -webkit-gradient(linear, left top, left bottom, from(#fc8403), to(#fa5e00));
          background: -webkit-linear-gradient(top, #fc8403, #fa5e00);
          background: linear-gradient(180deg, #fc8403, #fa5e00);
          margin-right: 10px;
          display: inline-block;
          text-align: center; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .username::after {
          border-width: 6px;
          border-style: solid dashed dashed dashed;
          border-color: #fff transparent transparent transparent;
          content: '';
          position: absolute;
          right: 5px;
          top: 11px; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info:hover div.sel {
        height: 355px; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info:hover div.sel > div:hover {
          color: #fa5e00; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list {
        width: 200px;
        padding: 0 10px; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list > div {
          cursor: pointer;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 5px 0; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list > div:not(:last-child) {
          border-bottom: 1px solid #eae9e9; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .wallet {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAYAAADNX8xBAAACCElEQVQ4jYWVO2hVQRCGvxtv4gu1EgS1khQpjGBnk4DEECVIGh8gBhRBLYRoFOy0NFpYmUJEfCCKSrgaVEQQ7WwUCalUtBFMEQTxGcPMyIQ9l73L2ePAcHae+8/M7p7a46cvyVAHsDwxfQM0Vmzv71n4tpkZCZ80s09mNmdmXxOeN7MpMxsuYgqqq7ZsMAhcyEH0jYGNwDXgHfCqaUjQbClBWMY1M+upQjRTgSalzy1QRZSIb4voj0RXxrMiOun6CJHEiWeBEeBKBRIPOAB8j5VpaXVgNTAPtGcS/QLWAzWg2aS6SBPRKuA+0Pef3qwAxoF+YF9ITJsjUtV2VZ1Q1b4gO19W1WeRPK2qY5E8pKqNW3cai0KzBRE5IyJbw7rg1yIyKCKNsO4VkSeJzzaP9US1q9fver3vgcUlTR0G7gFLgE3AI2Bl4jcHdHqPDpUkcfoLnAWmwoTGMwPw2CM+tYFMU/cAk5HcDewIqFIacERdmUSXgP3AuSCfBjZnfLsc0bKM0Q/mRCTvBnYCD0p8l/rJ9vu1tsTo09ibIOrMbDpTF9HnoYSUugPfDI/ZrkwSpxde2vnQ2I6M02h8FUrIpztWN7PpcNRveK0ljr0VSf4AB0dHDr8tLq3fsTfAcWAIWFcR7ORv0UPg4qkTRz+4whEVxo/AscBrgA0BYfED+An8Dn5fWtIC/wBMsnvS5HP8hwAAAABJRU5ErkJggg==) no-repeat left center;
          padding-left: 30px;
          position: relative; }
          ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .wallet::after {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMDI0YjAzYS1kNjViLTQxNjUtOGI0Ny1lMTNiYTQ2NjU3ODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FCRUQ0ODFFRjhFMTFFQjk0OTI4MDIxMTUxNkNDQTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FCRUQ0ODBFRjhFMTFFQjk0OTI4MDIxMTUxNkNDQTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjIxNmU0Yi00OTk3LTRmZjUtYTJkMC1mMTZiMDhjY2U4NGIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzAyNGIwM2EtZDY1Yi00MTY1LThiNDctZTEzYmE0NjY1Nzg2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yoCNEwAAALZJREFUeNp00M8KAVEUgPE7uqam7Kz8izfBwkIpUpKFZ/EK3kJZIEVmxSwtbZVYydYLyHfqqGk6Tv02M1+3c2+wj5PIOTfDHC9nTA4hpjii9C96o40CTqhYkcwVLUQa1qxI5oYm8hrWrUjmricGGjasSOah4QcJqlYk88QFZbmIFclOC/QwwdlngjAVjLGWjz4TLNHFCNvfD58KVuhgiF36eK87bPTV+zhkl5SoqA83QGxd9SvAAIxQHeK2OjXhAAAAAElFTkSuQmCC) no-repeat right center;
            width: 6px;
            height: 11px;
            content: '';
            position: absolute;
            top: 14px;
            right: 4px; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .balance {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAACGklEQVQ4jZWUO2hUURCGv10XNBAfsVAEKx9goyKiAZEEEgyGWPhoQtDKwkLBGAu1EZsUQW1U8FH4wEIR0YAxwUIlIBgwkEXURiJo4QYbFd8m+4/MMleul91gfhjOPWf++99/5pxzc4MPhpkGi4CVkR4HJrLU9ramypg3MzKRM7NOMxsxswkzexJRMrNRM9ttZn/fS1CQlP7AXOAG0FHD5HrgOrAH6AQ+Jom8C0W4aL+kjpifljQez5OSeiW9j3mbpCFJc6oJ9UhqSc0HJDVJeiGpS1KfpO+pfKOkY4lQ7vbdIR9nAyWgIVXGlyjxKVAHDAKbM6V+BZbu2r71c+KoVVJD6mse2yQVJU1J+iVpp6SxDKdeUrsrFsrlctLELI7HlncDXeFmVRXeauBmIlRXhdALFIGfTgQGgHXA2gxvXtrRhypCR4C34ci3ehOwogqvVGn25Wu3fGwERqqQHAuACyGWxhhwMoSGE0fPgNep6zAFjALzgTvAxoyIb3U/cAmoB84mQn68e4ATwFXgDdAMvAI2AC0pkYfA/XCZi7XmRMjxPM7KIWBZrPll2gLsj/m9iPMpkUpFfi1a42U/D/lMCS+j4Z5/Bzj3YkbEnZxzR97thTUa7SVfAZYDS2pwzhw8sLfojmbVIDjWTJNzPAKO+kP2NzITPAZ2HO7e9zsRmpyhwCfgFNAXx6SCgpn51i7+T5EfcW2+/bMK/AGVHE6+S8fEfwAAAABJRU5ErkJggg==) no-repeat left center;
          padding-left: 30px; }
          ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .balance > p {
            color: #fa5e00; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .recharges {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABOUlEQVQ4jaXUMUscQRjG8d/KYloPUghXCBELGyHgB9AiKewES8UmpWBhpxhE8hmCWBkkWNlZWIkIqUIQkVR60cZSYmvYc2SWXVwuct65fxhm9513Hp5539lNwhdVmniHN7rzDy3cWAt5YhI283kcXzH1gkAnx1iyHn4nYcMITtHoU6TkDu9TbZ9riESGsB6FZirBn1h9Jvkt9rqIzaQyw5VAdDaGdkdis/IcC/0DlwhlMAkrTy89EDs1i/OOctxHR/2wRL7jmrxJJX8H8nDv40hmWaYlE038KvY2+nXULBqyiANMFPHQr1C8vgu4xSTOivhV+l9/ujOPQWxhBw9ldhLm3ReLdciio1bxrdXhYkDbt/x49cZuEubyYx1i+pWOTvAh9ZBf+Y/4VBRztIf/UazrH3zHtv2QPQLCD2vENWK+/AAAAABJRU5ErkJggg==) no-repeat left center;
          padding-left: 30px;
          color: #fa5e00;
          border-bottom: 0 !important; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .withdrawal {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABb0lEQVQ4ja3Uz4vNURjH8dfVlY38yMKCjCiFRspSjFJmjM3ULIiFtZIasWKh/AU2NvaYktJkmikNs7IhSSyUlSY/NmJhMe790LmdqdtkaLr3U6en79Nz3n3O9zzPaUzPzuvSNuzCOv/WIj5g4eSJo53CxuOZZyXuxW0c+w9gucrmi6PDQ28bU9NzA3iFzauELOk7DjaTXO8BUrQR15rtdnu4B8iSRoqjHb0QxsdGOrE46oMhGncnH/3uB6hvjpqtVp9AfXO0StD8su4fqt3dAf3ABnzCa/zCPuz+C+jGCt+LBXQFXzCF7hvcj9MYw2DNPV3B6cPSkHdwHs/LzCD4iBeYw2gtPoJDdcC31NH4jPeYKI4u4VYtbtUnZE9dZ2v+DZ5gFjfroBYV6DhOrUlyOMm5JFuTrE2yPcmZJPeT/EwiyWCSiSQzSb4l+VrjuyQDSR6Uo5X/0K0FTNa1vh7tOA5gJzbV/Mvyhl29fOEe/AHFcZ710WZxCQAAAABJRU5ErkJggg==) no-repeat left center;
          padding-left: 30px; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .transfer {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAC3UlEQVR42pXTTWjTYBgH8KjzMnHoRRRBwR0EQcGJDGXgdFP8AAXZQRgednDgLnoRr91B7dZspWmTLmu+mq5pmjZL06+kU9c59aKHicrAi86LIOrmGIONbnt9UhrNuuJY4Eee93n/T0JCgmE1jmz25V7DmDxhGMVW0yy2/zPZBA5gmx2Zp68O5QoTvpw58QWgTXzPmS+SWXPi/MYLGeNtmfz4AkBblc6PP1r3SHr22Q+AaiiB9+DtfzIonX5+qXwxNV3oGdULqMpvNW3ez+fzDfZNXS7Xdk0zWlW98Lo6r6YKWjmkaPlkQjOQw4ys5RuVTOZgYtQYVDTjXVIzpxMpQ1FV47SiKDsSmslWzcxbfSyezE4DVLEiq5mmWDLXHFezs46+raSo2e5isVgXT+beOPdUNXcYk+L6T4AsMUVXRLGwC+pv1joaT3ngLEjx1IeorN+q5EoRRT8qy+kr9lx5NpZqxiLS6DJAFlHS8BFJ7bHX1t5ITO0Ix5InoZ6p9MIsq++maXon1Et2NhxV2zFeTCAHBfyy15yY7GVFpUUQ5EYhkuiE3mJl7zMfSTyE87ydFSLKNYwR5BLDy8jCcco5ntf2sJyMw3qV4eQ+hpcuQ/9YiJPvQm/RyrGCnGGF2HWo1+zZEC9dxGgmOgeQZYiRHiOEtkGtgDWrN8xEx8A9O1POhaJXaVZqWddjpTMYRYufAKqYDQbFfcGQeAHqJUd/xa5JOuy3bkgNiaZjH9G00Ij5KSHjp3jkUISXW+/388eJIJ+C9RxYJij+TSDI37a+TYLieqtmluCjrsOIAPvAF2CRExHgPvoCTFv1P+yluCMEycjVeV+AGysH+kly/6BveAGgGr6CLEiAKbBaK+clQjf/3hH3Bjtx79AKQFsXFKx3uO4R3APk2f4BygDLAG1itR+npvoGqa4NF3IeLhdd/wSnTrk9gRt9HqoLhrotbg95pw8nO9w42UIQREOt2T8/UkyEQwQSgAAAAABJRU5ErkJggg==) no-repeat left center;
          padding-left: 30px; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .vip {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABHNCSVQICAgIfAhkiAAAAi5JREFUOI3Nk01IVGEUhp9zZ2KshVhoLcSBphAlNApsUas2GoImE4ZlUGP0QwuhoIVBodta6aY2BuHG2iiUgS2KKIYw7A9MU9BAdBH9zJQzc6/3u/e00BH/EtIWvcvznfN87/l4P/hfJQCq9QEG81pAyv9yfgbLuyX7O4cXYN5ArBmkfX1+dMRKjZfJ4ecmqG/rC4xj2tYHAqDE3xy+BHSI87LhtgoXNwADNBHy/eKg8Z1zGwMBkJdGrweNcQL/AAZoJGiM/QDk+AZJyU0WV4LbnGTsSyBUsiQWyjMRHVPk/LLbPwBPUC4jMr+RqmXRmFsZH7WkZjAtOFHXZL4bY2OMjW/SN7dXxy8Yk+nK1oybSfiaqd1RHb9qjD2xUDd2a8GReB/M5wxgsndPlfrah0gA5XVROOfQt6mZnJQXeCciEdQ7EY6OdE/2lDYpVue8q56iuo/HRFAAKwsrqhvq9zz7mjE2xrMrPk/8aMs/+umXmtQpY9Id4ehI93jPzmLXddrnHGWGXdeOZUFLnM1tj4x1F94HqQf1AkrlrpNTTwHGHhPyk4UvBKkATQZFD0QapkcXzy+BAUw/ZEsikf8KpAzVlAg3VJhCaQY5CKpiUVva+PXR8tkVMIChrtzdnqcDgmxdcSi0lp3+uer3WxUG8P5uqEpV+kAWQi2qveVn7ejid1osa7UiwN4mp9/zZ1t838X3XXxvdsj17DN/Aq3pLKs3d6hRiFgh7u2LkVir9zcZCweFVRCoiwAAAABJRU5ErkJggg==) no-repeat left center;
          padding-left: 30px;
          color: #fa5e00; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .management {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABp0lEQVQ4ja3UTYjOURQG8N+MVygLCzuTDUX5yMJaaTQMslJqLOxYkI8UCyaWFCalKRtriYQxUZLvElkouwklCxZC0sy494wud+pteg3NeOp0+59z73Of8z/n3LbB2/e1wAz0Yivm1PA3nEd/8/burjW/1sbY2FgrokM4XA99rL5FOIdPuDjxQNuNwbtlnYttWFx82I7PuDlhfw++YgAZL3F1c/fa0bZrA3c6cK/eOBU8x7pGzvnMNEgKVuNoIyK6p0Eyjg1F0cz/QNQoRN8xa5pEw4Wop/bHwimSvMLO9pTys5TyspRyb0r5Q0pZtR8p5eMp5SUp5ZUp5f6mWLG3KeU9KeVVKeU3RdFjXMZpnCylRBee4jp2o6S/F+8wD7fwAAtwFssLURmBI9iHK9WO1cYrKW+qYzIbJzAfnbiELSjFelSIxnMt3b2jWpmb9/XG9ViKPhyovokYKUTDLQJlTDqavtvrILci+V21iBj5S1UuVLWTIYqiIayYZFezsj9hqCg6VX9akT4VfCnPS3tEPImIjRHxIiJSRPhHG42IhxHReXD/rtc/AeVM3FkgPIZSAAAAAElFTkSuQmCC) no-repeat left center;
          padding-left: 30px;
          position: relative; }
          ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .management::after {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMDI0YjAzYS1kNjViLTQxNjUtOGI0Ny1lMTNiYTQ2NjU3ODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FCRUQ0ODFFRjhFMTFFQjk0OTI4MDIxMTUxNkNDQTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FCRUQ0ODBFRjhFMTFFQjk0OTI4MDIxMTUxNkNDQTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjIxNmU0Yi00OTk3LTRmZjUtYTJkMC1mMTZiMDhjY2U4NGIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzAyNGIwM2EtZDY1Yi00MTY1LThiNDctZTEzYmE0NjY1Nzg2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yoCNEwAAALZJREFUeNp00M8KAVEUgPE7uqam7Kz8izfBwkIpUpKFZ/EK3kJZIEVmxSwtbZVYydYLyHfqqGk6Tv02M1+3c2+wj5PIOTfDHC9nTA4hpjii9C96o40CTqhYkcwVLUQa1qxI5oYm8hrWrUjmricGGjasSOah4QcJqlYk88QFZbmIFclOC/QwwdlngjAVjLGWjz4TLNHFCNvfD58KVuhgiF36eK87bPTV+zhkl5SoqA83QGxd9SvAAIxQHeK2OjXhAAAAAElFTkSuQmCC) no-repeat right center;
            width: 6px;
            height: 11px;
            content: '';
            position: absolute;
            top: 14px;
            right: 4px; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .user-info .list .logout {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABSElEQVQ4jZ2TTytFQRjGf1enkLjJTsrCxsaCxV1QlJCbBQtZ+QTK6pZkYc3GF7Czo1Dqiuv/ys6KhYXEB7iIpMy8NNMsdJq55tyn3qZzeuZ3nnfOO7nD4ysi1Aw0pWzvgCpODNuHBhGhRs2IyK2IfIpINVVfInJWPrrsM6DcQfk8lGcW2DGefwK/AYVERIcMaxEQozywkpi2POoAemIOz6mQaO1N1JIBYv1/QaPAFFDKCLFKlLKgSWAP2KoHYkFa6yKwD9wBu8AY0Aacevy9QFcApFaBRmAAqLj3z0C3xz8HbIcSzQMXwAsw7eaiE6h6/Plga0rpB2DEwTaBcaAVaA9tCiUy66ODDWXZ7AMZPbmqDxSYbHM+P5FXxPpDd+0DuAYGI0GVRMR82KtF9wPMTNXSPbAeas3oBugHlt2abvMbOAE2lkoLr7893ZOk88GZWAAAAABJRU5ErkJggg==) no-repeat left center;
          padding-left: 30px; }
    ._2qzKAcI9w8vfL4oxJsseBr > .contents .lang-side {
      display: inline-block;
      height: 28px;
      line-height: 28px;
      color: white;
      cursor: pointer;
      -webkit-transition: .5s all;
      transition: .5s all;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative;
      z-index: 100;
      background: #5d646e;
      border-radius: 14px;
      padding-right: 20px; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .lang-side .icon-english {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAGY0lEQVRIiY2WDUxV5xnHf+fjfnDhAopICYJCpxJqAVsYo1axiN065wdqaWaTxkTjNN2qW9Ss22KasLTb3AZt7WZltsUl7cREoNptnR+IU7FeW1Ow7RCncAGx8iV67+V+nfMu59y7OBDaPScnOefJ8/U+///7vK80+OYBTJHA0/ghGbW/5IcfhHnjdy6Y5YRuD89vylm4Z3NuYffqzbl36mungkxs2ZqhWccOtP78wOeul6tb/0lGHPSO8oMteey99DpDTy7HufxJNP+oGV5lAtE0ATogS09jkTdLMqWGlZBkBJL5IEkRR1kCi3wSWdqLEId0XZhFjxd5zL/hrMqMaiIXf/gEVrkORSqdwG+sKFIpFqkOb/CEJ35KLrFxiGBojImcYBEkWAVOWUOEQgg1YeW2lZmupLwppUbbzIr/t5aJEhk27rs4y4tKt1quXfzyj7XlcvJULIDdbsFuV5H7/DJ9Hrgz7QGc7e0rOjf+tCE/2WI988YTTJluh14vinovvBiXQ1Uk6L6L8/E8zizTeHTtYovvO8sOT1lUvMIXCjI0NMrQSAB13t/iwK8Rlxb7YOPu6sb8p5fQGWcnu6aKj2pKmfPt92nv8U3atY5uLxhJVmjMW5hL59r1ZP2lhmvD/sZFG47P9gTFVWIU1BGvApLCyL9uHVqe9QjNxz9iZlkB18Mw++0qGmqX0vLxTZMb48VYXc7SeRxIb+OhRUaS58iq20/XbT8lm0/S2+2tI9byCJ4QKqoGNmUVSY75fR9cYEGwgJbjLmaWFdJpkVi57/esfHgagXH4GN8asD3m39xeV4y7Yj1ZB/dz426QBZtO0Ov2Qlb8fAJaOUG9XuZ2AG76dprAqzL9tc184z0bH9aexlZThft769B8XpOeY/CJsnho52/wL36KzIP7+ceng6Q91Ujv+X4zlhnzhm8HQ37UP79SVHymfaRYkaQIwVSJvm4PF+YVs+Sci4GXfoX3SieO/IfGNk6KrCi2cifJeTkEAdcXtygvm0HajDjQBboOmi6KF2YnFiOEeFFMIqNCCE0IERBChIUQ7me3iTYsog276Fq+UYSEEMHo65ssSEReVN2rt8w1y5PuK9goIvIlS0h2K4FTF1F5wNQFL3xG37qtiEDIMDQ3e8Rngs0mRLbUhv2ohLRsUv5GARHoqKQgE29qdDyE6UMy0fu62SGOqv+nYdRi/JRQorqvHVK6Grt0zcB9htHl39NKSDaVoOszwl/2mRolKQVH0RJEWMNEXZIirJyodTD8lWQwAPZHwTaAd3//BdGGVVw2yLBsg6nzR4ky+tVk+Jl6+FzPqfMdIyiyQW/JpPetGz7SUx1sr5iDqsj4Oq5jm52JCIaNtZhDX4TCZvHBjusM/KKS5B0v8FtHPp8fdZGa7gRNoAth0JuiOYlN6ppt51pAtKDKxeZG6vOBU+W910twKDI9z25B9A6RdupglFL/ba8wE8WkTWfY52ewcD457zSz40oi7GnBPAiNuRXWW1DkFpUkK1iU3TjUw/R4cMyN5+zeJ8jPSKD7x7tQ3t1LcnOz6SOJsbPb0FkdsWQceZfOTSksXV9Cx3EXj6UupP/YxzDTCQF9NyEdGZ8GI8F6rt+55EiwcvoPi80kXVt3Ma26kk9q/s7upMciJ6Q09riwAS/XtdN4eYBZ+6roWb+N9LJCzi4eIfW734Tu0UsEqEeTkROn20lMsJCaElPRtKeER2cl0r39Jaa/Vsnw0VM8cymD5rqL98+6KLla3R5WPXeMK/1eMt+uom/DVh4sK+JIjpsZOSkVCQRJiNFQu94qMYGzxlqv2i22VV0/2tWQvKeSwb+epuiTDHxHTpKzq2DSDTI3LQ6Gg3xr40nOvVlK9p+queYJkLXzJ6taX3vlqs/tA0VGjnfaiE+MwW6x4f3iSqO19p3yzn0NoQWXM7lx5DykOwnr49dyT8KaDjNiGe738/jzTXzaHwplvvXr1XfmZjfG37pJapxEql1HDgfDhIMhsy3hgSFSN61tqLblFbhrzzaR4RzLNNNqgqTGrSk9jsHLw02vvt9ZIIVG6iWLhbtCYSQII6HI/LnXc4sKo37UgYFWYtVSwqICTTSNRWWCcaOLJkL6M8SopXZFasWYFuMYev+9TkQvHCbDxCE0cQidRUChJMTDIKZG7YaANgQuwuJ05CSUUAzf8QL8B97qMauuhw2jAAAAAElFTkSuQmCC) no-repeat left center;
        padding-left: 30px; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .lang-side .icon-thai {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAACN0lEQVRIib2Wv2tTURTHPyd5TdK0tmZQKlaC2kFEbSO1ijoI6mpLHXQSujhqxcn/wMWhdnPQ6uZQtE5BEDqo1SYkRUSELpYKFpfSRtP8fEdukhcSSauEvHx5D969753v5x7uvec+UVVKUuX78DkyiQ94Q32lNjAE3EBkHJEwjaS6guoL4BmQRITi+hqBk2foj7/DtI08DYMhBDyuBN5BNUyxSMPbvBOZBBKVmFAjQ6v6JIKm09jokGxuzqJ6aJtB7KQJRC7Y6Lim00tONnUgzeeRruCIx+N76+nu7mgC4uigpvKL0hU8r/n8onSUrapzpNns3sKPtWVsesQr/7bbQVpUMykpa1/fgPj9P8sAVeee19Zr3vF3IGMuQByN1YJiLoLihiE3770c9Pmspep+arFEhFyuMGg9uh+9jHe77dQiFe1LFof3HHeXUtIJk8r+NoD6DSjQBpDPgFJtAKUM6FsbQKsWv3MJ0NLlikrVTGJWZ48/6hEpiNRU8hZKlYKt+lqmni5wNnJgrndX4IoboI1U5tX75OqoU4IiLpYg4109YZPAtAsJTVe8644JUdteaFkeZS9x/KW2mOa+fA1tTD18g98XaXoVmlWWzSV7b9+66Dt6ZL3aXQvKLsZZOX2qU+GJwLVmOArPBSbCH2Nb/pHhan/9kra8WMHdW1LgOt3BKHAXOPafjM/AA36lZ9S4Wt5660ZjMjmKbc9U/tVGgaumAgMDQGflwwywDHwCZoE5wC5H/yXgD5hzqg2LuLZ/AAAAAElFTkSuQmCC) no-repeat left center;
        padding-left: 30px; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .lang-side .icon-cn {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAFBElEQVRIiZ2WS4gdRRSGv1PVfZ8zmYwzScxDFE00Kj4QDQY1uNWN7xfiQhTdiK+NuBB050JQN4KKDwz4CgZxoSsVMShGFKKiUUOiIVFiJpnMnbmvvl11pLr7zsy9c3HhgeZ23ao+/1/n/KdOyb7zT6OnynRk2RgbZpxHFNoKVYGakdMSz9VW2ObR83rKhAAVI393lX0G9o4Z9vyeeFAoCdStEAF7WykNp8RCNh4wLQYVYQp4qKt6p4etiYIUc2FN02s+FuiqfFkVXkfkzbZX6sNOATP8RySZo3vLwg8KT/eUrY4lkL71x6lmoNeMG3ljysoeI3rJCJxBIA/E8ALwekfZUBBeATIMKMW3HdWrpq35qipysxsGspIvCuHoen257XmE/3JeTPhTBr8gK2LioQZ8YOCGjupilEzbKWWRkJNH28oDma8+RT8CsaBaviKhcmWC9lZSSlQpGT7cFJvznSoLTjEnnKduZPOYledT1aWEu/wZNnWCLggTj8yz+skGpuzRzkqw1MPF1Xhn2PDRxGGf3ThOReS1RNnaV5E/aaju6BCt8/T2x0hVFx1kOSmDO25Jvi+R/hGBF7RlkEjBFkSzRzdMRua3NSXzkzQvXXtWS/2hJAWaQXKC+8uy7t0ZfEs4ft8U0cY0y0UGaPOQ+lmDlDRTj5nwmDGPO2mhtySxkIKSsLejbDct7+9yCZiaUr6sh13vKF3WJb4gpXRhj9JFCWaNJz43zR2nhYomPVRAm0L9xjZr3p7NCPnGkjq8girbOo4rQ8Fe47xg5oXK9ha1e9pIK2QUpAZr3z8BJWjurLGws4aqIEYLxprNpYctnc9LGahUBsPcUzDCDpm5aPpAIpxDW9C2UL+txaqHmojVLAS+Lcy/VKf5UQ2JNXfU9yW5CjWVPGQ2kNNcrSzlatzIW6YHawOxbEEJ5l+rkx6ycCZwBqS/WBqvjOUg1WUgfS9RAdYrdrMMZFGByvqIvk6Cj4Ywdkeb+KqU+afqUFHGH2tRv6lN+9MKtjyk9wCUQrTeIZOe9HCU51BWLJPIwqkUauLzXdnTHXNPjNF4tY4YQeeE6IxCCMMW1LdgmHh4geqtHWbuXp2Xw7gOcImFU5ERDqmyIZAwU57m7iruhCHe4rJV8zvr2GmfzfVPhWz3SX76hnh0vo3RTqg/m8l9uQUNNr0eNB6+s/3EprkTu8Yv5iJ79wyAECum7pExn/12vqgw++wqfHdQdeGtbISTzn9tSsguWdaH+pU9YMv+y46ghmHymTmmnptbLE67fMeFGSQI4WgkfGYU3WOF/SPcjzQhPx3SIzY7QUJFZkSG+kkgHrptx+urpxwN+ficCbZUoutOj8zHDa8rO+EoM6DzRYuIyYUyJOswtcrKwjuznU0Hu37ORCK0nH6SKB+MitpICwoNuYjI6mtU7VSN8GvX3X8s9XMmcNoUG8J9YNb5uytG9o8Q8WizBciIDwLIjPMvftVM3ltlDWeXDaZXXDoMdCNhR1nk537f+z9WDY6UV06k+mjJSBbCRIcasRWOJ8rlibJr3Aiy2Ff+25yGW5OEnHCg6x4/krgHK0UK+98OAiE0nba7qrfPOb3FK9+EvIWeHyw47Hf48B7uG+EJ97h/Ur/rj8RfeizV5x0rRTVwr8sKPTARONpzu6cjs3vamGu7qtcDl9cNm1NYLeDC7ue9/hiLfFMVPvyz537reZiM8nANRAH4F3N4PAh2rcFWAAAAAElFTkSuQmCC) no-repeat left center;
        padding-left: 30px; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .lang-side::after {
        border-width: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #fff transparent transparent transparent;
        content: '';
        position: absolute;
        right: 5px;
        top: 11px; }
      ._2qzKAcI9w8vfL4oxJsseBr > .contents .lang-side:hover div.sel {
        height: 88px; }
        ._2qzKAcI9w8vfL4oxJsseBr > .contents .lang-side:hover div.sel > div:hover {
          color: #fa5e00; }
    ._2qzKAcI9w8vfL4oxJsseBr > .contents .sel {
      position: absolute;
      top: 30px;
      left: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      line-height: 30px;
      padding: 0 5px;
      background: #fff;
      color: #5a5d68;
      border-radius: 10px;
      height: 0px;
      -webkit-transition: .4s all;
      transition: .4s all;
      overflow: hidden;
      z-index: 999; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1mX_411BRbvJtkrhACZiEt {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0px;
  z-index: 20;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ff5500), to(rgba(255, 129, 0, 0.4)));
  background: -webkit-linear-gradient(top, #ff5500 40%, rgba(255, 129, 0, 0.4));
  background: linear-gradient(180deg, #ff5500 40%, rgba(255, 129, 0, 0.4));
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  ._1mX_411BRbvJtkrhACZiEt .header-game-item {
    position: relative;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 24px; }
    ._1mX_411BRbvJtkrhACZiEt .header-game-item .actions {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      ._1mX_411BRbvJtkrhACZiEt .header-game-item .actions > img {
        height: 22px;
        margin-bottom: 5px; }
      ._1mX_411BRbvJtkrhACZiEt .header-game-item .actions button {
        padding: 0 10px;
        display: block;
        height: 27px;
        line-height: 27px;
        color: #f2c95d;
        text-align: center;
        border-radius: 5px;
        border: 0;
        font-size: 12px;
        cursor: pointer;
        margin: 7px 2px 0 -1px; }
        ._1mX_411BRbvJtkrhACZiEt .header-game-item .actions button:hover {
          opacity: 0.9; }
        ._1mX_411BRbvJtkrhACZiEt .header-game-item .actions button.start {
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          border: 1px solid;
          color: #fff;
          border-radius: 13px;
          background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
          background: -webkit-linear-gradient(top, #ff8400, #ff6100);
          background: linear-gradient(180deg, #ff8400, #ff6100); }
        ._1mX_411BRbvJtkrhACZiEt .header-game-item .actions button.transfer {
          background-image: -webkit-radial-gradient(#ffffa9, #f8bf3f);
          background-image: radial-gradient(#ffffa9, #f8bf3f);
          color: #754014; }
    ._1mX_411BRbvJtkrhACZiEt .header-game-item .slot_dttha > img {
      width: 107px;
      height: 13px; }
    ._1mX_411BRbvJtkrhACZiEt .header-game-item .slot_jokertha > img {
      width: 76px;
      height: 16px; }
    ._1mX_411BRbvJtkrhACZiEt .header-game-item .slot_jdbtha > img {
      width: 38px;
      height: 20px; }
    ._1mX_411BRbvJtkrhACZiEt .header-game-item .slot_jltha > img {
      width: 41px;
      height: 15px; }
    ._1mX_411BRbvJtkrhACZiEt .header-game-item .testgame {
      position: absolute;
      right: -25px;
      top: 80px;
      width: auto;
      min-width: 40px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      padding: 0 4px;
      color: white;
      border-radius: 20px 0 3px 0;
      cursor: pointer;
      background: -webkit-gradient(linear, left bottom, left top, from(#f00), to(#f60));
      background: -webkit-linear-gradient(bottom, #f00, #f60);
      background: linear-gradient(0deg, #f00, #f60); }
      ._1mX_411BRbvJtkrhACZiEt .header-game-item .testgame:hover {
        -webkit-filter: brightness(70%);
                filter: brightness(70%); }
    ._1mX_411BRbvJtkrhACZiEt .header-game-item:lang(th) .testgame {
      right: -60px; }
  ._1mX_411BRbvJtkrhACZiEt .more {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._1mX_411BRbvJtkrhACZiEt .more > strong {
      font-size: 60px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3zzk3YtSFCrNS63V9QNpL9 {
  height: 146px; }
  ._3zzk3YtSFCrNS63V9QNpL9 > nav.main {
    height: 100px;
    min-width: 1180px;
    background: #ff5500;
    color: #fff;
    font-size: 16px;
    position: relative; }
    ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents {
      width: 1180px;
      margin: 0 auto;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .logo {
        width: 134px;
        height: 100%;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAA/CAMAAAASYkAeAAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMASyJa4aUeqi360+7xtPbduxUPlgkzAsdoQ2FVBXFHMRrDrnc815Eoy+vn49C3oJmIN32CqE6MHOA4RwAABJZJREFUaN7lmNmaojAQRn/RVlBEUdoVFfe93aan3v/NZiQpIwLiBdjzfXOuEjuSQ1WSSotI3CX+AZy92cWPY6+IrCF+GK1GfzH6+FE+N+Rj5PGDdE1iOngfLQToG6SYhoZmRrfe8VTPvuyVRW1x95dGvjRFhrSJxlPtbm1sORausuvsDTJtZMiQruzOOiQjkZcF97XB2P/kiExpk6AKyS9/o/C790hg2ciUIQm+IBlce2XuzUiwQMa0X9EwPGQLh6PG/VIgKVPyOSBrOBy9wBJtyk2yEcHQkDUcDss/vk+8YS8ugOKKM5Y5arPsFsc63Sg0jxNLtpd4A0NK4BfeQjtBQ0cy2YdjgjjeGo5PJJN9OPaI543hmOFtNLR48N+xqN+xL/l8Xfo2MqDYOezbq/qhF356nyIx6jmkzKmqnv5riSCtMsUwXiJF3N90jzV4JRxc8lKjNaEHFonhyOA/ljOFyCeHg+kjHTyLM71ormRz4wTDUa8pKlcMYswiUmFAPnO/VHY3fN16jjs7GOkWtzFdWXuipxuv3iKWvGJGSIM1XTlz90vEBsnYtRSvxA75dLnfE8HBC3ySGNtKY7uKLHwHl8oGrzB5dgHTP30aTxMrxrgACup+rZbKCgF6+12ttqsev53gx7y9w/BzKYcnyOVVlK+khndEr4kAHyQxP2ZQ6OQzSEMjL2vJ2QaKCxJ0wxpMfQRGI59pGhpugSTbLbfaCGkojIvLFVEd6MkareBKdh800DVCFUuP1mDGtlzOaqZpyWeEnmjMAhreeVwhsnYLGcnG7wIZ5alzr4FzQklhDUXZvi95HoAqT9rkR9xpdCxiPhwA9lye3Ns7jZxJD2xHCRrUdtRyLiNBoxP4pgv8JkZpfBsUwtQjNYQvb/CufMdzgkZDfK1Wuu2rsWit6kqjaFIEczdKY5RrqwI/lfqWl6CR52q54johq4CG9U2jRIw1n6vATKM0dKBn0QMXJGj8lg0eY0OW8YbaKRpJankHaHTWnBYnWgOnh+iVnSSNjweNE8yQxpQEuwZ8tC0HPUYDs8BaWmtI0OBj+thficYwQmMvE6KFft6L0/DNmc0IiRpVCpKL0KiFfizZkc8+VqNVJ2alIR0NM1SdDnKGaA2+73Dm0tIIbYwvLiuxGhhZvLm+X9HgBhOhMQ+lQL5q9YkG8sQcndc1Rlx3whoTEpweZzg+08CRmMLAS9op3MjFJ2XAZWQJny7He/hUo3Wf8PLkoL9ybuTiN6xtcJovS9f9bBqs5T7VQKMcXHaT26QhjQU3+hz4NWvMWUMMCtPDcw3Yu4DGbfZSSKMjP+GGzX/ysLlpNAoUwRhJGmiU7jVkLuqdTUijaIhH9uZiCCCP08P5rtDrFQpR8+I1FL2K0ugQE9IQ65mxluJMYFgD+jwUCw+vaMC+mKzh1OQsu7BG60A3zNzdubNVSfmLc7QC1WrQQpIG4/QmpphMq/sV8vRR8emjLBr+jptNKuLRX5q4S7evxgd7LMZ4nOdBmy8x9Z6DEHrXx0EELS2X71zfx5t1NcTRWs6Gs6XqL4ezyKc5o+9+P6e7YP4AalQ/ouESAUUAAAAASUVORK5CYII=) no-repeat left;
        background-size: 100%;
        cursor: pointer; }
      ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items,
      ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item,
        ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item {
          cursor: pointer;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          border-bottom: 2px solid transparent; }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item > svg,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item > svg {
            line-height: 30px;
            font-size: 22px;
            margin-bottom: 5px !important; }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item span.cn,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item span.cn {
            display: block;
            margin-top: 13px;
            padding-right: 2px;
            text-align: center; }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i {
            width: 30px;
            height: 30px;
            display: inline-block;
            background-position: center center;
            background-repeat: no-repeat;
            margin-right: 3px;
            line-height: 15px;
            font-size: 12px;
            text-align: center;
            font-style: normal; }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.lottery,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.lottery {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAMAAAC+oj0CAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMAAeg4BLLilI8TuKKFWvjrYkPz79vQvq9AIgzUx6ybcksfqKu5WwAAAKVJREFUGNNdj1kShCAMBYOgrO7LqLPn/occFMrA9A9JF7wQSBG9MpZDDlMFHtSJ4qpjweK4X65CrJhEpOvaVaHjn6hLb7cCI9Mci6fXJf5zA8+Q9G88sIduSEsWpjwWDYZ0wVSsOuiQWHksDOj5fumXiJENeCzFxHPwViR/bGmhxC5iOh9tuW6FQ6ycBk+NRP91nMHJPl4TpQaiDgFyFZDBrZF95n4dMCLy2MtBwQAAAABJRU5ErkJggg==); }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.live,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.live {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAABx0lEQVQ4jZWUTYhOURjHf/POmHd8zULZSIxRlGI2irLwFalZKEQ2xs5OKbFhaSE7ZU9iIWVhYWNhoV4Ls5WUGkWRlY2vzPx09Nw673Hv+97516l7nuec//0/X2dEJUMHOALsBCaBPcAWYBT4ArwG7gHzNCERZuuO7fBQnSzu/lv5Zkz92ZIw4ZXaLQk7mfAUe7cxlP+R0nGptOY5HAG+AyuARWC8BekCsBVYqgy5whlgAtgNrAaO5gcbMAXsKqtKVPFmfP8G/gC9FoQJO+oIr4Wi1Bbvwpb2Yy0ID/bt1O3qYlTudFaxuWVU/HLeNrOZ46u6Npzj6hX1mfp5COGSerwi3F84Z2oaNvXo3SGkL6o+7MVYVThQk6dUpFtDcrm+ymFaJ0J2wi/1jfpe7alTcebGEIUXy9F70nDwtjqt/mjwf1TP143ehoZQtgHXo+n7GgS4CpwFNgJzwMpK3d4BoTyP6pd4rB4qlD+tFB4bkOw0r99q7GuAt/FuPgrb4UrhmQZ1qVD7onHr8FK9H4VMmM+LckH9lF1K3+fCl16lBwPSUv38ZNnA6eJmdZPaqfGdipyWD/GHiLLvPVwOVgHTwLoYivSgCPAXbytH80bO6/8AAAAASUVORK5CYII=); }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.slot,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.slot {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA793h+0/U0My3Ewny5NrIvGMuGg8EsoJuVUQ99tfEwKiki31YRilOIWB1AAAAm0lEQVQY022O2RKDIAxFE0RUsO5atfua///DMrcvKp6HMDmTS0LgEzkKaLTJnnZr48eQpxTylmbRda+UPbnkzIfr6PDfQVaYlsjCLUl6OkpATZdQZqTxlhWCCRpFAuITaowmgixn281+VuuFTKbWTjfxnCFXcWF3h/wnTClgYCwyOyftH99FW5f2RN9i41ryuLEqlFLMvhRZ7ed+PNMmQOG5BvgAAAAASUVORK5CYII=); }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.sport,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.sport {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACFklEQVQ4jY2VX2hPYRjHP5uZzdhaSS6MlIZI4Xr+xEQpxZ0bKTcUSWrX/tzsZrdySbggd0oULtxNXExo/izRSsSslc1+tY+eek+dTuec37516rzveZ7P+77nfd7v26JSoxZgF7AX6APagR/AGPAc+F2ZGeCSp109r36zWv/U2+q6MkYZdLP6vgZYVAxwphl4j/onl/hLvaB+XsQAI1XgDepUIXhBParuUGdLYC/VuVz7Yhn4WcVMYgUb1XOF/idqZ/rPmWKQTXnwYJNlvlCXqKOpfUddrl4uib2bB99vAg6dVneqJ9Rl6o2KuNjM3jagFRisK2bgLbAAvAbmgVFge0Vs1PqBAK8HelLncJR2GmwGGAdeAV8iGDgOTOSgs8BUygnGitS/NcCrCjP7CjRSYD9wBDgIrAHeAduA/WnQyVxuJ/A3va8O8HTu462K5QXgLHATWJraI8AWoBfoAH7m4huxcStrNizq+Lrao+5WH6oPUnuuJu9SVhUfSj7Oqydjh1MJZYqD0qU+rgEPZODhkpI5pParn0oSD6tDFdDJqPkM3FdY2ql02r5XJF9LvlKmoeKRvpKb7TF1vGapj9Tukv6PakcR3KY+rYHlNaG2JvfLNJNOZqltdteYUV4N9U2uHa440MzoY+ZhLvFLFqP4LWG5TW+Q7Ikr56o6VkKfVu+p+6rym12mmcID1gJdyRvCO8KUygX8B0n9J7oE5LtEAAAAAElFTkSuQmCC); }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.chess,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.chess {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAABL0lEQVQ4jaWUvUoDQRSFv4yIqBH8AQvRxldIZW0pWCgpbIKxF9F3EITUVopFGh8ghb0PIBgbQSQWgrXENCbmyIUJBtmb3U0ODLPsXM6cc4d7CpIA5oEzoAysk45v4A24BS6BHpKKkh40Pu4kTRnR+QQkAxwG4CAaqQJrwAWwARxlsDjAnvWoDxSAItAZOrS+fWUkegyRxHAFLMfvFeAmh6LAP6/vkvbjngdNsybnli7Qjiqt5hNYdGqfgnPwAWwCq0AN2AKWgGPXnCO/bkIT1oxT3/QUlYC5hP87eRUZXiRt609JTVLXUzSKyNCXdCrpPqVu5KvlgftqHtwxMkUWCdMZibwxeg4xV7LCG6PWODGSNEYVI1qYMNgaFmzDUXsC7MYmzqZYtb6+AnXgGvj5BU/EYFbRedyHAAAAAElFTkSuQmCC); }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.popular,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.popular {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAB3UlEQVQ4jaWVTUtXURDGf1YYZJSYhRRa9gYupI1k4BeICFoUtXARSYhCENIXiFaS2KJFq2jpTgPbVNtaiImuilQysIiiN0WFSOmJqfnr4XbOvbd64MA5z5l57pyZYW6VJEqgAfgMrBaZbiqjBrQAM0BXoY9FWGJtk7Sq3xiX1JryKSto66U28E1S7/8KPtSfuCWpKrTL5sPOJxPZ+Rrh+oCBVFE2A0PA6YRgdYK/BlyKCQ4CF1w4hsYEb7gNNP3a+dvPBtn5ImlPJn+7Ja1FchjiXqUo1ZLmM5cjmWRfLxCTV77OjDsTBv0u1lUiugoumsNwjsFcSaEK7lhRjuckuznnLoYGE9zrF2PAKd8/BrqtZsBVYD9wxNtqFDgE7AIOZvpw6xZ3MqwBS763qbIC3AcmgFngPXAMmANeAbXAFLAzEFy0CN8FxIR//bKfXwAd3tRN/prXOU+eNsFnAdHmX7/r5wPApL/CIny73sBxPDHBBzkG54E64CjQDtwE6hO2n0zQ2ma7pA8F7bAi6XuBTX84vs5J+vGXPRfiuaSa7Dy88o+i05IaUwP2jKSFiNNTScsR/pEPjtyJvc+HQyXaQecPS3rj3EdJPdlpXfQLOOER7Ai4Pkk3JNVGfSR+AjqExmzEZJ37AAAAAElFTkSuQmCC); }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.tutorial,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.tutorial {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAABPklEQVQ4jeWUOUoEURCGv6ejPSriDQxMRNFAXAK3aMDQ3BN4De9gqoEHMDdRcVcEN1yOIbiA4PhLYbW8bmbGhZ5A/KHo7rd89b9qXvHnFMywpNj3FjAK3AFX/rwBdnz9JDAEDADDQD+wDcyngBDCx4ukdUnXksqqryVJy3Vm7yUlki4lrRqzxZNYtkEgaVDy9mh9LZX9BAsxuNGGnyopGphRkeDOZoHbmgXO6P+Ce74DfvsF+Dk/UMp99wFzHlPAWP5vR3oBToE9YAPojSfTJlR194/ApjecfeAWGAFmgTOg2wE2d+5XeNqjAnQA1RBCKQWv+R1vzbl6Ak6AXeDAk9tJZoBxB8V6BVZCCItx2zQ31hItzKFt7Pqitg/AkZfD4tjMWNus1Y/j+ltftkTmcMLHDyPQhbvM6LMfFy7gHVIyhZQcbrunAAAAAElFTkSuQmCC); }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.vip,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.vip {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABbklEQVQ4jaWUvUoDQRSFjxGE2NjESpEIFhKwsFKCIIgIFgYiNkKw8gUCvoNPoX3AF0ihpQRLLVQEAxK08QcUEgiET0bvwjjuZo05cGH3nnPPvbM7MwL8qDM46r6Hb1b+h1mEcmiYBZpDGDbNQxl940BSXv9H3jw0AsxIupGUHcLQoSNp3i235o3+MuDSH4F3772mQFAExoDTP5idAePAqp/MBGOvS+pK2pZ02Wd5F5JKktqSij+YmM579uengIcY/gqYMM1+SLpkI8h1gQ3jCsCrx90Bk8btAr2gtuGIHHAdEO5DL1rhCtCxaactV7LGPpxHLtrYTtgKBE/ArPFbwJw9rwHtQNuKmvlHr2DbxsetrSDSLAEfgebZan+dZRfLMd3PbXssAG8B17aa2Mshis2Y73MfM1nXtEozdFEhHZW42iRDF9U+ltWkun6GLg5jzFwusSbN0N1Gx57ZkeUSa77IFIxKOjHNjqReol7SJ/79hXvx3ODlAAAAAElFTkSuQmCC); }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.promotion,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.promotion {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAABmUlEQVQ4jaWUPU9VQRCGHxSszL2JISgNMYaGKBSGf6GFtQVUdLRWBgsSjAnaCgkJBUphpZXRaE1DCAWhMRqh4EPi16WQAvQhS/aEw2XPucfcSbbYmXfefXdmZztUKthdYAToAl4DL4DyxEBcssLBE563ObWzLDel+A5wH+gBrgG3CjR9Ab4C+8Ab4OWZWzSdNJpQV9WelineBa5WKXrCjoBuoBFCF3Lxy22QBusE+rJNnrhWoGI58QJWgYME/pQj1qRLfZWo5UKMv8/5HkffowR+Sa2dlDeCnhc0qBGf1p+4fxjx19WNgpy3GXF4jwcVOv8gkvarmy2wAwF4pQXonzoeSQfUrQoihrNSfCgA/FXHImZI/Rb9oQyHBTmfQ88y4l51PQFajPHb6vcc6UV1MoHfUW/mmxfWYAK4pz5Rf+V8R+oz9VMCfy81eXXgdxsDEmwIWGsekP2CR/8/9iPD5omD9Jk2SD8C26dsZ3+3S+qUulvQ8ZT9VGfVep6r1Uffo75LsK2oN8pyWxFnt5iO0xZGfL5Z3bmlHAOfztNc59tvbgAAAABJRU5ErkJggg==); }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item i.service,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item i.service {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAZCAYAAAAiwE4nAAACp0lEQVRIia2V2UtVURSHf9m1HCgbrB7KhCzLIIkmgkoboAkiAiGjwAZ6Cxqol+gfiKiHDILexYweMgKxlzR6MOxBMjLCooESbTKaLIcvNqwDm8PRc+7VBZt91t5rre/ufddaexKghJIlaa2kdZKKJeVL+izppaRWSe8ShXHAmJELnAE+ACNAF3APuAU8AHptvRXYFhcvDrYReAv0AKeBuRE27pZWAzeAv8AdYEYmwKMW4KoXIAVsAmqAk8B+YInnUwY8AV4BpekA9xnssOkOeBn4QrQ8BQ7aaXOARuA9sCAJsAT4DZwwfaU5J5HbQD4wBXgEtABZccD7lhTuew3wMyEskFYDLgS+A8fGAm4BBoFFdjXdacICuWjxzlvSpUYD3rR0l5VCpvIHKLL//hewJ2BkeSXpvndKqjf9eNKOECE5kmok9UtqkrTDhwRSJqlAUoukEknLxgF0sstmF29DGLhZUoOkHknfJJWOE+Zkqc0vJJXbzc1MSZolqVHSdEmdZpQ7AcAcm/vsYNWSRtzHKoM5mWrzx5CzO/VgDMDZDHl6j83Z3lpFyk41YL+o0Da6DBAYX5JUK2m7pK12RXmSeiW1SWqW1C7pmaTl5tNhc6EH7AjKwfXEr1YC82ytySuJfmB9TKO/ECqhQ7Z+1vQ2oNh3yLZeecD0ilCAH1ab+SHQYqAhZNtt8dx+M1A7WuFXW8cP9LqIwneF/BC4a017JLTv9N3mP986V2XS9zDPGnBScbBTnv8VoNNekURAWU+9BgzHQPuAKs+vHPgH7E3nxffHCuA68BoY8q73MXAOKPBsZwPPgfp0XvyxxmRgmrfvkumNJU8x0G5ZmTdRQH8UhRJnwE49J8reb96Ziusuw55znaRKSZ8iA07ACd04Ytfoksu99tF2oP/GQWr/ixX6qgAAAABJRU5ErkJggg==);
            margin-top: 12px;
            margin-bottom: -4px; }
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item:hover,
          ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item:hover {
            border-bottom: 2px solid #fff; }
            ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .menus-items .item:hover > div,
            ._3zzk3YtSFCrNS63V9QNpL9 > nav.main > .contents .right-box .item:hover > div {
              height: 180px; }
    ._3zzk3YtSFCrNS63V9QNpL9 > nav.main .menus-items .item {
      width: 88px; }
    ._3zzk3YtSFCrNS63V9QNpL9 > nav.main .right-box .item {
      width: 100px; }
    ._3zzk3YtSFCrNS63V9QNpL9 > nav.main .line {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAMAAADto6y6AAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAALnRSTlMA+/fxlsQd5zzf2TPu07SnDQnrvridiHJsXUxDKyEVz66qmZF9dmRYOSagi0AGdbb8iAAAAN5JREFUKM9tz9duhDAUBNAxGDAl9N62ZVvK/f/Py7XYIAdyXizNWGMZL2579AVZwUeXwjAmgn7Zl3nNr4JMUY9FRRviBq2hHaEAPC3aCzLgwmcpiArhWBQd8tMp5uQO5EQ23ojgTB1Jdf6eQt6I4dJauKikkmOktz2MRnHLWiWBlIcjzEYRt1Dy6Xv6dSDQxWModGGFSqZDbxMlwDv3VV37R6u0yS+8z1ry1MCLHu2VYL2gLc+F1m3/bodYPPy/9zl/yZqAVocJprBJlsVzhq0rx/kde/yjZMY/pPOF1Q+NDC/tEHweCwAAAABJRU5ErkJggg==) no-repeat left center;
      padding: 0 4px 0 28px;
      height: 40px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      line-height: 40px;
      color: #fff;
      margin-left: 20px;
      cursor: pointer;
      border-bottom: 2px solid transparent;
      white-space: nowrap; }
      ._3zzk3YtSFCrNS63V9QNpL9 > nav.main .line:hover {
        border-bottom: 2px solid #fff; }
    ._3zzk3YtSFCrNS63V9QNpL9 > nav.main .active {
      border-bottom: 2px solid #fff !important; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.La32pJ7gwSjtrSj9QWOnP {
  width: 100%;
  position: relative;
  background: #353d4a;
  color: #6f7a89;
  height: 280px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .La32pJ7gwSjtrSj9QWOnP .foot-top {
    height: 87px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #6f7a89; }
  .La32pJ7gwSjtrSj9QWOnP .foot-bottom {
    height: 190px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 850px; }
    .La32pJ7gwSjtrSj9QWOnP .foot-bottom .bottom-left {
      width: 80%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .La32pJ7gwSjtrSj9QWOnP .foot-bottom .bottom-left .borwer_list li {
        float: left;
        margin-right: 15px; }
        .La32pJ7gwSjtrSj9QWOnP .foot-bottom .bottom-left .borwer_list li a {
          color: #6f7a89;
          text-decoration: underline; }
          .La32pJ7gwSjtrSj9QWOnP .foot-bottom .bottom-left .borwer_list li a:hover {
            -webkit-filter: brightness(200%);
                    filter: brightness(200%); }
    .La32pJ7gwSjtrSj9QWOnP .foot-bottom .bottom-right {
      width: 20%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; }
      .La32pJ7gwSjtrSj9QWOnP .foot-bottom .bottom-right li:nth-child(1) em {
        padding-left: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAACYElEQVQ4jaWUTYhPURjGf+MrUxaK5Gt8ZcrCsJCRUsMYO5lkjBomDkU2OAsLcWxOKcSxkY9Mp2yMfCZZEKF8RFgIOx9hyqSQiQn56x3vna6/e+fvP566ndu9933uc573eU9FoVAgDz7EOmAVMA+YDAwE3gB3gZPABWfNz7z6THIf4njgODAROAZcBl4APwB5Nx9YCwwG1jhrHmWRD8ggrgXuA1eBacBuYAiwGFgGjAbagNnAPuCKD7GppHIf4lTgOrAJOAdsAHYA44rqPinxXqAGOA+0OmuuZZL7EMXP28AJ4KB6ujS3Ib9xB1gCzFL7apw1H7NsWQl0O2sOqKJSxIK5wCmxRvuyLU/5PWA70Ak8zOpHH2gFbmmKJjlrvvYq9yFKzCZoE9eXSSzY6KyRND0FFhbbskj+qpldUCaxYI4Pcaj2oMGHWNFD7kPcCRwBOvTDMf0glzCMAt4Cm4H2RPlW/aBL1+5+kAs+a0QFzT7EKUL+Uh+M0PVJqqBWB+cQcFObJpO7Wo+DRNB7Z80HYGRKaOcgoEVzPVNfnE41ZQ/Q6Kw5m5boQ5S6w8AwfXRG1xnAY3HDWdPVE0UfYqWeHWN11J9JpLTgNRCAG8A33c0WnUzBF2A68EqvOmfN88RzNJdVkhZnjXi+QosEVcB+4IGqaksRy5Cs0xg2SkMTYtJ5dtZ8T93LQNWrkjzImDc7a9o1hrv06kWp87xSh0pUVWvkROUlIDprOjTTR4Hhzprl/0zex0/lDPHAReCdhqHeWZNY+actZcLoLmRHEr+GYuL/IRcbpEdyLDdJ7P76AvgFPHfMeFruuZ0AAAAASUVORK5CYII=) no-repeat left;
        background-size: 16px; }
      .La32pJ7gwSjtrSj9QWOnP .foot-bottom .bottom-right li:nth-child(2) em {
        padding-left: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAB30lEQVQ4jZ3US4iNYRzH8c+c45LCySViMy6ZcinSlMtEZjULCYWGjd4Fu1m8pZS8G2chmzkLK4qzs7Nx2XNIYyFHComI2MhlcklGjp56Du+ccczlW2/P+/zf9/n9r+/b0Wg0tFKuVGdgK7ZjGUr4jDe4hVqWJt9az40SK1eqM5FiAEvHePnLJ5zD6SxNhseIlSvVLlzGuv+ItPIah7I0uf1HrFyprozhL5mEUJOQbl8QLBZLnUVcw+opCAWmo7c2VL8wDbuwOT74EKLFPPyKaZTi/fzYgAV4iOFY1zVYjqMF9Oe8nI9X4BH2xkLvxAiO4yo24QyqubP9QayrJexGbv0Z1/s4Ge9HsjQJ6/7opMmqQkxrPI7gCu7k3ruHB7n9rFCzp9iQM96MDvIjMhuXcrUNrMDC3L5e7O3bHUI+EA1z8A4/sANrsS0Kr8dG9NSG6ovwEXOjLTDYcWrwYkj1LronkG47ngeHhSxNQtsPxoimQhjafVmafA9RydLkWfyoH09S7EvoaJYm9bApNK1ZmjyJjTiGtxMQehXqmqXJjaah3S8ofGI92II9LV0MXMfhLE3e543/FGsR7sTLuP2KEzgbB3cUYc7GY3EumoEsTV60OzARsTDU3VmahIlvD34D/NeIbRxMfdgAAAAASUVORK5CYII=) no-repeat left;
        background-size: 16px; }
      .La32pJ7gwSjtrSj9QWOnP .foot-bottom .bottom-right a {
        width: 90px;
        height: 30px;
        line-height: 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid #6f7a89;
        border-radius: 3px;
        text-align: center;
        color: #6f7a89;
        display: block;
        margin-top: 8px;
        cursor: pointer; }
        .La32pJ7gwSjtrSj9QWOnP .foot-bottom .bottom-right a:hover {
          -webkit-filter: brightness(200%);
                  filter: brightness(200%); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2bntkZcTPjsxkK6-kauTNM {
  position: relative;
  min-width: 1200px;
  margin: 0 auto; }
  ._2bntkZcTPjsxkK6-kauTNM div.banner {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 1s all;
    transition: 1s all;
    z-index: 0;
    cursor: pointer; }
    ._2bntkZcTPjsxkK6-kauTNM div.banner.active {
      opacity: 1;
      z-index: 1; }
  ._2bntkZcTPjsxkK6-kauTNM .ctl {
    min-width: 100px;
    height: 20px;
    position: absolute;
    bottom: 45px;
    right: 100px;
    z-index: 2; }
    ._2bntkZcTPjsxkK6-kauTNM .ctl span {
      display: inline-block;
      width: 15px;
      height: 15px;
      margin: 0 2px;
      border-radius: 50%;
      cursor: pointer;
      background: rgba(0, 0, 0, 0.6);
      -webkit-transition: all .3s;
      transition: all .3s; }
      ._2bntkZcTPjsxkK6-kauTNM .ctl span.active {
        width: 40px;
        border-radius: 10px;
        background: #eed12d; }

._2bntkZcTPjsxkK6-kauTNM > div.banner {
  background-size: 100% 100% !important; }

._2bntkZcTPjsxkK6-kauTNM > div.ctl {
  left: calc(50% - 50px); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3mT3oFuRpwk-Z-c-DzULm_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 22px;
  margin: 20px 0;
  color: #bdc9e0;
  clear: both; }
  ._3mT3oFuRpwk-Z-c-DzULm_ span {
    margin: 0 5px; }
  ._3mT3oFuRpwk-Z-c-DzULm_ input {
    width: 50px;
    height: 22px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  ._3mT3oFuRpwk-Z-c-DzULm_ button.pagination-btn {
    color: white;
    border-radius: 4px;
    width: 50px;
    height: 22px;
    letter-spacing: 0;
    text-indent: 0;
    border: 0 !important;
    cursor: pointer; }
    ._3mT3oFuRpwk-Z-c-DzULm_ button.pagination-btn:hover {
      opacity: 0.8; }
  ._3mT3oFuRpwk-Z-c-DzULm_ ul {
    list-style: none; }
    ._3mT3oFuRpwk-Z-c-DzULm_ ul li {
      display: inline;
      margin: 0 4px; }
      ._3mT3oFuRpwk-Z-c-DzULm_ ul li a {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #e6ebf5;
        border-radius: 50%;
        color: #3b476a;
        text-align: center;
        line-height: 20px;
        font-size: 13px; }
      ._3mT3oFuRpwk-Z-c-DzULm_ ul li.active a {
        background: #f6c74d;
        color: white; }
      ._3mT3oFuRpwk-Z-c-DzULm_ ul li.disabled a {
        cursor: not-allowed; }
        ._3mT3oFuRpwk-Z-c-DzULm_ ul li.disabled a:hover {
          background: #e6ebf5;
          color: #3b476a; }
      ._3mT3oFuRpwk-Z-c-DzULm_ ul li:nth-last-child(1) a, ._3mT3oFuRpwk-Z-c-DzULm_ ul li:nth-last-child(2) a, ._3mT3oFuRpwk-Z-c-DzULm_ ul li:nth-child(1) a, ._3mT3oFuRpwk-Z-c-DzULm_ ul li:nth-child(2) a {
        width: 40px;
        border-radius: 5px; }
    ._3mT3oFuRpwk-Z-c-DzULm_ ul.mini > li:nth-last-child(1) a, ._3mT3oFuRpwk-Z-c-DzULm_ ul.mini > li:nth-last-child(2) a, ._3mT3oFuRpwk-Z-c-DzULm_ ul.mini > li:nth-child(1) a, ._3mT3oFuRpwk-Z-c-DzULm_ ul.mini > li:nth-child(2) a {
      width: 25px; }

._3mT3oFuRpwk-Z-c-DzULm_ {
  color: #666;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  padding: 20px 0; }
  ._3mT3oFuRpwk-Z-c-DzULm_ ul li.active a,
  ._3mT3oFuRpwk-Z-c-DzULm_ button.pagination-btn {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    border-radius: 5px; }
  ._3mT3oFuRpwk-Z-c-DzULm_ ul li:nth-last-child(1) a,
  ._3mT3oFuRpwk-Z-c-DzULm_ ul li:nth-last-child(2) a,
  ._3mT3oFuRpwk-Z-c-DzULm_ ul li:nth-child(1) a,
  ._3mT3oFuRpwk-Z-c-DzULm_ ul li:nth-child(2) a {
    width: auto; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._10XtvDrjTHLxP45NP3NZq3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  height: 570px;
  width: 980px;
  position: fixed;
  background-color: white;
  -webkit-animation: fade-bottom-top .6s forwards;
          animation: fade-bottom-top .6s forwards;
  position: relative; }

@-webkit-keyframes fade-bottom-top {
  0% {
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@keyframes fade-bottom-top {
  0% {
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }
  ._10XtvDrjTHLxP45NP3NZq3 > svg.close {
    position: absolute;
    color: #965769;
    right: 10px;
    top: 10px;
    cursor: pointer;
    -webkit-transition: .8s all;
    transition: .8s all; }
    ._10XtvDrjTHLxP45NP3NZq3 > svg.close:hover {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); }
  ._10XtvDrjTHLxP45NP3NZq3 div.list-warp {
    float: left;
    width: 310px; }
    ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-title {
      background-image: -webkit-linear-gradient(315deg, #fdecc8, #dcbf82);
      background-image: linear-gradient(135deg, #fdecc8, #dcbf82);
      height: 72px;
      line-height: 72px;
      font-size: 22px;
      color: #fff;
      text-align: center;
      font-weight: 700; }
    ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-box {
      height: 498px;
      background-color: #f7f7f7;
      border-right: 1px solid #e0e0e0;
      -webkit-box-shadow: inset -2px -3px 11px #e6e6e6;
              box-shadow: inset -2px -3px 11px #e6e6e6; }
      ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-box > li.active {
        -webkit-box-shadow: inset -1px 1px 20px #c3c3c3;
                box-shadow: inset -1px 1px 20px #c3c3c3; }
      ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-box > li {
        margin-bottom: 5px;
        overflow: hidden;
        padding: 0 10px;
        -webkit-transition: all .3s;
        transition: all .3s;
        line-height: 40px;
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer; }
        ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-box > li span {
          width: 50%;
          display: inline-block; }
        ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-box > li span.content {
          font-size: 13px; }
        ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-box > li span.time {
          font-size: 12px;
          color: #8e8e8e;
          text-align: right; }
  ._10XtvDrjTHLxP45NP3NZq3 div.content-warp {
    float: left;
    width: 670px; }
    ._10XtvDrjTHLxP45NP3NZq3 div.content-warp p.content-title {
      color: #dcbf82;
      font-size: 20px;
      padding: 23px 0 23px;
      text-align: center;
      font-weight: 700; }
    ._10XtvDrjTHLxP45NP3NZq3 div.content-warp div.content-line {
      border: 1px solid #f3f3f3; }
    ._10XtvDrjTHLxP45NP3NZq3 div.content-warp div.content-detail {
      line-height: 24px;
      color: #694d85;
      font-size: 14px;
      padding: 2px 15px 2px 0;
      margin: 10px 20px 0 30px;
      height: 400px;
      overflow-y: auto; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._10XtvDrjTHLxP45NP3NZq3 {
  border-radius: 6px; }
  ._10XtvDrjTHLxP45NP3NZq3 > svg.close {
    border: 1px solid #676767;
    color: #676767;
    border-radius: 50%;
    width: 21px;
    height: 21px; }
  ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-title {
    background: transparent;
    color: #606060;
    -webkit-box-shadow: inset -2px -3px 11px #e6e6e6;
            box-shadow: inset -2px -3px 11px #e6e6e6; }
  ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-box {
    background: transparent; }
  ._10XtvDrjTHLxP45NP3NZq3 div.content-warp p.content-title {
    color: #606060; }
  ._10XtvDrjTHLxP45NP3NZq3 div.list-warp div.list-box > li.active {
    background: white;
    border-top: 1px solid #606060;
    border-bottom: 1px solid #606060; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2MGuAQ_5KIs7GV-_3Xpxvv {
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 12px;
  overflow: hidden;
  min-width: 1200px;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2MGuAQ_5KIs7GV-_3Xpxvv > .contents {
    width: 1200px;
    margin: auto;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-transition: .5s all;
    transition: .5s all; }
    ._2MGuAQ_5KIs7GV-_3Xpxvv > .contents > .item {
      width: 100%;
      cursor: pointer; }

._2MGuAQ_5KIs7GV-_3Xpxvv {
  color: #eed12d;
  font-size: 16px;
  position: absolute;
  top: 358px;
  right: 0;
  z-index: 1;
  background: rgba(95, 83, 87, 0.6); }
  ._2MGuAQ_5KIs7GV-_3Xpxvv > .contents {
    width: 1055px;
    color: white; }
    ._2MGuAQ_5KIs7GV-_3Xpxvv > .contents .item {
      padding-left: 25px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABB0lEQVQ4ja3UTysGURQG8N/L+PsVbOys9O75CFKUIjtZsaEUS2UpLFkQJWsfwErxIaTsLGTzlvJGSTp1p8bbpJnJU7fmnnvOc5/zzJxpdTvzamAIn2XpfRU4BrCCB7xhsS5R3L6GR5xjAoNY6smbQ7uMaBSbeMIxxksU5ljFNaYy7GG9oG4YIxVajnZPcYiTINpJkutiAQfYjrqsIUlgprip8tYqIWtYN5a8yYW8NFXUwncx0FTRM5aLgX/zKIg+GtbeJJ9aOdEuXtFJ670i0RU2cBSb8Gg/rRwRi3mKD23yD6JL9OMsxqnMo690WxuzuO857xaeL1LObdX/0TS20gBHO3e/TvEDRawrSw6uqL8AAAAASUVORK5CYII=) no-repeat left center; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2lsl1NWupCihuzcCX7OVtg {
  width: 120px;
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 20;
  font-size: 16px;
  color: #fff; }
  ._2lsl1NWupCihuzcCX7OVtg > .part {
    padding-top: 5px;
    border-radius: 6px;
    text-align: center; }
    ._2lsl1NWupCihuzcCX7OVtg > .part > p {
      width: 100%;
      height: 40px;
      line-height: 40px;
      background: -webkit-gradient(linear, left top, left bottom, from(#b8f84e), to(#34b911));
      background: -webkit-linear-gradient(top, #b8f84e, #34b911);
      background: linear-gradient(180deg, #b8f84e, #34b911);
      text-align: center;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
    ._2lsl1NWupCihuzcCX7OVtg > .part > .line {
      width: 116px; }
  ._2lsl1NWupCihuzcCX7OVtg .down-app {
    margin-top: 15px; }
    ._2lsl1NWupCihuzcCX7OVtg .down-app > img {
      width: 110px;
      height: 110px; }
    ._2lsl1NWupCihuzcCX7OVtg .down-app > p {
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2zttwaypU36FYtusMn4lpY {
  width: 470px;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: auto;
  margin-top: 20px;
  color: #eed12d;
  font-size: 14px;
  font-weight: bold;
  font-size: 14px; }
  ._2zttwaypU36FYtusMn4lpY > .onekey {
    height: 40px;
    line-height: 40px;
    color: white;
    text-align: center;
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer; }
  ._2zttwaypU36FYtusMn4lpY .domains {
    margin-top: 10px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  ._2zttwaypU36FYtusMn4lpY .line-selecor {
    height: 21px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8px; }
    ._2zttwaypU36FYtusMn4lpY .line-selecor .name::before {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      vertical-align: 1px;
      margin-right: 5px; }
    ._2zttwaypU36FYtusMn4lpY .line-selecor .rate {
      background: #440113;
      display: inline-block;
      width: 130px;
      padding: 3px;
      border-radius: 5px;
      height: 15px;
      margin-left: 5px;
      font-size: 12px;
      line-height: 15px; }
      ._2zttwaypU36FYtusMn4lpY .line-selecor .rate i {
        display: inline-block;
        width: 4px;
        height: 15px;
        margin-left: 3px;
        border-radius: 2px; }
      ._2zttwaypU36FYtusMn4lpY .line-selecor .rate .speed {
        float: right;
        margin-right: 5px; }
    ._2zttwaypU36FYtusMn4lpY .line-selecor .name::before {
      background: #f6c74d; }
    ._2zttwaypU36FYtusMn4lpY .line-selecor .rate i {
      background: #fed76c; }

._2zttwaypU36FYtusMn4lpY {
  margin-top: 20px;
  width: 100%;
  height: auto; }
  ._2zttwaypU36FYtusMn4lpY .onekey {
    background: #ccc;
    border-radius: 4px; }
  ._2zttwaypU36FYtusMn4lpY > div > .name {
    color: #606060; }
  ._2zttwaypU36FYtusMn4lpY > .domains {
    margin-top: 0;
    position: relative; }
    ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor {
      margin-top: 15px; }
      ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor .name {
        width: 10px;
        color: white;
        overflow: hidden;
        white-space: nowrap; }
      ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor .rate {
        background: #e0e0e0;
        color: white; }
      ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor:nth-child(1) .name::before, ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor:nth-child(1) .rate > i {
        background: #00cc33; }
      ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor:nth-child(2) .name::before, ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor:nth-child(2) .rate > i {
        background: #0099ff; }
      ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor:nth-child(3) .name::before, ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor:nth-child(3) .rate > i {
        background: #ff6600; }
      ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor:nth-child(4) .name::before, ._2zttwaypU36FYtusMn4lpY > .domains .line-selecor:nth-child(4) .rate > i {
        background: #ff0000; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3XROyqNM7mYeS0v8ttcMDt {
  padding: 0;
  margin: auto;
  margin-top: 47px;
  width: 562px;
  color: #333333; }
  ._3XROyqNM7mYeS0v8ttcMDt div.desc {
    margin: 20px auto 40px;
    text-align: center;
    font-size: 16px;
    padding: 11px 14px;
    border: 1px solid #b38326;
    border-radius: 3px; }
  ._3XROyqNM7mYeS0v8ttcMDt div.input {
    width: 460px;
    margin-bottom: 12px;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._3XROyqNM7mYeS0v8ttcMDt div.input span.get-code {
      width: 92px;
      margin-left: 9px;
      line-height: 38px;
      text-align: center;
      font-size: 14px;
      background: #f6c74d;
      cursor: pointer;
      overflow: hidden;
      position: relative;
      color: #ffffff;
      background: #333333;
      border-radius: 3px; }
      ._3XROyqNM7mYeS0v8ttcMDt div.input span.get-code:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._3XROyqNM7mYeS0v8ttcMDt div.input span.get-code:hover::before {
          width: 45px;
          left: 205px; }
      ._3XROyqNM7mYeS0v8ttcMDt div.input span.get-code::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
    ._3XROyqNM7mYeS0v8ttcMDt div.input span {
      width: 102px;
      font-size: 16px;
      color: #000; }
    ._3XROyqNM7mYeS0v8ttcMDt div.input input {
      width: 370px;
      height: 38px;
      border-radius: 4px;
      border: 0;
      padding: 0 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #000000; }
      ._3XROyqNM7mYeS0v8ttcMDt div.input input.vcode {
        width: 260px; }
    ._3XROyqNM7mYeS0v8ttcMDt div.input div {
      width: 370px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    ._3XROyqNM7mYeS0v8ttcMDt div.input img.vcode {
      height: 38px;
      width: 100px;
      margin-left: 10px;
      cursor: pointer; }
  ._3XROyqNM7mYeS0v8ttcMDt span.submit {
    cursor: pointer;
    width: 88px;
    height: 87px;
    margin-top: -100px;
    float: right;
    background: -webkit-gradient(linear, left bottom, left top, from(#ff0000), to(#ff6666));
    background: -webkit-linear-gradient(bottom, #ff0000, #ff6666);
    background: linear-gradient(bottom, #ff0000, #ff6666);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 8px; }
    ._3XROyqNM7mYeS0v8ttcMDt span.submit i {
      width: 30px;
      height: 40px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAhCAYAAADOHBvaAAAABHNCSVQICAgIfAhkiAAAAepJREFUSIm1l7txwzAMhmHfuXKpNlUKu84MWkJDeASnS686ve6yhebwndNxkC+FSAeCSEqibFQ6EsCPFwFIpJCAFmhL5UsAD0DHP3XA4dWgFdAzpR6oXgVaA854qj13QP1MwMoAAFzV/dXcdZu8B47AxXgZ9SoSDedlj2sAz75itSL8WdITH5nWyDh/do4J1ECTAAuhmwrmDY8VYDCiAWqJMBQBJgywtfEgC9x5i572NHwKGmOEExVe9yywjBEPrL2I3F8A0Pg8p971XUwINrc+D4qNIsPzfKR0LyI3Jfe+FVREftTRt/p+U9+3vYj8qoMPo+jA0JmaBaAXA/q52+2+Erp/Q9kHGo05xu3wKgli6FLkeBk3l3M4DNXWG+ZmgUILekkYF5qK04e6wCojYMFbdWcHRAq0UjxdSvkknzHwpaBZ/caifoGwpWzxMe7dlb3U4Y726AT4HKgu3i7GUOtQZhTVS0E9v67meCczITnNeDE7uYDTXApj3kzDspJM+vL7mPG6eHkzTqS9VQK6GBwFs5nhlehtZtlCwbgbrdqZme7eyfedUtCtBY+Arq8ThsmklbhcyHyKdHh7Suc70/8kGFplpXgq4kv99v8pphMorKqxlXhdTheAp/ZlHdridXipAcHT9J/CDP0BaPtDzwkGbAcAAAAASUVORK5CYII=) no-repeat;
      background-size: 100%; }
    ._3XROyqNM7mYeS0v8ttcMDt span.submit em {
      margin-top: 6px;
      color: #fff; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3y2EMjkYUu0MlICe0VIQwc {
  width: 100%;
  margin: 15px auto 0;
  position: relative;
  font-family: "PK-Maehongson"; }
  ._3y2EMjkYUu0MlICe0VIQwc .login-box > .login-subtitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 150px; }
    ._3y2EMjkYUu0MlICe0VIQwc .login-box > .login-subtitle:lang(en-US) {
      padding-left: 210px; }
    ._3y2EMjkYUu0MlICe0VIQwc .login-box > .login-subtitle > p {
      font-weight: bold;
      color: #aeaeae; }
  ._3y2EMjkYUu0MlICe0VIQwc .login-box > label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px auto;
    line-height: 40px; }
    ._3y2EMjkYUu0MlICe0VIQwc .login-box > label > .input-title {
      white-space: nowrap;
      width: 150px;
      font-size: 16px;
      text-transform: capitalize; }
      ._3y2EMjkYUu0MlICe0VIQwc .login-box > label > .input-title:lang(en-US) {
        width: 210px; }
    ._3y2EMjkYUu0MlICe0VIQwc .login-box > label > .input-box {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      border-radius: 5px;
      border: 1px solid #d4cfcf;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 12px; }
      ._3y2EMjkYUu0MlICe0VIQwc .login-box > label > .input-box > input {
        width: 100%;
        line-height: 40px;
        border: 0;
        color: #606060; }
  ._3y2EMjkYUu0MlICe0VIQwc .login-box .country-code {
    border: 1px solid #d4cfcf;
    border-radius: 6px;
    margin-right: 12px;
    outline: none;
    width: 60px;
    color: #606060; }
  ._3y2EMjkYUu0MlICe0VIQwc .switches {
    font-size: 14px;
    margin: 10px auto;
    text-align: center; }
    ._3y2EMjkYUu0MlICe0VIQwc .switches > span {
      color: #777; }
    ._3y2EMjkYUu0MlICe0VIQwc .switches > a {
      color: #fc8403;
      padding: 2px;
      text-decoration: underline;
      text-transform: capitalize; }
  ._3y2EMjkYUu0MlICe0VIQwc div.submit {
    width: 50%;
    font-size: 20px;
    color: white;
    text-align: center;
    border-radius: 8px;
    padding: 10px;
    margin: 10px auto;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    overflow: hidden;
    position: relative; }
    ._3y2EMjkYUu0MlICe0VIQwc div.submit:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3y2EMjkYUu0MlICe0VIQwc div.submit:hover::before {
        width: 45px;
        left: 110%; }
    ._3y2EMjkYUu0MlICe0VIQwc div.submit::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._3y2EMjkYUu0MlICe0VIQwc div.actions {
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #606060;
    font-size: 14px; }
    ._3y2EMjkYUu0MlICe0VIQwc div.actions a {
      color: #606060; }
    ._3y2EMjkYUu0MlICe0VIQwc div.actions span {
      cursor: pointer; }
      ._3y2EMjkYUu0MlICe0VIQwc div.actions span svg {
        color: #606060; }
        ._3y2EMjkYUu0MlICe0VIQwc div.actions span svg path {
          color: #606060; }
    ._3y2EMjkYUu0MlICe0VIQwc div.actions .forgot-pass {
      color: #606060;
      text-decoration: underline; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

.aNNOppylcJPoElU5fgntU {
  font-family: "PK-Maehongson";
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .aNNOppylcJPoElU5fgntU .content-warp {
    margin: auto;
    margin-top: 100px;
    width: 600px;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .aNNOppylcJPoElU5fgntU .content-warp > .title {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-size: 20px;
      color: #606060; }
      .aNNOppylcJPoElU5fgntU .content-warp > .title > em {
        text-transform: capitalize; }
      .aNNOppylcJPoElU5fgntU .content-warp > .title > svg {
        border: 1px solid;
        border-radius: 50%;
        padding: 3px;
        width: 21px;
        height: 21px;
        cursor: pointer;
        -webkit-transition: .8s all;
        transition: .8s all; }
        .aNNOppylcJPoElU5fgntU .content-warp > .title > svg:hover {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg); }
    .aNNOppylcJPoElU5fgntU .content-warp > img {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 26px;
      height: 26px;
      cursor: pointer;
      padding: 12px 18px; }
    .aNNOppylcJPoElU5fgntU .content-warp div.thrid-auth {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 10px; }
      .aNNOppylcJPoElU5fgntU .content-warp div.thrid-auth > button, .aNNOppylcJPoElU5fgntU .content-warp div.thrid-auth > iframe {
        height: 47px;
        width: 47px;
        margin: 0 10px;
        border: 0;
        outline: none;
        cursor: pointer; }
        .aNNOppylcJPoElU5fgntU .content-warp div.thrid-auth > button:hover, .aNNOppylcJPoElU5fgntU .content-warp div.thrid-auth > iframe:hover {
          -webkit-filter: brightness(1.1);
                  filter: brightness(1.1); }
        .aNNOppylcJPoElU5fgntU .content-warp div.thrid-auth > button.line, .aNNOppylcJPoElU5fgntU .content-warp div.thrid-auth > iframe.line {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAMAAABE+WOeAAAAAXNSR0IB2cksfwAAArtQTFRFAAAALd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yO+B7V+WOa+ibc+mhb+ieXuaTQ+GBLd5yLd5yLd5yWuWQpvHD4Prq/v/+////7fzzuPTPdOmiMd91Ld5yLd5yLd5ycOifz/ff5/vvje2zNN93Ld5yLd5yQuGAxfbY5PvtYOaULd5yLd5yWeWP7Pzy/f/9heytLd5yLd5yVOSM8/33hOytLd5yLd5yPeB95vvuY+eWLd5yLd5yrfLINN92Ld5yLd5yS+OG/f/+h+yuLd5ymu+7qvLGxvbZtvPOu/TS1PjiqfHF2/nn7/z0ke61j+20x/bZ1/nkLd5yLd5yg+ysd+qk+P76UuSLwfXWnfC90fjgQOF/Ld5yOeB6i+2xY+aWLd5yLd5yq/LHMt910PjfyffbbuieLd5yLd5y/P792vnmieywTuOI8f32ZueYLd5y3/rpfuuo9v75SuOFR+KDLd5yLd5yU+SLeuqlgOuqL9504vrsyfbbsPPKzvfeL95ze+qn3froLd5yLd5yXOWS+/789/756/zylu64Ld5yLd5yLd5yT+OJLd5yeOqkLt5zLd5yf+uptfPNLd5yW+WR5fvtm++89P34Ld5yPOB81vnjLd5yLd5yaeeaiOyvzPfdvfXTOuB7Ld5yLd5yLd5yLd5ys/PMPuF+Ld5yLd5y6vzx1fjjYuaVLd5yofDAcemfLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yLd5yfKZXgQAAAOl0Uk5TAAU3YYeZqaqai2U7CAxgt/P/97xpEhyR9figKAmF+f2TEN3nRmz6fgGIngSkb/v//////////lDh////////////7hmN//////+mJP////86nP////+1Ff///ylt////hsT//+AN////SP////////////////9icv//////////iv///7Ox///////Gw////////9P//////9e4///////////////Kof//////fJtV/xv//zj///D/////Qf//1AL//////1rMAyP///w2////g///CtIP0a++djA93EStTwZ7pcvsz3+5YeP0AAAC5UlEQVR4nIXV+V8MYRgA8LdsoYS3zZVcuUplRSL2pcN95FqRHOVIjrSyzmWl3CqsiEhyK7fkSMiV3Ge5kps/w/vOvnO8szPb88N+nuO778zsvjMDgDycnBtoXFwbNmrs5t7EbigPj6bNmkMhPLVeLRzplq1aQ1m08W6rpn3atZdrEh06dlLkzr5KmkTnLgq8azc1jg/R3U+m/fzVNYkeAazXOOYQBjJHCKqPQ6iRcPeezEjXK7h3n5C+rA/tJ3CP/pJ+2ICBesTFoMHhEZJBZBTvh4jNocOQNIaPGCnORlE+WjibMWORPKLHiV8Yb/MT+HriJDuOkGGy4GM4PoXfBVNjFTiOacIlxxE/nVYzZipzZJjFfyGe+ARazFbh+BrmUDIX83n0ahPnq3qUxB8A7+0FNF1IBosW44/kJfqkFISMS1OXmUym5bizgvcrAVhF0xTiQ1bjj+A1sTDRjNYa10GLxbKe9NMo2gCAC03NjE/P4Dx/Qhsp2gTAZlsWgRi/Zes24nU63XbS30F9JgBZNM1m/M5duxOxt1qt3Dp7KMoR/V7O77NazZzP3Q9tnlvnAEV5ABykqZH0w3FyKP9wbsERVFhw9NhxXJ7A7ZP873MKgNM0PUO8Hi9YlFuMUnF+1oCKcWnA6TneawE4z+eFqn9XMf9zwgsAXOTzS2Y1n8ETGATAZaG4olfmySUCuYo3UJ5QlWYr8WviTXndCft4oYQ3btrzMnF16E32c5xYw/SyW6wuKpVMYTl3g2mlrdumO5LLiA6Tzu5WcL4cspF27/4DG3/4iBlU0gdEDJQH2UYoNZ9tPq6i/omn3Fswf/qM7T1/ITzgvGS84CV69Vq+xhvJA9SVHZW8fVci59oqiX+fIB/Lo7qGef7XZDnmH6IAGz4fHfFP9q88v8+qL7BQ/wA7juNLpjLPqVXSOCoqq+31VzfFxelJ1QUyb3jPb98daC5+1P789dv3T6TvX9d/dT714PrjP84LQNA0TlvFAAAAAElFTkSuQmCC) no-repeat; }
  .aNNOppylcJPoElU5fgntU .DomainVerificationkf {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    color: #606060;
    line-height: 28px;
    margin-top: 10px; }
    .aNNOppylcJPoElU5fgntU .DomainVerificationkf .DomainVerification {
      padding-left: 22px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAMAAACzQHQ9AAAAY1BMVEUAAABgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBUeubsAAAAIHRSTlMAKFoG9fKmlzr6Pe/n5seQg3dwYFBENB4U6ejYup9+DoC+ypcAAAB5SURBVBjTdc/ZEoMgDIXhkwoWsa51a93y/k8pQ0bBC/+rfAxDBkgJJQgNVcE67eRo3GaW8rUHSHHUFy+Oez9blTdrYy+r9qcN/d2UemeGDH3Yu/eXrZArjOzLzv0oOaQmwEau4WovLvKjrpAnaiGwN7lbRQhNzSDDAflrFOIeHjYBAAAAAElFTkSuQmCC) no-repeat left;
      cursor: pointer; }
    .aNNOppylcJPoElU5fgntU .DomainVerificationkf .ContactCustomerService {
      padding-left: 28px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAMAAAC+oj0CAAAAflBMVEUAAABgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGAtUl6lAAAAKXRSTlMAm/kIfdEkHxkP8enf177OrqCDYynGqHdxbFxWQDrl2pSOiU8xsmdJR3kTec0AAADSSURBVBjTbc1XbsNADEXRx5lR7727p7z9bzDCwLKUxAcgCNwPEhv3sywrF79NTiKmk8SZsAvyZgG0BuYsD141u6GWiIykxjXbeivoFC3VQ1pYX47u+NLr5Nvm9F6rPSt3SrHyQy08uOjQB1DliI/5jI8KKHkFjxQuNAhZIiLtdbtC3NZpKEhJbzFFYRaXTFGs44uDikw8rFyHHOGID+gcOiNVMQytIhu4EZ68M58SH2KwCUTZjxJgjjV2/mjM+Bi8x2nGXzFP0R1vclzjP6/3YP0ACbUaK0abV7UAAAAASUVORK5CYII=) no-repeat left;
      color: #606060; }
  .aNNOppylcJPoElU5fgntU .head {
    min-width: 1000px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .aNNOppylcJPoElU5fgntU img.arrow {
    margin: 35px auto 0 auto;
    display: block;
    -webkit-animation: arrow-an  1s linear infinite;
            animation: arrow-an  1s linear infinite;
    cursor: pointer; }

@-webkit-keyframes arrow-an {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0); }
  50% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0); } }

@keyframes arrow-an {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0); }
  50% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0); } }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3SSbn7fJbxBt9Z3i1zhP2 {
  font-family: "PK-Maehongson";
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #606060; }
  ._3SSbn7fJbxBt9Z3i1zhP2 .register-box {
    width: 600px;
    height: auto;
    margin: 100px auto 0;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px;
    border-radius: 8px; }
    ._3SSbn7fJbxBt9Z3i1zhP2 .register-box > .title {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      color: #606060;
      font-size: 20px; }
      ._3SSbn7fJbxBt9Z3i1zhP2 .register-box > .title > em {
        text-transform: capitalize; }
      ._3SSbn7fJbxBt9Z3i1zhP2 .register-box > .title > svg {
        border: 1px solid;
        border-radius: 50%;
        padding: 3px;
        width: 21px;
        height: 21px;
        cursor: pointer;
        -webkit-transition: .8s all;
        transition: .8s all; }
        ._3SSbn7fJbxBt9Z3i1zhP2 .register-box > .title > svg:hover {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg); }
    ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main {
      margin-top: 15px; }
      ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel {
        display: none; }
        ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel.actived {
          display: block; }
        ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > .options-tips {
          color: red;
          text-align: left;
          margin: -5px 0 15px 150px; }
        ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin: 10px auto;
          line-height: 40px; }
          ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-title {
            white-space: nowrap;
            width: 150px;
            font-size: 16px; }
          ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box {
            position: relative;
            line-height: 40px;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            border-radius: 5px;
            border: 1px solid #d4cfcf;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding-left: 12px; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box.sms {
              border: none;
              padding-left: 0px; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box > input {
              width: 100%;
              height: 40px;
              border: none;
              border-radius: 5px;
              background: none;
              color: #606060; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box > p {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              padding-left: 12px;
              border-radius: 5px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              line-height: 40px;
              color: red;
              cursor: text;
              background: #fff;
              height: 34px; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box > .select-bank {
              border: none;
              border-radius: 6px;
              outline: none;
              width: 100%;
              height: 100%;
              padding-left: 8px;
              color: #606060; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box > i {
              position: absolute;
              right: 0;
              width: 24px;
              color: #78c06e;
              margin-right: 10px; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box > .sms-captcha {
              width: 53%;
              margin-right: 10px;
              border: 1px solid #d4cfcf;
              padding-left: 12px; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box .err-captcha {
              width: 55%;
              top: 1px;
              left: 2px; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box > div.get-captcha {
              display: inline-block;
              padding: 0 12px;
              -webkit-box-flex: 1;
              -webkit-flex-grow: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              border-radius: 8px;
              text-align: center;
              background: #4a4a4a;
              color: #fff;
              cursor: pointer; }
              ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box > div.get-captcha.captcha-success {
                color: green;
                background: #fefefe;
                cursor: auto;
                vertical-align: middle; }
                ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .input-box > div.get-captcha.captcha-success > span {
                  display: inline-block;
                  line-height: 40px;
                  vertical-align: super; }
          ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label ::-webkit-input-placeholder {
            color: #828282; }
          ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label img {
            width: 120px;
            height: 40px;
            margin-left: 14px;
            border-radius: 5px;
            padding: 1px; }
          ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .select-code {
            border: 1px solid #d4cfcf;
            border-radius: 6px;
            margin-right: 12px;
            outline: none;
            width: 60px;
            color: #606060; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel > label > .select-code.input-box {
              margin: 0 auto; }
        ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel .field-tips {
          margin-left: 150px;
          color: #989898;
          margin-bottom: 10px; }
        ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel .submit {
          width: 50%;
          font-size: 20px;
          color: white;
          text-align: center;
          border-radius: 8px;
          padding: 10px;
          margin: 10px auto;
          text-transform: capitalize;
          background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
          background: -webkit-linear-gradient(top, #ff8400, #ff6100);
          background: linear-gradient(180deg, #ff8400, #ff6100);
          overflow: hidden;
          position: relative; }
          ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel .submit:hover {
            -webkit-filter: brightness(110%);
                    filter: brightness(110%);
            opacity: 1 !important; }
            ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel .submit:hover::before {
              width: 45px;
              left: 110%; }
          ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main > .form-panel .submit::before {
            content: ' ';
            position: absolute;
            background: #fff;
            width: 25px;
            height: 50px;
            top: 0;
            left: -45px;
            opacity: 0.3;
            -webkit-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
            -webkit-transform: skewX(-25deg);
            transform: skewX(-25deg); }
      ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main .login {
        width: 100%;
        text-align: center;
        font-size: 14px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main .login .servers {
          color: #00ff00;
          padding-left: 25px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABU0lEQVQ4jZ3UzUuUURQG8F9ToMJguMmFuBBDU8FVFgitdGPQB6hI4aplf4ELXQouWgki5DoVQlz6F6gQEa3cRhB9QeJGRQqu3OEOXQdn3mHO4fIeuOd5OO9zzrk3BNG6sYB7uKU5+4Z1fCC4I/gutOR/BU8jyUoB/KLg/lMJvdcUv4vHuI02tGMca7ioye2LlbzLWE8FTyo61T/Dgi8Z5qSW5GUBQfUMCc6rJHknjrCJsaR8LHsEXfiIQTzAV2yn3FcRWMpIDtN3Av3oSbpsYR6zmEJnyjuoAnOS9iy+nwn+HnMp7kA5iyuW/85kItrDQ5xhJ3XnZxrIz/iR8p/9h14V9k2Twr5o1J3oq4JyA4KZmgG8liT670Q2LbiZwCXBkuBfTW5dktwHBKOC/Tr3lTn5U7Czy3jeYLt/xUoGBWctbnH019X35BEWcbegqtyOsYG3lxnGH4pqpxTpAAAAAElFTkSuQmCC) no-repeat left center;
          margin-right: 40px; }
        ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main .login .user-img {
          width: 19px;
          height: 18px;
          display: inline-block;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAABHNCSVQICAgIfAhkiAAAAbZJREFUOI2lkzFrU2EUhp/3u6HWplUQFMWlKRSJ1kGq7eLg5OigtCCaCu6Km9JFURxE3PwDiQ4O/oIOXUQdRbi3igrXKooGq1SUtGnudxxCMLk2ubV9p/O9nO/hPXAObFBLb8/tqEZTg716lAWJF0qTJNxHOgpmoGdyXBo+WHmRCVsMz58xNI2jbJZ8xnJPgYH2HsOWCTQxUqy8afddR4qwdMXjHhuaNrkFLLiRBjUTaKcSu5b2XapttlUViuX3wLF1Z2/qSAaM3e0Pg3wPWJAF25I6YWY/WuW31xeHBNVuHw3VesMcj1rlz8baCWCuG0z4+bSXA/gQlY43jMtmnGruir0S1PsCXa8ndhI0msr1Mq/V2/8ki8OZe4npiYxxoas5+dG8ViacNFT3dmv9VFr8bf1n4+jC3g4/DktroK/ONw4TaJ83NwucBm3vNmKbPDAPulsYK88pDmcMuLNtV//N1e+1GLRnA5CULAEbd2C/zCxqLNdGNgcCUICYdH2BhgtjDx5KPvPoe+KMwO0vVpYkbCuglv7uWb7+DuPjJjkrJv+8Y7RqNDVYcwMH/pfkPZ8Kh8pf/gBbjpTf2Ni5bAAAAABJRU5ErkJggg==) no-repeat center;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background-size: 100% 100%;
          margin-right: 5px; }
        ._3SSbn7fJbxBt9Z3i1zhP2 .register-box .register-main .login a {
          color: #fc8403;
          text-decoration: underline;
          text-transform: capitalize; }
  ._3SSbn7fJbxBt9Z3i1zhP2 div.copyright {
    position: absolute;
    bottom: 40px;
    width: 100%; }
    ._3SSbn7fJbxBt9Z3i1zhP2 div.copyright > div.desc {
      margin-top: 20px;
      text-align: center;
      color: white; }
    @media screen and (max-height: 850px) {
      ._3SSbn7fJbxBt9Z3i1zhP2 div.copyright {
        position: relative;
        margin-top: 30px; } }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3HM9HYbnH-SMbk10f5i29Y {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  ._3HM9HYbnH-SMbk10f5i29Y .activity-banner-box {
    width: 720px;
    height: 360px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -230px;
    margin-left: -360px;
    border-radius: 10px;
    overflow: hidden; }
    ._3HM9HYbnH-SMbk10f5i29Y .activity-banner-box .close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 24px;
      height: 24px;
      border: 1px solid #676767;
      border-radius: 50%;
      cursor: pointer;
      -webkit-transition: .8s all;
      transition: .8s all; }
      ._3HM9HYbnH-SMbk10f5i29Y .activity-banner-box .close:hover {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg); }
    ._3HM9HYbnH-SMbk10f5i29Y .activity-banner-box .arrow-l {
      position: absolute;
      top: 50%;
      left: 10px;
      font-size: 25px; }
    ._3HM9HYbnH-SMbk10f5i29Y .activity-banner-box .arrow-r {
      position: absolute;
      top: 50%;
      right: 10px;
      font-size: 25px; }
    ._3HM9HYbnH-SMbk10f5i29Y .activity-banner-box .banner-box {
      width: 716px;
      height: 356px;
      white-space: nowrap;
      -webkit-transition-duration: 0.8s;
              transition-duration: 0.8s; }
      ._3HM9HYbnH-SMbk10f5i29Y .activity-banner-box .banner-box img {
        width: 716px;
        height: 356px;
        display: inline-block;
        margin-right: 2px; }
    ._3HM9HYbnH-SMbk10f5i29Y .activity-banner-box .point-list {
      width: 100%;
      height: 30px;
      text-align: center;
      line-height: 30px;
      position: absolute;
      bottom: 2px; }
      ._3HM9HYbnH-SMbk10f5i29Y .activity-banner-box .point-list img {
        display: inline-block;
        margin-right: 10px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._35xqZneP0aWjdg9J0Q17rA {
  height: 170px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1080px;
  margin: 35px auto;
  color: #fff; }
  ._35xqZneP0aWjdg9J0Q17rA > li {
    width: 32%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
    ._35xqZneP0aWjdg9J0Q17rA > li > img {
      width: 100%;
      height: 100%; }
    ._35xqZneP0aWjdg9J0Q17rA > li > em {
      font-size: 26px;
      position: absolute;
      top: 40px;
      left: 15px; }
    ._35xqZneP0aWjdg9J0Q17rA > li > button {
      position: absolute;
      bottom: 20px;
      left: 15px;
      font-size: 14px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      padding: 6px;
      border: 1px solid #fff;
      background: transparent;
      color: #fff;
      border-radius: 3px;
      cursor: pointer; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

@-webkit-keyframes move {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
            transform: translateX(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes move {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
            transform: translateX(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.dtTr-ygby9WvKW9MJ8QtY {
  margin: 0 auto;
  width: 1080px;
  color: #464854; }
  .dtTr-ygby9WvKW9MJ8QtY .slot-list {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 50px; }
    .dtTr-ygby9WvKW9MJ8QtY .slot-list > .item {
      width: 146px;
      height: 145px;
      cursor: pointer;
      position: relative;
      border-radius: 8px;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .dtTr-ygby9WvKW9MJ8QtY .slot-list > .item:hover {
        -webkit-filter: brightness(1.1);
                filter: brightness(1.1); }
      .dtTr-ygby9WvKW9MJ8QtY .slot-list > .item > img {
        width: calc(100%);
        height: calc(100%); }
      .dtTr-ygby9WvKW9MJ8QtY .slot-list > .item .more {
        font-size: 18px;
        color: #fff;
        text-align: center;
        line-height: 145px;
        background: #fda517;
        border-radius: 8px; }
  .dtTr-ygby9WvKW9MJ8QtY .title {
    text-align: center;
    line-height: 33px;
    font-size: 37px;
    font-weight: bold;
    height: 37px;
    margin: 28px 0px; }
  .dtTr-ygby9WvKW9MJ8QtY .box {
    width: 580px;
    height: 72px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 36px;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4e7ec), to(#eff0f4));
    background: -webkit-linear-gradient(top, #e4e7ec, #eff0f4);
    background: linear-gradient(180deg, #e4e7ec, #eff0f4);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px; }
    .dtTr-ygby9WvKW9MJ8QtY .box .trigger-list {
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-shadow: 0px 2px 9px #ccc inset;
              box-shadow: 0px 2px 9px #ccc inset;
      border-radius: 26px;
      background: #e5e8eb;
      position: relative; }
      .dtTr-ygby9WvKW9MJ8QtY .box .trigger-list > li {
        width: 140px;
        height: 52px;
        line-height: 52px;
        text-align: center;
        cursor: pointer; }
      .dtTr-ygby9WvKW9MJ8QtY .box .trigger-list .active {
        z-index: 2;
        color: #fff;
        font-weight: 600; }
      .dtTr-ygby9WvKW9MJ8QtY .box .trigger-list .current {
        position: absolute;
        z-index: 1;
        color: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
        background: -webkit-linear-gradient(top, #ff8400, #ff6100);
        background: linear-gradient(180deg, #ff8400, #ff6100);
        border-radius: 26px;
        -webkit-box-shadow: 0px 5px 5px #ccc;
                box-shadow: 0px 5px 5px #ccc;
        -webkit-transition: all .3s ease;
        transition: all .3s ease; }
  .dtTr-ygby9WvKW9MJ8QtY .declare {
    text-align: center;
    font-size: 22px;
    margin: 28px 0px;
    -webkit-animation: move 0.6s forwards;
            animation: move 0.6s forwards; }
  .dtTr-ygby9WvKW9MJ8QtY .third-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 15px; }
    .dtTr-ygby9WvKW9MJ8QtY .third-list > a {
      width: 25%;
      height: 150px;
      position: relative;
      overflow: hidden;
      -webkit-transition: 0.3s all;
      transition: 0.3s all;
      cursor: pointer; }
      .dtTr-ygby9WvKW9MJ8QtY .third-list > a:hover {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: perspective(400px) rotateX(2deg) rotateY(0deg);
                transform: perspective(400px) rotateX(2deg) rotateY(0deg); }
        .dtTr-ygby9WvKW9MJ8QtY .third-list > a:hover > .overlay {
          background: rgba(255, 255, 255, 0.25);
          top: -60%;
          right: -40%; }
      .dtTr-ygby9WvKW9MJ8QtY .third-list > a > .overlay {
        display: block;
        position: absolute;
        background: rgba(255, 255, 255, 0.1);
        width: 100%;
        height: 150%;
        cursor: pointer;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
        right: -50%;
        top: -70%;
        -webkit-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.1);
                box-shadow: 0 5px 10px rgba(255, 255, 255, 0.1);
        -webkit-transition: 0.4s all;
        transition: 0.4s all; }
    .dtTr-ygby9WvKW9MJ8QtY .third-list > .-jokertha {
      background: url(/webx/thai/desktop/images/550947.png) no-repeat;
      background-size: 100%; }
    .dtTr-ygby9WvKW9MJ8QtY .third-list > .slot-jdbtha {
      background: url(/webx/thai/desktop/images/13ed84.png) no-repeat;
      background-size: 100%; }
    .dtTr-ygby9WvKW9MJ8QtY .third-list > .slot-jltha {
      background: url(/webx/thai/desktop/images/20e7db.png) no-repeat;
      background-size: 100%; }
    .dtTr-ygby9WvKW9MJ8QtY .third-list > .slot-pgsofttha {
      background: url(/webx/thai/desktop/images/24e59b.png) no-repeat;
      background-size: 100%; }
  .dtTr-ygby9WvKW9MJ8QtY .game-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .dtTr-ygby9WvKW9MJ8QtY .game-content > img {
      width: 65%;
      opacity: 0;
      -webkit-animation: move 0.6s forwards .2s;
              animation: move 0.6s forwards .2s; }
    .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box {
      width: 35%; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box > a {
        width: 100%;
        height: 160px;
        display: inline-block;
        position: relative;
        overflow: hidden;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        cursor: pointer;
        opacity: 0; }
        .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box > a:hover {
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
          -webkit-transform: perspective(400px) rotateX(2deg) rotateY(0deg);
                  transform: perspective(400px) rotateX(2deg) rotateY(0deg); }
          .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box > a:hover > .overlay {
            background: rgba(255, 255, 255, 0.25);
            top: -60%;
            right: -40%; }
        .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box > a > .overlay {
          display: block;
          position: absolute;
          background: rgba(255, 255, 255, 0.1);
          width: 100%;
          height: 150%;
          cursor: pointer;
          -webkit-transform: rotate(135deg);
                  transform: rotate(135deg);
          right: -50%;
          top: -70%;
          -webkit-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.1);
                  box-shadow: 0 5px 10px rgba(255, 255, 255, 0.1);
          -webkit-transition: 0.4s all;
          transition: 0.4s all; }
        .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box > a:nth-child(1) {
          -webkit-animation: move 0.6s forwards .1s;
                  animation: move 0.6s forwards .1s; }
        .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box > a:nth-child(2) {
          -webkit-animation: move 0.6s forwards .3s;
                  animation: move 0.6s forwards .3s; }
        .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box > a:nth-child(3) {
          -webkit-animation: move 0.6s forwards .4s;
                  animation: move 0.6s forwards .4s; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .more-text {
        position: absolute;
        color: #fff;
        font-size: 30px;
        top: 52px;
        left: 195px; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box:lang(en-US) .more-text {
        font-size: 24px; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .casino-agtha {
        background: url(/webx/thai/desktop/images/025562.png) no-repeat right; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .casino-aetha {
        background: url(/webx/thai/desktop/images/c5cae2.png) no-repeat right; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .casino-more {
        background: url(/webx/thai/desktop/images/f9f7ea.png) no-repeat right;
        position: relative; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .sport-thbibc {
        background: url(/webx/thai/desktop/images/e7046a.png) no-repeat right; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .sport-sbotha {
        background: url(/webx/thai/desktop/images/d7b13a.png) no-repeat right; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .sport-more {
        background: url(/webx/thai/desktop/images/04de1f.png) no-repeat right;
        position: relative; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .lottery-th {
        background: url(/webx/thai/desktop/images/a40440.png) no-repeat right; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .lottery-chn {
        background: url(/webx/thai/desktop/images/cdd7c6.png) no-repeat right; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .lottery-more {
        background: url(/webx/thai/desktop/images/7dd97a.png) no-repeat right;
        position: relative; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .chess-xy {
        background: url(/webx/thai/desktop/images/7adff7.png) no-repeat right; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .chess-pg {
        background: url(/webx/thai/desktop/images/2a5305.png) no-repeat right; }
      .dtTr-ygby9WvKW9MJ8QtY .game-content .item-box .chess-more {
        background: url(/webx/thai/desktop/images/dc7e1c.png) no-repeat right;
        position: relative; }
  .dtTr-ygby9WvKW9MJ8QtY .bottom-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .dtTr-ygby9WvKW9MJ8QtY .bottom-box > img {
      width: 55%; }
    .dtTr-ygby9WvKW9MJ8QtY .bottom-box .down-info {
      width: 45%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; }
      .dtTr-ygby9WvKW9MJ8QtY .bottom-box .down-info > em {
        font-size: 24px;
        text-align: center; }
      .dtTr-ygby9WvKW9MJ8QtY .bottom-box .down-info > p {
        font-size: 18px; }
      .dtTr-ygby9WvKW9MJ8QtY .bottom-box .down-info > span {
        font-size: 14px;
        text-align: center; }
    .dtTr-ygby9WvKW9MJ8QtY .bottom-box .down-app {
      width: 220px;
      margin: 0 auto;
      padding-top: 5px;
      border-radius: 6px;
      text-align: center;
      -webkit-box-shadow: 0px 0px 5px #ccc;
              box-shadow: 0px 0px 5px #ccc;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
      .dtTr-ygby9WvKW9MJ8QtY .bottom-box .down-app:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
      .dtTr-ygby9WvKW9MJ8QtY .bottom-box .down-app > img {
        width: 210px;
        height: 210px; }
      .dtTr-ygby9WvKW9MJ8QtY .bottom-box .down-app > p {
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
        background: -webkit-linear-gradient(top, #ff8400, #ff6100);
        background: linear-gradient(180deg, #ff8400, #ff6100);
        text-align: center;
        font-size: 18px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2EGb7YuRZZuW7fcmOZDYAx .part {
  position: fixed;
  bottom: 200px;
  z-index: 98;
  width: 120px;
  height: 120px; }
  ._2EGb7YuRZZuW7fcmOZDYAx .part a {
    display: inline-block; }
  ._2EGb7YuRZZuW7fcmOZDYAx .part a, ._2EGb7YuRZZuW7fcmOZDYAx .part img {
    width: 100%;
    height: 100%; }

._2EGb7YuRZZuW7fcmOZDYAx .part-left {
  left: -150px;
  -webkit-animation: leftSlip forwards 2s 1s;
          animation: leftSlip forwards 2s 1s; }

._2EGb7YuRZZuW7fcmOZDYAx .part-right {
  right: -150px;
  -webkit-animation: RightSlip forwards 2s 1s;
          animation: RightSlip forwards 2s 1s; }

@-webkit-keyframes leftSlip {
  0% {
    left: -150px; }
  100% {
    left: 20px; } }

@keyframes leftSlip {
  0% {
    left: -150px; }
  100% {
    left: 20px; } }

@-webkit-keyframes RightSlip {
  0% {
    right: -150px; }
  100% {
    right: 20px; } }

@keyframes RightSlip {
  0% {
    right: -150px; }
  100% {
    right: 20px; } }

._2EGb7YuRZZuW7fcmOZDYAx .close {
  position: absolute;
  top: -10px;
  right: -13px;
  width: 20px;
  height: 20px;
  border: 1px solid #676767;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: .8s all;
  transition: .8s all; }
  ._2EGb7YuRZZuW7fcmOZDYAx .close:hover {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.B5COFPoQnrBB-YQAjhd-3 > .contents {
  background: url(/webx/thai/desktop/images/e2ea76.jpg) no-repeat center center #fafbfd;
  position: relative;
  min-width: 1200px;
  overflow: hidden; }
  .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner {
    width: 1080px;
    height: 124px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAB4CAYAAAAXB0LwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YThhMzg1MS1mOWI3LTQ0MGEtOWYzMS0xZjEzN2IwMGNjYTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0QyNzFCQzIyQ0FDMTFFQjg5MUJFMjVGOTBFRERENzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0QyNzFCQzEyQ0FDMTFFQjg5MUJFMjVGOTBFRERENzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWI5YmNkMTQtNmU5Mi00NjRmLThlNjItNGQzMjdmMjQ0OTk2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTFkOTY3ODQtYzM5YS02YjRkLTkyYjQtZjk1ZmI0YzUwYzlhIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LNbqeQAACNpJREFUeNrs3c+OHEcdB/Cq3fVGJpYFEU6QkEACjiAcDglSHgFeAN9yQ5x4HN7ALxAeAglFAuWKBAcjFCLlD7ac2OwU3ca7291V1T1jEzw/6fOR2pnt6a76VXVPtfLdcZLvvXeeRjml8cWvh+1Xww8/Hv55a9ybU0NOk/25s3+yO+dWE5ODc2Pf5Tt51k2eN5yWzVR1VTXllHOrjnYNedLIsu/cnJM8Le16DLkq+3p0ue5rPq7cGGOjn5yb4+r18aLtv2jbs3Ef1O7iWub5nZlzXW89F40xLq7h1TmTOdi3ztbYZzX05mvRZl5e/6ru3J3Lbnt7jGlW49c65uX49q9x9f7Y437eHPfGtZnedVv38uoxVb2t+7nVdmudyo01q57jWQ+rn/F5Y721qjlHq321++uvW3U7rTVyte+VZ1XjkbTxnMqd/qonWLu2tRq79TYfiP1zV+Z4/ejejj0bOejI/43yUieXw9soreNL/VPZqrnZ0PWuMt9bOgeWTnGlW3dpTcG8p5I64yndGsta/6WuvywaqeqY7CiLQkrzWpRqSsviQkz7LK36p/dDWcx81XbZayzVOErdf2nVv5iz0jtvr5rnbU/nZb3W1lz369xqd2v8V+eU+R2/NvZ5ffW4u+Mr9f2+1uZ6O6We/zK/5ofXtn2tW/dmq53q3i+d+/HAMa9e55Vx9z5Lq3NY3Xe9z+ZyXlfWgLXPf2PNLKW/pq2vLY118cC1rL+W1O3M3yrdZ0tZLICtZ8nWut173pXOg6g0Ttp+tpWN597Mw2H7aNjuD9vvhu3JuPPs+ZvfHbYPhu1uAgAAADhet4bt58+394ftl8P2YAw4xm9uPAs3Pnt8mv726Xn65NFZ+vcum7JXouy5DwAAAF5Gfsn3X42zk5Teur1LP7yzS2+8XsYvavx+2N49/cn3Tn8zvHj/88en6cMH30hffHmaduV6EKX4l2sAAADg1br8a8W7ktK/vszp75+fpG/fKunmefrOsPvjk+GPe+MB4zc3nl7Mgw3hBgAAAHAMljnF04uU/vLPk8sf742vfja++vjhjdlJAAAAAMdmmln844urgOPt8dWz/43KrtQHAgAAAByby+ziYne167UT0wIAAABENws4fHsDAAAAiGCZYfgGBwAAABCegAMAAAAIT8ABAAAAhCfgAAAAAMITcAAAAADhCTgAAACA8AQcAAAAQHgCDgAAACA8AQcAAAAQnoADAAAACE/AAQAAAIQn4AAAAADCE3AAAAAA4Qk4AAAAgPAEHAAAAEB4Ag4AAAAgPAEHAAAAEJ6AAwAAAAhPwAEAAACEJ+AAAAAAwhNwAAAAAOEJOAAAAIDwBBwAAABAeAIOAAAAIDwBBwAAABCegAMAAAAIT8ABAAAAhCfgAAAAAMITcAAAAADhCTgAAACA8AQcAAAAQHgCDgAAACA8AQcAAAAQnoADAAAACE/AAQAAAIQn4AAAAADCE3AAAAAA4Qk4AAAAgPAEHAAAAEB4Ag4AAAAgPAEHAAAAEJ6AAwAAAAhPwAEAAACEJ+AAAAAAwhNwAAAAAOEJOAAAAIDwBBwAAABAeAIOAAAAIDwBBwAAABCegAMAAAAIT8ABAAAAhCfgAAAAAMITcAAAAADhCTgAAACA8AQcAAAAQHgCDgAAACA8AQcAAAAQnoADAAAACE/AAQAAAIQn4AAAAADCE3AAAAAA4Qk4AAAAgPAEHAAAAEB4Ag4AAAAgPAEHAAAAEJ6AAwAAAAhPwAEAAACEJ+AAAAAAwhNwAAAAAOEJOAAAAIDwBBwAAABAeAIOAAAAIDwBBwAAABCegAMAAAAIT8ABAAAAhCfgAAAAAMITcAAAAADhCTgAAACA8AQcAAAAQHgCDgAAACA8AQcAAAAQnoADAAAACE/AAQAAAIQn4AAAAADCE3AAAAAA4Qk4AAAAgPAEHAAAAEB4Ag4AAAAgPAEHAAAAEJ6AAwAAAAhPwAEAAACEJ+AAAAAAwhNwAAAAAOEJOAAAAIDwBBwAAABAeAIOAAAAIDwBBwAAABCegAMAAAAIT8ABAAAAhCfgAAAAAMITcAAAAADhCTgAAACA8AQcAAAAQHizgCPnbEYAAACAo7fMMHyDAwAAAAhvDDiePHvxPPjwLQ4AAADgmF1mF2fXX9t4OL78cHz15q2n1YEAAAAAx2SaWbx1e3f58qMx4Lg/vvr+t56kG6dldoKgAwAAADgGy5zixmlKP7hzFXDcz/feO39tePGH4ZCffvb4NP310/P0yaOzdLETbgAAAADHZfxrKW/e3qUf3dmlN15/9kWNPw/bO2fDH18N2y+G7YNv3ry4e/fm45Suso2cmjFHnhwyPWK2f7K78U2QPDs1N/YtKshVb2PDadlMVVdVU045t+po15AnjSz7zs05ydPSrseQq7KvR5frvubjyo0xNvrJuTmuXh8v2v6Ltj0b90HtLq5lnt+ZOdf11nPRGOPiGl6dM5mDfetsjX1WQ2++Fm3m5fWv6s7duey2t8eYZjV+rWNejm//Glfvjz3u581xb1yb6V23dS+vHlPV27qfW2231qncWLPqOZ71sPoZnzfWW6uac7TaV7u//rpVt9NaI1f7XnlWtb6cuP6cyp3+qidYu7a1Grv1Nh+Iaf1XD7k7vv7RvR37/5Lj//3rkPJSJ5fD2yit40v9U9mqudnQ9a4y31s6B5ZOcaVbd2lNwbynkjrjKd0ay1r/pa6/LBqp6pjsKItCSvNalGpKy+JCTPssrfqn90NZzHzVdtlrLNU4St1/adW/mLPSO2+vmudtT+dlvdbWXPfr3Gp3a/xX55T5Hb829nl99bi74yv1/b7W5no7pZ7/Mr/mh9e2fa1b92arnereL5378cAxr17nlXH3Pkurc1jdd73P5nJeV9aAtc9/Y80spb+mra8tjXXxwLWsv5bU7czfKt1nS1ksgK1nyda63Xvelc6DqDRO2n62lY3nXtefnmcaX13+5zgeDNu7w/bbYfvjsD2SCQEAAABHaMwsxuxizDDeSf/NNNJ/BBgAXvxQnGpMv50AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner > .title {
      min-width: 178px;
      text-align: center;
      font-weight: bold;
      font-size: 27px;
      padding: 83px 10px 0 10px;
      background: #26221e url(/webx/thai/desktop/images/b7a1eb.png) no-repeat center; }
      .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner > .title > p {
        background-image: -webkit-linear-gradient(bottom, #ffbd54, #faf9d8);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
    .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner > .winner-list {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      color: white;
      font-size: 21px;
      line-height: 54px; }
      .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner > .winner-list .scroll-container {
        text-align: left;
        padding: 0 15px; }
      .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner > .winner-list .scroll-container .scroll-lists {
        margin-top: 10px; }
      .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner > .winner-list .scroll-container .scroll-lists .winner-line div .name {
        color: #eed12d;
        padding-left: 0.5rem; }
      .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner > .winner-list .scroll-container .scroll-lists .winner-line div .money {
        color: #ff0000;
        float: right; }
      .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner > .winner-list .scroll-container .scroll-lists .winner-line div {
        border-bottom: 1px solid #414126; }
      .B5COFPoQnrBB-YQAjhd-3 > .contents > .winner > .winner-list .scroll-container .scroll-lists .winner-line {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }

.B5COFPoQnrBB-YQAjhd-3 .app-notice {
  position: fixed;
  left: 0;
  top: 70%;
  background: url(/webx/thai/desktop/images/f1f448.png) no-repeat;
  margin-left: 20px;
  width: 193px;
  height: 172px;
  z-index: 1; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3JtuAVlDWjPlQhXyl8y1LZ {
  height: calc(100vh - 146px - 125px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 250px; }
  ._3JtuAVlDWjPlQhXyl8y1LZ img.wifi {
    display: block;
    width: 300px;
    margin: 20px auto; }
  ._3JtuAVlDWjPlQhXyl8y1LZ div.text {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    color: #a2a2a2;
    text-align: center; }
    ._3JtuAVlDWjPlQhXyl8y1LZ div.text h4 {
      width: 100%;
      margin: 10px 0; }
    ._3JtuAVlDWjPlQhXyl8y1LZ div.text span {
      color: lightblue;
      text-decoration: underline;
      margin: 0 5px;
      cursor: pointer;
      -webkit-transition: .5s all;
      transition: .5s all; }
      ._3JtuAVlDWjPlQhXyl8y1LZ div.text span:hover {
        color: #31aefb; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.IcpGyi9RDo_1_UTnlU9ut {
  position: relative;
  min-width: 1200px; }
  .IcpGyi9RDo_1_UTnlU9ut span {
    position: absolute;
    height: 180px;
    width: 180px;
    top: calc(50% - 90px);
    left: calc(50% - 90px);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-animation: rotate-infinite 1s linear infinite;
            animation: rotate-infinite 1s linear infinite; }

@-webkit-keyframes rotate-infinite {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes rotate-infinite {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3YwZKglLLreltA2rdP8Id3 {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px 0 19px;
  margin-top: 5px; }
  ._3YwZKglLLreltA2rdP8Id3 > .clock {
    width: 59px;
    height: 56px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAArCAYAAAAHdLqEAAABBklEQVRYhe2ZsUoDQRBA352KjVxlqdYWVtEqnxCrlH6BZcinBK65r9BGPyIYP8Y24IQlo6zG7mYGhHnV7RaPxywcLNtMry9OgAUwAzrG8QG8AisRtmpy8R9dnndL4AE4HSlFHTcau9Y9F38L3BsIfzOv1i7+1uD4/qJ2uvhbB2kIGR5NhkeT4dFkeDQZHk2GR5Ph0fzr8EdgY+jcqPMLF3+5LBs694iYKw84Bm51KhMj53vTMIh8T9ncDwxl4m9Gwh+IcKdrF3/+VaLJ8GgyPJoMjybDo8nwaDI8mgyPptW3Q2tqp4u/hL84iJ+rbxd/eaAtV6sz4MrgEbVM9wnogU/ds/dDvwMllC9exjL9iwAAAABJRU5ErkJggg==) no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden; }
    ._3YwZKglLLreltA2rdP8Id3 > .clock > .current, ._3YwZKglLLreltA2rdP8Id3 > .clock > .next {
      font-size: 36px;
      position: absolute;
      top: 0;
      left: 0;
      width: 59px;
      height: 56px;
      line-height: 56px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      text-indent: 1px;
      color: #ff5200; }
      ._3YwZKglLLreltA2rdP8Id3 > .clock > .current span, ._3YwZKglLLreltA2rdP8Id3 > .clock > .next span {
        width: 50%; }
      ._3YwZKglLLreltA2rdP8Id3 > .clock > .current span:nth-child(1), ._3YwZKglLLreltA2rdP8Id3 > .clock > .next span:nth-child(1) {
        padding-left: 5px; }
      ._3YwZKglLLreltA2rdP8Id3 > .clock > .current span:nth-child(2), ._3YwZKglLLreltA2rdP8Id3 > .clock > .next span:nth-child(2) {
        padding-right: 2px; }
      ._3YwZKglLLreltA2rdP8Id3 > .clock > .current.move, ._3YwZKglLLreltA2rdP8Id3 > .clock > .next.move {
        -webkit-transition: .4s all;
        transition: .4s all;
        -webkit-transform: translateY(100%);
                transform: translateY(100%); }
    ._3YwZKglLLreltA2rdP8Id3 > .clock > .next {
      top: -56px; }
  ._3YwZKglLLreltA2rdP8Id3 > span.to {
    font-size: 25px;
    font-weight: 600; }
  ._3YwZKglLLreltA2rdP8Id3.vip-count-box {
    padding: 0px; }
    ._3YwZKglLLreltA2rdP8Id3.vip-count-box > .clock {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAA0CAYAAADGzxXDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Y2Y0MzZiMy01MmE4LTRkNWUtOTRhNy1iMjVkOGY0ZTE1ZDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUU5RTJCN0IwRDNFMTFFQzg0NTJEQzI0Q0EzQTdDRTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUU5RTJCN0EwRDNFMTFFQzg0NTJEQzI0Q0EzQTdDRTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkMjczOTdmMi0xZTkxLTQ4NzgtOWVmZi0zMWY2ODk4Zjg1ZGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1MjA3MDlmZS1jZjVlLTY1NDQtODBjOS04MjFjNjQ3MWYxZmYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6fWk/lAAAEXElEQVR42uybzWskRRTAX31Md2d2g/Erm01iYNcB95ANKogXwRwE3UXBY3CVRcFzjv4L4s2zLsu68eQhiIJZvHgQzElGBgaVMYtDMmFhJHEmGTozU1W+1z2JTTu6c3C632EeVGa6u+D95r1Xr6r6VQSguJMTGR4dlZS1byiAa+DcMwLgHIxJHMAxCPGLAfjGSPlVcP58Tfi+/Uc/JlyaHnZarRc9Id6VAK8gxFPYUcMYBXU8ih9z+MMvC/zhqP82Xv+Q7seFS//54MEV7dx7CPIWdipCdqJR3yXp3A3UL5Dj4JELF34+fciJS/tav6mcu46hXHSQixSVlNd9IXbw+4dx1IPgxKWFENfwxmxOIIM4F7PI8Rp++wgbpgSQnLi0kPJpZ4zGG3niRBxknDMjMeKiP+fAWshbIo4odw58yIhLJsBy53nIdW5c2sWJkoO41AUbrmjMO5G/00SagREXRRIbl6XDigtXbCQheBqJCZcGJh4TD0tSOXJJmMiIw43b1MYoJ7mJkSZG+v+MxCVBjmK4vGSSuEdK3M4BtdyjJsXAiYveAgRiAJQHFC37o4Ycqd03Gy6ttA7xIjDGALUsgQhCSglKKZBKhclnnLh0s9n8wPO8Z4MgeBVvXM4KKAJBCNS0c3R8fK/b7ZYTudpx4pKLi4t3t7a2Pm632xvYZyfafSem4HE10mOtraHeO6SfOPDu6Vs2y4lLEdDm5mZrdXV178nZ2cd0ofCCdW7sO0sMZ3cShhvb29ufrq2t/Y63eqlZ33DhEol9XOF+rXbj8ZmZTzC01bhhcLybPw4P379UKn0+xEDAiUsn1m1mqtezU+02QL+fweJDw1S/T8PL/Me6kQXXWUV0r1pdKArxnOz3ZSYv4FFPEWClXqnMLV29uvdv3ThwRcOtXa/Pa2NuKmOoYlrKaqq1QvxqpLzVV2pjemmpkX7OhUt09/ffMZ3O8zjYX88S5AwIoIZx/bUqFn/0Ll7cGIQ4cb3NhUv0Go0DCMOZ3Nf/QXBYmJ9/YpALFHI1uXBpR9sByWCfG29Lziq4nLgocYe4gAoYbLZDSFRwOXFpXBhA1PKWNAMjrrg4ySCshxYnmXBpx6RSmj49wolrUsEdZRF+6rXcHTbMUEy4aAnAYuynGThxxSfJGOYkTlxsDkwMrbsx4WIzuzmmsxsxsDnEBUwPcbFaAnAuc08Olo7AJQUZK++wjvW7lIXYcFHipv/MmcmzpCzi6b6TSphsuKSx9r6Usp9VXWtYnYv0I8dOEpATl+52u98Gvl9Cq81lXXc/rbejNIkjMeQcJy5Zr9e/7PZ695TWHSrvCtoKjNl7EB9EiMrJpJf0EwckKricuMhcXqVSeWlhYeGm53kv4/Uiek2N03MDT9Fr2l301HeNRuOz5eXl7+HvImVUlOTCRa/+XLlc3l9ZWfltenr6yPd9r1AoeFpri+1kHA3H+oG19qdWq/VFtVq9u76+Xt7d3U1Xcdlw/SXAALbZmyoBYVrdAAAAAElFTkSuQmCC) no-repeat center;
      width: 74px; }
      ._3YwZKglLLreltA2rdP8Id3.vip-count-box > .clock > div {
        text-indent: 8px;
        width: 74px; }
        ._3YwZKglLLreltA2rdP8Id3.vip-count-box > .clock > div > span {
          padding: 0px; }
          ._3YwZKglLLreltA2rdP8Id3.vip-count-box > .clock > div > span:nth-child(1) {
            padding: 0px; }
          ._3YwZKglLLreltA2rdP8Id3.vip-count-box > .clock > div > span:nth-child(2) {
            padding: 0px; }
    ._3YwZKglLLreltA2rdP8Id3.vip-count-box > span.to {
      margin: 0px 2px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2XpMEy-GENpPXqW5bMm5r3 {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2XpMEy-GENpPXqW5bMm5r3 > span.ball {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    color: black;
    border-radius: 50%;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#eed12d), to(#ff0000));
    background: -webkit-linear-gradient(top, #eed12d, #ff0000);
    background: linear-gradient(180deg, #eed12d, #ff0000); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-3djnd, ._2XpMEy-GENpPXqW5bMm5r3.alias-pl3, ._2XpMEy-GENpPXqW5bMm5r3.alias-3dfc, ._2XpMEy-GENpPXqW5bMm5r3.alias-hnks, ._2XpMEy-GENpPXqW5bMm5r3.alias-jlks {
    width: 200px;
    margin: auto; }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-hnks > span.ball, ._2XpMEy-GENpPXqW5bMm5r3.alias-jlks > span.ball {
    border-radius: 0;
    background-color: transparent;
    background-size: 100% 100%;
    text-indent: -9999px; }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-hnks > span.ball.c-1, ._2XpMEy-GENpPXqW5bMm5r3.alias-jlks > span.ball.c-1 {
      background-image: url(/webx/thai/desktop/images/f97106.png); }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-hnks > span.ball.c-2, ._2XpMEy-GENpPXqW5bMm5r3.alias-jlks > span.ball.c-2 {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMDAyMzYzNDY4MjExRUJCRkZDRkU4QThEOTYwQkMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMwMDAyMzY0NDY4MjExRUJCRkZDRkU4QThEOTYwQkMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzAwMDIzNjE0NjgyMTFFQkJGRkNGRThBOEQ5NjBCQzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzAwMDIzNjI0NjgyMTFFQkJGRkNGRThBOEQ5NjBCQzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ixO3sAAAKBElEQVR42sxaa4xdRR3/zZw557727m7fVEuhlCJpobFWEQmVaIogttEaaRoNJuDrAzE1UfiEGlO+QGJCA42PKIkfJBECJFop1igJ1iiVUiFqH/SdtmnZPrb3bu/rnJnx/59zzu7t7t672927zZ1kds89Z16///s/MyKKDGAtLCRCAXrGEiGwwVq7nn6toE9Z8Gtr0KrwF/4spIUQIYTV8FwnRdVPWrk3NIeBkfFYPKtH81K3lkVKOfpVjep/abbtQPSKFDjKbYyVDAOiCVBAgL5NDz8xxsymGk9q49kEoRTjTMhfPSugtAfr1WFlDXEXjybJNAGixTF0GdJgoWsjLbURPjSP3wKQGAtoZDyhL3gSPxbS+yUBavCYKiUfPT+tjd3MAxu3IkH/zfBEDAiixbQEyCGTxAURJFwTjutx5xS8pCGUexLcQlj3TQgvIc3YonUryeAR7Gyi47O+wM20tO/TsrXjEHFhM3V8pkpsE01cmUzhlora+9RXC6r0Qif4rBjVkDEzFal6ok5AqohEFhECB3/c8duthQlMMidp0EDK79Hqt4owMku11nu1RrGGGFAsgtxWTDhwzEumuBc/2USnuMpouAX9cJUBSV6HrNPrCrXPkSS0BiSkaKNgxCVjEeoQPmQ5m/FXEXHNBmtM0TAYKYdFjBdm0SRlLQjlOUUHGvTAui51LGGxGpGBoBeGJYsWjTBw3ItYzBTrnIFHL1Qkr+TmWMa2AEvSYATqoUVkdVEotUGRiK5zYpqs3OIKscdEwmdiQsFPUFgTOelWvGhDYKIQWRUgijRNHkL6nlt8qIl7ZBCEle1Fus0CYsPrzBKN30C1WluniKDLTWKDWP7l1ZAoBUWzNkgXPbJagVTI0Kg+yJKRKEQEUGlJWqIQEhcNVyJeRItoGJIIYp8UbaZpI3HaGWjhDI1GA7VauJwIKfLW9RIOjMDVFaa2jCzyJDp+UIXwBmFCSc4iS2MV6DeBtdpxgxSHKFkh8ahAqTwyXtZpn/t8tRMjJr5JdFjGSp9XLN2TIEZbM6doaPI4YBMQmoxTcsviJIKYVKRclhWJK/FK8lK0IkunHEH0lCYe3zqRBb0KG91CIliMqmzEwBTPgd0KOTz4Kv7PAKzzKaw71N4EjrL8PGVCJhyCjV2BoxX9VegQceJVCacPGTJox06V8fLO97BrzxFcuFRBf28Od668AV+5byWWXj8rBmanDqaVmomhuinpSBfZyxsrpgDiSj/XQ6ry0l/3YcvPdhKoi87Tc/WIVYrqouv68dgjn8FD61aiFrEfGTvw1YDk/vUGWdBGlfrqsuoIWZLf/RkGcwCPP/17nDx7CblcgIDkjqMh53Bp9vePD+CJra8RQIGHv7ASF+ujLKmYnGUda4TjBUljI1JKMxyqTLaOLjnizJlShF+/shsnj51DsZCFSh11QnWPfvfkMjh7ehDPv7wbJ87XkAtahIYTzc/GhHQ1JOesOdom/Q1HosfplyyN9MZbh/DWv49BFbNt2/qFDN7bfwp/2nUAWYGOFtnJwQ6dGMDgqfPIBiqN5satAUULpYESDh7/AJ0uHQXUIOUEhTgTOUn3ndq59t0MaMG8IrzZPS4Malc4ZZFkxq+bW+xeQEzre+5YhmVLF6B+cQiton7mTq1UweJFc7D2rluhuxXQEGXWty/uxdfWf9yNOlRtJKI3ojucoVZroXveeP8qfOKWOa5fd3KIArkakXvzpk/iu9+6F7rSQIk4xU6VfRD/Lw1WEQ7V8MhX1+Cxh+9GXcf9OllEqdYoRcYWJQWTZpqBCIcy/TmgRMhe/fN/8ML2d7D73eMok4gVijmsXnE9Nj3wMXz5c7dhbm8Awgc5xSm5G2UlFAwbRHWKOGrkj2y53FFAKahCLmb9iTOXcfZcmUKTyEUM8+f0YPGHetwsl6tTSxkmAqQ6bmVopmrNpT4UtxWwhGqat7B01RtxYiYEZqQozFDhoJGBVXFty4wBYg5wPqS8kXiTORNGGBthdzMgtmjZTAxo4ELN5UIhRQU+IesnwzB/Ti7ez63PjNipToPpofVWGwavv3kQL/zhbfzz3WM4f+kygcnjjtsXY9O61Xjg07eit6BAFhydxtQxK8dgcor9TYgnf/UmnvrFTidj+Z6M23DnXKhCvomnePShe7Dl0bXEyQyq4dQ41crKdcyxel6cE2178V946rnt7nexL0dgYg3i/8ViBr4vse35v+Cnv/m7I4DndWmkUKBEbf/pIfx2+9tMNuQpkRu9fRzrV+Cc1e92vIO9Ry66fl0JiJXxjX8cwL79J+HPyrfeC6f3AUXaRykX2vm3/3XcKnU0fTh1dhDRuRIyvtc2wfOVhC5dxukPBrvbyiklXYjgTvMm1Op4F6irE7ybFs1FYWE/hTdhWw41KLbLU3J30+J53QuId6M++6mPYPXKGxBRdN2OQyFFpsuXLcT9a5a7fl0JqEorWzQrwHc23o35H56NcqU+jpWzqFDiN3teH7754F1YuiDv+nWlDvHaS+Q3H1y7HJXaF7Fl22s4M1B2h1IMxJ3RUpuF83vxg2/ci6+vX4VyA9PcWZ/hBM85WBk7y32HB/Dijj3YtecwxXNx6HPnR2/Exs+vxm23LHTg9DSC1GuW4KWRtjvESo4102NWkXzjJHC6nLkmCV6aJrg9BNu0BydGsllYzGiRgBUdQcIUc6fnY8MdOx5HRJMlF9ObN37kczzLtyA8I5JrL8Mb/83UxdjncdnvdMI6/ZHJIb3A2MME2/xgk/PDdicOLb651zo+Y40vYWh4woMS1itJK3sFRHLpIj0NGz7DGpb9luk2Yj4HUg5zQjTVVlYRia4J3d56pnOnzyLxN3X6HdHEUWTdKXg+E1SU9HDUGrHIEqmMtFeQxbq9gViz2wHig1+n7KO5MBkxdaax3d7EyF2jOBVJ56JZjYCugvKsKqRpQORz7yvyE6+Tn1jDx+98EYLFxd2AShFo7Y7tRRtE6fn5VFQhvSbUigiG2CeSNZnkulF8mmVgtKL0nrkTIRcIBIH/R1FpmKXVan1vPTRFkQvcdRhJbEsxjVBoEiubiunlOUQ70YzFo/mGC6+J5Am1SoTaUMNtkPUVsuW+vtwqvqdwmNr/kLjwTNTQjq1SxBlmrD9ijEUZf2YzZUC6DSAppFt8LH7GgXH/6W2VRI23kXoKWRRywY/IqR9W7hKeJ5+jHGZJveFt1glVRGoMRSyzdob8h23SvXEBSZGYfeu2v2IOwV0dZNXL5AQKPf5WT3nP2qZYTtPCH6fuR4y2T2ptipp0J43BWAzNTCESkzMi6fxpwMub/33FbHlWj/cEWeuf03ftMQNIhxCGIep8ncUoFDO4uVI1X2rU6+tI2VYQBzMp61tbuY645xYckg5ECkR6Xinw/YPC83b0F8WrZCoO1cgoKOnD9wX+L8AAs8IB8HKGJ/gAAAAASUVORK5CYII=); }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-hnks > span.ball.c-3, ._2XpMEy-GENpPXqW5bMm5r3.alias-jlks > span.ball.c-3 {
      background-image: url(/webx/thai/desktop/images/4babb0.png); }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-hnks > span.ball.c-4, ._2XpMEy-GENpPXqW5bMm5r3.alias-jlks > span.ball.c-4 {
      background-image: url(/webx/thai/desktop/images/d70293.png); }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-hnks > span.ball.c-5, ._2XpMEy-GENpPXqW5bMm5r3.alias-jlks > span.ball.c-5 {
      background-image: url(/webx/thai/desktop/images/3ee8f0.png); }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-hnks > span.ball.c-6, ._2XpMEy-GENpPXqW5bMm5r3.alias-jlks > span.ball.c-6 {
      background-image: url(/webx/thai/desktop/images/e18e4d.png); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-xglhc > span.ball {
    border: 0;
    color: #fff;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 18px; }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-xglhc > span.ball.red {
      background: url(/webx/thai/desktop/images/1d2a66.png) no-repeat 0 0; }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-xglhc > span.ball.green {
      background: url(/webx/thai/desktop/images/1d2a66.png) no-repeat 0 -61px; }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-xglhc > span.ball.blue {
      background: url(/webx/thai/desktop/images/1d2a66.png) no-repeat 0 -122px; }
    ._2XpMEy-GENpPXqW5bMm5r3.alias-xglhc > span.ball.and {
      background: url(/webx/thai/desktop/images/1d2a66.png) no-repeat 0 -190px;
      width: 12px;
      height: 16px; }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-bjkl8 > span.ball {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 8px;
    font-size: 14px; }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball {
    width: 30px;
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    color: #fff;
    font-size: 20px; }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-01, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-01, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-01, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-01, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-01, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-01, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-01 {
    background: -webkit-linear-gradient(top, #e4c772, #b68a07); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-02, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-02, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-02, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-02, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-02, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-02, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-02 {
    background: -webkit-linear-gradient(top, #59c3e4, #028bb4); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-03, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-03, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-03, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-03, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-03, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-03, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-03 {
    background: -webkit-linear-gradient(top, #7e7e7e, #3a3a3a); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-04, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-04, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-04, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-04, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-04, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-04, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-04 {
    background: -webkit-linear-gradient(top, #fc794a, #cf4c1d); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-05, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-05, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-05, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-05, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-05, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-05, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-05 {
    background: -webkit-linear-gradient(top, #13ccbd, #01857a); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-06, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-06, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-06, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-06, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-06, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-06, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-06 {
    background: -webkit-linear-gradient(top, #7f95ff, #1f44ff); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-07, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-07, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-07, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-07, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-07, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-07, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-07 {
    background: -webkit-linear-gradient(top, #dee0de, #9c9c9c); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-08, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-08, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-08, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-08, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-08, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-08, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-08 {
    background: -webkit-linear-gradient(top, #fb4abf, #b72670); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-09, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-09, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-09, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-09, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-09, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-09, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-09 {
    background: -webkit-linear-gradient(top, #ff6161, #d01919); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-pk10 > span.ball.c-10, ._2XpMEy-GENpPXqW5bMm5r3.alias-ydl10 > span.ball.c-10, ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball.c-10, ._2XpMEy-GENpPXqW5bMm5r3.alias-jssc > span.ball.c-10, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10ff > span.ball.c-10, ._2XpMEy-GENpPXqW5bMm5r3.alias-ynpk10wf > span.ball.c-10, ._2XpMEy-GENpPXqW5bMm5r3.alias-azxy10 > span.ball.c-10 {
    background: -webkit-linear-gradient(top, #62c865, #2b862e); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-01 {
    background: -webkit-linear-gradient(top, #e6e6e6, #9c9c9c); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-02 {
    background: -webkit-linear-gradient(top, #d7d779, #a6a612); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-03 {
    background: -webkit-linear-gradient(top, #f9a052, #ac4410); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-04 {
    background: -webkit-linear-gradient(top, #78f55f, #2c9018); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-05 {
    background: -webkit-linear-gradient(top, #be7cff, #962cff); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-06 {
    background: -webkit-linear-gradient(top, #78bafc, #1f74c9); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-07 {
    background: -webkit-linear-gradient(top, #f85d5d, #d42121); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-08 {
    background: -webkit-linear-gradient(top, #7a7a7a, #484848); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-09 {
    background: -webkit-linear-gradient(top, #dd5816, #993c0e); }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-jssm > span.ball.c-10 {
    background: -webkit-linear-gradient(top, #fb62fb, #c627c6); }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(1) {
    -webkit-animation: ballShake 0.6s forwards;
            animation: ballShake 0.6s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(2) {
    -webkit-animation: ballShake 0.7s forwards;
            animation: ballShake 0.7s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(3) {
    -webkit-animation: ballShake 0.8s forwards;
            animation: ballShake 0.8s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(4) {
    -webkit-animation: ballShake 0.9s forwards;
            animation: ballShake 0.9s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(5) {
    -webkit-animation: ballShake 1s forwards;
            animation: ballShake 1s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(6) {
    -webkit-animation: ballShake 1.1s forwards;
            animation: ballShake 1.1s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(7) {
    -webkit-animation: ballShake 1.2s forwards;
            animation: ballShake 1.2s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(8) {
    -webkit-animation: ballShake 1.3s forwards;
            animation: ballShake 1.3s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(9) {
    -webkit-animation: ballShake 1.4s forwards;
            animation: ballShake 1.4s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(10) {
    -webkit-animation: ballShake 1.5s forwards;
            animation: ballShake 1.5s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(11) {
    -webkit-animation: ballShake 1.6s forwards;
            animation: ballShake 1.6s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(12) {
    -webkit-animation: ballShake 1.7s forwards;
            animation: ballShake 1.7s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(13) {
    -webkit-animation: ballShake 1.8s forwards;
            animation: ballShake 1.8s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(14) {
    -webkit-animation: ballShake 1.9s forwards;
            animation: ballShake 1.9s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(15) {
    -webkit-animation: ballShake 2s forwards;
            animation: ballShake 2s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(16) {
    -webkit-animation: ballShake 2.1s forwards;
            animation: ballShake 2.1s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(17) {
    -webkit-animation: ballShake 2.2s forwards;
            animation: ballShake 2.2s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(18) {
    -webkit-animation: ballShake 2.3s forwards;
            animation: ballShake 2.3s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(19) {
    -webkit-animation: ballShake 2.4s forwards;
            animation: ballShake 2.4s forwards; }
  ._2XpMEy-GENpPXqW5bMm5r3.move > span.ball:nth-child(20) {
    -webkit-animation: ballShake 2.5s forwards;
            animation: ballShake 2.5s forwards; }

@-webkit-keyframes ballShake {
  0% {
    -webkit-transform: translateY(-39px);
            transform: translateY(-39px); }
  25% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  50% {
    -webkit-transform: translateY(-9px);
            transform: translateY(-9px); }
  75% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes ballShake {
  0% {
    -webkit-transform: translateY(-39px);
            transform: translateY(-39px); }
  25% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  50% {
    -webkit-transform: translateY(-9px);
            transform: translateY(-9px); }
  75% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

._2XpMEy-GENpPXqW5bMm5r3 {
  width: 100%;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 0px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  ._2XpMEy-GENpPXqW5bMm5r3 > span.ball {
    color: #ff6900;
    background: url(/webx/thai/desktop/images/43c625.png) no-repeat center; }
  ._2XpMEy-GENpPXqW5bMm5r3.alias-xyft > span.ball {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAwCAYAAADpVKHaAAABsElEQVRYhe2YO0gcURiFvzu77s6IuEJWsLMWDIiNrVjYiFUUK7FMaW1lb2Vho9gEq0DE3kJsRLDwAUkRNAkrKDHxseJjdseZufIP66vfuSvsPfAPTPXdc+Yv7hyltWZzarJjYGZ6Pp8JRhzCInFM3aUU2snd+FVnbWduYXrwy0pZLYI3sfFtseD/nOR4D+6vII5SgDvgFaC7n+vWnpWvQ2Ofs0BXW/nHOPur8O8IHiqg03FOiwtnv2jr+zQOzAq8M3N64HJ2CIFff+iTtIaqj3ASHnQK3OO2DFVxnB77WcIRHngCV8mCRSbIIk1toVU2eY9rY0o1VvbpMEbh+jXcOjel9+M8qo0pRe/GeWzY+Ztv3tCFs86bE25jbwjcxt4QuI29IfDmjN3e4UzJ3uGSp/1dMiXr/Pkkzehch7EOs1IOaQONlFI8xDoUrgNUSrf3JXLuS/xpTs7l+M4vCTczCvmT8wvlFYsf24PAy0SRSqUMVIog7+qjD8XLrd9/lqMw3JbitxXoBYaBfqAASCL1lvi+BnaBdeB7UnkvKSUH6JI+FJBeVKUAlzwrwH/gL+A/Aq89CqLyWOr7AAAAAElFTkSuQmCC) no-repeat center; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1JFlClEWyqpQb0cljHVMFD {
  margin: 0 5px;
  margin-top: -4px;
  height: 20px;
  left: 0;
  background: #C0CCDA;
  border-radius: 10px;
  display: inline-block;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 36px;
  cursor: pointer; }
  ._1JFlClEWyqpQb0cljHVMFD > i {
    display: block;
    content: '';
    height: 16px;
    position: absolute;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  ._1JFlClEWyqpQb0cljHVMFD.actived {
    background: -webkit-gradient(linear, right top, left top, from(#f6c74d), to(#eed12d));
    background: -webkit-linear-gradient(right, #f6c74d, #eed12d);
    background: linear-gradient(270deg, #f6c74d, #eed12d); }
    ._1JFlClEWyqpQb0cljHVMFD.actived > i {
      left: 17px; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1JFlClEWyqpQb0cljHVMFD {
  margin: 0 11px;
  margin-top: 0px;
  height: 12px;
  left: 0;
  width: 30px;
  cursor: pointer; }
  ._1JFlClEWyqpQb0cljHVMFD > i {
    left: -2px;
    top: -2px; }
  ._1JFlClEWyqpQb0cljHVMFD.actived > i {
    left: 20px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2ZFaBcitt2EQBVfP8AbLtg {
  margin: 10px auto 0 auto;
  height: 90px;
  width: 1170px;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5200));
  background: -webkit-linear-gradient(top, #ff8400, #ff5200);
  background: linear-gradient(top, #ff8400, #ff5200); }
  ._2ZFaBcitt2EQBVfP8AbLtg > .logo {
    width: 170px;
    font-size: 29px; }
  ._2ZFaBcitt2EQBVfP8AbLtg > .split {
    width: 1px;
    height: 79px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(224, 203, 157, 0)), color-stop(50%, #eed12d), to(rgba(224, 203, 157, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(224, 203, 157, 0), #eed12d 50%, rgba(224, 203, 157, 0));
    background-image: linear-gradient(0deg, rgba(224, 203, 157, 0), #eed12d 50%, rgba(224, 203, 157, 0));
    margin: 0 10px; }
  ._2ZFaBcitt2EQBVfP8AbLtg > .current-box {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 30px;
    padding: 0;
    width: 435px; }
    ._2ZFaBcitt2EQBVfP8AbLtg > .current-box > .l {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      ._2ZFaBcitt2EQBVfP8AbLtg > .current-box > .l > .b {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        ._2ZFaBcitt2EQBVfP8AbLtg > .current-box > .l > .b > svg {
          width: 16px; }
        ._2ZFaBcitt2EQBVfP8AbLtg > .current-box > .l > .b .fav {
          padding: 0px 5px;
          height: 23px;
          line-height: 23px;
          background: #fff;
          display: inline-block;
          border-radius: 4px;
          color: #000;
          text-align: center;
          margin-right: 2px; }
          ._2ZFaBcitt2EQBVfP8AbLtg > .current-box > .l > .b .fav.no {
            background: -webkit-gradient(linear, left top, left bottom, from(#72e5ff), to(#8276fe));
            background: -webkit-linear-gradient(top, #72e5ff, #8276fe);
            background: linear-gradient(top, #72e5ff, #8276fe);
            color: white;
            cursor: pointer; }
            ._2ZFaBcitt2EQBVfP8AbLtg > .current-box > .l > .b .fav.no > svg {
              margin: 0 !important; }
    ._2ZFaBcitt2EQBVfP8AbLtg > .current-box > .r {
      width: 225px; }
  ._2ZFaBcitt2EQBVfP8AbLtg > .his-codes {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
    line-height: 30px; }
    ._2ZFaBcitt2EQBVfP8AbLtg > .his-codes > .l {
      width: 160px; }
    ._2ZFaBcitt2EQBVfP8AbLtg > .his-codes > .r {
      width: 360px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAABQCAYAAABrqmDoAAADWUlEQVR4nO3dPYsdVRgH8P9G4wtISDBGRdE0GoImCosubAio1foKwW+gmCLfIKBtWj9AinwDC8HGylIEiaQJ1lbKVhYporJyZJa7SPbe68zcm8nj7wfbbDFz7j0X/jznPGdmY29vLyM6muTdJDtJNpM80/0PAP6tBdBukp+TfJvk6yS/jfUtjRlwLdi+SHJ6rAsC8L9yJ8n1JF8muTv0g48RcA8luZrkit8hACP4McmnQ6u5MQLuc+EGwMhuJ7mU5Pe+lz0ycDwfCDcAVuBskmtDLjukgmvNI98nedbMArACLaDeT/JTn0sPqeA+FG4ArNBGkst9Lz8k4HbMKgAr9k6SR/rcYkjAvW5WAVixY0nO9LnFkIA7ZVYBWIOn+9xiSMD1KhkBYB2GHhMAgEl6+D8OqpWJW0leNp0ArEk78P14kh+S/LrsLZcNuKPdsYCtrm0TANbleJKLSS5056+/SfLHGAHXwu0zD1EG4D5r22rbSZ5KciPJn/OGs8we3EfCDYAJeSnJe4uGsyjgnkvyplkFYGK2Fx0fWBRwm/bcAJigll9vzBvWoj24w0+Pj/smcAC4t41D66y5Hf2LKrgnfd0ATNTxecNaFHAOggMwVY/NG5cAA6AkAQdASQIOgJLu1UXZXoPzWpLnTTkAE/dJkl+S3Eyye3CoBwOuPZLrrSTnl/osjgkAsC6HHxU40f217LqV5Lv951TuB1wLt4+7J5cAwIPofHd04Kskf+3vwb0t3AAo4IUu0/5pMmnP8jpnVgEoolVyJ1vAvWJGASikbdi92gLuRbMKQDGnW5PJsV6fSRclAOtweAflPE8cWfKt3gDwIHnUk0wAKKl/9WaJEoB1aHnTY5lSBQdASQIOgJIEHAAl2YMDoCQVHAAl9a7g1G8ArEOvY96WKAGoyhIlACUJOABKskQJwLT1zBsVHAAlCTgASrJECUBJKjgAShJwAJRkiRKAadNFCQAzKjgASlLBAVCSCg6AabMHBwAzKjgASlLBAVCSgAOgJEuUAJQk4ACYNl2UADAj4AAoScABUJI9OABKUsEBUJIKDoBp00UJADMqOABKUsEBUJKAA6AkS5QAlCTgAJg2XZQAMCPgAChJwAFQkoADoCRNJgCUJOAAmDZdlADQSfI3TMZ22kMRdqkAAAAASUVORK5CYII=);
      background-size: 100% 100%; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1ig8uv56UmEqM6RwzERyC7 {
  height: 121px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1080px;
  margin: 10px auto 0 auto;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAB6CAYAAABaz+P7AAAGSklEQVR4nO3aO3LsRBgGUItiC+yDiICcBVAFKVuAlBWwD3YAKTkBETshIxWF645H/ZRGsi/+inOiGakff7c0GtfnWf7+6+v1accP3/76tPzbZLm1e3lRHb8f7TT98HJp2t/bLp1j1Xibk0s7+H2OZqqlnuLD+/LA0qtjs8h6H+r1L5tJ63Vt39fr2R5ZtoNWa1gGc9Vr2dZdDlePW9U7q3UZ9x/WuK1p6a9x2dZWX8fRPIO6euOOamrW2+xXZ+8O1NPWMK6nWXNVW2/+tpZ6P47X0huzaTva7wdrGd0/169Tp57tHNXnbX4fHrt3ztV1L6p/D42fA0U9m/F3nwmzGus6t3vWvG/nqvejvz/Fysu6i/ft86iuv+perqO3lnIZgzXdD1RLuy2oe3ypi2/W3J6v966qalBAeW1Gmh0ajjUbYDLBXv93ZPcPmpvnhmt7aLfP7eWk9dobr3rX7b5Ozt369U+uT+2a1sGL9vhmPcWxzau1sz9rtQtrM0P32Fp1qpe0Vo3qtZXLXIv3Ly3q5az12nu192qs6yvfr/Vc3TrrGu8dZvVur1NbW32vVHU1+3eupt16Nq9fo5bH6ujXNKxju8+dmsbrq+soayrGaq7NuKZ2Lw5co+JzONnnaU07e7NTy/aTtB1vtCen7t9ZPd36BtdsUmOzT2XjsrZi8rK+br3dmosq27qL2vv1ts+jcj/rPWmfRdWc5dR1AU3tVZeiQe94p0d3TeNz5UJv5376+atRqxef7LYAAAAAeOdefsHxxee//++uVf3fx8f6vn2nR5r3/894bswj+3Jo73aaHJvn/Bh7o+/OPxt79t/Uj9xvttKPXcuw38nrOLuvz9Y//U/46Wuw13feef+j8DZ1ve4Y158JD4314C8KHn3en/16uPK9cnny/3bod2/2y4jLXmHw0a8z9vu93TxHWx4e80CzI2Mda3NtjP0pxg2uzH2lrmnfk/3mQ55cx4lazu7p6f06eX1P7+WV+/HK/TQ9e/1zsvtZfUfPhHtJDzwjH31sn3jOX/l6Ofu9kuqPP798rtwvOAAAAIB4Ag4AAAAgnoADAAAAiCfgAAAAAOIJOAAAAIB4Ag4AAAAg3qfff/PLhzV85moCAAAAUX787rfncv2CAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAIJ6AAwAAAIgn4AAAAADiCTgAAACAeAIOAAAAINvT09M/AgLuieD97WEAAAAASUVORK5CYII=) no-repeat center; }
  ._1ig8uv56UmEqM6RwzERyC7 > .lott-name {
    width: 184px;
    text-align: center;
    font-size: 29px;
    background: -webkit-gradient(linear, left bottom, left top, from(#ffbd54), to(#faf9d8));
    background: -webkit-linear-gradient(bottom, #ffbd54, #faf9d8);
    background: linear-gradient(bottom, #ffbd54, #faf9d8);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent; }
  ._1ig8uv56UmEqM6RwzERyC7 > .split {
    width: 1px;
    height: 79px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(224, 203, 157, 0)), color-stop(50%, #eed12d), to(rgba(224, 203, 157, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(224, 203, 157, 0), #eed12d 50%, rgba(224, 203, 157, 0));
    background-image: linear-gradient(0deg, rgba(224, 203, 157, 0), #eed12d 50%, rgba(224, 203, 157, 0));
    margin: 0 15px; }
  ._1ig8uv56UmEqM6RwzERyC7 > div.logo {
    width: 280px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  ._1ig8uv56UmEqM6RwzERyC7 > div.actions {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 400px; }
    ._1ig8uv56UmEqM6RwzERyC7 > div.actions > .l {
      padding-top: 10px; }
    ._1ig8uv56UmEqM6RwzERyC7 > div.actions > .l > .fav {
      width: 70px;
      height: 23px;
      line-height: 23px;
      background-color: #3a281c;
      display: inline-block;
      border-radius: 4px;
      color: #fff;
      text-align: center; }
    ._1ig8uv56UmEqM6RwzERyC7 > div.actions > .l > .stop-when-win {
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: white; }
    ._1ig8uv56UmEqM6RwzERyC7 > div.actions > .r {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 240px; }
      ._1ig8uv56UmEqM6RwzERyC7 > div.actions > .r > span {
        background: -webkit-gradient(linear, left bottom, left top, from(#ffbd54), to(#faf9d8));
        background: -webkit-linear-gradient(bottom, #ffbd54, #faf9d8);
        background: linear-gradient(bottom, #ffbd54, #faf9d8);
        border-radius: 30px;
        text-align: center;
        display: block;
        width: 185px;
        height: 45px;
        line-height: 44px;
        border: none;
        font-size: 16px;
        color: #3a281c;
        letter-spacing: 2px;
        cursor: pointer; }
        ._1ig8uv56UmEqM6RwzERyC7 > div.actions > .r > span:hover {
          opacity: .8; }
  ._1ig8uv56UmEqM6RwzERyC7 > div.codes {
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 390px;
    text-align: center; }
    ._1ig8uv56UmEqM6RwzERyC7 > div.codes span {
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 26px;
      color: #fff;
      border-radius: 50%;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAFh0lEQVRogdWaW2wUVRjHf7PdXmh3S8ulci83S4QQGoQH4hNgSCQhmhiDikI08cKTT/pi5M0XjYk+CSYaLyEgxhdJMCFGo8b4ABqIWoNYuYilV3rbbem2u8d8M+dsZ9qZ3e1euss/OWn3zJzv/L/5zjfzne87lnqBYmE1sBvYAWwC1gJLgAbAAmJAP3AduAJcBL4D/i1o/g+U/SeMKkjMGuAI8CSwOcu9i3RrA/a5+juA08CnwI18iVjq+bzGbQNeBx4HQnZPqAqaV0HzSoi2wIJGqG2AcI0zYioBE3EYH4aRXhjqgsFbkEoamSngS+BN4HLOTD5UWpHn5qRAC/AWcFgvF1i4DFZthZaN06RzhSjX+zfc+g2Gu80gpa3zGtCbVdJHRpEjOU/7hKxIoMn+FVkM9z8Ei9fMjXwQBm7C1Z8gNmBuGAJeBL7IOO5jo8jhrFPIY34XOOqMCMG6ndDa7vxfTKgU3LgE1y44/zs4DrwCJHxn+sQ4eyojkYhet45zhmth6z5oWg4pEZDMODgvrN7m+Njv52FyQiS8DKzX/hgLEmmppwNnqwe+AXbZv6rroH0/NDQXn7wf4oNw6RxM3jUXfwYeBsY8d590LBKyLTK71ZDiLCl2ORargs17oa4Rksn5aTKXzClzO5yEy1ea2zRnjaDviPjEnvSvtdsdSySn5sEULsicMnfnBdMnmr2X9lcXwj7L/KDnxsgiaNkAUyXwh1wgr/WuTojdMTeLz3yvP6JpzHT2FfotMY1VW8qnhIFw6PjR3fM+8APQZTpmKvJ2+jshWBCFyNLyKyIcaqMwPmp6mjTXQ6bDrch24CmPgIXLYWqe/SIIwiU+6r4oXN8BfmWGIsfSYYeB7eBltoabi3f1WJrzY7icvRU4MGtweAFMVohFhMvsZ3qA/dY6zqlrxiLPpKNYN1So/P6RRmimRdCcJew9ZhQ55DtWvhupIsdT+UJiL/9w6qCjSNLe2T3ge8v43bmH5qWChPz+i6ONvdZ6sciewKnjMYgsrAxFhEtwgLtbLLIj8PLIENQ0lIjZHCFcgt21XSzSFnh56A40LSu7DjaES7BFNolFNgReFh8ZHoT6aInY5YixUYdLMGwfWZpRWl83rKwvryLCIfMGsEks0pjxlrFxGOiD6DxtqGZidNDhkBlRvzB+Nvr7IFQDNXXzq0TirjN3Drk3WVojkMUqIqnnNiy5b/6+K1OT0N+tcwNZEROL9GVXBCd47OmGpiVQU1taJRITMNQPqcyO4cKgWKQTMry53BDB/b0QaYT6SNF4eyAfvvjIXEf9Ixb5a0YuNjuGRyA+Bg1RqC7SUptMOPuN/PY/V8QiF/OaODEFiUEIh6G2DqprwbJyGOiCUo4CE+OFbuAuWWqdHTTeLERKGuFqR7GqKgiFnEykUU5I2xFsyvE3IS4OXRxssFSrLagjMAKufFzlumozCbqTAYm6e6F9jp0yXWE/cakudfruEisbospG/pve6ko57Czw6D2myFluq2vYFmlJdz4IXJiVSalcKLte2aNmpYN+AU4Bwfn5ysIpk9NyLLLIQ0485g9PtrEyIdWsLXbKdMAUerzRb5dOYJ+qcEWOuvO+2G8ppVfbdDuN4rhPf6W0E5qjJ7y3lH/sJwHU154aSWXgW+ARTz1x1BRDg3ex3tJb+eFfeosbRTJv+rzF0PLhfGAxdNzUEDOv/RiKA3pdlstHTmgOMd/rGpaqzvkpew8MlB7yin0JOJNxpoRZWuE5EWrRlaJnSxgBCLPPgFdzOsIxqc0ilYM8WrsKcUaFSKoQqkhNZJ3RsnPnpJTdUFZBbY2yeENZdCgLlWf7U8tozYuLVsQq7LiWB3K6Rg6e7dRnsszBM/Olch88kzyBBKhy8Kyw3alYA/gfFjTtgYWweyIAAAAASUVORK5CYII=) no-repeat center; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2h-uyBbJRYpX7jNzRJv-e9 {
  width: 1170px;
  margin: auto;
  position: relative; }
  ._2h-uyBbJRYpX7jNzRJv-e9 .bet-area {
    min-height: 330px;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #ffffff;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    ._2h-uyBbJRYpX7jNzRJv-e9 .bet-area .left-area {
      width: 840px;
      position: relative; }
    ._2h-uyBbJRYpX7jNzRJv-e9 .bet-area .right-area {
      width: 330px;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-left: 1px solid #929f9f; }
      ._2h-uyBbJRYpX7jNzRJv-e9 .bet-area .right-area > .fit-warpper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.IxbjC3rmnVU4VZr6jgjKc {
  color: #666;
  text-align: center; }
  .IxbjC3rmnVU4VZr6jgjKc > .title {
    font-size: 16px;
    line-height: 25px;
    color: #ed0000; }
    .IxbjC3rmnVU4VZr6jgjKc > .title.mmc {
      color: black; }
  .IxbjC3rmnVU4VZr6jgjKc > .solo {
    font-size: 16px;
    line-height: 25px; }
  .IxbjC3rmnVU4VZr6jgjKc > .item {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px; }
    .IxbjC3rmnVU4VZr6jgjKc > .item > span.solo {
      display: inline-block;
      font-style: normal;
      width: 38px;
      height: 18px;
      line-height: 18px;
      text-align: center;
      font-size: 12px;
      color: #fff;
      border-radius: 9px 0 9px 9px;
      background: -webkit-linear-gradient(left, #eed12d, #f6c74d);
      background: -linear-gradient(left, #eed12d, #f6c74d); }
    .IxbjC3rmnVU4VZr6jgjKc > .item > span.mode {
      display: inline-block;
      margin: 0 5px;
      background-color: #eee;
      border: 1px solid #e2e2e2;
      width: 21px;
      height: 21px;
      border-radius: 24px; }
    .IxbjC3rmnVU4VZr6jgjKc > .item > span.codes {
      max-width: 300px;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-right: 5px; }
    .IxbjC3rmnVU4VZr6jgjKc > .item > span.money {
      color: #ed0000;
      font-weight: 600; }
  .IxbjC3rmnVU4VZr6jgjKc > div.sum {
    margin-top: 15px;
    font-size: 18px; }
    .IxbjC3rmnVU4VZr6jgjKc > div.sum span {
      color: #ed0000;
      font-weight: bold;
      margin: 0 5px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.SwMlBhvgUeI1HIAxA0jeT.cateWrapper {
  width: 100%;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e1e1));
  background: -webkit-linear-gradient(#f6f6f6, #e3e1e1);
  background: linear-gradient(#f6f6f6, #e3e1e1); }
  .SwMlBhvgUeI1HIAxA0jeT.cateWrapper span.cate-item {
    font-size: 14px;
    display: inline-block;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer; }
    .SwMlBhvgUeI1HIAxA0jeT.cateWrapper span.cate-item:hover, .SwMlBhvgUeI1HIAxA0jeT.cateWrapper span.cate-item.actived {
      color: white;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100); }
  .SwMlBhvgUeI1HIAxA0jeT.cateWrapper a.method-type {
    text-align: center;
    border: 1px solid #e0e6ed;
    float: right;
    width: 70px;
    height: 27px;
    line-height: 27px;
    cursor: pointer;
    margin: 12px 10px 0 0;
    -webkit-transition: .2s all;
    transition: .2s all;
    margin-top: 5px;
    background: #f6c74d;
    color: white;
    border: 0; }
    .SwMlBhvgUeI1HIAxA0jeT.cateWrapper a.method-type:hover {
      background: #ff0000; }

.SwMlBhvgUeI1HIAxA0jeT.groupWrapper {
  padding: 5px 15px; }
  .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 36px;
    margin: 5px 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row .method-wrapper {
      width: 520px; }
    .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row .group-name {
      font-weight: 600;
      margin-right: 20px;
      font-size: 13px; }
    .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row .method-item {
      cursor: pointer;
      padding: 4px 10px;
      border-radius: 4px;
      color: #2c3341;
      line-height: 20px;
      margin: 5px 5px 5px 0;
      display: inline-block;
      color: #f6c74d;
      border: 1px solid #f6c74d;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row .method-item:hover, .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row .method-item.actived {
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
        background: -webkit-linear-gradient(top, #ff8400, #ff6100);
        background: linear-gradient(180deg, #ff8400, #ff6100);
        color: white; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.SwMlBhvgUeI1HIAxA0jeT.cateWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #f3d5d5; }
  .SwMlBhvgUeI1HIAxA0jeT.cateWrapper span.cate-item {
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center; }
    .SwMlBhvgUeI1HIAxA0jeT.cateWrapper span.cate-item:hover, .SwMlBhvgUeI1HIAxA0jeT.cateWrapper span.cate-item.actived {
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
      background: -webkit-linear-gradient(top, #ff8400, #ff5300);
      background: linear-gradient(top, #ff8400, #ff5300); }
  .SwMlBhvgUeI1HIAxA0jeT.cateWrapper a.method-type {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
    background: -webkit-linear-gradient(top, #ff8400, #ff5300);
    background: linear-gradient(top, #ff8400, #ff5300);
    font-size: 13px; }
    .SwMlBhvgUeI1HIAxA0jeT.cateWrapper a.method-type:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
      background: -webkit-linear-gradient(top, #ff8400, #ff5300);
      background: linear-gradient(top, #ff8400, #ff5300); }

.SwMlBhvgUeI1HIAxA0jeT.groupWrapper {
  background: #fbefef; }
  .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row .method-item {
    color: #b78b8d;
    border: 1px solid #b78b8d;
    background: #d4cffa; }
    .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row .method-item:hover, .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row .method-item.actived {
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
      background: -webkit-linear-gradient(top, #ff8400, #ff5300);
      background: linear-gradient(top, #ff8400, #ff5300);
      color: #fff; }
  .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row .group-name {
    font-weight: normal;
    color: #b78b8d; }
  .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row:first-child {
    max-width: 70%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .SwMlBhvgUeI1HIAxA0jeT.groupWrapper .group-row:first-child .group-name {
      min-width: -webkit-max-content;
      min-width: -moz-max-content;
      min-width: max-content; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1M-by6ZYBK0DmV_1KRpMjs {
  height: 38px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 15px 5px 15px; }
  ._1M-by6ZYBK0DmV_1KRpMjs > span.title {
    font-weight: 600;
    margin-right: 20px;
    font-size: 13px; }
  ._1M-by6ZYBK0DmV_1KRpMjs > .options {
    margin-left: 10px; }
    ._1M-by6ZYBK0DmV_1KRpMjs > .options > span.item {
      margin-right: 15px;
      cursor: pointer; }
      ._1M-by6ZYBK0DmV_1KRpMjs > .options > span.item input {
        margin-right: 5px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1IMVLgBMplPjBP2373XosG {
  position: absolute;
  top: 12px;
  right: 10px;
  height: 35px;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._1IMVLgBMplPjBP2373XosG span.title {
    margin-right: 5px; }
  ._1IMVLgBMplPjBP2373XosG span.prize-items {
    display: inline-block;
    padding: 10px 5px;
    background: -webkit-linear-gradient(bottom, #f4f4f4, #f8f8f9);
    border: 1px solid #e7e7e7;
    cursor: pointer; }
    ._1IMVLgBMplPjBP2373XosG span.prize-items.actived {
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100);
      color: white; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1IMVLgBMplPjBP2373XosG {
  position: absolute;
  top: 12px;
  right: 10px;
  height: 35px;
  color: #666;
  font-size: 12px; }
  ._1IMVLgBMplPjBP2373XosG select {
    color: #666;
    font-size: 12px;
    border: 1px solid #b4b4b4;
    padding: 6px 2px;
    border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1.5px 3px 4px 0px rgba(95, 95, 95, 0.149);
            box-shadow: 1.5px 3px 4px 0px rgba(95, 95, 95, 0.149); }
    ._1IMVLgBMplPjBP2373XosG select option {
      height: 29px;
      line-height: 29px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2yHtJ1M4TG9i9DtWRYI-Pt {
  margin-bottom: 15px;
  padding-left: 15px;
  min-height: 46px; }
  ._2yHtJ1M4TG9i9DtWRYI-Pt.flex {
    height: 46px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc,
    ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help,
    ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example,
    ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai,
    ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official {
      color: #999;
      cursor: pointer;
      margin-right: 20px;
      font-size: 14px;
      position: relative; }
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc label,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help label,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example label,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai label,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official label {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.85);
        border-radius: 5px;
        min-width: 300px;
        left: 0;
        top: 0;
        padding: 12px;
        line-height: 20px;
        display: none;
        -webkit-transform: translate(-45%, calc(-100% - 12px));
                transform: translate(-45%, calc(-100% - 12px));
        -webkit-transition: 0.4s all;
        transition: 0.4s all;
        color: white;
        z-index: 999; }
        ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc label::before,
        ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help label::before,
        ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example label::before,
        ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai label::before,
        ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official label::before {
          position: absolute;
          bottom: -8px;
          left: 52%;
          content: '';
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 8px 6px 0 6px;
          border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; }
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc:hover label,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help:hover label,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example:hover label,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai:hover label,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official:hover label {
        display: block; }
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official i {
        width: 17px;
        height: 17px;
        margin-right: 2px;
        vertical-align: -3px;
        display: inline-block; }
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc.desc i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc.example i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help.desc i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help.example i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example.desc i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example.example i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai.desc i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai.example i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official.desc i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official.example i {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABNUlEQVQ4jaXUsUojURjF8Z+3lkzYCIoGBSWV66tk+6Bg4wNoHsDsA+yyvY2g2V7fQJEF610rUVCixCJixGKm2yIzkAwzCuY0F+4593+/C993Zy4u/8hpFjv4hg18wTP+4gQHeBs/MJODtPADC3nymPpo43e2EcbMfXQ/AEj9bpqfgLTQyaerlchKfVm1EhXBOtjMILP4WZSKKpH64pKoGAK/UA3YxvwHTyhTDZsBzU8CMjUD1svc4etwYi3R14C5KSupBQymhAwC/pW5cZLoPT6Ik+Q9yFXA6ZSVnAQc4qnIbayuqS8uaayulQEGOA5Gw9QuSlzf3ug9Pri+vSmD7OIla/uugraPk9hd716cxEWADo6YHMDvRrPQL7s2VR9baV4eklXUwB7Ojf4R6XqW7jdwPH7oP5sTS6DfnVMxAAAAAElFTkSuQmCC) no-repeat 50%; }
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc.help i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help.help i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example.help i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai.help i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official.help i {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABlElEQVQ4jYXUzU4TURjG8R9DEwkahX44dGGwTVEjeiu4N5i48QLUCxAvQOPejYnUPd6Bxpi4RqIofqAuaGkRgUxa0iYuOk3GcUafzSTnec5/3nPmfWfi1ZvXUjqFW7iGqyhiD+tYw2McJTdMpCDX8QBzaXJCO7iLZ+OFIGHeQ/M/ALHfjPOgkKhgJZkMK6Hi7KzC5KT+8bH2btv+wa9kZAWfsBoY3cHD9OsatbqT09OgUipbvHTZ1ImpdOwRZgq4iTDtbn35rLXbAvX5mmo4J6yctf3jWzJWwnKApayDjwFQKIxO3ev3s6JLARaznLHCSqhSKouiSPdnNytyJUA5D1AuljRqdVEUWX+/YTAYZMVKATLxUA1HX/vdx808AHQLeItqltvudBwcHur1e3kA2AjwPM8dDgcGw9wKxloL8AStLPdi44Lz5+bNnD6TB+iKm+3IaBb+0ubWB1+/b6c7Nanb2B+3fRMNqdbv7OXeuTj7lD8H8D6Wjab0X9rBjTgvDRlXtIA7eGn0HxE/X8TrC1hNbvoNz2t0GNzHQ5sAAAAASUVORK5CYII=) no-repeat 50%; }
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc.manycai i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help.manycai i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example.manycai i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai.manycai i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official.manycai i {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAACGUlEQVQ4jYXU304USRgF8B87HWdSjagII4PLKjokGtDsS+yt3htNvPEBdB9g8QF8gr1c2Ht9A40xamLiH0g0Ikg2q+Aww4h0Z2YznXjBNGlGs56bSp06dfp01ffV0MMnjwxgGDdwGRcwihZe4S7+xG5xw9CAyRXcwcSgcwEb+B1/58RPhcU/sPgDA/31xb4eRIUE80XlcBybOzcLXr99c8ClvfNZX/8OC0MPnzwaxgpO5KKTtUlTkz8rlUrfxMiyzONnT/NpE/UI13ODKIr8OndR+VAZrKyt2mxsqpQrZs6cFYfY0uvloudxXI1wKWd6vZ6PmxuSJFEuV9Snz6iOjRk5PCJNU8+XXup0O4PhLkWYzWeVcgXUJmqOHB4BcYilaepTs/E9A5iLMFZkTk+d0v2vq9XelqSJ6vFxIQS1aMLo0WMgSVOr62v7vxT1D6cGnW7Hi+WXolKkOl51euqUVntbq70NRo8eE0KQpGnxu80IS7kJzEzXhRCkaSrLMo2thvbOZ7+cnBJC0GhuFVPAcoR7+C1n3q6tgN0kceH8rPr02X31+3/W/fvxw+CZ3D1QJ5VyxeRETRyCOMRKpZIsy7Ta21bX1/R6vUGD/TrZtdcLC51uR3VsXJImPm017HzZsdVqfu9GctxEOy/7RdQxX6jGH2Eef3GwAW/jqr0u/T9s4Fpfb9AkTzSDW3hg7x3RH+/3+RksFDd9BSAjueTXmhA1AAAAAElFTkSuQmCC) no-repeat 50%; }
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc.official i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help.official i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example.official i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai.official i,
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official.official i {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABlUlEQVQ4jYXUwU4TURTG8R9yQ1FpRUpBF2JJxKDoysT4Am5xTzBx4wMoWxPKA/gEblyAe3gDjTFxqdi4kESNm0ZbrFOqNKmJi3bMzGS032Zyv3Pu/547Z86MvXz9SkZTuI87uI4ZHGIfu3iCo+SGsQxkDY9xLktOqIENPIuNE4ngJnZGAAzjO8P8FGQNtWz2ZGHSrRs3Xbm8nAerYZ3BdaZwgPnp0hkry1dHFELUiey/r0MLlwLuYT6Z9OnLZ91uNxewuFBNLstYD1iNnXb0w5v6W4sLVTPTZ3MhHz4eOEofsBqwknTCeFAqlnxrNfV6vb9+oVBQKc8K4yHLvRYwm3fi6ZOnFCYmUvB/qBwMXs75bKT762eqEjhsf3ec8dAKeJcHqZRzC1QqFuPOxKoH7OF2NjmvQ5nOxNoNeIpHMm2uXriYW0nUiZLLFraDwTBtYBv6v/uiTuRrs6nXO04B5ipz+v1+0nqAdnIAN+V8+v9RDVukB3DLYBYaIzY3cDcGZCEMpnMJD/HC4D9i+Hw+9JcMrx7rD51gda8YzrI5AAAAAElFTkSuQmCC) no-repeat 50%; }
    ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.kgame {
      display: inline-block;
      padding: 0 10px;
      line-height: 28px;
      border-radius: 4px;
      font-size: 12px;
      cursor: pointer;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100);
      color: white; }
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.kgame:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%); }
  ._2yHtJ1M4TG9i9DtWRYI-Pt div.right-side {
    margin-right: 5px; }
    ._2yHtJ1M4TG9i9DtWRYI-Pt div.right-side span.links {
      border-radius: 3px;
      color: #fff;
      background: -webkit-linear-gradient(left, #fd8e85, #f9716d);
      background: -linear-gradient(left, #fd8e85, #f9716d);
      float: right;
      padding: 0 8px;
      height: 25px;
      line-height: 25px;
      margin-right: 5px;
      font-size: 14px;
      cursor: pointer; }
      ._2yHtJ1M4TG9i9DtWRYI-Pt div.right-side span.links:hover {
        background: -webkit-linear-gradient(right, #fd8e85, #f9716d);
        background: -linear-gradient(right, #fd8e85, #f9716d); }

._2yHtJ1M4TG9i9DtWRYI-Pt {
  padding-left: 10px; }
  ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.desc,
  ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.help,
  ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.example,
  ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.manycai,
  ._2yHtJ1M4TG9i9DtWRYI-Pt div.left-side span.official {
    margin-right: 12px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._78KkNjl-bWU2oZvhYqmpd > .omission {
  height: 28px;
  line-height: 28px;
  margin: -10px 5px 15px 15px; }
  ._78KkNjl-bWU2oZvhYqmpd > .omission > .switcher {
    border: 1px solid #ff0000;
    background-color: #f5f5f5;
    border-radius: 2px;
    padding: 0;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    ._78KkNjl-bWU2oZvhYqmpd > .omission > .switcher > span {
      font-size: 14px;
      padding: 0px 12px;
      color: #333;
      cursor: pointer; }
      ._78KkNjl-bWU2oZvhYqmpd > .omission > .switcher > span.active {
        color: white;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
        background: -webkit-linear-gradient(top, #ff8400, #ff6100);
        background: linear-gradient(180deg, #ff8400, #ff6100); }
  ._78KkNjl-bWU2oZvhYqmpd > .omission > .action-types span {
    font-size: 14px;
    color: #999;
    margin: 0 10px;
    cursor: pointer; }
    ._78KkNjl-bWU2oZvhYqmpd > .omission > .action-types span.active {
      font-weight: 600;
      color: black; }

._78KkNjl-bWU2oZvhYqmpd > .independent {
  line-height: 38px;
  margin-bottom: 5px;
  display: inline-block;
  width: 100%; }
  ._78KkNjl-bWU2oZvhYqmpd > .independent > h4 {
    width: 70px;
    text-align: center;
    color: #4d4d4d;
    font-size: 14px;
    margin-right: 5px;
    overflow: hidden;
    float: left; }
    ._78KkNjl-bWU2oZvhYqmpd > .independent > h4.empty {
      width: auto; }
  ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes {
    float: left; }
    ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > span.ball {
      margin-right: 9px;
      margin-bottom: 10px;
      display: inline-block;
      background: -webkit-linear-gradient(180deg, #fff, #f3f3f3);
      background: -linear-gradient(180deg, #fff, #f3f3f3);
      background: -moz-linear-gradient(180deg, #fff, #f3f3f3);
      width: 37px;
      height: 37px;
      line-height: 32px;
      color: #6e6a85;
      font-size: 18px;
      text-align: center;
      border-radius: 50%;
      border: 2px solid #d5d5d6;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-shadow: 0.3px 0.3px 5px rgba(153, 153, 153, 0.4);
              box-shadow: 0.3px 0.3px 5px rgba(153, 153, 153, 0.4);
      cursor: pointer; }
      ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > span.ball:lang(en-US) {
        width: 48px;
        height: 48px;
        line-height: 38px;
        font-size: 12px; }
      ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > span.ball:lang(th) {
        font-size: 12px; }
      ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > span.ball.actived {
        color: white;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
        background: -webkit-linear-gradient(top, #ff8400, #ff6100);
        background: linear-gradient(180deg, #ff8400, #ff6100); }
        ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > span.ball.actived:lang(en-US) {
          background-size: 48px 48px; }
      ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > span.ball.mini {
        width: 31px;
        height: 31px;
        line-height: 28px;
        font-size: 16px;
        margin-right: 5px; }
    ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > div.missing-code {
      margin-top: -14px;
      height: 34px; }
      ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > div.missing-code span {
        width: 37px;
        line-height: 16px;
        margin-right: 9px;
        display: inline-block;
        text-align: center;
        font-size: 14px; }
        ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > div.missing-code span.s1 {
          color: #fc5a23; }
        ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > div.missing-code span.s2 {
          color: #637ef3; }
        ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > div.missing-code span.s0 {
          color: #909090; }
  ._78KkNjl-bWU2oZvhYqmpd > .independent > .auto-selector {
    float: right;
    margin-right: 10px; }
    ._78KkNjl-bWU2oZvhYqmpd > .independent > .auto-selector > span {
      display: inline-block;
      width: 22px;
      font-size: 14px;
      text-align: center;
      margin-left: 5px;
      cursor: pointer; }

._78KkNjl-bWU2oZvhYqmpd > .omission {
  margin-top: 10px;
  margin-bottom: 10px; }
  ._78KkNjl-bWU2oZvhYqmpd > .omission svg {
    position: absolute; }
  ._78KkNjl-bWU2oZvhYqmpd > .omission > .switcher {
    border: 1px solid #b4b4b4; }
    ._78KkNjl-bWU2oZvhYqmpd > .omission > .switcher > span {
      color: #e3c9c9; }
      ._78KkNjl-bWU2oZvhYqmpd > .omission > .switcher > span.active {
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
        background: -webkit-linear-gradient(top, #ff8400, #ff5300);
        background: linear-gradient(top, #ff8400, #ff5300); }
  ._78KkNjl-bWU2oZvhYqmpd > .omission > .action-types span {
    margin: 0 7px;
    color: #745454; }

._78KkNjl-bWU2oZvhYqmpd > .independent > h4 {
  width: 110px;
  color: #b78d8d; }

._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > span.ball {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #e3c9c9;
  color: #fff; }
  ._78KkNjl-bWU2oZvhYqmpd > .independent > .codes > span.ball.actived {
    border: 2px solid transparent;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTg1OEU5QThGMzczMTFFQjhENDhFN0U0MEVBRTgwMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTg1OEU5QTlGMzczMTFFQjhENDhFN0U0MEVBRTgwMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODU4RTlBNkYzNzMxMUVCOEQ0OEU3RTQwRUFFODAyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBODU4RTlBN0YzNzMxMUVCOEQ0OEU3RTQwRUFFODAyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnSOXkcAAAP3SURBVHjaxJjbbwxRHMe/s92q0talSBAal7qLW6TuD+IaPElIeOfB7c0DIkH9AYIXD0QkROORSLONF5fy0CfXIgThwaWl2HbbnTm+vzlnpzs7s+2udjjJZzN75szv953fuf3OWKoexZYpZCNZRWaTGlJp7v0k78hzco80krd9WjuqfH/jUAWJKCE7yH6ynFh52lUbFpPdRKw3k3Okgdj9OfILOhairt5ax9+zZBaKLyJ8heE4OUCaCheUXU5ZQ/l7huzxu4gBI9lro2uBqonA0FFAabm+19MJdLUDHR+BtlfAd/aWcjJPygslyAVyiHQVLuikNZa/t8hSry4WByYsASYuA8qq/O0zNuIUViFMYFs+muoAPj4EPrUATjrTWl5wEdlCvvQv6IQr5i6Z6dVV0sGMrUB5tf5vpwvrsPgwDvm1wLgFwMubHPKfMneWGh+rc0VZ6rjPBC3gDqnzasYw0rWb2bIEAyqK4/nVbeDri+zaR2QtTqik1xFuhHo5Q+q8/6OmAtM28FrpkA8EsSG2xGavvzrXpy9CR73rdWbQ6SLjZP5OTvhSDGqxe4DH1/X46i3rUa+atKAjJlLAE7PQ6TJ9PWdTDSIp37l2vk5k10g/zsNpZcehZ+VOn5jykZwp44F0dzSCxHYZl4vO9uwlQRbea5lZts/3wIia6MR4PiYDyfbsmv1akOPuTSt8jWWx60lFK0h8OL6a5ThsTZUIbQrsTVZp9IJipchZA0XDRonQykBjh9KdiAW5fgI1K0XQ3EB16rd+g0jFpMMEzRFBkwLVSa4RZRXRCkr9ChNUI2OoMlD9uz36CImP4MZeEQ9RCfxqY4RGRCtIfDhh6Yfjpp3VvtrulH6DIcOjEdOd1D5CZEqXfQgIcrPjb0zASnRCNphFErafX5EnMXwvEXrGi4Whs6CDosqr+kihi1bD7YITJp03n3oqguR0sCs8tAyr/YNdN2zgmpTpKrvPLem+CGo0zcNdOjRgM7mKl/1990k3pflyjt2f5EYZQ2948UBWyfw5DA3ZfLtYic6trSKi4i6AdiGtm3FRvclM+/N9CvKiZeujlWXpgFp5lCmTEipVTBzPZaewDeRFTjqbH0fp/c6NXAjuXqhQsD3tu0ELctxNziYHzPX/4CAuKzs3yW8il4p4q8HiIq6oRPZKnZu1zfEdg6Itj8zxGvmOQUmyjbT+g8i0ur6u9p7JwgQJX8ga0hKhmBbjI3CUjuV54DNZTS5EIEZsrjI+UKggoZPsJRsGqQtbjS2x2eXVFyEoQ4LMJbtIM1FFCpFndhsbicD93A9KavtffdLbbD7pyQGPByxkvs/I+fi9OYnKpn273096N/yq/ggwAHWdWsb9q4QeAAAAAElFTkSuQmCC) no-repeat center; }

._78KkNjl-bWU2oZvhYqmpd > .independent > .auto-selector > span {
  display: inline;
  padding: 5px;
  border-radius: 5px; }
  ._78KkNjl-bWU2oZvhYqmpd > .independent > .auto-selector > span:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
    background: -webkit-linear-gradient(top, #ff8400, #ff5300);
    background: linear-gradient(top, #ff8400, #ff5300); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3JPxTtsg0TnfLg0NRDkFaK {
  width: 500px;
  position: fixed;
  border-radius: 4px;
  background: white;
  -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-animation: fade-bottom-top .6s forwards;
          animation: fade-bottom-top .6s forwards; }

@-webkit-keyframes fade-bottom-top {
  0% {
    opacity: .6;
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@keyframes fade-bottom-top {
  0% {
    opacity: .6;
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }
  ._3JPxTtsg0TnfLg0NRDkFaK .header {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    font-weight: 600;
    font-size: 16px;
    color: white;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100); }
  ._3JPxTtsg0TnfLg0NRDkFaK .contents {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 150px;
    max-height: 360px;
    overflow: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    line-height: 22px; }
    ._3JPxTtsg0TnfLg0NRDkFaK .contents::-webkit-scrollbar {
      width: 4px;
      height: 6px;
      background-color: #f6f8fb; }
    ._3JPxTtsg0TnfLg0NRDkFaK .contents::-webkit-scrollbar-track {
      background-color: #f6f8fb; }
    ._3JPxTtsg0TnfLg0NRDkFaK .contents::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color: #f6c74d;
      border-radius: 10px; }
  ._3JPxTtsg0TnfLg0NRDkFaK .actions {
    padding: 12px 10px;
    border-top: 1px solid #eee;
    overflow: hidden; }
    ._3JPxTtsg0TnfLg0NRDkFaK .actions span.yes {
      color: white;
      height: 32px;
      min-width: 90px;
      padding: 0 10px;
      line-height: 32px;
      display: inline-block;
      cursor: pointer;
      text-align: center;
      border-radius: 4px;
      font-size: 14px;
      float: right;
      margin-left: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      overflow: hidden;
      position: relative;
      background: #f6c74d; }
      ._3JPxTtsg0TnfLg0NRDkFaK .actions span.yes:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._3JPxTtsg0TnfLg0NRDkFaK .actions span.yes:hover::before {
          width: 45px;
          left: 205px; }
      ._3JPxTtsg0TnfLg0NRDkFaK .actions span.yes::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
    ._3JPxTtsg0TnfLg0NRDkFaK .actions span.cancel {
      border: 1px solid #dadee6;
      line-height: 30px;
      color: white;
      height: 32px;
      min-width: 90px;
      padding: 0 10px;
      line-height: 32px;
      display: inline-block;
      cursor: pointer;
      text-align: center;
      border-radius: 4px;
      font-size: 14px;
      float: right;
      margin-left: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #eed12d;
      border: 1px solid #eed12d; }
      ._3JPxTtsg0TnfLg0NRDkFaK .actions span.cancel:hover {
        opacity: .8; }
  ._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .item {
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
    ._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .item > input, ._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .item > select {
      padding: 0 10px;
      border-radius: 2px;
      border: 1px solid #ccc;
      width: 260px;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee; }
    ._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .item > span.text {
      min-width: 70px;
      text-align: right; }
  ._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .alert {
    margin: 10px 0;
    color: #fb7b81;
    margin-left: 70px; }
  ._3JPxTtsg0TnfLg0NRDkFaK > .contents #fileinp {
    position: absolute;
    left: 0;
    top: 106px;
    opacity: 0; }
  ._3JPxTtsg0TnfLg0NRDkFaK > .contents #btn {
    margin-right: 5px; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3JPxTtsg0TnfLg0NRDkFaK .header {
  background: transparent;
  color: #606060; }

._3JPxTtsg0TnfLg0NRDkFaK .actions span.yes {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100); }

._3JPxTtsg0TnfLg0NRDkFaK .actions span.cancel {
  border: 0;
  background: #ccc;
  color: #fff; }

._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .alert {
  margin-left: 100px; }

._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .item {
  white-space: nowrap; }
  ._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .item > span.text {
    min-width: 100px; }
  ._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .item > input,
  ._3JPxTtsg0TnfLg0NRDkFaK > .contents > .form-action > .item > select {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._18Ak5aYIXBHaOBps7HgqdZ {
  margin: -10px 5px 15px 15px; }
  ._18Ak5aYIXBHaOBps7HgqdZ > .desc {
    color: #3b476a;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._18Ak5aYIXBHaOBps7HgqdZ > .desc span {
      font-size: 16px;
      padding-left: 25px;
      margin-right: 15px;
      height: 32px;
      line-height: 32px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhERUE5MkMxNTkwMjExRTg4QUJBRkE0RjI2NTkxQTU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhERUE5MkMyNTkwMjExRTg4QUJBRkE0RjI2NTkxQTU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OERFQTkyQkY1OTAyMTFFODhBQkFGQTRGMjY1OTFBNTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OERFQTkyQzA1OTAyMTFFODhBQkFGQTRGMjY1OTFBNTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7dmwtyAAACYElEQVR42oSUbWiOYRTH7+c2CuODfSBsorzPipDaVgzxxUtk8U2rZTHyupbyYaSYEq2hlC/ylvem7AtWW8rrEsbEB9qoad4XY7r9Dv9nXbu6n8ep39NzX/e5z3Wu8z/XSURRFJgVLN4QOLYE1sJUCKGf864LeuAh7IY3tthUX9vrkBH0tQScUMAPMBk6gnibB2dhC9xxX4SeYyVMgUZt0BWktluwDCzFrFRBx0MJFMF8eA3bvUC74Aas0vN7OAR7UgU9AFXK7heUKugox6dUm56DGVo7BdPRJK9PUBYss2w4DxUwCO7DadjrBC2HTvguscxM6R3K+J8w+YvWm7LNCvZN9VwJl1Sr56rdbUdc+6bbK80FOEMXXLRMi+EL1MMTqHPU7FS9jiv7QBl2xwi3L6mBBV2qBbNPem53nE+qIxqUcZYXbCCMhGkwh1Lm2FHGwb00rfNRNZwFV4L/W3aoj8akcRqubF7CChiqHk7o/zAYrQvzt2Sh+m6NFnLhkXfEMngGM+EyfHXeTVTLWbluwitoDSWCqT0WJkCek/kI2Arr4LN3goVwV/c/kKCHUT8K+TFxquEgXFPWzXKs0lqjMxvK1ZfWKRu1YSHMhqPujToGk2CuhkQkxYvVv0mzEtRItHe696bJEdhGgj29QfVQIadMBbDM98NbqW5T67FmxGpno83QRozrcaOvTse56gizXMpnapMf6oKk5agUhW6x/Xlaom6wofEU+kvtBTGtlq9jb4IX6YK2qV6VGm8duqp2LX9qglnJhkCLknjg75YRk4HNgZ1iAAz23v+WT0r7I8AA76adZEW7hMAAAAAASUVORK5CYII=) no-repeat left center; }
  ._18Ak5aYIXBHaOBps7HgqdZ > .contents {
    margin-top: 15px;
    height: 220px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    ._18Ak5aYIXBHaOBps7HgqdZ > .contents textarea {
      outline: none;
      resize: none;
      height: 180px;
      width: 600px;
      padding: 5px;
      border-radius: 6px;
      border: none;
      -webkit-box-shadow: 0 0 26px #e8e8e8;
              box-shadow: 0 0 26px #e8e8e8;
      margin-right: 30px; }
    ._18Ak5aYIXBHaOBps7HgqdZ > .contents .actions {
      width: 100px; }
      ._18Ak5aYIXBHaOBps7HgqdZ > .contents .actions > span {
        display: block;
        width: 100px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
        border-radius: 3px;
        border: none;
        cursor: pointer;
        color: #fff;
        background: #f6c74d; }

._18Ak5aYIXBHaOBps7HgqdZ {
  margin: 62px 0 0 0; }
  ._18Ak5aYIXBHaOBps7HgqdZ > .contents .actions {
    min-width: 100px;
    width: auto;
    white-space: nowrap; }
  ._18Ak5aYIXBHaOBps7HgqdZ > .contents .actions > span {
    background: #b38236;
    min-width: 100px;
    width: auto;
    padding: 0 6px; }
  ._18Ak5aYIXBHaOBps7HgqdZ > .desc span {
    white-space: nowrap; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3NrB6gczyqkB1aw5a8EnL {
  padding: 0 15px 20px 15px; }
  ._3NrB6gczyqkB1aw5a8EnL > div.numbers {
    padding-left: 50px;
    width: 670px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center;
    margin-bottom: 10px; }
    ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item {
      width: 60px;
      height: 42px;
      cursor: pointer;
      display: inline-block; }
      ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item:hover {
        opacity: 0.8; }
      ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.disabled {
        opacity: .6;
        cursor: not-allowed; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.disabled:hover {
          opacity: .6; }
      ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft {
        background-image: url(/webx/thai/desktop/images/628373.png);
        height: 42px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-01 {
          background-position: -4px 14px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-02 {
          background-position: -65px 14px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-03 {
          background-position: -126px 14px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-04 {
          background-position: -187px 14px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-05 {
          background-position: -248px 14px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-06 {
          background-position: -309px 14px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-07 {
          background-position: -370px 14px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-08 {
          background-position: -431px 14px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-09 {
          background-position: -492px 14px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.xyft.n-10 {
          background-position: -553px 14px; }
      ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm {
        background-image: url(/webx/thai/desktop/images/0dc009.png);
        height: 54px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-01 {
          background-position: 6px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-02 {
          background-position: -55px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-03 {
          background-position: -116px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-04 {
          background-position: -177px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-05 {
          background-position: -238px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-06 {
          background-position: -299px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-07 {
          background-position: -360px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-08 {
          background-position: -421px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-09 {
          background-position: -482px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssm.n-10 {
          background-position: -543px 0px; }
      ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10 {
        background-image: url(/webx/thai/desktop/images/48a8d8.png);
        height: 50px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-01, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-01, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-01, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-01, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-01, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-01 {
          background-position: -4px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-02, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-02, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-02, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-02, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-02, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-02 {
          background-position: -65px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-03, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-03, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-03, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-03, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-03, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-03 {
          background-position: -126px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-04, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-04, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-04, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-04, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-04, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-04 {
          background-position: -187px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-05, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-05, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-05, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-05, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-05, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-05 {
          background-position: -248px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-06, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-06, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-06, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-06, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-06, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-06 {
          background-position: -309px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-07, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-07, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-07, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-07, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-07, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-07 {
          background-position: -370px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-08, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-08, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-08, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-08, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-08, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-08 {
          background-position: -431px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-09, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-09, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-09, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-09, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-09, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-09 {
          background-position: -492px 0px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.pk10.n-10, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.jssc.n-10, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10ff.n-10, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ydl10.n-10, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.ynpk10wf.n-10, ._3NrB6gczyqkB1aw5a8EnL > div.numbers > span.item.azxy10.n-10 {
          background-position: -553px 0px; }
  ._3NrB6gczyqkB1aw5a8EnL > div.selected {
    height: 110px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsMAAABuCAMAAAD1T+5pAAABOFBMVEUAAADQ0eDR2OfAxMzAxMzQ1+bP1ubQ1+bP1ubP1ubP1ubP1ubP1ubP1ubP1ubP1ubP1ubP1ubQ1+bQ1+bAxMzQ1+bP1ubP1ubP1ubP1ubP1ubAxMzAxMzP1ubP1ubP1ubP1ubP1ubP1ubP1ubP1uY7R2rP1ubP1ubP1ubP1ubP1ubP1ubE0+Y7R2rQ1+Y7R2o7R2rP1ubP1ubP1ubP1ubP1ubP1ubP1uY7R2rP1uZFsObmRUV9j7PP1uZ9j7Nylr19j7N9j7PmRUVFsOZFsOZFsObmRUVFsObmRUVFsObmRUXmRUXmRUXm6/XQ1Nt9j7Pk6fTf5fDAxMzd4+/U2+na4O07R2rX3evh5/Lg5vHS2eiFlrjY3uvN1eXi6PPY3+yOnb3AydydqsbHz+C6w9iwutGVpMGkscqujWOVAAAATXRSTlMAAv5mu/bY8ptZRSLtz5SAdzIV/kT6xaQJEMzdmVHJv62laUIcZk0T5gzk4QaZ87tE27SLhXA7J91q/v5m77tC3ZnV5cWZmWU6GhpmZcm7jf8AAA3ASURBVHja7NxrUxJRHMfxhRlFRRRljGTGChUvpWIXi6bpSQ+apjrs2dkbixe69/7fQUE2v9bY/bO/nAbw/B9k0+RHvnLAFXaPdX1T3KzWFtfWFmvVzWLS/2mnE7mny48eLlYKe3eXNvZJY39j6e5eobL48NHy05xo8Ckw+BQgfAoMPgUGnwKDT4HBp/CTm7+V77kdrZTuuL38rflc9m/37vKe5zsXWumLyPVmqivEXbZSnfH8aGA4vre3vCsYdAoMPgUInwKDT4HBp8DgU2DwKfwszHqOUhjHm13ISByUj3odhdFu/t52RmP7Xt7VCtPpHZUPTIpJkef2XNdRV8bpzt3O8lB9VgovrhDaL8xbWYz5gq+vGBdh6ZlgECkw+BQgfAoMPgUGnwKDT4HBp/CzeifEjURreGd19Pt9q+Cqv6fTfZwb2cg97naGGG5hyxIMIgUGmQKET4HBp8DgU2DwKTD4FH5WZ301dPzZkb/Gzlo0lNDekjXqLHl6qBGt7ZiUm56SPrfv+Cph/Du3R3vuWpnpJBDaW7ZGM5Y9nWB0ZlYEg0iBQaUA4VNg8Ckw+BQYfAoMPoWfuVAlTjg30v2+/sBJJHR+YSRjIa8TDefBumAQKTCIFCB8Cgw+BQafAoNPgcGn8LPQ1So5tYvUlJnrqeSJHuyPQOzfj1KM3pxJme6UoDH4cNhiXheedVTKOLM5+blrJa/TjLMnlmw8OUsjdH5FNuQUwZBTekgBwqbA4FNg8Ckw+BQYRMq/ruF5T6WONy+vv3tuKnFRWBeN9cJFquHesxIMIgUGnQKET4HBp8DgU2DwKTCIlH9dw7cchfn6wbZPP/mxx8ktkdiu6HTj7EQ0TkKVaujK9sSknF1rCowpTmk2g6B5HPyeYyvLFPNKYezBnKo/J1+UnrvKPcGIapZk1CLB6JUTDDIFBp8ChE+BEU8RDKTAYFNg8CkwqJTWYdBotvrPw03LOs64hjdjpd/OVfTNtr/EbuamtP7uOpJR2RWM1bwSDOeuFTP4FBhkSjqyW8mSAiOeIhhIgUGnwOBTYDApgzVsDVnDrw8seaquujIfbftr7JinKhC5GS0Z4YZgbIRKMPRM7ianDIzpTQkal8fDzfgafvHqrSVOqaOuzHfb/qwUplOSfoZ3lWT4ZcEo+6LRLcYNPgUGnwKET4Ehp8BAStzgU2DwKTCIlP6qTVjDL169saRZ1H8/SD7E/kEvCmtny1OS4S4JxpIrGt5WgkGlwOBTgPApMOIpgoEUGHQKDD4FBpPSCKyENfxz3lvCrKn4fP79BTBrArETioZTF4y6IxrhxvSk7IyeAmO6U4LGcYBpWVjD77Ku4Q/2qUq749vDvlui4dQFo+4IBtYwDDYFBp8ChEnZEQykwEhIgUGnwOBTYDApeH04uPzIH0soD78yUscSMPhjCRjisQSfAoNPASKn8McSMIRjCToFBp8Cg0jBGm60mk18Lvc73bltn6v4dEoCUewqyfDLglH2RaNbvLEpA2PKU36t4eDwePCXTK+t1d2YF53aH1V83Krw/HcwowVDPg7YCJVg4FUcGERKupHLlAKET4ERTxEMpMCgU2DwKTDIlMHS7b/NcRjgk4n3ODDEexxpU1kVjN2KIAjvcRApMJgUIHwKDD4FBp8Cg0+BwaUM1nAzsKzLP/n3mtX5qf1JxSdflIxyTzCimiVNLRKMXvnmpgyMKU/pv093+ZpaM2iw5/zgK6ScKNMWzi4ZapydiMZJmFKKs0tg8CkwuBQJOTkTUwQDKQkGUmDwKTD4FBhkStBotazLaQRNc+6lOfdy4s69JIY+25o/Bx5DnQM/Fik9k3L9Kf/7WqQ2cdXL/X3BIK56gUGkwKBTgPApMPgUGHwKDD4FRuYUc02ouSbUXBPKXzrNXwVOXJtvUm52ynVuYdFmd+OQjVyG3ThgcCkw+BQgfAoMPgUGnwKDT4HBp/CzWhu+lVBtAveqSkqZwL2qklImcK+qDCnE8Fu68bvTZd0z0KSYlGvcWrNN7BIqGMQuoTCYFBh8ChA+BQafAoNPgcGnwMiWMsZ7aOvIDek9tEM30uOzhzZSMiFIGZ89tJGSyUDKeO+h3Z/i83qpv9V8qf68SBKDXfNfVo76u+avk8Z6f9f8o8rLwa75JsWkXPe0jTGeN2SajPiYNWzW8OQZZsyYmYiH6rgYY3NDpsmIj1nDZg1PnmHGjJmJeKiOizE2N2SajPiYNfyDPTs4lRiGoSj6wC4hu6QUYycVCNR/MR/jP4SsBPIwWOHdhZcHBeSZQLjD8QzGWIiruoqxzCBvMp5xh7nD8QzGWIiruoqxzCBvMp5xh7nD8QzGIlZrP8sJiEjxGTn3M+2AqibHNXMYNrG8cSMWEdkwiXmjSD/rBSlAhauk/cwHup99O+wwDGJ540YsIrJhE/OGlH60dsJfp6Hbtn/DCD8GH+XXY9T6/ypR4C7n8Uvv+LtxGTYRwRiISUQ3TGLeaALUAhQReNsUyAlIqo4RHYZNBDAGYhPBDZuYN87SBL1LKpztaRv4ofkbRuwx+Ci/HuOqV8VIGnwd+fjQujmuu8OwidWNGzGJ0IZJzBtNzgKUOrPDm+4JSNmxf17DJlY3bsQkQhs2MW9UGW8SIgXeso4fetX0DSP4GHyUFcfgp1V+aw5hPOMOc4fjGYyxEFd1FWOZQd5kPOMOc4f/2LvblWSCMIzjq6BbJoVK9dgHid5A5flUQicxMMvuqrsMdv5nERZxIe3OjJcFs3ZfB/CjP4379W6eIZPJGvFTDcUI5g85JmN38oblDTfPkMlkjfiphmIE84cck7E7ecPyhptnyGSyRvxUQzGC+UOOydidvGF5w80zDtjZ3fVNv9Pp31zfHXRFqj+Kt1ekpqQx3V6Rikf9jytSkiIpe91YNF8n8Ax7Y3FWfl7z2xRpRt9YzPLiw0jycua6scinwOBTgPApMPgUGHwKDD4Fhn9KYLduY/Pjt25N/Ju3bvkUIETKr9665VNguFPCu3Ur160lJfgU+4aT6tP8k6H/J+M+TtX3rcvnlrfRei7XFUYa30cWg0mBwacA4VNg8Ckw+BQYfAoMPoXfsJuryuXdoe///emyqCR0dh75GueZrjSKyyeLQaTA4FOA8Ckw+BQYfAoMPgUGn8Lv3yRXNcsnnl/7QWddQ+jsIvLbRaZrjHVnICl/O8Wxk5Wq3erE67Mznie1hG73vIxeW9cayXxsMYgUGGQKED4FBp8Cg0+BwafA4FP49Uqt6lPLntfbMap+xXzqYUxnhcV4QyoMNgUGnwKET4HBp8DgU2DwKTDIlOVjRK/VTZRlSbflNgZtbTPMS+Tei7ERuj2QlKNO2b7h5df+R3vtNFPWZafub9dtaiU28dhpjOON1UhvI4tBpMCgUoDwKTD4FBh8Cgw+BQaZsnzEt/h1zzd8lSjrkivn//1hpO2GWTiNxcpO6NGDxSBSYBApVmRhPFNg8Ckw+BQYfAoMIuXA7/DZeztn19JGEIXhTSC0kEQWg4gBkSirtBizlzHgVVtKL5aJxExYk1A/qv3//6DNgrwdIvPWNxbq7hy8UCHP8mwmk7MzZ079T97DjTHzO/cpst5kjHhBGHk3YtHNCWMRV1bliVFilcHA2oE6Dx86pqaIuftxPWTz38ElY3ROCGO7nhHG5UHkMHQVMEQVP+Sk8xIVMFwVwoAKGLIKGLoKGJLKsG+TYX99Hv5yGvHYdZKmx2WWPxrzw8l5dsn7XmuMGWO2Txj7s4wwxo2ahyGogKGqAKKrgOGqEAZUwJBVwNBVwJBUbGKT9JnZd/T5W0SjvbYKfmvMg7OU3SaI5nXGGNOYMOIpZVw3q6xSMEqrktrUJkiHMRGPRp94K+LWWuL/05h7J29vkfnv6CpjjMkWYWxNKOPqyGXoKmDoKoDoKmBwFTCg4jJ0FTB0FTAUlcRGNln99AdRaiMkxKPf8TUi0XjmQ3Lj/qdBxs7xjDImPcLoTShjduxhCCpgqCqA6CpguCqEARUwZBUwdBUwNJXXHMP3xQU8d4uMYTB8d4uPYTBwt6qrUjDKrfKKucQNnhmlXAIMPZcAg+YSugoYugogXEXPJcAguYSqAoauAoakgv2NzZ/prvDIiJTbe7vx9OBhTGPCiKeUcd30MAQVMFQVQHQVMFwVwoAKGLIKGLoKGKKKTaLEPkXiWVujXxdLY5b4C6s4vjhtjAljbRWHrK2B4azi/HuV2v+pUjBKrlKMW9svfh36kWQ1PZ+b2ywT9jj8jM42YWA13WGwPQ5dBQxdBRCuou9xgEH2OGQVMHQVMESVYgyn1vZXG3aRsNfsi3qTjeF4QRB5N2KMbk4Yi9jDEFTAkFQA0VXA0FXA0FXA0FXAUFSQDw+tTfFiqeZnOTd3pLrEUygDBqsuYYUyYKC6pLoqBaPkKjYptprTYhhbK9Ve4gp67SUYeu0lGLT2UlcBQ1cBhKvotZdgsNpLXQUMXQUMWSXUwAeVEqtsfhaJx/vvvrzr4wcK4KdegkqVVUjIR/b004fKmdCgUmWVcAo8qLx5FRJCCwuhGwePmqcbR1Cpugq9Rvf5VkJdcgW1K9KLe1UFlaASutMFlTevQkJqral3CX1J79az+LQsKu+CClERQm1xzLs1j/PJzNOt2d9DezbJx+jWHFSCyt9H87zXbu3stNq984265l90zlZd8/dExt6qa/5Z56Lomh9UKqDyC2DM8IdA1ou8AAAAAElFTkSuQmCC) no-repeat;
    padding-left: 50px;
    width: 670px; }
    ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item {
      display: inline-block;
      width: 60px;
      height: 110px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
              align-content: space-between; }
      ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span {
        font-size: 16px;
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-01 {
          background-position: 0 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-02 {
          background-position: -36px 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-03 {
          background-position: -72px 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-04 {
          background-position: -108px 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-05 {
          background-position: -144px 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-06 {
          background-position: -180px 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-07 {
          background-position: -216px 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-08 {
          background-position: -252px 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-09 {
          background-position: -288px 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.n-10 {
          background-position: -324px 0; }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.xyft {
          background-image: url(/webx/thai/desktop/images/62f522.png); }
        ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.pk10, ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.jssm, ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.jssc, ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.ydl10, ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.ynpk10ff, ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.ynpk10wf, ._3NrB6gczyqkB1aw5a8EnL > div.selected > .item > span.azxy10 {
          background-image: url(/webx/thai/desktop/images/042b61.png); }
  ._3NrB6gczyqkB1aw5a8EnL > div.clear-box {
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 20px;
    padding-left: 50px;
    width: 670px; }
    ._3NrB6gczyqkB1aw5a8EnL > div.clear-box > span {
      width: 60px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      font-size: 14px;
      cursor: pointer; }

._3NrB6gczyqkB1aw5a8EnL > div.selected:lang(en-US) {
  background: url(/webx/thai/desktop/images/c9659f.png) no-repeat; }

._3NrB6gczyqkB1aw5a8EnL > div.selected:lang(th) {
  background: url(/webx/thai/desktop/images/5a1ddc.png) no-repeat; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2BacXcubO-JfRmtrmaK8ap {
  margin: 0px 5px 15px 15px; }
  ._2BacXcubO-JfRmtrmaK8ap > span {
    display: inline-block;
    padding: 10px;
    margin: 10px 15px 15px 0;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #6e6a85;
    min-width: 60px;
    background: -webkit-linear-gradient(top, #f8fcff, #dbdfe0);
    border: 1px solid silver;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0.3px 0.3px 5px rgba(153, 153, 153, 0.4);
            box-shadow: 0.3px 0.3px 5px rgba(153, 153, 153, 0.4);
    cursor: pointer;
    border-radius: 4px; }
    ._2BacXcubO-JfRmtrmaK8ap > span.actived {
      color: white;
      background: #f6c74d;
      border: none; }
  ._2BacXcubO-JfRmtrmaK8ap > .auto-selector {
    text-align: right;
    margin-right: 10px; }
    ._2BacXcubO-JfRmtrmaK8ap > .auto-selector > span {
      display: inline-block;
      width: 22px;
      font-size: 14px;
      text-align: center;
      margin-left: 5px;
      cursor: pointer; }

._2BacXcubO-JfRmtrmaK8ap span.actived {
  background: #b38236; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1U5dE9vRoE87k_i1a92qMt {
  margin: 10px 15px; }

._2YS0-3LeuLtn2WG41lpzn_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

._24d8Cw6btRzvHTV5Dk4Yzk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.q2SNfldR1h1o18HTUvcoM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .q2SNfldR1h1o18HTUvcoM > div {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .q2SNfldR1h1o18HTUvcoM h4 {
    width: 70px;
    text-align: center;
    color: #4d4d4d;
    font-size: 14px;
    margin-right: 5px;
    overflow: hidden;
    float: left; }
    .q2SNfldR1h1o18HTUvcoM h4.empty {
      width: auto; }

._2iRV71SzWc917cNWuKvJui {
  margin-right: 20px; }
  ._2iRV71SzWc917cNWuKvJui.relations {
    margin-right: 10px;
    margin-bottom: 5px; }
    ._2iRV71SzWc917cNWuKvJui.relations > div {
      width: 112px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
  ._2iRV71SzWc917cNWuKvJui span {
    background-image: url(/webx/thai/desktop/images/083b5f.png);
    display: inline-block;
    width: 52px;
    height: 52px;
    margin: 0 2px;
    cursor: pointer; }
  ._2iRV71SzWc917cNWuKvJui span.one-line {
    display: block;
    margin: 2px auto; }
  ._2iRV71SzWc917cNWuKvJui span.actived {
    background-position-y: -51px; }
  ._2iRV71SzWc917cNWuKvJui span.one {
    background-position-x: 0px; }
  ._2iRV71SzWc917cNWuKvJui span.two {
    background-position-x: -52px; }
  ._2iRV71SzWc917cNWuKvJui span.three {
    background-position-x: -104px; }
  ._2iRV71SzWc917cNWuKvJui span.four {
    background-position-x: -156px; }
  ._2iRV71SzWc917cNWuKvJui span.five {
    background-position-x: -208px; }
  ._2iRV71SzWc917cNWuKvJui span.six {
    background-position-x: -260px; }
  ._2iRV71SzWc917cNWuKvJui span.any {
    background-position-x: -311px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._wKDbAjS6V1R0AyVWOLPq {
  background-color: #fafafa;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._wKDbAjS6V1R0AyVWOLPq {
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.EiC00ekYeXsHha_c9iYAE {
  height: 95px;
  padding: 5px 4px 15px 12px;
  font-family: Microsoft Yahei;
  background: #fff;
  position: relative; }
  .EiC00ekYeXsHha_c9iYAE > .actions {
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .EiC00ekYeXsHha_c9iYAE > .actions > .btns {
      margin-left: auto; }
      .EiC00ekYeXsHha_c9iYAE > .actions > .btns > .onekey-bet, .EiC00ekYeXsHha_c9iYAE > .actions > .btns > .add-bet {
        height: 36px;
        width: 100px;
        line-height: 36px;
        display: inline-block;
        border-radius: 2px;
        font-size: 14px;
        text-align: center;
        font-weight: 600;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
                box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        margin-left: 10px;
        cursor: pointer; }
        .EiC00ekYeXsHha_c9iYAE > .actions > .btns > .onekey-bet.disabled, .EiC00ekYeXsHha_c9iYAE > .actions > .btns > .add-bet.disabled {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          filter: grayscale(100%);
          -webkit-filter: gray;
                  filter: gray;
          cursor: not-allowed;
          opacity: 0.6; }
  .EiC00ekYeXsHha_c9iYAE > .text {
    line-height: 32px;
    font-size: 14px;
    color: #7c7c7c; }
    .EiC00ekYeXsHha_c9iYAE > .text > span {
      color: #ad1a40;
      padding: 0 5px; }

.EiC00ekYeXsHha_c9iYAE > .actions > .btns > .onekey-bet {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0 24px 0 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(#befa50), to(#33b810));
  background: -webkit-linear-gradient(top, #befa50, #33b810);
  background: linear-gradient(top, #befa50, #33b810);
  color: white;
  border: 0;
  border-radius: 5px; }

.EiC00ekYeXsHha_c9iYAE > .actions > .btns > .add-bet {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0 24px 0 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(#72e4ff), to(#8275fe));
  background: -webkit-linear-gradient(top, #72e4ff, #8275fe);
  background: linear-gradient(top, #72e4ff, #8275fe);
  color: white;
  border: 0;
  border-radius: 5px; }

.EiC00ekYeXsHha_c9iYAE > .text > span {
  color: #f00; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.PW7bNhrn9N4SLTIH_slYZ {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  text-align: center;
  line-height: 30px; }
  .PW7bNhrn9N4SLTIH_slYZ > span {
    width: 25px;
    height: 30px;
    font-size: 14px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(bottom, #e2e2e2, #fff); }
  .PW7bNhrn9N4SLTIH_slYZ > input {
    width: 50px;
    height: 28px;
    border: 1px solid #e7e7e7;
    background: #f3f3f3;
    color: #ad1a40;
    font-weight: 700;
    text-align: center; }
    .PW7bNhrn9N4SLTIH_slYZ > input::-webkit-outer-spin-button, .PW7bNhrn9N4SLTIH_slYZ > input::-webkit-inner-spin-button {
      -webkit-appearance: none !important;
      margin: 0; }
  .PW7bNhrn9N4SLTIH_slYZ > label {
    margin-left: 10px;
    font-size: 14px; }
  .PW7bNhrn9N4SLTIH_slYZ > div.shortcut {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .5s opacity;
    transition: .5s opacity;
    width: 100px;
    text-align: center;
    left: 0;
    font-size: 14px;
    bottom: 0;
    background: white;
    border: 1px solid #ccc;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    border-top: none; }
    .PW7bNhrn9N4SLTIH_slYZ > div.shortcut.show {
      opacity: 1;
      z-index: 10; }
    .PW7bNhrn9N4SLTIH_slYZ > div.shortcut span {
      display: block;
      line-height: 30px;
      cursor: pointer; }
      .PW7bNhrn9N4SLTIH_slYZ > div.shortcut span:hover {
        background-color: #ccc; }

.PW7bNhrn9N4SLTIH_slYZ > input {
  width: 30px;
  color: #b38236; }

.PW7bNhrn9N4SLTIH_slYZ > span {
  width: 22px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2Pdf4FmnDAhP_se-kmtMRk {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2Pdf4FmnDAhP_se-kmtMRk > span {
    font-size: 14px;
    color: #6e6a85;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f4f4), to(#f9f9f9));
    background-image: -webkit-linear-gradient(bottom, #f4f4f4, #f9f9f9);
    background-image: linear-gradient(0deg, #f4f4f4, #f9f9f9);
    margin-right: -1px; }
    ._2Pdf4FmnDAhP_se-kmtMRk > span.actived {
      color: white;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100); }

._2Pdf4FmnDAhP_se-kmtMRk > span.actived {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
  background: -webkit-linear-gradient(top, #ff8400, #ff5300);
  background: linear-gradient(top, #ff8400, #ff5300);
  border-radius: 5px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3Er6u5tOA2t8642VtC0cPj {
  padding: 0 !important; }
  ._3Er6u5tOA2t8642VtC0cPj > div.tabs {
    height: 47px;
    line-height: 47px;
    -webkit-box-shadow: 0 4px 10px #f5f1fe;
            box-shadow: 0 4px 10px #f5f1fe;
    color: #333; }
    ._3Er6u5tOA2t8642VtC0cPj > div.tabs > span {
      display: inline-block;
      text-align: center;
      width: 122px;
      font-size: 16px;
      cursor: pointer; }
      ._3Er6u5tOA2t8642VtC0cPj > div.tabs > span a {
        display: inline-block;
        height: 100%; }
      ._3Er6u5tOA2t8642VtC0cPj > div.tabs > span.actived a {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 47px;
        border-bottom: 4px solid #f6c74d;
        color: #f6c74d; }
    ._3Er6u5tOA2t8642VtC0cPj > div.tabs > div.stop {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      float: right;
      margin-right: 20px;
      font-size: 14px;
      cursor: pointer; }
      ._3Er6u5tOA2t8642VtC0cPj > div.tabs > div.stop > svg {
        width: 16px;
        height: 16px;
        margin-top: -2px;
        color: #999; }
        ._3Er6u5tOA2t8642VtC0cPj > div.tabs > div.stop > svg.actived {
          color: #f6c74d; }
  ._3Er6u5tOA2t8642VtC0cPj > div.opts {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    padding: 0 20px; }
    ._3Er6u5tOA2t8642VtC0cPj > div.opts > div {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 15px; }
    ._3Er6u5tOA2t8642VtC0cPj > div.opts > span.make-trace {
      float: right;
      width: 95px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      color: white;
      margin-left: auto;
      border-radius: 25px;
      cursor: pointer;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-color: #f6c74d;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACY0lEQVRYR+2XP4wNURTGf1+BgmiEisoGSyEIBZHYiIKCkOwmIv40GoUCBRXboLDKLdCwhcQmFhEKEVspJCQKi8RWFEInFKL45Kw7Mm/ezM54JE/xTjd3vnPPd757zpk7osumLsenYwK2t+XJS5rsJJm/JfAkBR3oEfinCtg+KGlstjNNNXA2YYbrCFTt2VYDtk8Cl4BxSUOdFFbRx/YtYBA4JWmkpXjzD7bXAgFekdZbSNheDOwA+oHAbki458BL4DXwSNLnbN9c8Fh6BQxJmsrelymwFZgAFiVQOIzbPgacAJbXqDINXJY0antXSmh+WfDYp7QNbe8EHiS2ETzaraXvgR/A20RmJTCnQGxS0oDtzcCVYuaVCuSkG0yZvytkPQpcjYwkBQlsR/A1wFEglMpsWlKf7dV52StroKR4DgHX03qc635Jj22fA/qAA5JaVLS9HbgJRL2EHZZ0o+rYKieh7VWpqML3g6Rlae0OEJLPWJFATsH3wNL03C/pTRmJ2QjcBvYmp/VAKBCbZvYNmJK0qWxj2+uAF+ndhKR9jQnYngd8AhYCw8B54H5qwdjnIXBcUtRHpaWjimH1BVgi6XsRXNUFUfHZhybqYC5wLTmPSYq1WovpB2TnX/rBqiJwGriQIoTER3LVvUXS09rov7pjI/AsYc9IuthUgbvA7gRekOTPfKMTPjYkEAPoa8Lek7SnKYHfg6eqypsQCIxtJ+zMYOoR6CnQU6BWgdxdL/v+t7VO0xZMuGyixn9D292x7EaU9e0fxmkGL86V/5JA8erVLLWGqOL1veNfs4bxamFdJ/ATEkQeMAmT1WoAAAAASUVORK5CYII=);
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: 20px 4px;
      text-indent: 15px; }
      ._3Er6u5tOA2t8642VtC0cPj > div.opts > span.make-trace:hover {
        opacity: 0.8; }
    ._3Er6u5tOA2t8642VtC0cPj > div.opts .times-ctl {
      background: #f6c74d;
      color: white; }
    ._3Er6u5tOA2t8642VtC0cPj > div.opts .times-input {
      color: #f6c74d;
      border: 1px solid #f6c74d; }
  ._3Er6u5tOA2t8642VtC0cPj > div.issue-box {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    height: 335px;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px; }
    ._3Er6u5tOA2t8642VtC0cPj > div.issue-box::-webkit-scrollbar {
      width: 4px;
      height: 6px;
      background-color: #f6f8fb; }
    ._3Er6u5tOA2t8642VtC0cPj > div.issue-box::-webkit-scrollbar-track {
      background-color: #f6f8fb; }
    ._3Er6u5tOA2t8642VtC0cPj > div.issue-box::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color: #f6c74d;
      border-radius: 10px; }
    ._3Er6u5tOA2t8642VtC0cPj > div.issue-box > table {
      width: 100%;
      font-size: 12px;
      color: #494949; }
      ._3Er6u5tOA2t8642VtC0cPj > div.issue-box > table th {
        height: 32px;
        line-height: 32px;
        text-align: center;
        background: #efe8d6;
        font-size: 12px;
        color: #4a4a4a; }
      ._3Er6u5tOA2t8642VtC0cPj > div.issue-box > table td {
        border-bottom: 1px solid #efeef7;
        border-right: 1px solid #efeef7;
        height: 38px;
        line-height: 38px;
        text-align: center;
        background: #fff;
        color: #3b476a; }
        ._3Er6u5tOA2t8642VtC0cPj > div.issue-box > table td > svg {
          width: 20px;
          height: 20px;
          color: #999;
          vertical-align: -6px;
          cursor: pointer; }
          ._3Er6u5tOA2t8642VtC0cPj > div.issue-box > table td > svg.actived {
            color: #f6c74d; }
        ._3Er6u5tOA2t8642VtC0cPj > div.issue-box > table td.money {
          font-size: 14px;
          color: #e54878; }
        ._3Er6u5tOA2t8642VtC0cPj > div.issue-box > table td > input.times {
          width: 50px;
          padding: 5px 10px;
          text-align: center;
          border: 1px solid #f6c74d;
          background: #f4f4f4;
          margin-right: 5px;
          color: #3b476a;
          border-radius: 3px; }
          ._3Er6u5tOA2t8642VtC0cPj > div.issue-box > table td > input.times::-webkit-outer-spin-button, ._3Er6u5tOA2t8642VtC0cPj > div.issue-box > table td > input.times::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
            margin: 0; }
  ._3Er6u5tOA2t8642VtC0cPj > div.submit {
    padding: 20px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._3Er6u5tOA2t8642VtC0cPj > div.submit > div.text {
      font-size: 13px; }
      ._3Er6u5tOA2t8642VtC0cPj > div.submit > div.text > span {
        font-size: 18px;
        margin: 0 10px; }
        ._3Er6u5tOA2t8642VtC0cPj > div.submit > div.text > span.money {
          color: #f6c74d; }
    ._3Er6u5tOA2t8642VtC0cPj > div.submit > div.btns > span {
      width: 122px;
      height: 42px;
      line-height: 42px;
      display: inline-block;
      text-align: center;
      font-size: 14px;
      border-radius: 5px;
      font-size: 16px;
      letter-spacing: 5px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-weight: bold;
      margin-left: 10px;
      cursor: pointer; }
      ._3Er6u5tOA2t8642VtC0cPj > div.submit > div.btns > span.cancel {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f4f4), to(#f9f9f9));
        background-image: -webkit-linear-gradient(bottom, #f4f4f4, #f9f9f9);
        background-image: linear-gradient(0deg, #f4f4f4, #f9f9f9); }
      ._3Er6u5tOA2t8642VtC0cPj > div.submit > div.btns > span.submit {
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
        background: -webkit-linear-gradient(top, #ff8400, #ff6100);
        background: linear-gradient(180deg, #ff8400, #ff6100);
        color: white; }
      ._3Er6u5tOA2t8642VtC0cPj > div.submit > div.btns > span:hover {
        opacity: .8; }

._3Er6u5tOA2t8642VtC0cPj > div.tabs > span {
  min-width: 122px;
  width: auto;
  padding: 0 5px;
  white-space: nowrap; }

._3Er6u5tOA2t8642VtC0cPj > div.opts > span.make-trace {
  text-align: right;
  text-indent: 0;
  width: auto;
  padding: 0 20px 0 40px; }

._3Er6u5tOA2t8642VtC0cPj > div.opts > div {
  white-space: nowrap;
  margin-right: 10px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.-WzesABx8xB2OFoBrLJn1 {
  width: 100%;
  background: white; }
  .-WzesABx8xB2OFoBrLJn1 > div.header,
  .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e1e1));
    background: -webkit-linear-gradient(#f6f6f6, #e3e1e1);
    background: linear-gradient(#f6f6f6, #e3e1e1);
    line-height: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-spacing: 1px;
    color: #2c3341;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 10px; }
    .-WzesABx8xB2OFoBrLJn1 > div.header > span,
    .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item > span {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100px;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .-WzesABx8xB2OFoBrLJn1 > div.header > span:nth-child(1),
      .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item > span:nth-child(1) {
        width: 485px; }
      .-WzesABx8xB2OFoBrLJn1 > div.header > span:nth-child(2),
      .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item > span:nth-child(2) {
        width: 120px; }
  .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item {
    padding: 0 15px; }
  .-WzesABx8xB2OFoBrLJn1 > div.empty {
    height: 80px;
    text-align: center;
    background: url(/webx/thai/desktop/svg/empty.93fa.svg) no-repeat center 10px; }
    .-WzesABx8xB2OFoBrLJn1 > div.empty > span {
      margin-top: 55px;
      color: #ccc;
      display: inline-block;
      font-weight: 600; }
  .-WzesABx8xB2OFoBrLJn1 > div.items-box {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    max-height: 160px;
    overflow: auto; }
    .-WzesABx8xB2OFoBrLJn1 > div.items-box::-webkit-scrollbar {
      width: 4px;
      height: 6px;
      background-color: #f6f8fb; }
    .-WzesABx8xB2OFoBrLJn1 > div.items-box::-webkit-scrollbar-track {
      background-color: #f6f8fb; }
    .-WzesABx8xB2OFoBrLJn1 > div.items-box::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color: #f6c74d;
      border-radius: 10px; }
    .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item {
      border: 0;
      border-bottom: 1px dashed #d8d8d8;
      font-size: 12px;
      font-weight: 500; }
      .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item:nth-child(2n) {
        background: #f0f2f5; }
      .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item:nth-child(2n + 1) {
        background: #fafafa; }
      .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item > span:nth-child(1) {
        display: inline-block;
        text-align: left;
        padding-left: 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative; }
        .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item > span:nth-child(1) > label {
          color: #f6c74d;
          cursor: pointer; }
      .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item select {
        color: #2c3341;
        height: 24px;
        border-radius: 4px;
        background-image: -webkit-linear-gradient(bottom, #e3e3e3, #feffff);
        border: 0; }
      .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item img {
        cursor: pointer; }
  .-WzesABx8xB2OFoBrLJn1 > div.submit-bar {
    height: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px; }
    .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .infos {
      font-size: 14px;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .infos > span {
        padding: 0 5px;
        font-weight: bold;
        color: #b24e66; }
      .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .infos > span.mmc {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        float: left; }
    .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .actions > span.go-bet,
    .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .actions > span.trace-btn {
      height: 36px;
      width: 100px;
      line-height: 36px;
      display: inline-block;
      border-radius: 2px;
      font-size: 14px;
      text-align: center;
      font-weight: 600;
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
              box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
      margin-left: 10px;
      cursor: pointer; }
    .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .actions > span.trace-btn {
      border: 1px solid #bcbcbc;
      border-radius: 2px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f4f4), to(#f9f9f9));
      background-image: -webkit-linear-gradient(bottom, #f4f4f4, #f9f9f9);
      background-image: linear-gradient(0deg, #f4f4f4, #f9f9f9);
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
              box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
      position: relative; }
      .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .actions > span.trace-btn.actived::before {
        position: absolute;
        top: 0;
        right: 0;
        content: '';
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-top: 20px solid #e54a6f; }
      .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .actions > span.trace-btn.actived::after {
        position: absolute;
        top: -12px;
        right: 10px;
        content: '\221A';
        color: #fff;
        width: 0;
        height: 0; }
    .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .actions > span.countdown {
      padding-left: 18px;
      font-size: 14px;
      font-weight: bold;
      color: #b24e66; }

.-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .actions > span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0 5px; }
  .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .actions > span.go-bet {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
    background: -webkit-linear-gradient(top, #ff8400, #ff5300);
    background: linear-gradient(top, #ff8400, #ff5300);
    border-radius: 5px;
    color: #fff; }
  .-WzesABx8xB2OFoBrLJn1 > div.submit-bar > .actions > span.trace-btn {
    border-radius: 5px;
    border: 1px solid #745454;
    color: #745454;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content; }

.-WzesABx8xB2OFoBrLJn1 > div.submit-bar .infos > span {
  color: #f03; }

.-WzesABx8xB2OFoBrLJn1 > div.header,
.-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item {
  background: #f3d5d5;
  color: #745454; }
  .-WzesABx8xB2OFoBrLJn1 > div.header > span:nth-child(1),
  .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item > span:nth-child(1) {
    width: 450px; }
  .-WzesABx8xB2OFoBrLJn1 > div.header > span:nth-child(2),
  .-WzesABx8xB2OFoBrLJn1 > div.items-box > div.order-item > span:nth-child(2) {
    min-width: 120px; }

.-WzesABx8xB2OFoBrLJn1 > div.header > span:nth-child(3) {
  line-height: 10px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1P0NHV2mWsVHsaTL4TbRgj {
  height: 100%; }
  ._1P0NHV2mWsVHsaTL4TbRgj > div.header {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    color: black;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e1e1));
    background: -webkit-linear-gradient(#f6f6f6, #e3e1e1);
    background: linear-gradient(#f6f6f6, #e3e1e1);
    padding: 0 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    font-weight: bold; }
    ._1P0NHV2mWsVHsaTL4TbRgj > div.header > span.title > svg {
      cursor: pointer;
      vertical-align: -2px; }
    ._1P0NHV2mWsVHsaTL4TbRgj > div.header > span.manycai-analyse {
      cursor: pointer;
      padding-left: 37px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAOCAYAAAChHnWMAAAABHNCSVQICAgIfAhkiAAAAjNJREFUOI21lU2IjlEUx393vOaDQQ1TgyKyMFm/ZeNjwTRECYuZzWyUmLKTYqEoCw2xsfExG9OsjEI2IhtJ2chsmJHUJJrMEAvy9bN4zzOut3d8hLO553/+557zf+5z7vPAb5jaq64Of6l6xop9UI+pjb9T549NXaveUC8ELqnz1Ha1Uz3gd1vyPwTsjeJjaqu6Te1T56r16j61UW1Ty/9cQIg4oT4IvycEbc/48+rhv+wxW+1Wu3+VuD8E3K3BNf2liJXFuyzVIJcB74A2oC/CV6rzUkrvI38WsAh4lVJ6U6PeIqA5+MmMGgO6gFSnHlHvqv3qVeAp0AOsyzZMqkfVg1UNTgHjwCjwWj2ntga3XL0BPAceAxPqZXVxbJ8FdAAbUW/6o02oh9QNWaxLHVLNBJzN+CH1RfiDwT/Lhnu3+jDwpUykqqiD4Y/H5Deow2pZvRpFyuq9QoQ6PxOwJ2It6nG1PfBWdY1aF/h05N8PvLCWiFvZU75UR60MT312KpPBbwr8SW2onoOszhb1uj/a7WJWikBdtmdm1dCsAHaklD4CrRH/Gmtzhj/XaN4Qza4Bm4GLwMB0YnMRKfOLW/Mp1s9VOcOx1gOdWfNdagtQBtYDX4AFKaUe4O3PRBTHmX//C78QMyPWJrWUUnoEjERswMq/pR84D5yhcmOKfSvV/UBvVc2pAygBxcRPTf40sQI3UfmOdADXgVXRGCpX8WRKaSRuwU7gTnBPqLziOYG/FEW/AcCFUC3YJ4zDAAAAAElFTkSuQmCC) no-repeat left -1px; }
      ._1P0NHV2mWsVHsaTL4TbRgj > div.header > span.manycai-analyse:hover {
        text-decoration: underline; }
    ._1P0NHV2mWsVHsaTL4TbRgj > div.header > span.chart {
      float: right;
      cursor: pointer; }
  ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper {
    height: calc(100% - 50px); }
    ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .code-list {
      -ms-overflow-style: -ms-autohiding-scrollbar;
      padding: 5px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      overflow-y: scroll;
      overflow-x: hidden;
      height: calc(100% - 32px);
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
      ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .code-list::-webkit-scrollbar {
        width: 4px;
        height: 6px;
        background-color: #f6f8fb; }
      ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .code-list::-webkit-scrollbar-track {
        background-color: #f6f8fb; }
      ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .code-list::-webkit-scrollbar-thumb {
        cursor: pointer;
        background-color: #f6c74d;
        border-radius: 10px; }
    ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .title-loader {
      padding: 5px 10px 5px 5px; }
    ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .title {
      height: 26px;
      line-height: 16px;
      font-weight: bold;
      padding: 5px 10px 5px 5px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #f3f2f2; }
      ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .title span {
        display: block;
        float: left; }
        ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .title span.issue {
          width: 25%;
          text-align: center; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .title span.issue.full-size {
            width: 30%; }
        ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .title span.codes {
          text-align: center;
          width: 44%; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .title span.codes.full-size {
            width: 70%; }
        ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .title span.form {
          text-align: center;
          width: 31%; }
    ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item {
      min-height: 30px; }
      ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item:nth-child(1) .code-number span {
        color: #fc5d50;
        padding: 0px 5px;
        border-radius: 50px;
        margin: 5px 1px 0 1px;
        width: 20px;
        height: 20px;
        display: block;
        line-height: 20px;
        float: left;
        padding: 0; }
        ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item:nth-child(1) .code-number span.disabled {
          color: #fff;
          background: #b2bcdc; }
        ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item:nth-child(1) .code-number span.active {
          font-weight: 600;
          color: #fff;
          background: #e54a6f; }
      ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div {
        float: left;
        min-height: 30px;
        line-height: 30px;
        word-wrap: break-word;
        text-align: center; }
        ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-issue {
          width: 29%;
          text-align: center;
          color: #6e6a85; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-issue.high-light {
            color: #fc5d50;
            font-weight: 600; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-issue.mmc {
            color: #97a6c5; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-issue.full-size {
            text-align: center;
            width: 30%; }
        ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-number {
          width: 40%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-number.full-size {
            width: 70%; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-number span {
            color: #7c8cab;
            width: 20px;
            text-align: center;
            margin: 0 1px; }
            ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-number span.active {
              color: #e54a6f; }
        ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form {
          width: 30%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .empty {
            padding: 0 2px; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .ball {
            border-radius: 50px;
            color: #fff;
            display: block;
            width: 20px;
            height: 20px;
            line-height: 19px;
            margin: 5px 2px 0 0; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_7c73ff {
            color: #7c73ff; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_40cfff {
            color: #40cfff; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_229e6d {
            color: #229e6d; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_cc8b1e {
            color: #cc8b1e; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_006dfe {
            color: #006dfe; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_ff33ff {
            color: #ff33ff; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_f95016 {
            color: #f95016; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_476efe {
            color: #476efe; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_1291bb {
            color: #1291bb; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_fc5d50 {
            color: #fc5d50; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_0b9fb9 {
            color: #0b9fb9; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .c_685ba2 {
            color: #685ba2; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .b_f8aa46 {
            background: #f8aa46; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .b_4c8bda {
            background: #4c8bda; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .b_008000 {
            background: #008000; }
          ._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper .code-item > div.code-form .b_ff0000 {
            background: #ff0000; }

._1P0NHV2mWsVHsaTL4TbRgj > div.header {
  background: #f3d5d5;
  color: #745454; }

._1P0NHV2mWsVHsaTL4TbRgj > .codes-warpper > .title {
  background: #fbefef;
  color: #8a7070;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto; }

._1P0NHV2mWsVHsaTL4TbRgj .code-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  ._1P0NHV2mWsVHsaTL4TbRgj .code-item > div.code-form {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2CxgPA9l3NbwJL_1qUI_ET {
  padding: 16px 35px;
  background: #fff;
  font-size: 14px; }
  ._2CxgPA9l3NbwJL_1qUI_ET .cate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    ._2CxgPA9l3NbwJL_1qUI_ET .cate .title {
      font-weight: 600;
      color: #7d8fb3;
      width: 102px;
      text-align: right;
      margin: 12.5px 0;
      line-height: 22px;
      height: 22px; }
    ._2CxgPA9l3NbwJL_1qUI_ET .cate .lottery-items {
      width: 848px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      border-bottom: 1px dashed #cccccc;
      padding-left: 10px;
      margin: 0px 0px 10px 10px; }
      ._2CxgPA9l3NbwJL_1qUI_ET .cate .lottery-items > span {
        width: 135px;
        margin: 15px 2px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer; }
        ._2CxgPA9l3NbwJL_1qUI_ET .cate .lottery-items > span > svg {
          color: #e6ebf5; }
          ._2CxgPA9l3NbwJL_1qUI_ET .cate .lottery-items > span > svg.active {
            color: #eed12d; }
  ._2CxgPA9l3NbwJL_1qUI_ET > span.save {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    width: 150px;
    margin: auto;
    margin-top: 20px; }
    ._2CxgPA9l3NbwJL_1qUI_ET > span.save:hover {
      opacity: 0.8; }
    ._2CxgPA9l3NbwJL_1qUI_ET > span.save:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2CxgPA9l3NbwJL_1qUI_ET > span.save:hover::before {
        width: 45px;
        left: 205px; }
    ._2CxgPA9l3NbwJL_1qUI_ET > span.save::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2CxgPA9l3NbwJL_1qUI_ET .cate .title {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content; }

._2CxgPA9l3NbwJL_1qUI_ET .cate .lottery-items > span {
  width: auto; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2kssJroCsHi9UelJntgoaH {
  width: 160px;
  position: absolute;
  background-color: white;
  top: 0px;
  left: -180px;
  border-radius: 10px;
  z-index: 1;
  -webkit-animation: fav-fade-coming 1s;
          animation: fav-fade-coming 1s; }
  @media screen and (max-width: 1400px) {
    ._2kssJroCsHi9UelJntgoaH {
      left: 0px;
      border: 1px solid #eed12d; } }
  ._2kssJroCsHi9UelJntgoaH > h6 {
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    padding: 0 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #2c3341;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: normal;
    background: #eed12d;
    color: white; }
  ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item {
    height: 52px;
    line-height: 20px;
    border-bottom: 1px solid #e0edea;
    padding: 0 12px;
    padding-top: 8px;
    font-size: 12px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #4c4c4c;
    background: white;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    position: relative; }
    ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item:hover {
      background: #e0edea; }
    ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item.actived {
      color: #fffbf2;
      background: rgba(238, 209, 45, 0.6); }
    ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .countdown {
      color: #7166a5; }
      ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .countdown.warn {
        color: #fc5d50; }
    ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .progress-box {
      width: 22px;
      height: 22px;
      position: absolute;
      top: 16px;
      right: 20px; }
      ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .progress-box .progress {
        width: 22px; }
    ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item.active > .progress-box {
      border: 1px solid white;
      border-radius: 50%; }
    ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .line-bg {
      height: 3px;
      background-color: #c1c1c1;
      border-radius: 1px;
      margin-top: 8px; }
      ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .line-bg > .fill {
        -webkit-transition: 1s all;
        transition: 1s all;
        height: 3px;
        background-image: -webkit-gradient(linear, left top, right top, from(#89f7fe), to(#66a6ff));
        background-image: -webkit-linear-gradient(left, #89f7fe 0%, #66a6ff 100%);
        background-image: linear-gradient(90deg, #89f7fe 0%, #66a6ff 100%); }
        ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .line-bg > .fill.warn {
          background-image: -webkit-gradient(linear, left top, right top, from(#ff6a71), to(#ffa061));
          background-image: -webkit-linear-gradient(left, #ff6a71 0%, #ffa061 100%);
          background-image: linear-gradient(90deg, #ff6a71 0%, #ffa061 100%); }
  ._2kssJroCsHi9UelJntgoaH > div.footer {
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #727272;
    font-size: 14px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer; }

._54pJvFU4IwPxEWwYHr1lX {
  -webkit-animation: fav-mini-coming 1s;
          animation: fav-mini-coming 1s;
  left: -30px;
  position: absolute;
  width: 30px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 110px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  letter-spacing: 1px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  line-height: 16px;
  border: 1px solid;
  background: #eed12d;
  border: none; }
  ._54pJvFU4IwPxEWwYHr1lX > svg {
    margin: 10px 0 2px 0 !important; }
  ._54pJvFU4IwPxEWwYHr1lX:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1); }

@-webkit-keyframes fav-fade-coming {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(-30%, 0%);
            transform: translate(-30%, 0%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); } }

@keyframes fav-fade-coming {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(-30%, 0%);
            transform: translate(-30%, 0%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); } }

@-webkit-keyframes fav-mini-coming {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); } }

@keyframes fav-mini-coming {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); } }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2kssJroCsHi9UelJntgoaH {
  width: 160px;
  position: absolute;
  top: 0px;
  left: -170px;
  border-radius: 10px;
  -webkit-animation: fav-fade-coming 1s;
          animation: fav-fade-coming 1s; }
  ._2kssJroCsHi9UelJntgoaH > h6 {
    position: relative;
    min-width: 100px;
    height: 38px;
    color: #3b291d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: normal;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, right top, from(#f8bf3f), to(#ffffa9));
    background-image: -webkit-linear-gradient(left, #f8bf3f 0%, #ffffa9 100%);
    background-image: linear-gradient(left, #f8bf3f 0%, #ffffa9 100%);
    border-radius: 5px; }
    ._2kssJroCsHi9UelJntgoaH > h6 i.star {
      width: 14px;
      height: 14px;
      margin-right: 3px;
      color: #3b291d; }
      ._2kssJroCsHi9UelJntgoaH > h6 i.star svg {
        margin: 0px !important; }
  ._2kssJroCsHi9UelJntgoaH > p {
    font-size: 13px;
    color: #ccc;
    margin-top: 12px; }
    ._2kssJroCsHi9UelJntgoaH > p i.ic-favorite {
      display: inline-block;
      width: 13px;
      height: 14px;
      margin: 0 4px 0 3px;
      vertical-align: -2px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMDE1YjQ2Ni0xZWU1LTNiNDQtYTc5MS1kMzg1MjZhM2RkYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDE2RTVGMjcyRjk5MTFFQUJGNDBDOTI5NjIxMUQxNzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDE2RTVGMjYyRjk5MTFFQUJGNDBDOTI5NjIxMUQxNzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTliYjI4MDMtNWRlNi05ZTRhLWFiNWEtMmYzODEwZmRlMTJlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2Q2ZTQyNTktMjAwOS0zMDQ4LWE3M2MtNTJiY2QyNTVmZTk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rrk7ygAAATNJREFUeNp00s8rhEEcx/FZPZEtxAWHvciFzVFCOSg/LookIUdPm/IrkT+Ag2idtEgoJRcuEmqv6+CwW9xXLrvlQHJW3qPPZvZpd+o10zPPd+Y7z3eekO/7m8aYZaRwgWt8m/9WizFMoxdxj24Fh2jRmMADXjU3qMU3OMV6BV1Yu4+iGYuw8334QQxNmMQ9qjxT3D5xjDRuMYdMIOZvR7fZM0/gQLsnlKHLDQpmsueuRw4z2MEl3tFYLtOIjnikSp7hQ9Urm8mW/Rzj+FLwCR5LLQo5c1F0YE/P2VKFeEOPM1eHLdRgFw3Ou267iaePjaMS2+h0gtY0VmNDFmymfSxhFc/oD5xmGC+69Hl7DYXq2Xtp00UmVblZXOEOT2hXVYtKnscUhtCqgAgG9LPmC4G/AgwAIrg9K6l9SpkAAAAASUVORK5CYII=) no-repeat center; }
  ._2kssJroCsHi9UelJntgoaH > div.lotterys {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 13px;
    color: #fbd967; }
    ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item {
      cursor: pointer;
      padding-top: 12px; }
      ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .lottery-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        height: 13px;
        margin: 0 3px 6px -3px; }
        ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .lottery-title b {
          width: 5px;
          height: 5px;
          border-radius: 50%;
          background: #fbd967;
          margin-right: 8px; }
        ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .lottery-title i {
          width: 12px;
          height: 12px;
          text-align: center;
          border-radius: 2px;
          font-size: 12px;
          color: #fff;
          font-style: normal;
          margin-left: 3px; }
          ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .lottery-title i.icon-hot {
            background: #f00; }
          ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .lottery-title i.icon-new {
            background: #093; }
      ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .countdown {
        margin-left: 10px; }
        ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item > .countdown.warn {
          color: #f00; }
      ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item:hover {
        -webkit-filter: brightness(120%);
                filter: brightness(120%); }
      ._2kssJroCsHi9UelJntgoaH > div.lotterys > div.item.actived {
        -webkit-filter: brightness(120%);
                filter: brightness(120%);
        color: #333; }
  ._2kssJroCsHi9UelJntgoaH > div.footer {
    height: 33px;
    font-size: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ccc;
    margin: 6px 0 0 12px; }
    ._2kssJroCsHi9UelJntgoaH > div.footer span {
      cursor: pointer;
      text-decoration: underline; }
    ._2kssJroCsHi9UelJntgoaH > div.footer i {
      width: 18px;
      height: 14px;
      margin-right: 5px; }

._54pJvFU4IwPxEWwYHr1lX {
  -webkit-animation: fav-mini-coming 1s;
          animation: fav-mini-coming 1s;
  left: -35px;
  position: absolute;
  width: 35px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 160px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  letter-spacing: 1px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  line-height: 16px;
  border: 1px solid;
  background: #b38236;
  border: none;
  word-break: break-word; }
  ._54pJvFU4IwPxEWwYHr1lX > svg {
    color: #3b291d;
    margin: 10px 0 2px 0 !important; }
  ._54pJvFU4IwPxEWwYHr1lX:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1); }

@keyframes fav-fade-coming {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(-30%, 0%);
            transform: translate(-30%, 0%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); } }

@keyframes fav-mini-coming {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); } }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3ftSrz3SL3dMvH0EA98ea0 {
  color: black;
  height: 30px;
  line-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  ._3ftSrz3SL3dMvH0EA98ea0 input {
    width: 230px;
    height: 28px;
    border: 0;
    color: black; }
    ._3ftSrz3SL3dMvH0EA98ea0 input:disabled {
      background: white; }
  ._3ftSrz3SL3dMvH0EA98ea0 .shortcut {
    margin: 0 10px;
    float: left; }
    ._3ftSrz3SL3dMvH0EA98ea0 .shortcut span {
      border: 1px solid #e0e6ed;
      display: inline-block;
      text-align: center;
      width: 76px;
      height: 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer; }
      ._3ftSrz3SL3dMvH0EA98ea0 .shortcut span:hover, ._3ftSrz3SL3dMvH0EA98ea0 .shortcut span.checked {
        color: white;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
        background: -webkit-linear-gradient(top, #ff8400, #ff6100);
        background: linear-gradient(180deg, #ff8400, #ff6100); }
      ._3ftSrz3SL3dMvH0EA98ea0 .shortcut span:nth-child(1) {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      ._3ftSrz3SL3dMvH0EA98ea0 .shortcut span:nth-child(2) {
        border-left: 0;
        border-right: 0; }
      ._3ftSrz3SL3dMvH0EA98ea0 .shortcut span:nth-child(3) {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
  ._3ftSrz3SL3dMvH0EA98ea0 .query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._3ftSrz3SL3dMvH0EA98ea0 .query:hover {
      opacity: 0.8; }
    ._3ftSrz3SL3dMvH0EA98ea0 .query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3ftSrz3SL3dMvH0EA98ea0 .query:hover::before {
        width: 45px;
        left: 205px; }
    ._3ftSrz3SL3dMvH0EA98ea0 .query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.react-bootstrap-daterangepicker-container {
  padding: 0 30px 0 10px;
  border: 1px solid #e0e6ed;
  border-radius: 2px;
  color: black;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAABMUlEQVQ4ja3UTyuFQRTH8c/Vk6IsZGVhoaxsZGmlxEvwL0oieQNWiheALBSeEiVlZWmvbGysrYgsZOGmSIl7Wdy5NbkXPR6/OjVnzsx3zjkzTSFNU3V0gmOs1AuG2DmW4skEjZhDN96xis5gAxhBIax/wxo68Ih+jOMOGwl2MYYblHAYHdaLocgv4SiMy+gJ8Xb0FdI0fcE6FqNN07jA2TdlTobDT4O/jKUETXj6snjvG0hVB1/8VzQkwenC4C+An9RF5QJgJlguVWEr2M7BmcdCFVbEVQ5YERpyAGoUwxLc4iOD3aMlBlT1rvLW2jMk84DnejDYzwCq0b/2LM6sgE20Zdj/pPIs6sKa0ZoBVhJVF8PKmMoAqtG/9+wCoyqfXfmPCQ3jOsEsdrCVI6lLTHwCRLdDn2g8T8cAAAAASUVORK5CYII=) no-repeat right center;
  background-position-x: 98%;
  float: left;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.daterangepicker .btn {
  border: none;
  background: #357ebd;
  color: #fff;
  border-radius: 4px;
  cursor: pointer; }

.daterangepicker .cancelBtn {
  background: #ccc; }

._3ftSrz3SL3dMvH0EA98ea0 .shortcut span {
  background: #fff;
  color: #606060;
  border: 1px solid #ccc;
  font-size: 14px;
  width: auto;
  padding: 0 8px;
  margin-left: -1px; }
  ._3ftSrz3SL3dMvH0EA98ea0 .shortcut span:nth-child(2) {
    border: 1px solid #ccc; }

._3ftSrz3SL3dMvH0EA98ea0 .shortcut span.checked,
._3ftSrz3SL3dMvH0EA98ea0 .shortcut span:hover {
  position: relative;
  background: #fff;
  color: #ff5e11;
  border: 1px solid #ff5e11; }

._3ftSrz3SL3dMvH0EA98ea0 > .react-bootstrap-daterangepicker-container {
  border: 1px solid #999;
  background-color: #fff; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2xR30VIEvpVFRH37DC0Nbo .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar select.report,
  ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2xR30VIEvpVFRH37DC0Nbo > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._2xR30VIEvpVFRH37DC0Nbo > .level-info > span.desc {
    color: #c8ccd6; }
  ._2xR30VIEvpVFRH37DC0Nbo > .level-info > div.level {
    color: #c8ccd6; }
    ._2xR30VIEvpVFRH37DC0Nbo > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._2xR30VIEvpVFRH37DC0Nbo > .level-info > div.level > span::after {
        content: ' > '; }
      ._2xR30VIEvpVFRH37DC0Nbo > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._2xR30VIEvpVFRH37DC0Nbo > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._2xR30VIEvpVFRH37DC0Nbo > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._2xR30VIEvpVFRH37DC0Nbo > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._2xR30VIEvpVFRH37DC0Nbo .report-search-bar {
  white-space: nowrap; }
  ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar select.report,
  ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._2xR30VIEvpVFRH37DC0Nbo .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._2xR30VIEvpVFRH37DC0Nbo > .level-info > div.level {
  color: #666; }
  ._2xR30VIEvpVFRH37DC0Nbo > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._2xR30VIEvpVFRH37DC0Nbo > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._2xR30VIEvpVFRH37DC0Nbo > .level-info > span.desc,
._2xR30VIEvpVFRH37DC0Nbo > .ext-info h6 {
  color: #f00; }

._2xR30VIEvpVFRH37DC0Nbo > .line {
  background: #ccc;
  margin-top: 0; }

._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item:first-child {
    margin-top: 0; }
  ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item div.values {
    width: 300px; }
    ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._2xR30VIEvpVFRH37DC0Nbo > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._2xR30VIEvpVFRH37DC0Nbo > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2xR30VIEvpVFRH37DC0Nbo > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._2xR30VIEvpVFRH37DC0Nbo > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2xR30VIEvpVFRH37DC0Nbo > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._2xR30VIEvpVFRH37DC0Nbo > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2xR30VIEvpVFRH37DC0Nbo > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._2xR30VIEvpVFRH37DC0Nbo > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item > span.text {
    white-space: nowrap; }
  ._2xR30VIEvpVFRH37DC0Nbo > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._2xR30VIEvpVFRH37DC0Nbo > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._2xR30VIEvpVFRH37DC0Nbo.detail > header {
  height: 35px; }
  ._2xR30VIEvpVFRH37DC0Nbo.detail > header span.title {
    font-size: 25px;
    color: #e54a6f; }
  ._2xR30VIEvpVFRH37DC0Nbo.detail > header span.issue,
  ._2xR30VIEvpVFRH37DC0Nbo.detail > header span.account {
    color: #a3a3a3;
    margin-left: 50px;
    font-size: 14px; }
  ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.goback,
  ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.cancel {
    float: right;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }
    ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.goback:hover,
    ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.cancel:hover {
      opacity: 0.8; }
    ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.goback:hover,
    ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.cancel:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.goback:hover::before,
      ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.cancel:hover::before {
        width: 45px;
        left: 205px; }
    ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.goback::before,
    ._2xR30VIEvpVFRH37DC0Nbo.detail > header button.cancel::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2xR30VIEvpVFRH37DC0Nbo.detail table {
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
  color: #666;
  border: #edebf5 solid 0px;
  background: #f7f9fc; }
  ._2xR30VIEvpVFRH37DC0Nbo.detail table td {
    text-align: left;
    font-size: 14px;
    padding: 10px;
    border: #edebf5 solid 1px; }
    ._2xR30VIEvpVFRH37DC0Nbo.detail table td span {
      color: black; }
      ._2xR30VIEvpVFRH37DC0Nbo.detail table td span.money {
        font-size: 22px;
        color: #e54a6f; }
      ._2xR30VIEvpVFRH37DC0Nbo.detail table td span.codes {
        display: inline-block;
        font-size: 16px;
        color: #a3a3a3;
        font-weight: bold;
        letter-spacing: 1px;
        width: 280px;
        word-wrap: break-word;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
    ._2xR30VIEvpVFRH37DC0Nbo.detail table td .rate-detail span {
      color: #666; }
    ._2xR30VIEvpVFRH37DC0Nbo.detail table td .rate-detail span:last-child {
      margin-left: 10px; }
  ._2xR30VIEvpVFRH37DC0Nbo.detail table.summary {
    border: 0;
    background: white; }
    ._2xR30VIEvpVFRH37DC0Nbo.detail table.summary td {
      border: 0; }
      ._2xR30VIEvpVFRH37DC0Nbo.detail table.summary td div.codes {
        position: relative;
        border: 1px solid #edebf5;
        color: #7c7fbf;
        border-radius: 6px;
        font-size: 16px;
        letter-spacing: 0.5px;
        word-break: break-all;
        white-space: normal;
        padding: 10px 0 10px 15px;
        margin: 0 auto;
        text-align: left;
        line-height: 30px;
        word-wrap: break-word;
        background-color: #f7f9fc;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
        ._2xR30VIEvpVFRH37DC0Nbo.detail table.summary td div.codes i {
          position: absolute;
          top: -12px;
          left: 35px;
          width: 15px;
          height: 12px;
          display: inline-block; }
      ._2xR30VIEvpVFRH37DC0Nbo.detail table.summary td.right {
        text-align: right; }
        ._2xR30VIEvpVFRH37DC0Nbo.detail table.summary td.right span {
          margin-left: 10px; }

._2xR30VIEvpVFRH37DC0Nbo input.search {
  width: 80px;
  padding: 0 5px;
  border: 1px solid #eee;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0 5px; }

._2xR30VIEvpVFRH37DC0Nbo .report-search-bar select.report {
  min-width: 80px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._13ylVgHNkLcqBN0OCM9z7q .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar select.report,
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._13ylVgHNkLcqBN0OCM9z7q > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._13ylVgHNkLcqBN0OCM9z7q > .level-info > span.desc {
    color: #c8ccd6; }
  ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level {
    color: #c8ccd6; }
    ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > span::after {
        content: ' > '; }
      ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._13ylVgHNkLcqBN0OCM9z7q > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._13ylVgHNkLcqBN0OCM9z7q > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._13ylVgHNkLcqBN0OCM9z7q > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._13ylVgHNkLcqBN0OCM9z7q .report-search-bar {
  white-space: nowrap; }
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar select.report,
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level {
  color: #666; }
  ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._13ylVgHNkLcqBN0OCM9z7q > .level-info > span.desc,
._13ylVgHNkLcqBN0OCM9z7q > .ext-info h6 {
  color: #f00; }

._13ylVgHNkLcqBN0OCM9z7q > .line {
  background: #ccc;
  margin-top: 0; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item:first-child {
    margin-top: 0; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values {
    width: 300px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._13ylVgHNkLcqBN0OCM9z7q > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item > span.text {
    white-space: nowrap; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._13ylVgHNkLcqBN0OCM9z7q.detail > header {
  height: 35px; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header span.title {
    font-size: 25px;
    color: #e54a6f; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header span.issue,
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header span.account {
    color: #a3a3a3;
    margin-left: 50px;
    font-size: 14px; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback,
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel {
    float: right;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback:hover,
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback:hover,
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback:hover::before,
      ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback::before,
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._13ylVgHNkLcqBN0OCM9z7q.detail table {
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
  color: #666;
  border: #edebf5 solid 0px;
  background: #f7f9fc; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail table td {
    text-align: left;
    font-size: 14px;
    padding: 10px;
    border: #edebf5 solid 1px; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail table td span {
      color: black; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail table td span.money {
        font-size: 22px;
        color: #e54a6f; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail table td span.codes {
        display: inline-block;
        font-size: 16px;
        color: #a3a3a3;
        font-weight: bold;
        letter-spacing: 1px;
        width: 280px;
        word-wrap: break-word;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary {
    border: 0;
    background: white; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td {
      border: 0; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td div.codes {
        position: relative;
        border: 1px solid #edebf5;
        color: #7c7fbf;
        border-radius: 6px;
        font-size: 16px;
        letter-spacing: 0.5px;
        word-break: break-all;
        white-space: normal;
        padding: 10px 0 10px 15px;
        margin: 0 auto;
        text-align: left;
        line-height: 30px;
        word-wrap: break-word;
        background-color: #f7f9fc;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
        ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td div.codes i {
          position: absolute;
          top: -12px;
          left: 35px;
          width: 15px;
          height: 12px;
          display: inline-block; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td.right {
        text-align: right; }
        ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td.right span {
          margin-left: 10px; }

._13ylVgHNkLcqBN0OCM9z7q input.search {
  width: 80px;
  padding: 0 5px;
  border: 1px solid #eee;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0 5px; }

._13ylVgHNkLcqBN0OCM9z7q .report-search-bar select.report {
  min-width: 80px; }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._13ylVgHNkLcqBN0OCM9z7q .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar select.report,
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._13ylVgHNkLcqBN0OCM9z7q > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._13ylVgHNkLcqBN0OCM9z7q > .level-info > span.desc {
    color: #c8ccd6; }
  ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level {
    color: #c8ccd6; }
    ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > span::after {
        content: ' > '; }
      ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._13ylVgHNkLcqBN0OCM9z7q > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._13ylVgHNkLcqBN0OCM9z7q > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._13ylVgHNkLcqBN0OCM9z7q > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._13ylVgHNkLcqBN0OCM9z7q .report-search-bar {
  white-space: nowrap; }
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar select.report,
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._13ylVgHNkLcqBN0OCM9z7q .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level {
  color: #666; }
  ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._13ylVgHNkLcqBN0OCM9z7q > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._13ylVgHNkLcqBN0OCM9z7q > .level-info > span.desc,
._13ylVgHNkLcqBN0OCM9z7q > .ext-info h6 {
  color: #f00; }

._13ylVgHNkLcqBN0OCM9z7q > .line {
  background: #ccc;
  margin-top: 0; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item:first-child {
    margin-top: 0; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values {
    width: 300px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._13ylVgHNkLcqBN0OCM9z7q > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item > span.text {
    white-space: nowrap; }
  ._13ylVgHNkLcqBN0OCM9z7q > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._13ylVgHNkLcqBN0OCM9z7q > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._13ylVgHNkLcqBN0OCM9z7q.detail > header {
  height: 35px; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header span.title {
    font-size: 25px;
    color: #e54a6f; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header span.issue,
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header span.account {
    color: #a3a3a3;
    margin-left: 50px;
    font-size: 14px; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback,
  ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel {
    float: right;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback:hover,
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel:hover {
      opacity: 0.8; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback:hover,
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback:hover::before,
      ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel:hover::before {
        width: 45px;
        left: 205px; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.goback::before,
    ._13ylVgHNkLcqBN0OCM9z7q.detail > header button.cancel::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._13ylVgHNkLcqBN0OCM9z7q.detail table {
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
  color: #666;
  border: #edebf5 solid 0px;
  background: #f7f9fc; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail table td {
    text-align: left;
    font-size: 14px;
    padding: 10px;
    border: #edebf5 solid 1px; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail table td span {
      color: black; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail table td span.money {
        font-size: 22px;
        color: #e54a6f; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail table td span.codes {
        display: inline-block;
        font-size: 16px;
        color: #a3a3a3;
        font-weight: bold;
        letter-spacing: 1px;
        width: 280px;
        word-wrap: break-word;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail table td .rate-detail span {
      color: #666; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail table td .rate-detail span:last-child {
      margin-left: 10px; }
  ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary {
    border: 0;
    background: white; }
    ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td {
      border: 0; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td div.codes {
        position: relative;
        border: 1px solid #edebf5;
        color: #7c7fbf;
        border-radius: 6px;
        font-size: 16px;
        letter-spacing: 0.5px;
        word-break: break-all;
        white-space: normal;
        padding: 10px 0 10px 15px;
        margin: 0 auto;
        text-align: left;
        line-height: 30px;
        word-wrap: break-word;
        background-color: #f7f9fc;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
        ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td div.codes i {
          position: absolute;
          top: -12px;
          left: 35px;
          width: 15px;
          height: 12px;
          display: inline-block; }
      ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td.right {
        text-align: right; }
        ._13ylVgHNkLcqBN0OCM9z7q.detail table.summary td.right span {
          margin-left: 10px; }

._13ylVgHNkLcqBN0OCM9z7q input.search {
  width: 80px;
  padding: 0 5px;
  border: 1px solid #eee;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0 5px; }

._13ylVgHNkLcqBN0OCM9z7q .report-search-bar select.report {
  min-width: 80px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2v0QGXbNqiNWF5CokrLj_m .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar select.report,
  ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2v0QGXbNqiNWF5CokrLj_m > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._2v0QGXbNqiNWF5CokrLj_m > .level-info > span.desc {
    color: #c8ccd6; }
  ._2v0QGXbNqiNWF5CokrLj_m > .level-info > div.level {
    color: #c8ccd6; }
    ._2v0QGXbNqiNWF5CokrLj_m > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._2v0QGXbNqiNWF5CokrLj_m > .level-info > div.level > span::after {
        content: ' > '; }
      ._2v0QGXbNqiNWF5CokrLj_m > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._2v0QGXbNqiNWF5CokrLj_m > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._2v0QGXbNqiNWF5CokrLj_m > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._2v0QGXbNqiNWF5CokrLj_m > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._2v0QGXbNqiNWF5CokrLj_m .report-search-bar {
  white-space: nowrap; }
  ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar select.report,
  ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._2v0QGXbNqiNWF5CokrLj_m .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._2v0QGXbNqiNWF5CokrLj_m > .level-info > div.level {
  color: #666; }
  ._2v0QGXbNqiNWF5CokrLj_m > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._2v0QGXbNqiNWF5CokrLj_m > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._2v0QGXbNqiNWF5CokrLj_m > .level-info > span.desc,
._2v0QGXbNqiNWF5CokrLj_m > .ext-info h6 {
  color: #f00; }

._2v0QGXbNqiNWF5CokrLj_m > .line {
  background: #ccc;
  margin-top: 0; }

._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item:first-child {
    margin-top: 0; }
  ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item div.values {
    width: 300px; }
    ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._2v0QGXbNqiNWF5CokrLj_m > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._2v0QGXbNqiNWF5CokrLj_m > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2v0QGXbNqiNWF5CokrLj_m > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._2v0QGXbNqiNWF5CokrLj_m > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2v0QGXbNqiNWF5CokrLj_m > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._2v0QGXbNqiNWF5CokrLj_m > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2v0QGXbNqiNWF5CokrLj_m > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._2v0QGXbNqiNWF5CokrLj_m > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item > span.text {
    white-space: nowrap; }
  ._2v0QGXbNqiNWF5CokrLj_m > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._2v0QGXbNqiNWF5CokrLj_m > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._2v0QGXbNqiNWF5CokrLj_m.detail > span.cancel {
  min-width: 100px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  margin-left: 20px;
  font-size: 14px;
  border-radius: 5px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100);
  -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
          box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
  overflow: hidden;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
  background: -webkit-linear-gradient(top, #ffa200, #ff5300);
  background: linear-gradient(top, #ffa200, #ff5300);
  width: 120px;
  margin: auto;
  margin-top: 10px; }
  ._2v0QGXbNqiNWF5CokrLj_m.detail > span.cancel:hover {
    opacity: 0.8; }
  ._2v0QGXbNqiNWF5CokrLj_m.detail > span.cancel:hover {
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
    opacity: 1 !important; }
    ._2v0QGXbNqiNWF5CokrLj_m.detail > span.cancel:hover::before {
      width: 45px;
      left: 205px; }
  ._2v0QGXbNqiNWF5CokrLj_m.detail > span.cancel::before {
    content: ' ';
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: 0.3;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }

._2v0QGXbNqiNWF5CokrLj_m.detail > header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  ._2v0QGXbNqiNWF5CokrLj_m.detail > header > .goback {
    float: right;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }
    ._2v0QGXbNqiNWF5CokrLj_m.detail > header > .goback:hover {
      opacity: 0.8; }
    ._2v0QGXbNqiNWF5CokrLj_m.detail > header > .goback:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2v0QGXbNqiNWF5CokrLj_m.detail > header > .goback:hover::before {
        width: 45px;
        left: 205px; }
    ._2v0QGXbNqiNWF5CokrLj_m.detail > header > .goback::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._2v0QGXbNqiNWF5CokrLj_m.detail > header h3 {
    font-weight: 500; }

._2v0QGXbNqiNWF5CokrLj_m.detail > .track-detail {
  height: 130px;
  border: #edebf5 solid 0px;
  background: #f7f9fc;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-detail div.col {
    width: 33.33%;
    height: 90%;
    border-right: 1px dashed #ccc; }
    ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-detail div.col:last-child {
      border: 0; }
    ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-detail div.col .value-box {
      height: 35px;
      width: 80%;
      margin-left: 10%;
      border: 1px solid #edebf5;
      font-size: 14px;
      line-height: 35px;
      text-indent: 10px;
      font-size: 14px; }
      ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-detail div.col .value-box:nth-child(1) {
        margin-top: 5px; }
      ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-detail div.col .value-box:nth-child(2), ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-detail div.col .value-box:nth-child(3) {
        border-top: 0; }
      ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-detail div.col .value-box span.key {
        color: #666; }
      ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-detail div.col .value-box span.value {
        color: black; }

._2v0QGXbNqiNWF5CokrLj_m.detail > .track-codes {
  background: #f7e8f8;
  margin-top: 1px;
  padding: 20px;
  overflow: hidden;
  color: #8e6e91; }
  ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-codes label {
    display: inline-block;
    font-size: 16px;
    font-weight: bold; }
  ._2v0QGXbNqiNWF5CokrLj_m.detail > .track-codes span {
    width: 85%;
    display: inline-block;
    padding-left: 20px;
    margin-left: 12px;
    font-size: 15px;
    line-height: 22px;
    font-weight: bold;
    border-left: 1px solid #cfb7d1;
    color: #8e6e91;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    word-wrap: break-word; }

._2v0QGXbNqiNWF5CokrLj_m.detail > .track-issue-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 15px 0;
  color: #8994ab;
  font-size: 14px; }

._2v0QGXbNqiNWF5CokrLj_m.detail input[type='checkbox'] {
  margin-right: 2px; }

._2v0QGXbNqiNWF5CokrLj_m.detail > header > .goback {
  white-space: nowrap; }

._2v0QGXbNqiNWF5CokrLj_m.detail > span.cancel {
  white-space: nowrap;
  max-width: 170px;
  width: auto; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2-X1R_G3RNLYgl4OBUj3ff {
  min-height: 200px;
  background-color: white; }
  ._2-X1R_G3RNLYgl4OBUj3ff > .tabs {
    height: 37px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    color: #2c3341;
    border-radius: 3px 3px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e1e1));
    background: -webkit-linear-gradient(#f6f6f6, #e3e1e1);
    background: linear-gradient(#f6f6f6, #e3e1e1); }
    ._2-X1R_G3RNLYgl4OBUj3ff > .tabs > span {
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 105px;
      cursor: pointer; }
    ._2-X1R_G3RNLYgl4OBUj3ff > .tabs > span.active {
      font-weight: bold;
      color: white;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100); }
    ._2-X1R_G3RNLYgl4OBUj3ff > .tabs > span.actions {
      margin-left: auto;
      width: 140px; }
      ._2-X1R_G3RNLYgl4OBUj3ff > .tabs > span.actions > span {
        margin-left: 10px;
        width: 100px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
  ._2-X1R_G3RNLYgl4OBUj3ff > .tab-content {
    min-height: 255px;
    position: relative; }

._2-X1R_G3RNLYgl4OBUj3ff > .tabs {
  background: #f3d5d5;
  color: #745454; }
  ._2-X1R_G3RNLYgl4OBUj3ff > .tabs > span {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 10px; }
  ._2-X1R_G3RNLYgl4OBUj3ff > .tabs > span.active {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
    background: -webkit-linear-gradient(top, #ff8400, #ff5300);
    background: linear-gradient(top, #ff8400, #ff5300);
    color: #fff; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.UtKZpAMKoTeqtZuxikS9V span.query {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100); }

.UtKZpAMKoTeqtZuxikS9V > div.top-info {
  border-left: 2px solid #ff5b06;
  margin: 30px 0px;
  padding-left: 5px;
  font-size: 22px; }
  .UtKZpAMKoTeqtZuxikS9V > div.top-info > span.title {
    background: -webkit-gradient(linear, left bottom, left top, from(#ff5b06), to(#fe952c));
    background: -webkit-linear-gradient(bottom, #ff5b06, #fe952c);
    background: linear-gradient(bottom, #ff5b06, #fe952c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 15px; }
  .UtKZpAMKoTeqtZuxikS9V > div.top-info > span.issue {
    min-width: 120px;
    color: white;
    border-radius: 6px;
    padding: 0px 10px;
    background: #ff5300; }

._21aSnkx6jgk3GFKKqWQNTU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  ._21aSnkx6jgk3GFKKqWQNTU > div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px; }
    ._21aSnkx6jgk3GFKKqWQNTU > div.issue-item > div {
      height: 40px;
      line-height: 40px;
      text-align: center;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      ._21aSnkx6jgk3GFKKqWQNTU > div.issue-item > div > span {
        width: 50%;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc; }
        ._21aSnkx6jgk3GFKKqWQNTU > div.issue-item > div > span:last-child {
          border-right: 0; }
      ._21aSnkx6jgk3GFKKqWQNTU > div.issue-item > div.issue {
        background: #e8eaf0; }
      ._21aSnkx6jgk3GFKKqWQNTU > div.issue-item > div.num > span {
        border-bottom: none; }

._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.full-num {
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 28px;
  margin-bottom: 20px;
  background-color: #f6c74d;
  color: #fff;
  border-radius: 8px; }

._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div {
    width: 32%;
    text-align: center;
    border-radius: 8px;
    font-size: 20px; }
    ._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div > p {
      font-size: 22px; }
      ._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div > p:first-child {
        line-height: 50px;
        font-size: 24px;
        color: #fff;
        background-color: #f6c74d;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px; }
      ._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div > p:nth-child(2), ._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div > p:last-child {
        border: solid 1px #f6c74d;
        color: #fff;
        border-top: none;
        line-height: 40px; }
      ._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div > p:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px; }
    ._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div:nth-child(3) > p:last-child, ._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div:last-child > p:last-child {
      line-height: 80px; }

._1ia8wG4UgSlnMiYaZ8BPBI > div.issue-item {
  color: #fff; }
  ._1ia8wG4UgSlnMiYaZ8BPBI > div.issue-item > div.method {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._1ia8wG4UgSlnMiYaZ8BPBI > div.issue-item > div.method > div {
      width: 32%;
      text-align: center;
      border-radius: 8px;
      font-size: 18px; }
      ._1ia8wG4UgSlnMiYaZ8BPBI > div.issue-item > div.method > div > p:first-child {
        line-height: 40px;
        background-color: #f6c74d;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px; }
      ._1ia8wG4UgSlnMiYaZ8BPBI > div.issue-item > div.method > div > p:last-child {
        line-height: 70px;
        font-size: 28px;
        border: solid 1px #f6c74d;
        border-top: none;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px; }

._2wHZRBIY-iN5OpS7uWdAFi > div.issue-item {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  ._2wHZRBIY-iN5OpS7uWdAFi > div.issue-item > div {
    width: 23.5%;
    border: solid 1px #e3c9c9;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 18px; }
    ._2wHZRBIY-iN5OpS7uWdAFi > div.issue-item > div:nth-child(1), ._2wHZRBIY-iN5OpS7uWdAFi > div.issue-item > div:nth-child(2) {
      width: 49%; }
    ._2wHZRBIY-iN5OpS7uWdAFi > div.issue-item > div > p {
      height: 60px;
      line-height: 60px;
      text-align: center;
      color: #745454; }
      ._2wHZRBIY-iN5OpS7uWdAFi > div.issue-item > div > p:first-child {
        background: #f3d5d5; }
      ._2wHZRBIY-iN5OpS7uWdAFi > div.issue-item > div > p:last-child {
        font-size: 36px; }

._2CCBOm4sRoGf_4psTWCY0T > div.issue-item > div.method {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2CCBOm4sRoGf_4psTWCY0T > div.issue-item > div.method > div {
    width: 30%;
    text-align: center;
    border-radius: 8px;
    font-size: 18px; }
    ._2CCBOm4sRoGf_4psTWCY0T > div.issue-item > div.method > div > p:first-child {
      line-height: 40px;
      color: #fff;
      background-color: #f6c74d;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    ._2CCBOm4sRoGf_4psTWCY0T > div.issue-item > div.method > div > p:last-child {
      line-height: 70px;
      font-size: 28px;
      border: solid 1px #f6c74d;
      color: #555;
      border-top: none;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }

._2VQ-eVxy8d6fyHnYm6yAoe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  ._2VQ-eVxy8d6fyHnYm6yAoe > div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px; }
    ._2VQ-eVxy8d6fyHnYm6yAoe > div.issue-item > div {
      height: 40px;
      line-height: 40px;
      text-align: center;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      ._2VQ-eVxy8d6fyHnYm6yAoe > div.issue-item > div > span {
        width: 50%;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc; }
        ._2VQ-eVxy8d6fyHnYm6yAoe > div.issue-item > div > span:last-child {
          border-right: 0; }
      ._2VQ-eVxy8d6fyHnYm6yAoe > div.issue-item > div.issue {
        background: #e8eaf0; }
      ._2VQ-eVxy8d6fyHnYm6yAoe > div.issue-item > div.num > span {
        border-bottom: none; }

.G152QauBV7KdB0ROF9H3z {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .G152QauBV7KdB0ROF9H3z > div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 48%;
    color: #666;
    font-size: 16px; }
    .G152QauBV7KdB0ROF9H3z > div.issue-item:nth-child(2n + 1) {
      margin-right: 2%; }
    .G152QauBV7KdB0ROF9H3z > div.issue-item > div {
      height: 40px;
      line-height: 40px;
      text-align: center;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .G152QauBV7KdB0ROF9H3z > div.issue-item > div > span {
        width: 50%;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc; }
        .G152QauBV7KdB0ROF9H3z > div.issue-item > div > span:last-child {
          border-right: 0; }
      .G152QauBV7KdB0ROF9H3z > div.issue-item > div.issue {
        background: #e8eaf0; }
      .G152QauBV7KdB0ROF9H3z > div.issue-item > div.num > span {
        border-bottom: none; }

._30h_j7Mk1pwPPfpaKRomZm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  ._30h_j7Mk1pwPPfpaKRomZm > div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px; }
    ._30h_j7Mk1pwPPfpaKRomZm > div.issue-item > div {
      height: 40px;
      line-height: 40px;
      text-align: center;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      ._30h_j7Mk1pwPPfpaKRomZm > div.issue-item > div > span {
        width: 50%;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc; }
        ._30h_j7Mk1pwPPfpaKRomZm > div.issue-item > div > span:last-child {
          border-right: 0; }
      ._30h_j7Mk1pwPPfpaKRomZm > div.issue-item > div.issue {
        background: #e8eaf0; }
      ._30h_j7Mk1pwPPfpaKRomZm > div.issue-item > div.num > span {
        border-bottom: none; }

.Gv5AMcooovmAP0GvIMrqJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .Gv5AMcooovmAP0GvIMrqJ > div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px; }
    .Gv5AMcooovmAP0GvIMrqJ > div.issue-item > div {
      height: 40px;
      line-height: 40px;
      text-align: center;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .Gv5AMcooovmAP0GvIMrqJ > div.issue-item > div > span {
        width: 50%;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc; }
        .Gv5AMcooovmAP0GvIMrqJ > div.issue-item > div > span:last-child {
          border-right: 0; }
      .Gv5AMcooovmAP0GvIMrqJ > div.issue-item > div.issue {
        background: #e8eaf0; }
      .Gv5AMcooovmAP0GvIMrqJ > div.issue-item > div.num > span {
        border-bottom: none; }

._1P6cs9ov7IE6yKAr3LMOed {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  ._1P6cs9ov7IE6yKAr3LMOed > div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px; }
    ._1P6cs9ov7IE6yKAr3LMOed > div.issue-item > div {
      height: 40px;
      line-height: 40px;
      text-align: center;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      ._1P6cs9ov7IE6yKAr3LMOed > div.issue-item > div > span {
        width: 50%;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc; }
        ._1P6cs9ov7IE6yKAr3LMOed > div.issue-item > div > span:last-child {
          border-right: 0; }
      ._1P6cs9ov7IE6yKAr3LMOed > div.issue-item > div.issue {
        background: #e8eaf0; }
      ._1P6cs9ov7IE6yKAr3LMOed > div.issue-item > div.num > span {
        border-bottom: none; }

/** 
 * 该文件由CLI自动生成，创建于：Mon Feb 14 2022 10:06:43 GMT+0800 (GMT+08:00)
*/
._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div > p:nth-child(2) em, ._1NQ8aSsHt_MjTff423rGN0 > div.issue-item > div.method > div > p:last-child em {
  color: #555; }

@charset "UTF-8";
/** 
 * 该文件由CLI自动生成，创建于：Thu Aug 26 2021 15:23:40 GMT+0800 (GMT+08:00)
*/
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._25GZ7FmttwYN14b2X8PeRX > .tab {
  height: 55px;
  line-height: 55px;
  position: relative; }
  ._25GZ7FmttwYN14b2X8PeRX > .tab > span {
    display: inline-block;
    padding: 0 55px;
    margin-right: 5px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f3d5d5;
    color: #745454;
    font-size: 14px;
    cursor: pointer; }
    ._25GZ7FmttwYN14b2X8PeRX > .tab > span.actived {
      background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#fe9a30));
      background: -webkit-linear-gradient(bottom, #ff5200, #fe9a30);
      background: linear-gradient(0deg, #ff5200, #fe9a30);
      color: white; }
  ._25GZ7FmttwYN14b2X8PeRX > .tab > i.rule {
    position: absolute;
    right: 0;
    color: #c00;
    cursor: pointer;
    font-size: 16px; }

._25GZ7FmttwYN14b2X8PeRX > .lotts {
  border-radius: 0px 10px 10px 10px;
  border: solid 1px #e3c9c9;
  height: 880px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  ._25GZ7FmttwYN14b2X8PeRX > .lotts::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb; }
  ._25GZ7FmttwYN14b2X8PeRX > .lotts::-webkit-scrollbar-track {
    background-color: #f6f8fb; }
  ._25GZ7FmttwYN14b2X8PeRX > .lotts::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #f6c74d;
    border-radius: 10px; }

._2D8hLU2mgKL0txkpgqG2cn {
  width: 252px;
  height: 100px;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #ccc;
  margin: 0 9px 20px 9px; }
  ._2D8hLU2mgKL0txkpgqG2cn.disabled {
    -webkit-filter: grayscale(1);
            filter: grayscale(1); }
  ._2D8hLU2mgKL0txkpgqG2cn:nth-child(4n + 1) {
    margin-left: 0; }
  ._2D8hLU2mgKL0txkpgqG2cn:nth-child(4n + 4) {
    margin-right: 0; }
  ._2D8hLU2mgKL0txkpgqG2cn > div.info {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #f3d5d5;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue {
      background-color: #c0a1a1;
      padding: 2px 10px;
      color: white;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      padding-right: 25px;
      display: inline-block;
      height: 26px;
      padding-left: 40px;
      line-height: 26px;
      background-repeat: no-repeat;
      background-position-y: center;
      background-position-x: 5px; }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue::before {
        position: absolute;
        top: 0px;
        right: 0;
        content: "";
        width: 0;
        height: 0;
        border: 14px solid transparent;
        border-right: 10px solid #f3d5d5; }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gsjp {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABF1BMVEUAAADz1dXwysr24eH02Njz1NT////019f34eHpsbH13d345+f67e378fH88/P13d356+v89fX++/vsu7v34+P88/Prurr45ub99/f13d3qtbX56+v13d389fX45+f+/Pz45+f67u767u778vL78vL88/P78fHqtrbrubnsvLz35OT13NzpsrL//v7////+/f3++vv42+Lxvsvxusj1z9n88vT0y9beYYDRIU3MCzzLCTnOF0XYRGntqLn++Prur7/RIk7JADHKADLKATTKAjTKATPMDDzjeZP99ffLBzjokafJADLSJ1H43OP32+LKBDbrn7LidpHhcY3njqTOFEPzyNPfZYT++fr++PnXQmf43uTSJlHhcI2WtAGoAAAALXRSTlMAAAAAAAAAAAAENoTE6PsvmeX+BGXeBHLzMAWaN+aF/obFxujq+ukFBARlLwRlCjsYAAAAAWJLR0QGYWa4fQAAAAd0SU1FB+UKEgc1NlI55o4AAAFSSURBVCjPdVLpWoJAFJ1BQUVBUHBXtDIt11xyT1FwI1NzK+v9nyNmRvHLvs6fyz3nMncFAABI2Vys28PxPOdxsy4bBQGGnWa8gugrFE0UfKLgZaAd8w6/JJeKFkqy5HeYCqQDwVDxF0LBAA0BxUhXvKlIDAWcYZl45adKtVYn33LYCSJR8v5zo9lqd7q9F5wnGgGxOOb7A3U40nR1PJkiNx4DCQXHD1QNQ5/Nka8kQQrVX26ceE0zXheonxtwiwLemsOzoC1XiLkDaWQqrZElqGvE8IBHptrWLsI7Ee6RqXV0S9A35CmcvN61kuvbHUmexOX2xudfjP2BlEsa/JjMDBxvfB5PDWbISKbzr6Wq6tv9kYwkcxniYrX+3uwO1hD/HTuks38XlTUXZa724Wq1j3i1pgKZnCAq5BgUUcgxtJ2ciXk+eTaR4tJpLpVg8+R8fgDt5l9iVrO98AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMC0xOFQwNzo1Mzo0NCswMDowMB1wVogAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTAtMThUMDc6NTM6NDQrMDA6MDBsLe40AAAAAElFTkSuQmCC); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gskr {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACcFBMVEUAAADz1dXwysr24eH02Njz1NT////019f34eHpsbH13d345+f67e378fH88/P13d356+v89fX++/vsu7v34+P88/Prurr45ub99/f9+Pj++Pj13d389PTqtbX56+v13d389fX99/f45+f+/Pz//v745+f67u767u778vL78vL88/P78fH+9/fqtrbrubnsvLz35OT13NzpsrL//v7////+/f3v7+/6+vry8vL29vbt7e10dHSmpqbu7u7+/v7b29uIiIiVlZX//f2UlJRfX1+BgYHMzMxvb29dXV1tbW3Z2dnFxcVcXFxjY2NhYWGQkJD9/f394uP7srb6oqj7v8P+8PDp6elxcXF3d3fr6+uRkZFqamr6qKzzNUTyFCryESjyGC31T1v80NLY2Nh1dXVeXl5kZGS/v7/z8/O0tLRubm7ExMT6trvyIDLyECnyEyzzEivzDib0QU7+4eP+//+Tk5OAgID7+/vo6Ojz+PvbVmv0EivkFTDfFzPyDiX5jZb19fXZ5fGeO2X3Dyf1Eiv2ESmwIUg4PX4qQISEJ1jxXmv/+/vd5fBBUI+eI03UGTeeJU8fQYcARpEARpAMQIq8aYL/+vnm5ub19/pIcqsEQIwcQogIRY8ARZAARY8DP4uqnLj09PTq6urx8fGwsLBsbGyzwdoTSZEAQ44AQIw4YaDi5u+SkpJ8fHzJyclmZmZra2umtdIsWZsFQ44BQY0LRo9JbafP1ubW1tZ5eXlgYGDGxsaHh4dpaWmPj4/h5vCvvtiesM+8yd7v8ffn5+eLi4vr7OyEhIRycnLa2tqqqqrw8PDe3t6KioqYmJj3+PgraIANAAAAM3RSTlMAAAAAAAAAAAAENoTE6PsvmeX+BGXeBHLz8/Mw3gWaN+bmhf7+hsXG6Or66eYFBARlLwTNUo9lAAAAAWJLR0QGYWa4fQAAAAd0SU1FB+UKEgc1NlI55o4AAAHQSURBVCjPY2BgYGBkYubk4ubh5ePj5eHm4mRmYmQAAxZWNn4BQSFjEyAwFhIU4GdjZAGLswuLiJqawIGpqIgwO1CGkVVMXMIEBUiKi7EyMjCxiUiYmJkjiVtYSomwMTFwSIuaWFnb2MKE7ewdHO1kpDkYZOWcTJxdXFytoBJu7h6eXiZysgzyCibePr5+/gEmgUHBIaEmYeGe1hGRivIMSsoBUX6+0VYmMbFx8QmJSSbJKalp6SqqDGrGJhmZWdkmObl5+fkFhUXFJaVlbuUm6gwaIIMrAiqrCvPzq2tq6+pNGkDWaTJoQexsbGpuaW1r7+js6gbz+Rj4IBI9vX39EyZOmjxl6jSohDbI7dMDZsycNXvO3Hnz5i8wWbgIbBTQ8sVLlmabLFu+Yt68eStXrTZZs3adOdByVeUAf7/1G6xMNm7avGXrtu0mO3bu8gU5F+jB3R579u4LMNl/4OChwyZHPPccTTmmI8+gCwwSx127jpvBguREqudJEzldcCDaRpw6DQ/cM2fPlYACERzsi8uRgj3jPDjYGVn1MCNKDxhRwKjVR4taA3DUAmUY2QwFBJUhiUFZUMCQjZUFkkyAyceIS0mNV0uLV02JywiSfABHRpJczI0JKQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMC0xOFQwNzo1Mzo0MCswMDowMOk/cpsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTAtMThUMDc6NTM6NDArMDA6MDCYYsonAAAAAElFTkSuQmCC); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gshk {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACMVBMVEUAAADz1dX5///tpZ74///xyMbz19jIAADGAADxycjyz87z2NnHAADtpJ3to5zyzs3z19f////vs67qi4DncWPlYVDkWUfqioDvtrLoe27jUT7gOCHgNyHsmpLkWUfsmpHqjoTiSTXiSjbvtbHkWUbvtbD////oem3vsq3jUD3qin/gNyDqin/ncWLncWLlYFDlYE/kWkjlYFDvtrHoe23jUT3oem3eLBTeKRDeJw7fMhreKA7eKA/eJg3gMxvlUz/iRC/jSDP0t6/74+DmXkvgOCH2xL3////+9vXoaVjnZVP99PP0uLD86ujwnJDdJAreJw3eKhHmXUrhPCXfLhbshHX+9fT639v86+nsgnTpcWDukYTtiHrlV0TeKxLeLBPfLRTzsaj3zcf2wLnvlIfsgXL86eb63tr87ev98O787uz87OrtiXvyqqD64d798vDxpJn2wrvuj4Lthnj52dT97+3519LmW0joZ1b40s375uP4z8nnYlDmXUvnY1Huj4H75uT98/HzraTlVUHiRC7eKQ/fLhXuk4b99PL76OXxp53lWETkUDzukoXmYE3gNh/eJgznYU7ukITwn5TrfW7rfm/tjX/97+764d3dJgzrfW340sz52NT75eLxppzyq6H98fD98vHyqqHkTzr86+j408774d3vlor4zsn40czgNB3gNR363dn40MrjSDL+/Pv1wbrfMBjxo5njSTTgMxzrgHHfLxfiQCnhPCbgOSLshnjpkjo+AAAAN3RSTlMAAAAAAAAAAAAAAAAAAAAAAAQ2hMTo+4QvmeX+/mXeZXLz8zDeMAWaN+aF/obFxujq+ukvmeWZvEjSsQAAAAFiS0dEEeK1PboAAAAHdElNRQflChIHNTZSOeaOAAAB0UlEQVQoz2NgYGBgZGIWFBIWERUTExURFxJkZmFkAANWNnYJSSlpcwtLSwtzGSlJCQ42VpA4J5egrJyVtY0FGNhYW8nJC3JxAs3hFlRQtAAL29hagkgLRQVBbkYGJh5ZJYhqSzt7B4guJVkeJgZeZTmoIY5Ozi6WELaKKh+DmroVxBxXN3cPT1uIGit1NQYNTWsgy8bC1svbx9fP39Y2AChjranBoKVtYxEYFBxiGxoWHhEZFR0TG2djYaOtw6Abb2GRkJiUnJKalp7ik5GZlZ2TYGERr8egD9QZmOuel19QWFRcUlpW6J5XDnSCAYMh0ArbCu/Kqmqvmtq6+obGpuYWoNPFGMSA0q1t7fkdnV3dPX4+vX39E2zAEkZg97VNnDR5SvHUadNnxM4Eu9gAbDlQJnDW7Dlz581fsHBRHIgPtFxHG+S/mYuXLF2WvzxpxeyVq4B8kHPBHrRY3eu+ZuHaddGN6zdstIF4EBwkNi3zZ6zZtNlyy9bpUyyhQQIJRJtt23fEWVpY7tzlagMNRFiwQ2IqLt4GFuxIEQUNfmhEgaJWHj1q+TkhiYHD2MRUO97C2toiXtvUzJhDgBWSTMDJR0tX39BQX1cLmHyYQMkHANq9jzJcocN0AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTEwLTE4VDA3OjUzOjM5KzAwOjAwdmI+UQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0xMC0xOFQwNzo1MzozOSswMDowMAc/hu0AAAAASUVORK5CYII=); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gscn {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABfVBMVEUAAADz1dX5///tpZ7xyMbz19jFAADEAADxycjyzs7z2Nnto53to5zyzs3z19ftpJ7////vs67pioDmcWPkYFDjWEfvtrLnem7iUD7fNyHsmpLjWEfsmpHqjoThSDXhSTbvtbHjWEbvtbD////neW3usq3iTj3iTz3piX/fNiDpiX/mcGLmcGLkX0/jWUjkYFDvtrHnem3iUD3vtbHdKxTdKBDdJg7eMRrdJw7dJw/dJxDfMQ/hPw7eKxDeLQ/eLBDdJhDnWwv1pwXiRA3dJRDmWQzmVwziQQ7pZgrfNQ/fMxrdKg/xlQbxkQfdKhDdKxDoYAvmWgviQwzwjAf0oAX8zQH8zAHznwXwiwfiQw3fMA/uggjeKg/nXQv5vgP/3wD5uwPgNw/fMg/dKRDdKxPxkwb/2wD/3ADwjgfgOQ70owXrcwnrdQn0oQXeLg/qbQrpZwrgOA7jRw3jSA3eLRDugQjsdwniQw7eMA/eLw/nXAv1qQXiRQ3oYgv///9T1T16AAAANHRSTlMAAAAAAAAAAAAAAAAAAAAABDaExOj7L5nl/mXeZXLz8zDeMAWaN+bmhf6Gxcbq+ukvmeUvEvTPYQAAAAFiS0dEEJWyDSwAAAAHdElNRQflChIHNTZSOeaOAAABgklEQVQoz2VS91vCMBANFRkuUiigDFEBoSAo6hUaQereuBW3DPfe+3+3Sa2fH74f8iXvLnfJe4cQQgauDvN2h+B0Cg47j+s4A2Iw1ptc7ta2QZAkGGxrdbvM9UbKW6zY401nZABCAORM2uvDVotapwH720GlAYayOXWVod2PGwyIM3kC8nBeZZSR0TFCE+SAx8Shxg4vjE9MKioxNT0DLAKdXU0oGJqdy80vFHKLKllYWi7QK+lQEIW7V1bX1jc2i1sEyHZxhxaFTCSMouLu3v7BweEIbQylcoV1EWMoXgVydHxyqrDiFcYDVHuQAOTs/OLyqkTbXt/c5rVIAiUlcndPyIMaIMrj03OB8ZITOSWgb6T55Zf861tFD/SCDuX945PohwRtriP7Vda3avOYKOsn8ptPnxuOZOAf6AeDobRcyzNJqIj/QEVkstdcYLL/MeqH/jGKWuvTrGU0s7bZog2DuS/VL1bpMFTF/tSAucWojYmBs2E+GheSSSEe5bGNjc83hpNs7Y12LWYAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMTAtMThUMDc6NTM6NDMrMDA6MDDY12gGAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTEwLTE4VDA3OjUzOjQzKzAwOjAwqYrQugAAAABJRU5ErkJggg==); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gstw {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB0VBMVEUAAADz1dX//+avmsP2mprw///hxdD22NYAAFD/AADz2Nj0xcXixtHpzNLzzc30xsbz2dkAAFOtmMP2l5f2mJj2mZn////Dq8iKeblmWrBORapCPKhpPJHxRUr6Wln4eHj1q6vq///Hr8l0ZbM4MaQUEpr9EhL7MTH5ZWX1r6////uei79DO6f7Ozv3jIzt//////yQfrs0L6T8KCj4fn7s//+ijsA6NKb8KSnFrclEPKf1ra3///9xY7P5ZGTr///Bqsg3MKP7MDD1qamIeLkUEZr9ERH4eHhlWbD5WVlWRab6RETPPFb7Ozv9PDr6RUX5WVn8MDD4fX31rq74eHj6RUX7PDwEBJYAAJUAAJY0AHXyAAf/BAMMC5gAAJQAAJdIAGv2AAX/AAD+AAD9CwsZGaAUFJ4HB5hUAGT4AANJSrRycsRwcMRLS7QKCpkBAZU+Pq+VldPW1u7V1e6QkNE7O64YF51eXrzDw+b////AwOVcXLsMDJoBAZa0tOD4+Pz39/ywsN5ISLMCApYqKqdtbcKhodigoNhqasEoKKYhIqM8Pa85Oq4AAJj+BAQJAI8KAI8IAI8NBJEMApAGAJFaAGC+ACS+ACW9ACbTABn9AAEKuHulAAAAV3RSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDaExOj7++jEhDYEL5nl/v7lmS8EZd7eZQQEcvPzcgRl8/Mw3jAFmpoFN+bmN4X+/obFxujq+vv76cXmci+F6Pr4CpSKAAAAAWJLR0QWfNGoGQAAAAd0SU1FB+UKEgc1NlI55o4AAAFWSURBVCjPY2BgYGBkYhYTl5CUkpaRlZNXUGRhZWQAAzZ2DiVlFdXwiMio6Bg1dQ1NTi5ukDgPr5a2TmxcREREfEJiUnJyiq6ePh8/0Bx2A0Oj1LR0kERGZjIIGJuYCjAyMAmamWdl5+Tm5cMlki30OFkZhCytCgqLiktKETqSk3WthRlsbMvKKyorq6prkCRS7OwZHBxrc+vqGxqbmpEkkp2cGVxc81ta29o7OmuRJdzcGTzCIyK6unu6gK7qRUj0eTJ49U+YMHHS5IkTJkyYMhUukezN4DNtOgzMmDkLLuHL4JeEBJKRJPyTsQJvhoA+bOJAy93dsEkAnesciE0i0JnB3i4FUxwUJCLWupgSoEBk5dSzQBcHBzujgGmQMaq4cRAoohj4+fT1dJHsgUUtAwM3F2ewhroa2D99wMQQDE0MwGhnFVVUCAkIDQsLDQhRUBQFJx8AI4m4KkLfO1gAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMTAtMThUMDc6NTM6NDUrMDA6MDC7B108AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTEwLTE4VDA3OjUzOjQ1KzAwOjAwylrlgAAAAABJRU5ErkJggg==); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gssg {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB2lBMVEUAAADz1dX0///ypKn0//7zyMnz19foAADzycrzzs/z2Njyoqf34eHwysr////z1NT02Nj019f24eH3///ysrbxiJDwb3nwXWnvVWLytbjweIHvS1nuMEHuM0PvTVv2///xmJ/vVGHvVWLxjJTvRFPvRVTxmZ/vRlTytLjytLf3///wd4HysbXvTFrxh4/uMkPxiI/wbnjwbnjwXWnvVmPwW2jwWWb4y8/3wcX68PD68fD45+f+/Pz13d389fXqtrb56+v13d388/P34+P99/frubn45ubsvLz35OTsu7v13Nz56+v89fXpsrL13d345+f67u778fH88/PuJjfuJDbuIjXuJznuLT7wO0zyWGXwQFDuIzXvMEH2hpD7z9P3k5zwPU3vKzzwOUnuJjj3lZ7+9/j2kpvuKDruIDLyV2X4qK/wO0vuIjTyVGL+8PL81djwOUrxRVXwQVDzY2/yUF7wOkruITP2jZb////3maH3lJz1g43uJTfvMUL0cHz2iZPwQ1LwOEj0cn75t73xRlbyWGbxRlX7zND+8PHyWmjuKTr3mqP1e4X3kpv0cX3uIzb81Nj7y9DyVWPvNUXwQVH1hI72jJbxSVjuKTvvLD76wsf6vML+/f3//v4ZIuc6AAAAU3RSTlMAAAAAAAAAAAAAAAAAAAAAAAAABDaExOj7L5nl/v7lBGXe3nLz82XzMDAFmjfmhf6Gxcbq+vv76erFxob+N+YFmjDeZfMEcgRlBC+Z5QQ2hcXo+jf0S2gAAAABYktHRA5vvTBPAAAAB3RJTUUH5QoSBzU2UjnmjgAAAZFJREFUKM9jYGBgYGRiFhYRFROXkBAXExURZmZhZAADVjZ2SSlpmeCQ0NCQMFk5KUl2NlaQOAenvIJieERkVEh0SEhIdHS4koI8JwfQHC55ZZWY2Lj4hMSksBCQVIiqsjwXIwMTu5pqckpqWnpGZlZ2TjRYSl2NnYmBW0MpJzcvv6CwKKE4pqQ0BAyUNLkZtLTDy8orKsOqqmtyarPqIFrCtbUYdHSjcyor6nOisqOjwxoawRIh0bo6DHr60WVNFc3pyZkt6a1tEPGQaH0DBsOwkOjG9o7Oru6exN6+fohESJgRgziQCo2cMHFSY0zN5JgQGDBmMMkBaZ0yddr0aKDvYOI5EgymXTOAICxs5swZSCDMjMF81mxswILBsgIrsGKwtsEmbmPNYGuHTcLOlsHeYQ6m+BwHewYeRydMCSdHHgZePmcXdHEXZz5eBkZ+Vzc0GRc3V35gtAsIujs7Idkzx8nDU1AAFOkCjHxe3j42c0Gic218vL34+AUgyYSRV8jXzz8gMCgoMMDfz1eIF5R8AKP7w4w33t/uAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTEwLTE4VDA3OjUzOjQxKzAwOjAwT0h5LwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0xMC0xOFQwNzo1Mzo0MSswMDowMD4VwZMAAAAASUVORK5CYII=); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gseg {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB2lBMVEUAAADz1dX7///qnqbxxsjz2NezAACxAADxx8nyzs/yzc/02NjqnKStmJitl5f////42dnixsbqzc3hxcX22NiumZn////trrTmf4vhY3PeT2LdR1vdR1rtrrPtsrfjbXzbPVLXIDntsrbokZvdRlrpkZvmhI/aNUvpkpvtsLX////ibHvjbHvsqrDbPFHzzdDvp7HzzdD67u767u778vL78vL88/P88/P78fH35ub6+Pjnz8+Ce3ttX19tXl7Gra1DOzugjIwuKSmPfX0uKCgtKChEOzvHrq5zZWU4MTEUEhLDq6uJeHhmWVlORUVFPDxlWVnVEy7UDyvUDinWGjTUDirUECvUDyrWGTPUECztnqnun6rolZLnlI////////7+//36+uz39N7+//vz6cft4K70683y6cny6cfp2Jz8+vPr3KPZvVTexmvl0YjYvFLcwV769+ro2Jrav1vk0Ifq26PcwmPav1n69ujm1JDfyHLq26Xp2Z7n1Zbavlj59eb//v7t36vt36/q26Tjz4Xw5b/p2Jr7+/v7+/z39Oru5MLq3bHq3rPr4Lny7Nb6+vhQUFBRUVFRUVJRUVBPTUdNSkBNSj5NS0FQT0xSUlIIBwcAAAANCwsEBASgwYTuAAAAUXRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDaExOj7+zYvmeX+L2XeZXLzZTAFmpo35oX+hsXG6Or6++mG/jfmmpow3mXzcvPz3i+Z5f42hcXo+sVrBx+2AAAAAWJLR0QPGLoA2QAAAAd0SU1FB+UKEgc1NlI55o4AAAF9SURBVCjPY2BgYGBkYhYTl5CUkpaRkpSQFWNmYmQAAxZWNjl5BcXAoODgoEBFBXkldlYWkDgHp5iySkhoaBAYhIaGqKiKcXEAzeEWU1MPCw8LCwoD4SAgU11NjJuRgYlNQx2qGigMxqHqGmxMDDyaKmB+GFgmDKwtTEWTh0FLOwKmAQ7CI3S0GHT1QsOgIBLGCAvV02XQN4iCguiY2KhoKNvAkMEoDgriExKT4pNhPGMGExgzJTUtPSMzC8ozZTCDSWTn5OblFxRCeeYM5jCJouKS0rLyCriEBUyisqq6prauHm6UUQOU2djU3NLaBtXRYMxgadUOBh2dXd09vX39EJ6VJYO1zYSJIDBp8pSp06bPmAnmTLCxZtCynTUbA8yy02LgtXfAlHCw52PgZ3B0Qhd3cgQKMwqIObugirs6iwkAo11QSMzRbQ5CeI6Do5iQICjShUUY3D08veaCROd6eXq4M4gIQ5IJI7+omLePr5+/v1+Aj7eYKD8o+QAAy4e/1/otM8kAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMTAtMThUMDc6NTM6NDArMDA6MDDpP3KbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTEwLTE4VDA3OjUzOjQwKzAwOjAwmGLKJwAAAABJRU5ErkJggg==); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gsde {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABPlBMVEUAAADz1dX///+vmprhxcX22Njixsbqzc342dmtmJitl5f31Zj31Zfw1f//0wDz1dn01cb01c301cXz1dj21Zn////Dq6uKeXlmWlpORUVEPDyJeHjHr690ZWU4MTEUEhJzZWWgjIxEOzuPfX0uKCiQfn4uKSnGra1DOzv///9vZGTZqqpmMDDZqanoeHjTERHoeHjpWVnpWVnnRUXnRETmPDzmOzvmPDznRUXse3jkIRHlIRHzwan3sjDs5v/62GT11a381Dv31Yz91Cnr1v/41X391Cjs1v/11a751GX81DH+1BLp1v/11av41Hj61Fn71EX81DwEBAQAAAANCwsKCwsxAAAzAADOAADPAADjBATiAADjAADhAADhAwTiAwTjEgDjEwD6sAD5sAD/1wv/1wD/1AD+1Av/1AT///95syxGAAAAUnRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAENoTE6PuEL5nl/pll3nLzcvMw3gWaN+Y3hf6Gxcbo6vr7++mG/v435gWaMN5l8wRy8wQvmeX+BDaFxej6Gw4OmgAAAAFiS0dEAmYLfGQAAAAHdElNRQflChIHNTZSOeaOAAABJUlEQVQoz22S51LCQBRGb0K1JNQgIIJBpIkiWFFaQu8lgApBEVF4/ydwFyxDNmd27uycb+b7cy8AAEVrOMeB0+V2u5yHDk5DU7BGqwPPkdfXlxB9n/fYAzot9noDx/sH0h8DP88Z9KjHyJ0EpC0Cp5yRAhr4oKQgyCO9EwpLBOHQLkSiQzIYRiNwFhs9EYxi53ARf34hiV9CYjxByDJ+64+MxzgJV5OpGtdwM1VNbuGODFAjCu6V9rcq8arW9JaE1MPsnWD2mIJ0Zv6B2cwf5pk0ZHOLT4JFLgt7eeGLQMjvA8OKBaUviCwDlKlYKm/7cqloQms3WyqisPzXS0GsWMx46VYbW63VGytsV416rcrarJszoRh7s9XudHu9bqfdatoZfD7fAtOj0h2oybUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMTAtMThUMDc6NTM6NDIrMDA6MDB+oGOyAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTEwLTE4VDA3OjUzOjQyKzAwOjAwD/3bDgAAAABJRU5ErkJggg==); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gsgb {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACW1BMVEUAAADz1dX//+mvpcDhyM/219YAADUAADD02Njz1tfx1NXv1Nbz1NTv0dPwysr////03+D34eHw1NWupL/////BscWUk7nj09zlb4DeSF7eSV/gVmv0xcrZ0Ny9rsPHtsd0eq03TpkjQ5aZqc80TJhzeq3//+ufmbpEWJ2gmbv///OqpMIvSZcrRpWNjLT//+355eTn5O20utX75+X029z78/P88/P13d34wrz87u397u3/zcKypL6PmcLMzN/BscWzsMpUbq9rgrqysMrwwsnwwsjgVmreSmDeR17kbn/kbn/14uT14uSzrchTa6xqf7eyrceOmML/zcONi7REV51DV51zeqwjQpZzeayTk7nj0tzeSF/0xsva0dy9rcPOyt7hRV3VDi7WETDXGjj5yc8NMIwAJYcNM4/Myd7VEC/WEzLXGzn6ys+LoMwAI4YAJocAJogPNI+MoMwAJIYAJ4h3jMATN5EAJIcrTJz////9/f67xd9BXqcBKIgNMo8AIoUNMo5nf7ja4O7//v7q7vWDlsUoSpvLyd2Noc0xUJ+tudn5+vz//f3Y3u3+/v/N1ujo4evgRFz2x87W4O/f5PBwib/e5vL+9/jeQ1z1yNC8yePuv8rsvsnxwsv1xs31xs7zvcXcN1HXGTfumqj2yND1xc3uwMrtvsnYGznWFTPYGzjWEjHfQ1vfQ1zeQ1veQFnYHTr27PH06/D47/L98/X98/T99PX75+r99vf27fFvhr3d4/D+9PX+//+7xuDX3u3O1umEl8YpSpsxUZ+7xt9CX6dof7h4jcDNyt5s+g3UAAAAX3RSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAQ2hMTo+/voxIQ2L5nl/v7lmQRl3mUEcvPzcgRl8/NlMN7eMAWamgU35uY3hf7+hsXG6vr76erFxob+/obmBXLe3pn+mYXF+sWFNmGG/9cAAAABYktHRA8YugDZAAAAB3RJTUUH5QoSBzU2UjnmjgAAAZxJREFUKM9jYGBgYGRiFhEVE5eQlJKWkZUTYWZiZAADFlY2eQVFpfiExKTkFGUVVXl2VhaQOAenmrpGalp6RkJmVnZObl6qhqYIFzfQHB4tbZ38goJCiERRcUGJrp4+LyMDH7+BYWlZeT5cIj+twsiYn49BwMS0sqq6prYOalR9Q2NTpZm5IIOFZXNlZWVLa1s7SCKlo7Oru7Kyx8qawca2tw8o09c/YSJQYtLkKUBOZbedPYOD49RpIHbl9BlAiZlgZuUsJ2cGl9lz5s4DgvkLFiZlLVq8BMReumy5K4P0ihXZYJC8MisraxGEvWKVG4N7UhYWkCTFIJmYCQWrQQJQdqIHg+eatetAYMb6DauzVi6cAeasXePF4L1x0+YtW7du3bZ9fWZW8oIdW0Fg5yYfBl+/XbvBTtwDcu58MHPvPv8ABpvA/WAPHkD3IDRIDh6CBslhSJAEQQLxyFGkQDwGCURQsB/HFuzYIioYFFHgqA1BjtpQTREhbkhiYJcPUww/AU0MEbDEAEo+wiKikVES0e7SMbFxIsLg5AMAoLjXvhf/os0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMTAtMThUMDc6NTM6NDgrMDA6MDDa0Dz8AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTEwLTE4VDA3OjUzOjQ4KzAwOjAwq42EQAAAAABJRU5ErkJggg==); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gsru {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABcVBMVEUAAADz1dXwysr24eH02Njz1NT////019f34eHspqHspaH5//+/AAC+AADxysjyz87xycjz19i9AADz19fxycfsp6LpsbH13d345+f67e378fH88/P13d356+v89fX++/vsu7v34+P88/Prurr45ub99/f13d31vrn77ez1vbnq1drn5u+VnchCbcCVnchlf79lfr9OcbxOcLtFa7pEarpEa7pOcbxlf7+OlMMqTKjctb3BWGD////pfnPvtrThXlPutrPqnZjfUEP////pkYvfT0LqnZfhX1Put7Tmf3bgV0rcPzDcPjDutbHojYbkdWziZlvhX1TldWzutLH//v7////+/f3//v3p7/jp7vg1Zr81Z78CQq8APq4AP64AP68CQa8AQa8AQbAAQK8DRLEAQbEZP6MaQKMaQKQaP6MaP6S5Mje6Mzm5MzneOSjcMB/dMR/cMR/dMB/eOSnaMSHbMSHaMCDcOSraLx/aMB/bNCS0OL7RAAAAVHRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDaExOj7L5nl/gRl3gRy8zAFmgU35oX+hsXG6Or6+/vpxob+N+YFmjDeMGXzBHLzZd4vmeX+/jaFxej6xTZ57b4+AAAAAWJLR0QGYWa4fQAAAAd0SU1FB+UKEgc1NlI55o4AAAFkSURBVCjPbdJpIwJRFAbgMzUthLIk7U2bJYlsFUkNqZAsEWNritFCi9vCr3dnKiTPhzvnvO98uxcAgBCJpzUzWp1er9POaKbFIgIEpERqMJrMF2nswmwyGqQEKeQyC2W9TH+7tFIWGW4Iic3uSPdx2G0SAkRS6k+OG0oqArnTmh5gdcphdu5qsLiam4cFV+Z6QMa1AIvuG4xhmN7J8Kd7CTy3d/fYw32fx2VYyXax2d+8sJr7m/Frbg3Wc2yWZdnOzg8sDxcb2X95wZMXfnli++Q3wed/5jjuhStwhUKxWMRzgeOe/T4IbJXKgtfyj9JWALaDb5UqVqtValVhqNcr78FtGNoJIYQaiNfofBAK7Q6DYiQcaXb3bt6MhEcVQJD0XgT1Kj5G+3s0ia99TElHD1rtbtX8aIWitFLFX7pqfDQWTxx+onYbfR4l4rGJyanOMyEUavo4eZI6PU2dJc9ptYJ/Pl9CD6ycC5TKgQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMC0xOFQwNzo1Mzo0NyswMDowMCyYTBUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTAtMThUMDc6NTM6NDcrMDA6MDBdxfSpAAAAAElFTkSuQmCC); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gsin {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEUAAADz1dXw4v72x6rw4v300crz1tf/bQD/agD008/z1tjw4v//bgD3x6n3x6iywpmywpj/5/8ASgD31tnj0cfq0s3i0MX21tgASQD/5v+zwprp///1y7f4v5L6uXz7tGz8sWb7s2z6uHz1y7b1zLn5u4T8r17+p0fs8//3xKD8sWbr9f/4wZX9rVj4wZb1zLj8sWXq8v/5uYD11Mr8wIL8wIP45uX+9u/45uX67u767u778vL78vL88/P88/P78fH45+f//f723t++2bP//P95sWTJya5PpT3Iya2mvo08oCv///+Wun47nyr//f+lvo1QpT3Kya98smdFojMkmBR8smbGyKyQuHlvr1taqEdRpj7GyKv/pD3/ozr/ozn+pkP/ozv/pDv+pUD/ojf/ojj/tWH/tWL/tmL/uGP/+PH/+PD/+fHy6+vX0N/Uzd7u5+n////Pz+uamtSrrNyvsN2entbCwuXm5vSUlNHMzOi3t+C9veLOzunW1u62tuCqqtq1td5pab5lZbypqdm5ueCjo9irq9u1td+np9hRUbRHR7CYmNLBweTMzOnJyeeOjs6Rkc/CwuSlpdj//v77+/2np9mtrdzFxebLy+ibm9T09Pr59//Hxemhn9mgntnAvebz8f2d0pee0pie05ig1Zmc0Jebz5ef05kclg0QkgIQkwIRkwMPkwIdlg4PkgEVlAd0e+6zAAAAXHRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAENoTE6PvoxDYvmeX+BGXeBHLzcjDeBZo35uaF/obFxujq+vvphv435gWaMN4wZfMEcvMEZd4vmeX+mTaFxej6Nsks3PEAAAABYktHREtpC4VQAAAAB3RJTUUH5QoSBzU2UjnmjgAAAZ5JREFUKM9jYGBgYGRilpaRlZNXUFBUklWWZmZhZAADVjZ2FVU19ZjYuLjYGHU1VRUONlawOKeGplZ8XGxsQkJsYmxsXLyWpgYnUIaRS1tHNxYMEhITYhOAtK6eNhcjAzePJlQ8FqQBDHQ12bkZePUNEhMSEkBiCSAaxEkw0OdjMDRKSk5BA8lJRoYMxiapaRCQnpGRnp6WDsKppsYMZuaZWWCQnZObl58J4WSaWzBYFkBBYVFxSWkZjGfFYA1llVdUVlXXVNRCuTYMtlBWXX1DY1NzSyuUa8dgB2W1tXd0dnX3FMEl7KGs3qK+/gkTJ1XBjbKcDGFNmTpt+oyqmbMgvMlWDA6OUDWz58ydN38BlOPowODkvHARGCxesnTZkuUQ9kJnJwYX1xUrV0HA6tVQxsoVri4M/G7uqzGAu4cAg6CQp9caVOFVXp5CggyMwt4+vqtXIQmv9vXxFgZGu4ion3/A2nVQqVXr1gb4+4mKgCJdTFwiMCg4ZP3qdetWrw8JDg2UEBeDJBNGSSnvsPCIyKioyIjwaG8pSVDyAQCPc9tOLSF/PwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMC0xOFQwNzo1Mzo0NiswMDowMIrvR6EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTAtMThUMDc6NTM6NDYrMDA6MDD7sv8dAAAAAElFTkSuQmCC); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gsus {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH5QoSBzU2UjnmjgAABW5JREFUSMetlktMVFcYx//n3Me8LvMA5oGIgICQgkLVWG1iq121sfFBXDey6IamTbtoEzc1tAt2LkyscYWJiz7SWB/QtI02PiqKUBjQqTqIICDMOMyDmbnzvPecLoaXgrZN+iUn5+Tmy/873+985zuXYIUlfD4odU70XLqHfa17xZu//LH11mho/3Q0tScQS9dG1WyJXTHBKeTDnzeQR676uqu8rPJi8v79waLNm7VcMAjBYkFRY+OSJllcTPUPwVlkhHHrCQxc/KD5x/6J9usPgu/LsqFs5EmIZHI6Kp023J+eQ8N6B377+hAqKjxcJ8Ksnk51a6n0N9KpY8OZwx8BWg7WHTuXA8wMeGGQBBRvaRKv9NxsO949cvTO47nqnMZBCEApAWOFtSgIWFdsRs9XrVhfWgTGGbjOoCcS4/nQs06+Y1cXhr0az2Vh3bETJOHzwSgJEOvqxZOnL33yqy/Y8fvdaYUQAo/DgrFAFB6HAs6BYCyJjWUlsMaDOGvuQ7mQBeOLLAhgsiTptt3H5M++PMHujmgQRFDFYYC07SR6zl9rG5iKd1waGFdcDgvcC+JbqtxQM3kkUlk0V7nxOBCFms6Cp1QwNQ6eShSGOg8+N6vw0ZEOvedcGzvcDF1VQfqv9MFtNbZ8erbv3GXfTLVZlpDKaQAAiVLonEGkFIxxMHAYJRFumxEXj76L9aUWcA6A80IGCzM3mMbzqWwrAffS7e/skH7om2j3Tkark+k8bBYDdMbAGINDMWJezUKWBBhkEfOpLBSTDEmWQR0loMWuwihxgRY7F2YXqNFUTcHbk9MzErn+8403vvh24CfvZKSsxuPAX5NzqHbbAQJMBGN4bYMT48EYGOOo8dhxbyqMTXIG5yvGsE7KFzJYZRwods3St947JPb6n+0PJbIekyxhMhSHy2FBOJEGIUCJ1YxANAmzQYLOGGYjSbgcCuSkCm3CD42kwBf0lgu+gIzYZj2ktvGAOBlW94BSUmSS8TScQIXLhslgDOCAy2aBfyaC8tIigAuYCSdQX6HAaN8A68dn4CixgDG+Sn+hqoguyHtEd6mt5tn8OMA5GipK4XsSQo3Hjmxex6NAFE2VTjyajcJsELG9rgz9/hk0VDohVtaCum0gbE1GC60hXkv2tZ/K9Y6GJJFSpHN52CxGqJkcdJ2jyCwjk9MgUApRoNB0BlES4dTi+L4ugHKDjpfqcw5SXqWJAEix1QxKgHREg9NuQXZOhyQSuB0K/DMReKwmgAOBmIqNThssoTDyvZeR5UksVulSW1hkxThoy06QoSF/MEll1+Jl5HzZZ5Ht0mUFwACYtAzqgw8g6bnnHV8wZjCFiB4J36R2+5sga3i80siS9qrOuWD5WOyWmBq4dY0PXNvFk3Hy34O8gr9i5XT721dFXU1c0IZuH2Gjd8tWB3gR1so9r4S30qPAmdY1BaSGrRdE7D04aAC6RYoPQeg/be0lMF44BM6gMXTrew8OkvTkFLgotsh2+znBZKz+Pwjp6cx4LjbfSrS8V8wGZmGzSd70fLST/XnjOJvwKyB0FZB/x56BVm1K0m27O01Czjsfy0EULBbEw1GQpqYurfu7Iv3OtQ42OaaA6a/A8eJ3DlABdENNUjBYjgnldV35e30QbI6CV/zObRBJhtTyupg5c6qNxMJHBau9mggUy91sLX1SOFOdQY/Hxrm9uNN4pL0r7x3UeD6/9C4DAOJ9vUg89CMAIBWKNOeisdNaJvOU6YzxlxhjjGmZzNNsNHY6FYo0BwAkHvoR7+td0n0u/4TPB11VIbvdSAwPi0pj41bBbD5AwPcgm6mBrhUDAAQxAoNxjINc1VOpC6rPN6g0N6/52/I3S0umoyOmLJkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMTAtMThUMDc6NTM6NDcrMDA6MDAsmEwVAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTEwLTE4VDA3OjUzOjQ3KzAwOjAwXcX0qQAAAABJRU5ErkJggg==); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.tykc, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gsth, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.tgfc, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gsb3y, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.gsb5y, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.tgfctc, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.baac {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABZElEQVRIibWWPU7DQBBGnx2XICGRICpAoDSQS+QClBDoI0oqJCpaoAAuwV8oOQDhEIkIBSFBqYCSikgETTSLbLAdCJ6vsXe9ft/ueGfHXntqlhTNAZtAGVgGCkAf6AFd4BaoAY9JiCQDAR8Aa0AubQbAh5rsAk/fH/oxL6wCDWDjF3DHkLFNvUYU5PLT4fY2cJxgPEoTwBkgITlxY733u5a7XwcupG8MeFgDXUltaDAYSHsY86bOIgu9ASvyTVwo9jOEo6xDt4J5oD1m3NMku2sx8Ip7FQM4yqz4mkRWKotBydCgJAZ5Q4OCRewjEoNXQ/6LrwlmpYYY3Bga1CXRFoAHo0RbEmgHuMoYjjI75odd0G/do5WoCpxndFxXXXXzusVIIv+n4Dj4DnDkOuJqspTMU2Dyj3AJy5ZG4UtxM73W8+lSd8IoyRgZKzGPwJNWEFb4t0UAM/rwWTdFXXeL1JOfAj4BORFTSmUAneMAAAAASUVORK5CYII=); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.hnvip, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.hntc, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.ynhn {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACIElEQVRIiaWWy2vUUBTGf0mm03Gc2uq0gyC2goigdeFWBCkUl4Ig2oobKS5FFF//gVoo0v1sfW6ELt3owr9A6kZQx7EFH8UHmbYh6SRy0jvFpsnNrfNtEu495/vO/XLuvbHeH9qPBsPARWAMOAIMAQGwAHwGXgPPgE9ZFFkCQnwfOA84ugqAUIncBZrJSTsl4QwwD0wakHc4JPademoFrgEvgD4D4iQqwCPgepbABeBhxqpMYQEzimuTgHheVwHdwlJcw/8K3FNLzIdZCcL1oCMwAkyYVr3r3LJpqHTgiK3IjXy3ihGDt3/j7GmbhMfcttpERiif8HD6Qyrjq6YpYwVgNLPi3ojdUy5Odb3i0nE/fg5cdikeDuL3sGXzq95H6KaaMCo72QN6s0ScwTZ7p39SPultmfPeFvl6o0rQLGSl+7net5ccFqeG+PNkc5O1Xu5gYbKmI48hAkt5IkQQ+UlliILcnv1hqzNEDwsqp1djS75M1Fh5U6J8ysMqRXmZ887Vav8+YFwXVTrmx2fmt5tV1hYLuHM7Yc3CLocEjR5dal0+8gHgg24vSP9H/lY7rJ5IZ5Mc4weFtAE815WRRh6P67+BcDY6Vd+RxtBFbxMtxblhi9xEV9b7pWtEiqtJwven6rIIu1AQ8luKi6SAYBY4C7j/acsldeFsIK1z5tT5JFWYrEZiJPYo8Dg5uZ3fFiGoqfHvaoO+Ut3yMTUb+AvYqYz1eBCc1QAAAABJRU5ErkJggg==); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.mltc, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.ynma {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEmUlEQVRIia1Wa2xTVRz/nXN7e3vXru1ut27ruo0ytyAlJDhURCUO4oMYFhLlkfGBiAn6wQQDEkj0i19wQoDE+PhiDB+MG+DbTxqND1RUQKdbZ2bYSrtHt9Fua3v72H0dc7t1UNwIQX7JuR/O/5zf7/wf538u+ae5HkthltGGD1P+jk9T/rb+WddKjaHKAqhNgjyypXw0sssV+a6M6qcBhJfiWFTg71lnw3vJ5Z09lobt9U0WzushiCfLIWcFGIxBU3Xk8iqUtIzg7BVjtyt8utU2fRhA9KYCGiN4Y7q5/QsafH/3Nrn8uW1DcNoVXOjzYnjSjr5BCb/1VkNRKQhhIKaXioHx2DQ2av3yQWlgr51qXYsKJA0eu8Ye2If6wIlj+/vplg1RnO+txv5j62EwsrCh3K6CgqHWm0XsqgjJpSA86kAmq2IqHGVnfecOVHP5k8X11PxkDQ5PDm/YYW9ZcXLv0zHaviGKi/2VePHogyXkHncO+VmKt17+AY+viyLgl3H/6hh4CxDwa/CvbCJPDLcdT+jWHSUevDBxT8Oof01IFHnHJ8e/Qp03g2dffQR9l6WSeDodCjr3/QJR0NDkTxdC1DvoRmhIwtvdq8AYgaLqIIN9cpfvfJADi9LP0z78JTa/ViZaHRQEVRU5JGZsCA1WlJDXVGbxTPsAygQNwcAMbLwOgdexpmUKd9WlsXVjGBxlsPIcpj3LHadmlr1eCNG7ckujz+feWSSyWgykMlawG6phPF6G7y/5IFj1knlKGaZSVpz73QfdmAtnVZUDXfkV2zOGpZGmnbU7OUoLuTBJs3keNZ4seM4oIVrmS8HlUNAz4IGmX8vLrMKhf1BCcPkUrPycOAEBlSrpmbR/J3W7y9quJ7oSc0C0aXh03WiJwJUxJxJJAXKOx68hL0aulmF4wo43zwQRqE/hp54aKCq3sF6qEPF1uraNa2x4rJMAzqLhj4FKPLUpjNUtCXz8TQCafm1TfMaG/iEJAX8KF3qr8M7ZVaj25HDqs7sL7s/djGLoKCaTeZGr8206AsBSNCRlAQMRNzY/FMXWtkjhgg2POwqOs/mSPf9nDSamRSTTAsKjTigaXbBdj4Ss2UyBV64XMBEdL8eXP9dD0yk2rx9G29oYqjy5QrwTM2LhbmRy1oJd1biC+GLIZBWd3Nt6ZARA3aIr/ifCkfioRZqKhJyS644LpOJJZBLxPnIR5JDV7++0VFffMXIlNgZtLAbC0cNk5MBLy0DIIESR8pJ0C9tvDjWRAPJ5gDFDj082gTFmji5259EVP3EUZGjPHnCC2AAgBMDxn+NZKKhVAOE4gBLzZGCaBkNRAM1YyhsZmhpUL/0YJaFaL3Kxq+ak2Y8+WLLmbh1mx+kQKl3dQkU5LLxDgO+j07Ctae0GYGb6RPGduE3yg2o00j3x/B4wXQfM9+Dy2lXQ5XQxH+2MsdRtZCTNGOswwzf08H0FXnMsPJnU5UYukSnEF4CZE7Ofb78Fb8xEnAFwCIRE7T4JeiK+YLzhr4IgN5MDeGsxE6ZQBwCz4wYBeOcXTs4Xxbfz5EPIZmCTHCBmIRQB4F9sLmbCe41WwwAAAABJRU5ErkJggg==); }
      ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.lztc, ._2D8hLU2mgKL0txkpgqG2cn > div.info > .issue.tlzc {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAC2klEQVRIiZ2W20tUURSHv3PmEpbOpDOjkZhdILyECFIv5YNCoN3AwDIJCSqxKCIi6j8oiaKk6CkiyEohrKAkIjWEaCCDQB+SsjIt0JnCUWv0ODOxpz00lz3T5O/lHPba+1trr7PX2kdzO4tIoVVAI1AFlAAuwADGgM9AH9ABfEyG0N5kr1eNC/B5YA9gShUBEJROzgKj8UZdsWAXMAjsSwMeYYi5Q/KZ0sEJoAvISgMcr0ygHTgZPa6N2NdE3vcCd8XYIuDRCsmddIQd9OcUI3M+JKNIIo1AMEgoGELTNUy6LllKzQCl4puYa1xbxIRzSeEmHb9/nsDoJFhMYLXA3AIYC+gFLjIyrBAIqtLVKnaiUXK8EBhRfnCzCSamYNZPdVM1dTUVrHDamPBO8+DpAM9u9YBwkLccFgLxq4XXtWaCRoMSrmnw3Qezv+hsP0X9zk0x5qPby+mqLWd34wXwhsC2FEIxKRPMBl0WkVpjXlrbmhPgEdXVVnD52hEY9yYjVGkUtYiqzE8w/ZjBUZiLx30xqf+IVlae4dvwOOQknO5xsQOncpV3murNJf+EC22tLAWPT2VyqSpZKoTFnMIcJbNJh6D6yAqCR2nJzqTPPZyWgx73O3Aoi39SlwWWKIeNr/1D3Hj4KiX8dvcAn56/BZddZR4UDnqUK8UxzbVzqPkqL5Ls5OXAew4cbAOnDXRlh+nVKD62GvigrAWrCb54wazT1LKN+h0byXNmhQvt/pPX3LzeDXMGFDjBUBbaOnFMkU2uQRmmqGbfTxjz/MlzZgbM+MHrg3wH2JepqljoXrhVPHaWkU6zC6ExP29gGAEsFhNWqzlV2/3b7MqMKeRNdBi4k7JdC4tVvhtJZ4UkK3y7mSf1JdFbygMuJbnp0pGAn5assOJBV0SLAaYXARdp2Q/E9BZVpI+ADTKKhEavkJgj5oqcixTH6H9+WwQgV45PyEPRC3TK+yRRwG+Ae8s2PV7B9QAAAABJRU5ErkJggg==); }
    ._2D8hLU2mgKL0txkpgqG2cn > div.info > .deadline {
      margin-right: 10px;
      height: 22px;
      line-height: 22px;
      background: #ff5300;
      color: white;
      border-radius: 20px;
      text-align: center;
      padding: 0px 7px; }
  ._2D8hLU2mgKL0txkpgqG2cn > div.countdown {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 10px;
    font-size: 15px;
    font-weight: 600; }
    ._2D8hLU2mgKL0txkpgqG2cn > div.countdown > .timer {
      background: -webkit-gradient(linear, left bottom, left top, from(#ff5b06), to(#fe952c));
      background: -webkit-linear-gradient(bottom, #ff5b06, #fe952c);
      background: linear-gradient(bottom, #ff5b06, #fe952c);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-align: left; }
      ._2D8hLU2mgKL0txkpgqG2cn > div.countdown > .timer > svg {
        color: #ff5c07; }
    ._2D8hLU2mgKL0txkpgqG2cn > div.countdown > .goBet {
      text-decoration: underline;
      color: #ff5300;
      text-align: right;
      cursor: pointer;
      white-space: nowrap; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1hqdMdG_uddITHOzYAS81K {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000; }
  ._1hqdMdG_uddITHOzYAS81K .content {
    width: 561px;
    height: 390px;
    background-size: 100%;
    position: absolute;
    left: calc(50% - 280px);
    top: calc(50% - 150px); }
    ._1hqdMdG_uddITHOzYAS81K .content .text {
      width: 350px;
      height: 53px;
      margin: auto;
      margin-top: 72px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      word-break: break-word;
      line-height: 29px;
      overflow: hidden;
      color: #5d5879; }
    ._1hqdMdG_uddITHOzYAS81K .content .lottery-boxs {
      width: 350px;
      height: 131px;
      margin: 27px auto 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      ._1hqdMdG_uddITHOzYAS81K .content .lottery-boxs .item {
        width: 109px;
        height: 100%;
        margin: 10px;
        background-color: white;
        border-radius: 10px; }
        ._1hqdMdG_uddITHOzYAS81K .content .lottery-boxs .item.n3:first-child, ._1hqdMdG_uddITHOzYAS81K .content .lottery-boxs .item.n3:last-child {
          margin: 0; }
        ._1hqdMdG_uddITHOzYAS81K .content .lottery-boxs .item i {
          width: 74px;
          height: 74px;
          display: block;
          margin: auto;
          margin-top: 9px;
          background-size: 100%; }
        ._1hqdMdG_uddITHOzYAS81K .content .lottery-boxs .item span {
          cursor: pointer;
          background-image: -webkit-gradient(linear, left top, right top, from(#eed12d), to(#f6c74d));
          background-image: -webkit-linear-gradient(left, #eed12d, #f6c74d);
          background-image: linear-gradient(to right, #eed12d, #f6c74d);
          width: 85px;
          height: 27px;
          line-height: 27px;
          border: none;
          text-align: center;
          -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
                  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
          color: white;
          display: block;
          background-blend-mode: normal, normal;
          border-radius: 3px;
          text-align: center;
          margin: 10px auto;
          font-size: 14px;
          line-height: 27px;
          cursor: pointer; }
          ._1hqdMdG_uddITHOzYAS81K .content .lottery-boxs .item span:hover {
            opacity: 0.8; }
          ._1hqdMdG_uddITHOzYAS81K .content .lottery-boxs .item span:hover {
            opacity: .8; }
  ._1hqdMdG_uddITHOzYAS81K .close {
    height: 120px;
    width: 48px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAB4CAYAAAC0CXGGAAAE7UlEQVR4nO2aTWicRRjHf7tJtWnTWrA2WE8e/KiVHmykogfRc6y1BxUTBYtEg6KNWg96UEGIF6uirU2sDSh6qAdB/IDWoBUUxRjjRS0F60HEz4OmjSiSv4d5pvvuZjfZnX2zs4H5w8N+vO88z/8/Mzv7vM9MQRI5YANwHXAVcClwIXAesNqunwZ+A04C3wGfAR8CvzYbuNCEgHOBO4DbgK1AocH2Ar4E3gBeBf4IIREi4HzgYeBuSj08C3wMfAJ8AxzH9fhpu74aNyKXAJuBa4FrgJWZ9oeAEeCnhthIqtc6Je2RNKMSJiT1S+puwI+3bms7kfE3YzFW1Oun3mAXSZrKBHpHUm8A6Vq21Xx6fCXpsrwE3CjpT3N8UtINORKvtD6L4UdjR7MCBiX9Zw7fkrRuCcl7W2exZLEHQwUMqYSnJBVaQN5bwWJ6DDUqYHum54dbSLzShjMjsb1eAZtUWmlGIpL3NmJcZozbggJWSJq2Bm+qtdNmoel02DhNq2KJrbx5j934g6Rz2oC8t7XGSZIeqSVgo0pTZymXylDrM24zxnWegBfthnfbgGwt8392+yoFrJc0axevbAOitazXOM4aZ4qWEg0AXcAE8EVjuV1LMQl8gOM6AJQJAHg5wOkoLotsJJ3usFhfB8Q7aK/9AEjaIGlO0t+SVgUM6zM2rM+rvmW3Q9Iha/NcQLxVxnVO0kYk3WrOJgLnZUHSaJ0isuT31Sm4mvkUvL8T2GZDcixgOME9Wd2Dm0L32+dhe82iiJs2dwL7gfuq3FMvPgKuB3qR9L6p2RnYG9mRGMtMjWzvFnPqeW87zdd7SDphHy5v0mktEVny+3Mgj3GVpBOdQI8Ny8+Bw5mFcM/KAA/Y6xrctHkJuJfwaZOF59qDSjg7h56pNhJ59ry3ld5xcUGdzaEj8/4f8un5SvzbCczghrnbAjWLAu7PZhfuT64T2G3XhnPwD44rwEz2R7w5p6nzivk7YJ+z3z2b0xQ68yNG+S6jleSrXdubg4Azy2gRV6sEVzELRQH3J7ULGAOGKJ/zAu7CVd+Ggb1NxIIS1+Mon1TioPkY1cKrTV4j4VOJAST1yCVGswpL5g6Ys7FFyFcT8WRAvHnJHJImzeHNAQ6/V+PpQVEui30hIN4txnVSKj2R7bYvjwY4bLUdNa4PZgVkHynzLNrmbTUfKX8Hxu39E02uEEuJx+11HMe5Zlmlrw16u9IWLaug8sLW2jYg7a2uwhZyZTu/kXFY7VdanNIipUXkdmP8hkY7FXf/knRx5fVajZZ1ed3bst7g8Last5i87VD5Jt9SLrGVm3w3LdamXseV26xvS9qSI/Et5tNjWjlus3o7S9KjKqUcc5KOyCWAXQGku6ztEfMl8/2YxarLT8hRgwuAh4BByo8aHAM+pfyowSncw8wa5h81uBpXZfbtx4GngR8bIdPMYY/1wO24KvEVhB32mAJeB17D5zYNohkBWfTgjttsAzZROm7jqwenKB23+Rb4HHfc5pdmA+cloBpE46PSMJaysNUSJAGxkQTERhIQG0lAbCQBsZEExEYSEBtJQGwkAbGRBMRGEhAbSUBsJAGxkQTERhIQG0lAbCQBsZEExEYSEBtJQGwkAbGRBMRGEhAbSUBsJAGxkQTERhIQG0lAbCQBsZEExEYSEBtJQGwkAbGRBMRGEhAb/wM59V2+/gtkZgAAAABJRU5ErkJggg==);
    background-size: 100%;
    position: absolute;
    left: calc(50% - 24px);
    top: calc(28% - 10px);
    cursor: pointer; }

._1hqdMdG_uddITHOzYAS81K .content {
  background: #fff;
  border-radius: 10px; }
  ._1hqdMdG_uddITHOzYAS81K .content > div.text {
    font-size: 20px; }
  ._1hqdMdG_uddITHOzYAS81K .content > div.lottery-boxs > div.item {
    background: #fbefef; }
    ._1hqdMdG_uddITHOzYAS81K .content > div.lottery-boxs > div.item > i {
      background-size: cover; }
    ._1hqdMdG_uddITHOzYAS81K .content > div.lottery-boxs > div.item > span {
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff5300));
      background: -webkit-linear-gradient(top, #ff8400, #ff5300);
      background: linear-gradient(top, #ff8400, #ff5300); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1NQ-Ec03LHbhcBVqy93Lqw {
  min-height: 100vh;
  background: url(/webx/thai/desktop/images/ce3b84.png) no-repeat center top #fff;
  background-size: 100% 100%;
  min-width: 1080px;
  overflow: hidden; }

.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._14gKPWuBXEkJV9V6TuFU9u {
  position: relative;
  margin: 0 10px; }
  ._14gKPWuBXEkJV9V6TuFU9u:hover div.pic {
    -webkit-filter: brightness(70%);
            filter: brightness(70%); }
  ._14gKPWuBXEkJV9V6TuFU9u:hover span.enter {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8300), to(#ff5100));
    background-image: -webkit-linear-gradient(top, #ff8300, #ff5100);
    background-image: linear-gradient(180deg, #ff8300, #ff5100);
    color: #fff; }
  ._14gKPWuBXEkJV9V6TuFU9u:hover span.star {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8300), to(#ff5100));
    background-image: -webkit-linear-gradient(top, #ff8300, #ff5100);
    background-image: linear-gradient(180deg, #ff8300, #ff5100); }
  ._14gKPWuBXEkJV9V6TuFU9u.casino {
    width: 430px;
    height: 325px;
    background-size: contain !important;
    margin-bottom: 30px;
    margin-right: 35px; }
    ._14gKPWuBXEkJV9V6TuFU9u.casino:nth-child(3) {
      margin-right: 0; }
    ._14gKPWuBXEkJV9V6TuFU9u.casino:nth-child(6) {
      margin-right: 0; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot {
    width: 267px;
    height: 540px;
    margin-top: 20px; }
  ._14gKPWuBXEkJV9V6TuFU9u.chess {
    width: 430px;
    height: 325px;
    background-size: contain !important; }
  ._14gKPWuBXEkJV9V6TuFU9u.sport {
    width: 430px;
    height: 325px;
    background-size: contain !important; }
  ._14gKPWuBXEkJV9V6TuFU9u.casino-agtha {
    background: url(/webx/thai/desktop/images/fcbc5a.png) no-repeat bottom; }
  ._14gKPWuBXEkJV9V6TuFU9u.casino-aetha {
    background: url(/webx/thai/desktop/images/432f61.png) no-repeat bottom; }
  ._14gKPWuBXEkJV9V6TuFU9u.casino-thbcq9 {
    background: url(/webx/thai/desktop/images/e5f816.png) no-repeat bottom; }
  ._14gKPWuBXEkJV9V6TuFU9u.casino-sbotha {
    background: url(/webx/thai/desktop/images/ca81df.png) no-repeat bottom; }
  ._14gKPWuBXEkJV9V6TuFU9u.casino-satha {
    background: url(/webx/thai/desktop/images/557ad0.png) no-repeat bottom; }
  ._14gKPWuBXEkJV9V6TuFU9u.casino-wmtha {
    background: url(/webx/thai/desktop/images/98e97e.png) no-repeat bottom; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-agtha {
    background: url(/webx/thai/desktop/images/6c7a7e.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-dttha {
    background: url(/webx/thai/desktop/images/06d093.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-ratha {
    background: url(/webx/thai/desktop/images/13f465.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-aetha {
    background: url(/webx/thai/desktop/images/19c421.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-thbcq9 {
    background: url(/webx/thai/desktop/images/28703a.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-sbotha {
    background: url(/webx/thai/desktop/images/e6a828.png) no-repeat center 11px; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-jltha {
    background: url(/webx/thai/desktop/images/bedf0b.png) no-repeat center 4px; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-jokertha {
    background: url(/webx/thai/desktop/images/0b56e0.png) no-repeat center 32px; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-jdbtha {
    background: url(/webx/thai/desktop/images/676bc6.png) no-repeat center 2px; }
  ._14gKPWuBXEkJV9V6TuFU9u.slot-pgsofttha {
    background: url(/webx/thai/desktop/images/f33af0.png) no-repeat center 11px; }
  ._14gKPWuBXEkJV9V6TuFU9u.chess-xy {
    background: url(/webx/thai/desktop/images/6ce093.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u.chess-mptha {
    background: url(/webx/thai/desktop/images/c7da71.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u.sport-thbibc {
    background: url(/webx/thai/desktop/images/0f4a45.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u.sport-sbotha {
    background: url(/webx/thai/desktop/images/832432.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u.sport-cmdtha {
    background: url(/webx/thai/desktop/images/3b72f2.png) no-repeat top; }
  ._14gKPWuBXEkJV9V6TuFU9u > span.enter {
    width: 115px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: #b78b8b;
    border: 1px solid #f3d5d5;
    border-radius: 6px;
    z-index: 1;
    font-size: 15px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 25px;
    left: 20px; }
  ._14gKPWuBXEkJV9V6TuFU9u > span.star {
    position: absolute;
    bottom: 25px;
    left: 148px;
    color: #fff;
    background: #f3d5d5;
    font-size: 20px;
    padding: 10px;
    border-radius: 6px; }
  ._14gKPWuBXEkJV9V6TuFU9u > div.pic {
    height: calc(100% - 158px);
    cursor: pointer;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: relative; }
  ._14gKPWuBXEkJV9V6TuFU9u > div.name {
    color: #745454;
    font-size: 18px;
    position: absolute;
    bottom: 95px;
    left: 25px; }
  ._14gKPWuBXEkJV9V6TuFU9u > .testgame {
    position: absolute;
    right: 2px;
    top: calc(100% - 184px);
    z-index: 2;
    display: block;
    width: auto;
    min-width: 50px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    padding: 0 10px;
    color: white;
    font-size: 14px;
    border-top-left-radius: 20px;
    cursor: pointer;
    background: -webkit-gradient(linear, left bottom, left top, from(#f00), to(#f60));
    background: -webkit-linear-gradient(bottom, #f00, #f60);
    background: linear-gradient(0deg, #f00, #f60); }
    ._14gKPWuBXEkJV9V6TuFU9u > .testgame:hover {
      -webkit-filter: brightness(70%);
              filter: brightness(70%); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._258i2NwMG5ydUQGjddN6Qp > .contents {
  min-height: calc(100vh - 146px - 125px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(/webx/thai/desktop/images/3e5b77.png) no-repeat top #fff;
  background-size: 100% 100%;
  margin: auto; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents > .title p {
    width: 100%;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#f6c74d), color-stop(#ffffa9), to(#f8bf3f));
    background: -webkit-linear-gradient(left, #f6c74d, #ffffa9, #f8bf3f);
    background: linear-gradient(90deg, #f6c74d, #ffffa9, #f8bf3f);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 75px;
    font-weight: bold; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents > .banner {
    width: 100%;
    height: 300px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#ff5100));
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), #ff5100);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), #ff5100);
    margin: 0 auto; }
    ._258i2NwMG5ydUQGjddN6Qp > .contents > .banner.casino .banner-img {
      width: 1500px;
      height: 300px;
      margin: 0 auto;
      background: url(/webx/thai/desktop/images/d6c68d.png) no-repeat center; }
    ._258i2NwMG5ydUQGjddN6Qp > .contents > .banner.chess .banner-img {
      width: 1500px;
      height: 300px;
      margin: 0 auto;
      background: url(/webx/thai/desktop/images/cdf4e2.png) no-repeat center; }
    ._258i2NwMG5ydUQGjddN6Qp > .contents > .banner.sport .banner-img {
      width: 1500px;
      height: 300px;
      margin: 0 auto;
      background: url(/webx/thai/desktop/images/8caa98.png) no-repeat center; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents > .game-items {
    width: 1460px;
    height: auto;
    background: #fff;
    border-radius: 30px;
    padding: 30px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    ._258i2NwMG5ydUQGjddN6Qp > .contents > .game-items.slot {
      width: 1154px;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
    ._258i2NwMG5ydUQGjddN6Qp > .contents > .game-items.casino {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: auto;
    margin-bottom: 50px; }
    ._258i2NwMG5ydUQGjddN6Qp > .contents > div.sport {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents.casino .title {
    padding-top: 36px;
    margin-bottom: 10px; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents.slot .title {
    padding-top: 36px;
    margin-bottom: 50px; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents.chess .title {
    padding-top: 38px;
    margin-bottom: 45px; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents.sport .title {
    padding-top: 36px;
    margin-bottom: 40px; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-menu {
    width: 1300px;
    height: 160px;
    text-align: left;
    display: block;
    padding-top: 30px; }
    ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-menu .item {
      width: 320px;
      height: 160px;
      background-size: 100% 100%;
      display: inline-block;
      margin-right: 30px; }
      ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-menu .item.joker {
        background: url(/webx/thai/desktop/images/c942a1.png) no-repeat center; }
        ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-menu .item.joker.active {
          background: url(/webx/thai/desktop/images/6449ad.png) no-repeat center; }
      ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-menu .item.ae {
        background: url(/webx/thai/desktop/images/bb3479.png) no-repeat center; }
        ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-menu .item.ae.active {
          background: url(/webx/thai/desktop/images/8645fb.png) no-repeat center; }
      ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-menu .item.pg {
        background: url(/webx/thai/desktop/images/77115b.png) no-repeat center; }
        ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-menu .item.pg.active {
          background: url(/webx/thai/desktop/images/730193.png) no-repeat center; }
  ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-content {
    width: 1300px;
    min-height: 100px;
    margin: 0 auto; }
    ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-content .left-box {
      width: 600px;
      height: auto; }
      ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-content .left-box .game-title {
        font-size: 48px;
        color: #333;
        margin-top: 50px;
        margin-bottom: 50px; }
      ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-content .left-box .text {
        font-size: 24px;
        color: #333; }
      ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-content .left-box .btn {
        width: 300px;
        height: 90px;
        color: #fff;
        text-align: center;
        line-height: 90px;
        background: url(/webx/thai/desktop/images/6f992d.png) no-repeat center;
        font-size: 32px;
        margin-top: 90px; }
    ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-content .right-box {
      width: 660px;
      height: 650px;
      background-size: 100% 100%; }
      ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-content .right-box.ae {
        background: url(/webx/thai/desktop/images/62b547.png) no-repeat center; }
      ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-content .right-box.pg {
        background: url(/webx/thai/desktop/images/7dfac4.png) no-repeat center; }
      ._258i2NwMG5ydUQGjddN6Qp > .contents > .popular-content .right-box.joker {
        background: url(/webx/thai/desktop/images/73032e.png) no-repeat center; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.AoAE7z_CIhD9aVL73ZHYI {
  width: 1210px;
  margin: auto; }
  .AoAE7z_CIhD9aVL73ZHYI.pgsofttha > .cate {
    display: none; }
  .AoAE7z_CIhD9aVL73ZHYI .handle-list {
    overflow: hidden;
    margin: 30px 0;
    position: relative; }
    .AoAE7z_CIhD9aVL73ZHYI .handle-list .item {
      float: left;
      width: 160px;
      height: 45px;
      line-height: 45px;
      font-size: 18px;
      color: #333;
      border: 1px solid #f3d5d5;
      border-radius: 6px;
      margin-left: 15px;
      cursor: pointer;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .AoAE7z_CIhD9aVL73ZHYI .handle-list .item.active, .AoAE7z_CIhD9aVL73ZHYI .handle-list .item:hover {
        background: #f3d5d5; }
      .AoAE7z_CIhD9aVL73ZHYI .handle-list .item .icon {
        display: inline-block;
        width: 25px;
        height: 20px;
        margin-left: 25px;
        margin-right: 5px;
        background-size: contain !important;
        vertical-align: -3px; }
      .AoAE7z_CIhD9aVL73ZHYI .handle-list .item.all .icon {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAA7UlEQVQ4jZXSsU3DUBSF4Q+ERJMJTMsYMEIkMgKFXVAxAgVTOBMgihQegYoCKUskJWncIOxn9BwLkcg2zm2ezj3n/sXTOWueEcwFC8FMjUqptlIpOq1752oLVZsrBSsvTREhqSAXWpijo0xt2elUJT/w9zdZhGwEyQBkq3bV6Y1K0gPZniMxPH+9oVwSId8jkDDi/U6EfIz466mQR3z2eHH3MAVygXdc4xaX3f4Lb9hNhcS5wR1mnS7RoJgKSZH3ePfIsPwPEv/kacQf8w4gU3syCpnak6FcOKUnQ7n1KT3py7WZU3pynNtnXpvdD93oaXASyX6AAAAAAElFTkSuQmCC) no-repeat center; }
      .AoAE7z_CIhD9aVL73ZHYI .handle-list .item.hot .icon {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAACNklEQVQ4jaXVS6jMYRjH8c9wXI6US8gtJZeIKBIWOEWRKHIXyUKxYEEhSykLLISdhXI5OljpIJFsbI6FUi4LkoSFIyUUxl/vOc/wN+Y/pvymad7b8533fZ/LW8oO4QcylKNd/uu71HcLlR1R9vaP+fPJ8Ld6aEwPsBuP47epyKpR4Gu8xUAcwz2M/R9g0pNcexbuY0EjwKEFwM6q/mBcs6G0sB5wLQ4WAL/XGOuHK9aWptQCLsMFfCoAFu18QJfdmlLvPHAczqEnFtXYeS/MLAAmTcOOPPBU/FPSdOysMliemy/SXqtKTQk4B4urFh3G7GiPwfF/wJJGoiUBN9eYbMb1AHdgdAPApAUp4ucXTA7C/gZBFU1MwAnReYEb2B5BnNJtPe6mjMUQ7IqMuZiDtGBJtPunI/eJzqswTHqGq3iITViBEZgX4BQJJzEX43Pwb2mH7yPqxc5ScL8JZ7RjFZbG/IlYvygKREuV95+lHT7KDaTL34fV0e+Lj9HOIuib69xhR4+4t4r6RwBXjrEGN8M56zA1d+fV+oZbCdgWpXJSLo9nhANGRVWZHMCrOciZyOWK2l3J3lUq9lGZPXUqdndpqDXevf6zzAyXsqeV1DuA23Xupp7SUbckmFwuf418bS0w/FEw/gErtWWXKwP5qvIFG7EtFlaUUi+V+61VNfFOlwNbsxRav1SrYp8OT6aCkHaecv1lOOEs0tGS91Olfl5t/K9ndPivZ7PbKcOUdSp3ff5+RvETsaShQVynOQcAAAAASUVORK5CYII=) no-repeat center; }
      .AoAE7z_CIhD9aVL73ZHYI .handle-list .item.fav .icon {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABWUlEQVQ4jaXUv0pdQRDH8Y+XNCZBQRDShQQtRKwEixSCb5EUhhSCiggiWtioqCnEJ7ARNFFBSZrUYhkQUiWdL6CIhQixueeuLPco1wNn4zE/WPbPzHwZZme3LayhgYAsX2cPxrDMe3XfZI4KNnZjYFPPpNWFH+jAKN7ioiyi9g/YbA6Keom5lHMKFrOaLpxNofspsPmWrO70AgtlAa01e4Ve9GAQEyUxM3iOE5z60HZqP5xFQ7zNGQ3Lgs6S22yOesl50/9K8DnCLjV0JVrjMbDYWtexZt8Tdauiw1pem53/BO1hvJYn+QmbTwRt4aPDUL9rjVixSXypCPqKMQchJvSgzyJwuyJsx364f5zFpn1dEfamdVOE9VeEDaRgA6opCStmdo1VvMMSrgr2vhTsTz7fYCP/vxbxEyv5fh1/c7/frcHFn7Zdw4jML5nzxHPqlhmSObYbmmDcAmbHgBBDcW7YAAAAAElFTkSuQmCC) no-repeat center; }
    .AoAE7z_CIhD9aVL73ZHYI .handle-list > .inputSearch {
      width: 194px;
      height: 36px;
      color: #333;
      border: 1px solid #f3d5d5;
      border-radius: 6px;
      position: absolute;
      right: 0;
      top: 7px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center; }
      .AoAE7z_CIhD9aVL73ZHYI .handle-list > .inputSearch > input {
        font-size: 15px;
        height: 30px;
        width: 82%;
        border: none; }
  .AoAE7z_CIhD9aVL73ZHYI > .games {
    width: calc(100% + 12px);
    height: auto;
    padding: 0px;
    background: none; }
    .AoAE7z_CIhD9aVL73ZHYI > .games.myFvas {
      height: 932px;
      overflow-y: auto;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      padding-top: 10px; }
      .AoAE7z_CIhD9aVL73ZHYI > .games.myFvas::-webkit-scrollbar {
        width: 4px;
        height: 6px;
        background-color: #f6f8fb; }
      .AoAE7z_CIhD9aVL73ZHYI > .games.myFvas::-webkit-scrollbar-track {
        background-color: #f6f8fb; }
      .AoAE7z_CIhD9aVL73ZHYI > .games.myFvas::-webkit-scrollbar-thumb {
        cursor: pointer;
        background-color: #f6c74d;
        border-radius: 10px; }
  .AoAE7z_CIhD9aVL73ZHYI > .games > .item {
    position: relative;
    width: 210px;
    height: 250px;
    margin: 0 16px;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    margin-bottom: 40px;
    position: relative; }
    .AoAE7z_CIhD9aVL73ZHYI > .games > .item div.hover {
      width: 210px;
      height: 210px;
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.2);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      opacity: 0;
      border-radius: 5px; }
      .AoAE7z_CIhD9aVL73ZHYI > .games > .item div.hover span {
        display: block;
        width: 70%;
        text-align: center;
        color: #fff;
        font-size: 18px;
        padding: 8px;
        border-radius: 24px;
        cursor: pointer; }
      .AoAE7z_CIhD9aVL73ZHYI > .games > .item div.hover span:first-child {
        color: #000;
        background: rgba(255, 255, 255, 0.8); }
        .AoAE7z_CIhD9aVL73ZHYI > .games > .item div.hover span:first-child:hover {
          background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
          background: -webkit-linear-gradient(top, #ff8400, #ff6100);
          background: linear-gradient(180deg, #ff8400, #ff6100);
          color: #fff; }
      .AoAE7z_CIhD9aVL73ZHYI > .games > .item div.hover span:last-child {
        background: rgba(0, 0, 0, 0.2);
        border: 1px solid #fff;
        margin-top: 20px;
        padding: 6px; }
        .AoAE7z_CIhD9aVL73ZHYI > .games > .item div.hover span:last-child.yes svg {
          color: red; }
    .AoAE7z_CIhD9aVL73ZHYI > .games > .item > .recommend {
      position: absolute;
      top: -10px;
      right: -10px;
      display: inline-block;
      width: 25px;
      height: 25px; }
    .AoAE7z_CIhD9aVL73ZHYI > .games > .item > img {
      display: block;
      border: 0px solid white;
      width: 210px;
      height: 210px;
      border-radius: 6px; }
    .AoAE7z_CIhD9aVL73ZHYI > .games > .item > div.name {
      color: #333;
      font-size: 24px;
      height: 40px;
      line-height: 40px; }
    .AoAE7z_CIhD9aVL73ZHYI > .games > .item:hover > img {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 0.7; }
    .AoAE7z_CIhD9aVL73ZHYI > .games > .item:hover div.hover {
      opacity: 1; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._23N5NYTe-6frRJmgN1FYpZ {
  background: url(/webx/thai/desktop/images/3e5b77.png) no-repeat #fff;
  background-position: center;
  background-size: 100% 100%; }
  ._23N5NYTe-6frRJmgN1FYpZ > .contents {
    min-height: calc(100vh - 146px - 125px);
    margin: auto; }
    ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content {
      width: 1460px;
      height: 1200px;
      background: #fff;
      border-radius: 20px;
      -webkit-filter: drop-shadow(0px, 3px, 4px, rgba(0, 0, 0, 0.1));
              filter: drop-shadow(0px, 3px, 4px, rgba(0, 0, 0, 0.1));
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list {
        width: 190px;
        height: 1200px;
        background: #edeef2;
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-top: 20px; }
        ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item {
          width: 150px;
          height: 45px;
          border-radius: 30px;
          line-height: 45px;
          font-size: 18px;
          color: #333;
          background: #fff;
          margin: 0 auto;
          margin-top: 20px;
          cursor: pointer; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item .icon {
            display: inline-block;
            width: 25px;
            height: 20px;
            margin-left: 10px;
            margin-right: 5px;
            background-size: contain !important;
            vertical-align: -3px; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.dttha .icon {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAYAAAAyhueAAAABp0lEQVQ4jZ2UO0skQRSFvx7GtyaaqGiioIIYbbCJLPgDDBZRFFPRQEQTAxFGUFk2WFjYB0wgGI0uyiSCoSKKCMaCMIqRbxDEt4PVJdXcXmrHahfmwO1T99Gnb12qy9OzGEziM4DmN4pv+Kyg+ISiGEURCgJ7EVZoFFco1lAkSekNLBjRAiCLD+jgBQ+fdRQdf8Xeiv5rPtMs6qlQNialC+LPCyvhGaAGqHXYR+CP1CXo8YZsUdPfmPhfhEuEj4Fz4Mxhu0Af8Etqk3R7laGoQYXwo3BBjh+NlB4BdiQ/bB5xcQqBG6AT2AIuJT4IfDCzDzqBfYmPA3XBLvs9+8OfzcjiVuBUihuBI4m1ixlsW6IJoNzRfTNdXmm4/SzQAjTIHOOOF26t9UHEOEqB6lD0AhgF9oBWORH5wgs7ugd+AA9AE1CVp+CTaTB3m3PCm3mKHpLWd7GIpJen6CrWOc2F74hlrbUrb/DzPVEXnv8j+pVlfWIWrqNjUOyImfvhWtZtObk0S3oidKJEXTOtF7ORCf60Rf3dDkaJ9gJlEbkQZhwZUuY+sgC8AmLKepxD+AfsAAAAAElFTkSuQmCC) no-repeat center; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.pptha .icon {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAACxElEQVRIic3VbcieYxgH8N/9eDKjzWwkYSbvk7c0tRYlG9ImqW1ZS+SlpJmSfFrkE8rLYimfJMQ9tlqhFTaZ11miyDvjkzHbo0ze7kPH5Xhy736uR8/zzVF393We53X9z+N/nP/jf/rfRyeuR6BX/+EMHCjsqPHYn765Z2M/jkMtjGfi0Zb5zkSq0wb4Oubh5hqfihsnWupRwGGcXM9JfgR31/geHOBfshMCTDqXYTumYm1Rvw5H48XJZvgHHqrMPqsNMqP7MB0/TRZwNBbiL6wp0JlVil8mCjjcMreyDuYDbKmaXlHZf4lvJgu4DbfR6PH0qmHW8tfKeg9eKhZjMm8DnI8VmIYuNtcms7AYp2EBdhWbjf0fD9ZwOd4sgFMqi21Vx7fwIC7I/sBN2GBZ54bxAJPiM7gDtw5sdC1OwmHF4OGifikes6xzbhvga3i1pDIYT5a0+uORKkeW5e1BwIW1+0UtYBkfYS4ewM6if1Wz0o3lzVks/Yd6uk1HeErPNGGJaE70E+EN4UJhS5/bnCMawOOE92vuzKY9w1ThkgQ8UnhCzzrhKNHU8D1hljBdmFcf5vOIcDFmCPOFXaJZzffXCFcm5e+Lzu6q0xf4rfFEvuujfQuexyKsx1lYrRv3lj7nYO9QDX7AQfizxPw07sLxA4CpwdtxREnnlVo7HAd7LnpD1fzf4tjyvg+rE9J1zsad5Y3DldlW3I9DiknGbPyuXhop2qto6jPqi1ur5abgK6TWvq61RcVqc42vwcf67pTZenYKJ4rGANrvkjD2Tokmu/z2POtj+6gOk/IL+HQcHf5XZIneTbDBTllce74zCbCXcWiZRROD5pCnlRfUjzSCHS9SZumL2VnH6Eaqo4lB+8oDSv2lJaXBfo5NZayZfcro8lJDHtpc3djXD9Dmh7nbEpyAq8tdzi/An2uzx+vu2T/wNxSv3J2/MLaeAAAAAElFTkSuQmCC) no-repeat center; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.pngtha .icon {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAANCAMAAACae25RAAAAgVBMVEUAAAD/bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB//bB+s0FaQAAAAKnRSTlMABfhMMPF37Dkt0bqTY0lFNBUL1r+kgmlZIA7y49zGxLWci3xzblAm9K1IvbF0AAAAt0lEQVQY0x3OVxLDIBRD0QsG3Htsx07vydv/AgOcH31oRiM8NWsJvlai80awk3viNU6Ozud+3CmgSlei+ayIbA6rTlAmz/Ou6NlMNkBqYC/wlqCESkTxOfQwTXApHg9XOjjJxXe+R2coSYBrRmdlgbSGXPd+Z1ZsFl5yMBgZ4HaFnxwHnrdwdVS4AtALypgVxg6y7oMqasA+iWppiKp0ABZxbdu+J5G0bpr2dfIXgrtE2uoYZY/3B1F7D9uLr9PCAAAAAElFTkSuQmCC) no-repeat center; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.jokertha {
            position: relative; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.jokertha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAANCAYAAACzbK7QAAAB00lEQVQ4jYXUS4jPURQH8M9/8thIY4GFKFEGxQIbsxgKO8+NrMTEQl5LpaZo8tqYRmnMGFlRJMlGQ9IUa6w0EokSadiR3Kv7m/s3d36NcX7dzvt87+OcXyN2G6M46VohWFT5QvUNZTmtNsFuUbtgmWC64L3ggeiiK/F7qvs/gFFBay46UhUak08JuiqgccDxFX0UrDUQP7X4N61Ba+G9kPl1dNWyvtT0BbiZhKkAttf0QWzA3sJ2H8uxEAdq8Rt0NuZOmwJgVyEPZ36vsI1gm57Y1K861NiH9UXMrxLgCDbmwumIKwvfOazC7MJ2GOscb2wSzBD04+kEgMH4rQlwAmez3JaPXdIQzhR66pAXeIU5f08wltukt4o3aM/8ET7gWBH4HL+xpbB9xWc8y3pHfuitRUxvCZAcO7E5F+soAvszn1/Y5mWeGmGp3jicu6ukPp2NlibAYjypgrlVC7xRXEuTZuFS1fE98Y2jjdPYU/hvG4g/DMaQBm11dQ2TD9o1QWceppOC7tpg/RSrCW4pbO/0xbThitIJ9td23KR0vwcLPT3yw1rMzNosPcbaMiB1Ubrb1+m3kW2juIPztWJp7+mhj2MHluT89Lgvq5zL8e6EDPwBa/agSdrk5+QAAAAASUVORK5CYII=) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.jokertha .hot_game {
              position: absolute;
              top: 0px;
              right: 6px;
              display: inline-block;
              width: 40px;
              height: 40px; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.jdbtha .icon {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAAB60lEQVQ4jY3UTYiNURgH8N87jIyVEDEUUj5KTMpCkoWVBRZqfE9jGhsW0ixkzcaGhYWmZjFNk8ZHhCnFQlEspKwsJeOrGFOEifu+Otdzxx3uveZfb/9zz/mf83/Oc57nZsVpv1HEl5e/Zrlbcm/kfsp9lPusZJPciJImuUwp9CVF7FOe/zMel3vkSjE4XW38wBg6Y/UpTuJMHX0jHLU721zPKKEDy7AxjO5iF27gO05hFlrRjjl4hQuonLswgj3UyGgaFsX4dvCa4GGcK496C7qydNMRLDFQnJ04oT1rwhasbWS0HItjfDO4O/jiJGVf8VpnNlLWH8za4m0StkZWxhoZVb9PKpOW2JRwr4a+tUr/N7obGR0OHgg+EHz/H2VXtgMZ3uFtzGaR6hnpGeoZpehmx/ha8J7g4UnKI9kCnI+CPm6gGJpYa8/2YTAF3VTHaHvwC3zAXKzANzyOtZTKnXgQKb2kv8pkb9aMbfHreb0bVQTpkHG0YT5SYL1ojlu3VO1ZpSN7ItcShbA0yv8LTtQymod1kYqHwamXZsb66jrBbagxd7nc6FeL0Wqj1HCj6MHKiKTSP9dxJ6pvKkiF8N5Q8amirRj1RZV9jesmHKuqoJd1D08NOwWknK/H/tAmk2fxV9M/xej/D/wCKjF/FbElidEAAAAASUVORK5CYII=) no-repeat center; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.jltha .icon {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAKCAYAAABFXiVrAAABdElEQVQ4jZ3Tu2oWURQF4G+8JYLiBRPUJiABLy+ghfgI9iYieQIRBLGzEVIpokVAFIOVjUZLKytbIaCENApesBACIl6i+c/I1vPD9oB4WcMwZ63Z+6w1nD1dfxF9vYtbehOKj4pRxaLiguKuolOsGdihOK1YUjw08EH5cY0rZs339wSmulnFYb1PihG9lQ1+xRPMJOUx1rAZx6oWsd7iG/ZhT9VXsJx6n+N84vfXNWbX8Crx21jFXNLu4A2+4mbSr5jvnyV+owYaYq41C94lPtY8A1vSemdab2/22t3stas165qCf8Ef+1qzAUb+06xF3waIAZnA2XrA1/EuPvk3Yf4OJ7u92FTDr89mV3G88o1YxMHKh8m+JJPVtM76z8k+1UXvJZyotWEa+BwFMaKB13iAhbTBcLomk3aopo3U+5NezHRR9yhN4db0fjLM4l+IpqcYxTiWcA7vsQ1Ha6g4h/j6A3hRj2AY9iXO1PrLmE49HY58B5kGYcj4Lzo6AAAAAElFTkSuQmCC) no-repeat center; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.pgsofttha .icon {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAALCAYAAABlNU3NAAABdElEQVQ4jY2Tv0oDQRDGf2tSKCTRUlDEIp1NHiCCCIKI2CjEFCKIhQ9gYe0fyFMIYqGIZUhhbS1BIZWVIFjGXBRBcitzNxvXcxE/OG5mdnZm9psZY48Byz0xPSwlYkjk9A+DxNZjQFX19EvlS2Kmh3qc+Ha4sJso8kAbeAWiJFWKiG/YjO7QAopAL+M7Rc20sBS5svN573AXePMcBRXgBCgATWBV7U21CRpapMAAZeDIf4FDFKj0TgMcAOOe3cmNxOfM9ocnddMB9oFcNkEIcvHxj/NHTjX4lqkQs6z2D2CUDbMuCboayAYCTAJL2iMfTh9kfKsq95XCgiSY0Ocsehc+9T8L1FS/CVCU82wvwK2XeE2GwKdoT6cCrxdSyQPwrnxnUWbHPCc0ndt20uy6GQPmNMGvJsdeYHQ6QoGFopI2P2LbtHUP3BQdql83O6aheQ9BxtXtgSRx+MnAtV2QBMKzVDTyz+AOK7oPM57N9eZJlgzgC/F8dZLzTb/MAAAAAElFTkSuQmCC) no-repeat center; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.ratha .icon {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAACGklEQVQ4jbXUS4iPURgG8N83hnEpclcuO0pJFCLjspPIJbeEJEopUnIpG2KS2FkhSUKaFAuiJJEslIhsiGRn45Zx/c6nM94/ZkyYhbdOX+d87+08z/OeotqLKlb6wyrVvkclz5WaJJUjOfDvVvdPXj9tG9ZhNLp3JrAzhWajCU9wDFf+R6EeuBgAzouC07C7M4W6tjvL+27tzraiwFxkVkfFjXZYWwz/4bWqqLOiaLC8KH6cLS4Ki4q6XGg/nuMenuETPuJB8JGtL1qwGfMDxkfRUFdrigFWF/vwJmKTZUWLJcVL3ECf+sB7A0bgHW4GRGNwFDPjFrnInPB9hY04Hb65qSG4jcfoH2sc7jtXvarJe6LKNclXSWPIfJVki6Resl2pu2So0ibJY6UekuFKdyUjJRckVyX3JC2SXpKHmqvcvPqA5g5W4jxO4gC2x78yuJke+wzHQEzCiZD6CyxAIwYFn5mGyYFSG9VdwCaMx4y49i10icCx4ZcndGf8X4rL2BUUrAjfr1iouXpZS16vrR3CRKzH0+hwFg63Yv2d2MGYiusROTn4fJ11F43McLa6/2vmjp6g3pIbgfEEyRvJMKWDkrHKVt6mKI1u5bTUT9IgqZMMlOyRnHGmavM2tb9RtrfR8aXosmZZ3lnO+Twn+fJLi59j/lY7VTV3kLPDQrWkx/EhimU5v48ZqfGUY3vGq5HnLMs58/W74RtvQbsYTe40gAAAAABJRU5ErkJggg==) no-repeat center; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.agtha .icon {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAARCAYAAAAsT9czAAACSUlEQVQ4jZ2VXYhNURTHf5tBXngbRSO6MYNkeJiIFA8eJA8eJm63O2MwaXiYIlMefeXJg0jdBx/XNAqRkoknb4yvomYGJRKTppSvfOWerXVm7WbNcc50x6rdPnvt/d//vf5r7X2cPwJ4bZHps1ol9tcSsd2Ms9vovpUa/s/WAscniHxryXYATVUCv6f4HgK3gF/ASmATMMnM91uyPcDylE1ECGfGv4E79sTAbs763jGovFsFiG+megYCs/QNGUQtwE/jewEsNESrgUe0uZO0ulcU3SAF10GPvwfsNbiBENk8YHoKWQm4CGwEtqrvjY7F2lW2PmC+wZ0mH4vxWOen2cgWpRC9BPbp94XE3GTgKXAbOJEgGiWE+0o0JrIliYV/gILKtQI4DwwBs03SJW9TgC0G9xH4bMZCNAd4x1X/JQCT+ToMPAPKmjO5Td06F2n/GqhJyN9M2efo9jl6fE6LLo4Kc0oroyT2KLAeGATe66Zl1T+oUQv8AJ4YbCtFd4qCC/ldl0a2WPtvQFEj6Y1PCttU1n7NXajEZs1dixYNKv2sOJd51xhfCUMmp5wLzFBnp258STcKJuRtQJfmJRzwGCXfxU63QFMxTNkPU3ByHa7Z4ghkjeq4oYVwF1jDv3ZTQfZVOEB7HME5lbueopPoNidfj0C2FPgA7AL2ZxCh86UU/wZtWTbEFf8pkC3TV+Eg0DEOSB7f63pRReIH46y1FksoJr+Y53jqq/zFfKVCHxF1RDTEvjMCqM4kssvA1KoRI8VyaALrRwz4C8TDsHUcG3JSAAAAAElFTkSuQmCC) no-repeat center; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.thbcq9 .icon {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAKCAYAAACqnE5VAAAB/ElEQVQ4jW3TW6jPWRQH8M/ffcg8OcY5kVxGCJNImsKDxImEXCJimpRCMy5F3kiNmhehNCgRJ0Ue5EGdQkq5lg5zMkgTueT24JbwW1u/X/vouKzardX67tblu7+7lrYiVWeh8KdkpPBWaBY2CzcVOgmrhd8VBgvPhBMKW/yTHittWW2o8Jfwq9BNuCM5KOxyNBVtjXZIVaEk+U/oIgwUXgvTFTYKjcJHhVahl9Cg8FCYVN0rtAh1ecgnQj9Jx2qgZE4HzMVq3MNYDMMgTMULzEMjruT8L+iL5fgJTfgNdTiA3prSAAzGDcws8XKjs5JJksnC6YrG+HzKyVsUlR8k3Fe0wwvbhT+Ehwr1wo8OptfabEFttnBccqFD3uIVzvjWuqMeLbj/Hfxk9g2o5a3aW58cj+iUg84o4w9fXeyRfTfsxwz0wiOcx62Mn8I0nLC4tl64K0zEtoy/KYtfpUrOx+GvGi3Mfnjm+yWu4wfMRseM78H/WJGbttk1DMHlkrqdObkbS9AVPbEBm/Ax0zIBKzElP/DRdgUP4TZm5aZH8t1zmf59bfLeKVlVPfCXYijlPUdhTZZ3KYD2Yijl/bewSVFJ+6lwUXgujJKMFk5KZpYblVbKexEu4R2e56nGoTlvsBb/4j0eZAbG2Ju242esQyvGYyn6Y0f1PY6l9AkqntKy4ojA/wAAAABJRU5ErkJggg==) no-repeat center; }
          ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover {
            background: -webkit-gradient(linear, left top, right top, from(#ff8300), to(#ff5100));
            background: -webkit-linear-gradient(left, #ff8300, #ff5100);
            background: linear-gradient(90deg, #ff8300, #ff5100);
            color: #fff; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.dttha .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.dttha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAYAAAAyhueAAAABbUlEQVQ4jZ2UzytEURTHPzMZi5ENKWQlacrSwtY/YGHjTxgLSYqVUrJRVszGQtlpFlbK1gIlllKTXymxwEbGMCbmqzvO0+vNezN63zr33HPuu993vvcXkpwtSLqVNGfxrqQXSWWFoyrpWVJe0qjN+TPXpALTXG4/giwKS37SJPAFbPOLLfPf5peBHqA3xEaAvH23CEziwdi7rIIBi48szgalhVjOV32HV6lDu/kP86lA3AjTwLGNT7mmxYJW4BUYAw6BJ8tngWEgAWwABcvPA31OaODH47UlMzkZSQVJN5JWJa2FbMiET3oxYsNKktKe/AqQAfqBe58CP4q+/lXEcqSBbo/0EZgBzoEhOxFxkfAqKgHrwDswCHTGJCy7AoMyN80fxCS9Bt6SEYOJmKR7rokirYbkKk3GHXKNSMPw2YR0BXio9SKu3knIGbyTdGYWxE7wlQqz03++TheSZoMciRpzPdwlaPvHclzWZYEfA4HtPmA8MA4AAAAASUVORK5CYII=) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.pptha .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.pptha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAACgElEQVRIic2US0iXQRTFf/4Ve1tYESFZYYgp9qBclG2CLIhq0aIgwo3UxigIqlUUbXqAYIuIdtFCsIigwggSg15ItqhFC3vZY5OVWVCRiiemjvE5fsZfV10YvvnuzJy5d+45l//eciTFMVYC+cCj8QSfSfEVAmdT/DlZIYYIo5HRH6u3v0zSbkk5KXtHjKEI84BSzweBL8Ax/58AcsPdY0k5pLMReAhMAk479TqgCGjJKt0EYD/Q6Mg6fUGI6BRQAPRkC5hW5S5gfuTL9VOMC3ANcAd4DLQZ6J6jf+ELxwQYbL/5WJQYP/wUn4EbwGHgW3wwLwVsFbADmAZcBG4Cd4GZwCZgMVANdAM7gSvDTkc82m4ONkb+Ukmdknok3Ze0R1Kt9+5K7k0eqvSGgymEPa6RtlnSBntXpAGG21tHUUCFpL4I8rXXmiX1x4DrvOlfslokqUFSl9NenVj7mzrWaJOka16sk1Tt+doIdLmkQn+HfEsktUhqk5QfwOYAF4AzwFzgENDhqgaVVLl+BebiemCG2dBtRXWYRluD9N4D5cAnS/A58NM98W2CEHuBy0ANcAlYCuwDTpqfC4DejH8+ABOBAaACaAKOAgsjwMDBA8BsoBlo9dosYHJQVcapvAHmAWXAEyshdJ1lwBGg3iIIkd0GGoApziRYMdCXlN45YKXfJ/TFB8BUYBswAXjpLvTKADXOKoA89Xj3+7wrVezSl2TTlaMxdLYqJvZ1SQPjAOyV1J6mFMz49jGA3XJ0eaMBTpc0KOmjCTsaULkVE6wouRa3r0DcwL/QkkKDfQZcdWMN1Qs02mI2hGoH/n7PpsEGKwFqrYjpBvxqVZx31Ycb8Au2qvWpbhf2WQAAAABJRU5ErkJggg==) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.pngtha .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.pngtha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAANCAMAAACae25RAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMABUww9/Hsdzkt/NG6Y0lFFQvWv6SCc2lZNA7y49zGxLWclpGLfG5QJB70rSfepdDBAAAAuklEQVQY0x3PR3LDMBBE0Q8CYM5iVrYVLEtz/+sJwNv0VM2mG0eNRrx/K8Fpw9vJLXLqRA6Jy6XfKeAnfhGMJ0VgM3iZCKWzLFuLlk2nHcQalhye4pXwK6L47FsYBjgX93tSTnCUs/uVgElREgGXlNXKDHEFmWlZZFRsFh6y12jp4HqBtxw6pquv2iuSAjAzSus/6FdI3aGKCrATQSU1EGZ0wCxJ0zTPQSSu6rp5HE2Kd8vFMzZkXrY4X+uIELlzrN3SAAAAAElFTkSuQmCC) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.jokertha .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.jokertha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAANCAYAAACzbK7QAAABfklEQVQ4jYWUzyuEQRjHv+u3UpT8aktplc2Bg5yUXCi3dfIHcHFQeyQHcVsXyVk5OSgUDloJB+ctKUkoyYGyNhcXPppt3ozpfV9PzfvOfOb7PM88M9MkAMVYr6ROO/0tKe9I05ImJQ1J6pFULelR0pGkVUmlssokiGlFfu3G0S0Rb09Ae3nxMcEHvBBTlm+GhH4JYaf/JVj2HAwb8dg+kAZqgemQJC1xCa4c4bllpYgtC9qFl6DJnZwFdm0/6QnHgT6PjQKDwDywCHQAK37VQfA5B5qSJzxhJZBzxu9AK/DmsKTdssDu3QQHFh4DDcCZIyxYTcFhd5Yd2vEwUOMtKusfcsb+6z3hjOXPDvuwzFSWsv0tz68OqAiCd5kDAbqdagJrtJprj6+bABE3bjtYuPn0E20bToULIapP4MtjD+7NMp+1iPDmypktCMTmWcnHLMbYCdDsJqiS1CbpVlLCvjFFSTuSct4TZR6tMUlZSRlJKans/yrp0vrs/fGQ9AMMy7uXy1n5gwAAAABJRU5ErkJggg==) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.jdbtha .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.jdbtha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAABoklEQVQ4ja3Uu2sVURAH4O9eo5KURpRwEQ1IkGBhGgvr2KQwZUAEUUxjJRIQ/Qts7ARBtBLRgEXAWhBTqGBAK620iPgAjeADI2hGNszVw+XugsGB2dnz23mfmW1FhD60GXfxBj/xEV9wCK/RRqswK52U+A88xE1VoBq+HX9pKSIOx8bpSl1FFW3FAxzENcxiGgtYxQUMoYMZbMMyLmMgfYzgxHqVDRUNRcRy1jCd2Pk83+nR7RS1lng7Ip5FxFpToP2FcSuxl3me7KPfTWoiIsaTT0fE54hYaQp0KQ2X8jxYk3WX1xpu8NRA3QXhZMobKY+lvN9H90hO2zu8LaZvHFuwqa6asue7EruX57ke3Z3Z0l8RMdPz7WjaPG7XVDOV8hU+YBh78R2P8ttgTuEiRnEL84WPahcn8/15Xeu6Cou5dBPYkYt6NZ10MliX9uFJge3J8f+Ks/3atj0iXmQrZhM7s8FVnY+I0cpHubDVwq3gIs5lJmN5ubsz09rt7qFqEN7j0x88M76eGXwrsjneMPr/zNXjQESsFgGeFn+C/8MRfgNkF/Ete8MqOAAAAABJRU5ErkJggg==) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.jltha .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.jltha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAKCAYAAABFXiVrAAABW0lEQVQ4ja3Tu0uXYRQH8M9PzQqULlRYiyBCl3/ABml0dFZa/AtECKIlHByaamhsaWvrNjY1tQZCIS4KEjQEgoTazd44cH50ekAq8Asv73nOcy7f85xzel3XKXiMceziBFaxjKfo4QfOYBFreIXP+IkLuIdnGS7kKezhOLaH/Im3WCiaN5ngJG6kLth9xHdM4GLqt7FefDdwp5xfiMqab6v7jYm8myu6J8V+pejvNnHi1b6V+5mBprKBfK4+zjf/wEiRzxb5dBNrrIl1rk3Wawz+B3/1a5MdZDOPAl1LYCin71Y2+BE+RcmHkPlXXMJwkh+syR5iNs/HctyvlmcNfClJvha56vuTHb73MZ+2kTSwHwYxooEPeInnJcD7/E8W3bVkG6wvF33sWti9zrUIjJb7yUgWuxBO73KRYzljYW9jB6cwnaSiD1H9FWxmC/pkt7CU9g9ws/j0cP0XEGCaQHZWQ3gAAAAASUVORK5CYII=) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.pgsofttha .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.pgsofttha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAALCAYAAABlNU3NAAABRUlEQVQ4jYWTPUoDURSFv5AUCjFaCopY2AniArQRBBGxsdAFWLgAC2tFyFJcQLCwtpagYJVKECxjJoogOnL0PLy8TPTAMO/+33fPfbWyLAFugQHQ4gcDftGyvMYoLoD5zPceOEiKBtAFnoECKK0vQlCZyQmXwFTWjHzngm29EYyHwEtwFFaBc6AJdIAd6zvWCW03KdSAJeAs3iChqOj0xglOgOmgT+e2fYbBphEdA/W8QBUU2PvD3gvJddstn9+ACWBPBfp2KisSzAKb5igiyR+Zb1qEoUfYVIEZX2cjBLz7vwjsW76qGFE96J6A61B4V0THER2ZeQIX6uQOePW8c4jQR/t1/U0Cyy4wQvJnSIwDqhJrRNp5ka+4fItOLff10GSU0/aYfR+HtOsxJk7g+x2ogEhWRysVZP4HvYeF4JS4eVBygC+lxVkXs6iDQgAAAABJRU5ErkJggg==) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.ratha .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.ratha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAAB6klEQVQ4jZWUO2hVURBFVx4mMQYUv42GVAGDEBtT+KlUkFSpLCxsRAsLRRAiWAgiIoKlhWIhiiIWFoJgCgkkinZBiNgE1GihBiRGyY+ELBmd4OP6nry74cI9c2bOzD6z5zSplMQtYAK4DDQcXCmZZAA4DnQDq0tFBqMGvz51UR1X96sjJWIbTtSmLqvzarf6yj+4WCZRc8EY65aC7UIefFB9pH5TB9UFtaPKr6K2qk1VtvivRI+uZnNfA++BBWAeGMt+BNYDs8AZoB/oA94CLUAzsAm4Akxn7HL6TwIjwLrIuCOvJPBDHVaH1Mm03VO3+xcn1a7s1321U/2cuy/VO+qTvN459XowW5F3LzAELAH7ksVR4CywCjiXKtsKnAbGgTagAxgFuoDHwLO8mWDTDrwBfhZV159VjapHqhgsFRS2wrRXfZj/H9PvS4om8E7dUk91p9LphrpTfZHr52pP+nxVz6sncu+peky9qR5I22LG/1fed9N5INeH1A9pG07b3jwsMKV+UsfU2WS0p3hurSdobSol7nhXKmkbcA3oyb7tztcheroBaM1XZjNwCXjwz/NUZ8Das/pqzFSxiKpjhkKtoazpZHO43sCGomohVHMbmAO+A1PATM7I7/pSjWtSfTFnG4HBmqcBvwDpMveCq280agAAAABJRU5ErkJggg==) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.agtha .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.agtha .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAARCAYAAAAsT9czAAACFklEQVQ4jZ2U3WvOYRjHP7ahpcSBHcxLQl6a8nLAtChOEDlAWkxe1k7mD1BzRg6UIzngTKPUdjBRiiPlQMjSamaFRUYOlFltVts+uuf+1d2v3/PYs6uunud6+d7f6/5d13XPU5mD1AHnKoRNzZXsONBdIeZLTWK0AjtmCRwr8L0GHgMTQCNwGKhK4v2Em0XttVimc94J9VFif1YPJudkukv9leRdzwJV6lgBVSA6rY4nvj51MCFaoS5Tb6gf1QG1PZ7bkuDOZ2RrStzqVozfT3wP1cn4f38k+lSADYQ71T/RbszIDhUkh+oXxfiBHFmQtzF2t0SheVmcDUhDrtmTQAuwHtgO3AG+AfVJ058C84GjCe4nMJLYC4HlwFfgdwbcmCO7AvQBncCZsCPAvRibjr9DQCi2NsGdANYmeiH635FUuSkBvACuAvuAAWA4HtoZxzr7GmGxx4HeBHsWuAk0R3tvSpb1bCR+31F1XcEYZ3pb/RBz+9VqtUEdir4wvd3qUnVrMhxtM4+HuippZKu6Ok5fV6LBrlWXqFNJ/rVYRI26Wa2LdpP6I8lrysiORMeDWOnzEtN0St1W4H+iNqu71WNqT64gY5EzZJfU73FfLpYZ3WfqyTLxUjKctSE0ewswCHQA7fkHL5E9QA/wBqgGXpXJTeXfcADh1X8PbJglcBR4CawsWJf/SrhZF7CgAkzYucuVEgH8BWf2SUyRUwU0AAAAAElFTkSuQmCC) no-repeat center; }
            ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item.active.thbcq9 .icon, ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .menu-list .item:hover.thbcq9 .icon {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAKCAYAAACqnE5VAAABkUlEQVQ4jW2Tv0uXURTGH0tJ+CYtBi2JQUGt/gGCYuUmgouIk98lF60lWpsc/QGKk24KDaGCNElNopYiBk0RggplDlr+SvEjB58Xbq/vA5fLOc+555x773MEZKsTWAKOgN/AFPDYXCXwEvgKnABbwChwLzkfse+Bn8A+8AXoA24GnwUNc4UL4Bvw3fYfoBGYt30GrAPbtmN/6IK/7DsEfgDntmeiWBTpsGMTaEg6fGbfiPkVoM5cBVB2smXgjWMmgZJj6oEN+8vh+GijOSmSrVpgB/gH3C/gB5ObxWvczvHt5hfD+AscuMt8ojoHfi7gYrXwPx7k+BfZF9zQFaokVeo6SvZUS5qQtCsJSTuS3klqMv/B+6yk55IeSeqRNGD/YVT95KpdBR2/TUQybZEsxFMkn42faIzrWLM45lIxxPN1A7eAGuC1k50l/9Bqud61/DNEsldAGzBurhcYckBb1nmmrDxC3k8TeecRxfsTacc+Z/Wt2hd2RdHAHicD+6RgYE8LBvaObxQK3nWBPd+oGtAlRV1EjPxmV5kAAAAASUVORK5CYII=) no-repeat center; }
      ._23N5NYTe-6frRJmgN1FYpZ > .contents .game-content .game-list {
        width: 1270px;
        height: 1200px;
        background: #fff;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px; }
    ._23N5NYTe-6frRJmgN1FYpZ > .contents .banner {
      width: 100%;
      height: 300px;
      background: url(/webx/thai/desktop/images/e958a3.png) no-repeat center, -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#ff5100));
      background: url(/webx/thai/desktop/images/e958a3.png) no-repeat center, -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), #ff5100);
      background: url(/webx/thai/desktop/images/e958a3.png) no-repeat center, linear-gradient(0deg, rgba(255, 255, 255, 0), #ff5100);
      margin: 0 auto; }
    ._23N5NYTe-6frRJmgN1FYpZ > .contents > .game-message {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 1080px;
      margin: auto; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3hDsiWmIxM2d2sZVMiQl18 {
  background: url(/webx/thai/desktop/images/3e5b77.png) no-repeat;
  background-size: 100% 100%; }
  ._3hDsiWmIxM2d2sZVMiQl18 > .contents {
    width: 1200px;
    min-height: calc(100vh - 146px - 125px);
    margin: auto;
    overflow: auto; }
    ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header {
      height: 100px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 0 30px;
      border-radius: 20px;
      background: #fff;
      background-size: 100% 100%;
      -webkit-filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.1));
              filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.1)); }
      ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.title {
        width: 160px;
        height: 51px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat; }
        ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.title.thbibc {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAA4CAYAAAAvmxBdAAAPyUlEQVR4nO2dCZQU1RWG/4Zh2DUIIogiGBRkEQQEISoJYlRAowY1kRjRqHHDGI0mcesqhRg3EoMhRlGDiYmgEiWCioggOy4oiwRUEAVF9m1YBpnKefiV5/Gsnu6e6e7pmfCfU6d7qmt5Ve++u/z3vjexwFe+oImkVpJaSmrK340lHSzpW5Lqs9WlveazkO87JO3ke7GkIkkbJW2RtJnP9ZI+l/SFpDWSPuPvtXnzBioAfuClddOCCmpnM0ndre1YSQ3Kcb3abGXBVknLJS3j80NJiyXNR8j2w0KuBCYm6QRJ50k6Q1KbPOqE+gjssRG/GQ20EOF5W9IsSR9XQBvzBtkWGGM2LpM0WNK3K9F7CdGU7VRr32pJcyXNljRN0hxJuyu2mblDtgTGaJSfSbpbUqN8fPBywPhWZ7EJf2m6pNclTZH0lqQ9lfLJUkA2BMY4qk9L+l4Wrp2PMFr0NDbhYL8habKkSZIWVKWHzbTAHMbLapnh61YmHCCpP5vBSkkvS5oo6TVJGyrzw1XL4LVMiPuf/3NhicJh+HFjCOdnSrpd0vEZfv85QSY1zOWSOiX4bQejy7ysJTiOW7H/BvUk1YBzaYyf0BJH+ShJR+AXVXZUl9SD7U44oXEMtEm8p7xGJgXm0oh9Rv0aZuhvCIgJp7sSdWxJw8YbgTpGUhfON6OzbQXySJnCIQw0s22X9IqkFxGgvCQUM/XCa0rq6Oz7SFIfXsRNki5Gczwu6WFJ76Vx/W2S3mQLUUdSZ0knS+olqSeCVVlhnucctj2E7Ub7vIBWzgtkKjVwqKRV1t8laIHqOHwH8QIugknNBgq4Zx80WI8qoIFCLJX0PJpnVibD9nRTA5kSmHqYnBAvSeoHxd4acuu7Vr4nFzgQ4Tld0pmo/6qAtZitcZiwcvk96QpMprz0bYSPIQyJ1QFhMbg2x8Iiko7P4R8cSmrCEImLctyOTMMEBpdI+jdO878knVuOXFpayGRY97L1fbOVClgN+1mRKEHL3SKpPQ70HVWAVDN5sB8xMNZCmA7AH8oKMikwo63vDegkITz5hv9KuouEYztJ9yDYlRmGcb5A0jPwPWNI9mZUeDIpMJMtdd+RcgFhDvKZoHpf0m8kNZd0tqQJkoI8aFd5UBdhGYPmeQZhqlveC2eyI41GCV3o3oSC61GblSFTvZsQth9m6zFJu/KgXWXBDqLROZClhvgcSiT7D4KAmmW5cKZH/rP4KyYiOQXJNuiW4ftkG+9D57eQNELSl3ne3t3wXlfDTR0AQ34CFEM3qhmbEpoPxmyNise8LuncKBslmh0QmvGSbqMAyUj1TzN+p9zBvPzfQ6rlU4pik6Q/QoSOQssfxFaCOVpNBBtAfRj/bQXapjZCZvJdcT/wkgYB2arpvYOUQGeE5mR8mXwfqclgGOW/WnRBRcEIw3BcAFO7/JCka5K0pSek3z4wPEw85pm+uZ8SVc8PvIQFYdlyRo29fJXo47f4MX2ydK9cYioOvU+xeUXgEwbg9QjLTSkIixiwkfAD7zM/8C6kDPWFeMxrkujYbAmMoa4vRJV3JIT9SZbulWvsQnt2qwAe5y3SHzP4uwuDMxUcluwYP/DGSvql4XPiMS8yUMlmuLueIiJT+zESR7hhFu+Xa7xH591rcU7ZxCwCiTXcoxq+S40U75lQw9jwA28JieIn4jHvG0KWbX7ERBtXSBomaRB5naoEo21+zUyIbJYjmBC5LyUhwqn9EwFGqjgu1WSsH3grcKbHxWPePuF3Lgg1wwU8Cb/xfA7uVxGYSIdMy8K9d0L3b6Kq8QYiGx+BSWYWzbSY+yT9BZ/y1CTHh1iE5rzH3pkrBnYiRN7RObpfRWAVhOXwDN87jvkzZOIDZKqHoNE+gGv5p3OOqWR8hImCR0q6mWTljbgFxqesleS+q2CKj4zHvO7hzlxS9ibC+LSsDGMlgaENrmOKTSZYYqMd/gDN35fIaKlzjClQGyjpF9z/Acpbf878KTfNYRKUT2ByGie6sR942yAAr0PA9iLXOZ51VSBPkwoeh0Yo7wwB46j+najz3iSFU3/G9PwqBX9qGdrmhnjMaxd1QDzmmenMRX7gGaFdFI95pp6pQirSKoq/yDWmU/U3oRy5tEKK0MamcGynKGKuFBTBkd0Rj3n9iLZasLXkcySnD8OXmZJPqzdUVTQmTdK1jM/XPsWir0FUDHyS5vUL0UgHRPxmzFJLP/DWxWOeScwOrHTzYioh1uAMv16Gpu+CmkgFR7B4QFrwA6+4FNNZD9MlCuR679cwuUMtiszOSuOOH6cxMdAnokoXMRznRFHTNlhisw3ar2Fyh51EO8+lccetKRwToqyJ3aZJQux68EAmy90mkdNbhwRXO+L2BkRU66i7mJCBksZjGG2bkPK6sJdVeemMYmpwn5J0fgrHb0nhmBBlDeOPTOGYU/zAeywe86q5AlNI7uf6JJPCiklSjShjI4UKPc/6ezOcQ1XHlyRmqzFyS0MuZlqkYvK6x2OeUSKBa5JGUb9iC8s9JKPWWPsKqYMtD05yzp2boyRePmAPZNu4JG3pHvGeonAV5FoyAYzCUSkcswe56GgLTFvUpY2XEIwnIzzwdWVoXIgWTJu1MSPpWVULxWjYSQmeah1llZ0TzFsXScixaPpCqPw7mXGaDDWoguyawkzKa/3AM1N0FtkCE5WUms1nPfgAG3Ot77XQQs+S3yiC0d2Fr/MGJixc9fKEiHs15OFX8jJXc/+LrWNilEwYAX4XrbcTzbSG4+9i1mNlgHnOH5CgdeEzUe1BEozD8SlD9OIdnOO8n9tZCSuRqalF2sAI1jw/8PpSNrEywfGP+YE3ke+B7cP0iDg41ALdIqQ2ZBWbsZSHXbb4KSFhW+pgDkG1tiDnESUwZ+DHNOPv8LzjocdrIVCnWedsoEqsJzMCD0aN9+QlVAZsp4p/JhpF1BI9YrX9TYRjEKasLlV2iTTJiSQsDYfyKPtaYUFqMuA+CA/2A29qPOZ14j2fYV1nLrkkkyqIuQITVdx0PpI4P0IDhSbEd4RlAQKxCwbRXk41tJeucH7E6CnmQVpZv32ABrnMEZbNVPOtZITaMxPyaZXOVLCWjprGII2aP7Sbzm8Gm5uMEqmP0A1kcC8h4bgt6mA/8NbHY15/qglvg13u7wfedg4xlQYf2wIznHXpbKltSG1u31Js7WnO348yahpEmIZ5aAp34aFJCEv1CN8m1GRuTfAYS426Wdd0lhLJF3xIzdA0aI3uCeprVtGZqRZP1SFnlBR+4JWQWzLC9pAfeHYS01iIabaUjkMa3eRge2pJo7z1FhG1omEHnxgxCmbjxBU6+2fy2TEinJ+Nbe7p7A/nazejHe45lRHvSPoxTuiZpbT/tTSebXIZ3sMmP/A+cvaZaskJLg8zmkr0MY52aIwWuIjfQux2wuvtaJHmqDYbAYJxsb6JUGCi/KjpjJL7nP0v0q4HIs7Jt4jrbuYCPZzCseN4p9ezeEAUg/sMv6eCN8rQ3n0GOrMI9viBtzmK6Z1Ix71EQitEIZVd9ZlGKtRjWMJXn7nJ4zEfrkO2FGfuO87+tdYiQ67AbCa9b5cK1sBEjuDTLYLe40QdV0q6NYFfsJ3fX4z4LVM4EAEYmcb17seP+6GzyEGImQzM45JcZ0e6SU+cW9cyXMV8rL31MNUwN/aLX8K+151ajupMmhpvpQZaU7Qz0FqjZH2EEx2aKte02ObDFSabzDucUTUI/kGkFeo5dT0LLcfuUNq7hHRG6ICXYObOJ8R8hQWP3OKuLxG+HQyY7k7FYAmmMaTwOzkLWW+3Xn5TKIFtVB9WJzhw8zhvo+VvRNs8l0DL3MvaMKVhShkWHGrDIN2LeMwz/djFD7y9ic0COmmKc9JlaJErcXpt1CL/8AVU/mDrpczg3NrYYxuzExB2ocA0ifBFQiEzgvI7SyCXslDQ3IjlRGwB7E7H3BkxUmvwbAsQ4omKxngINjOqo1YJDecKDYNrsvGOFR73Y9vNYJqcoEZmIQ5tEeHvNXAxLp5F6zZP0G4R3aaL71PGGWIo728vChL4DaEPsDDit4DM5QVwKjau4bcrIs6bnYB/mc6nq13CdhxHZ9hzmodim3tGONC2wITh9YAIYSymxmMxK2QJn2EJQraDQXMIkaARliGYguqcfx9+VH0GzhR8qtpol88sljZ0ZtehvbsyX3uWpbV6ORrnSYq3J0fMDviS/UvgnxrRjjpoKBFgxNIsiz3cDzyjDEQl3nY/8L4maQsiOnGDtWpj1AhYyjFuXcc266Hczt+G8F0S8dBhtOOaqnDVqMsjJsCHTnKUANoO79vcY0CCPMttdHgHXupDVklBdTpgoeUrPM784xCPQKq1512OifCHOsCb2KN2MJ/tLfMq0i+2Ex/gPzzN+7a16dkIVGk+Smu0w9BUEpnxmNc7TAHFY14rSLt9orUCplvamGdJZO+I64bm63hn/xzL33A7fy6j60Rn/3uMREV0/mJekHutL0pxktfaDCZmpqnjvIcYSYlFQKcud+pPWqEpFtEGYyJWWL+H/wBsgcWJRPE/7SKo/8lcq7+1rwTTvgWNGuJzpok8hf+2jnb1YBJdaViCkI9gMLhuwteIx7xBcHGb4jFvIxHxRVTkfY2CiP82ciwTpergw9gowtlq6LCxQgtUQ626v83meu5avgG+xNERAhj6Tq5QbOFaTSLYZ9sc1YNEnGzR4zbqU/4YMNKnOr+HA2khjrExtXY2Pfz/SgusNrq1t014v64vUYBfZK873IvBGFU0NYfI6S0WyT7InWBWCpbT/qvRSsMIFgxqx2Pe6fiIJ1vvzeSj+viB9438kinRvDvFUoX5+CZzSGwtizhmF9tOh30N1anbKeE57lylRYTMn2DO3JC4GAHd6NznVpxjoVWW42QWOefvoSOHMAKXYbo2WhFXTYSpORrNFEnbBU2FlrCPIpo83LlPZ8ziTnyiErTaQgadfb0CBkJrUiVR6MLs0boIWLqLATRC06zHv+se8W6NNTjHrOgQdYECaOPRePBteJBaSHroz0x1TM5yju9LfqgRnTgDtXautS5uCee3tUZFQMjYniRhczp2ASskvWrd6yRUcVvC4s0I1FhYZjuLbkdCKxDwUxMsAvQuozac7z3f6agiVPkGHFfj5Nvc0i4mhK1AU4yPuMc8hDiMrrZjUi6ltMBuVzE+SSJhEcLXkXZNsZKWqWId97k64vgSck23+IGXsHpvfxH4Vx06hI4oSxhaUTibUo7RDNJUVis9msHmErYm4rzZD7yoMot9UFWWVi8P2qHdFmfvFlnB80RkA/BrNkITTHGqI208aPX5DsjM4aa8IdUG7tcwX6n1BpiDygzjyxnzaoIHY+KN6TF+ljEv5rtx8sOozwiISWBuTWvpeEn/A3BxDptqTSb7AAAAAElFTkSuQmCC); }
        ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.title.cq9 {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAAtCAYAAABszA/sAAAK00lEQVR4nM1cD5QVVRn/vbcIZbuwSi4QCRYKhgW6KhWCkVhqWIl/KoXE8hygVMoy3OzUm9E0SPsnleaJUk9kVAYSaSqsIYS5uiUqhfIv1gWjVZJNt1hgp/Otv/EM05u535135+HvnHcW3pu588397v3+f7cQ+KgU9QAmAjgFwCgAx/C7WgA9AF4BsAvAswD+BmANgD/y+7xQA+B4AO8D8C7SNQjAYQAKAPYCeAlAG+l6HMAfAGzJkaYohL4JAMYDGAPgHQAGAxgIoA+v6wbwIoB/ANjMuXsMwGrSDj/wrB+cleGHAvgYgGkA3s8XsIG8zO8B/AzAPfy/C7wXwCdJ28AM4wnzfw7gTgBbHdEUxWgAnwdwHoDDM46xH8AqAHcB+IUfeC/b3GzL8FoSPAfAEbaUJuA5AN8CcCuAPRnH+DCArwE4yRFN+wD8CsDXAfzVwXhvBfA9AFMpYVxhN4AFAG7yA2+3Zkwbhl8kAwMY4pDgKDZxId1ncY+oj5sBnJkTTcL4HwAocXKzYBoXc21ONAp2yNz5gXe36UINw0Uf/5hiqBqQybkSwH8Nz7qUzD60CjRt5YL/k+V9XxVV63hXp0FU0Uw/8BIlZdEwwEgArVVktmA2gEcADEv4/RAAC7kIq8FswdsAPEzatGgCcG0VmS24GMBDpYKXqG7TGH4ygLUA3p4Pbak4ntboMbGLhMHLAHz6INAkC+0WABrT+HQAN1SBpnIQw3VlqeC9udyPSQwXV+bBjJauK8gOb6bBI+gLYGmO+lqLEndvEuoA3FHlnR2H8G9JqeD1if/wf1/Q+r4XwADLh+wgQx6mz9hOf1d2xpF0ScQvPoc+sQaD+GmnNfoBS5r20P1bAeAv9Gdf4XvX0z9/D4Aplhb+DfTZf1nmt7kA3mJJZxddrdYIjf0AyC49iv76iQoVHMUEehkHLM640VZDK9lmYls4AcvpI5pQQ/fkKxTdafBo9FzMXaPFroirt0t5z3EArqZVrZnYl6n2NkS+q6WbWa985jMAvsN4hCkQNZQ2xOUW4weyyfzAWx1+EWf45dxJGsgLf5HGU4/ynihkUi8DMB/AG8v83kp91ECJUaccdxFjBS9koAnc6bdzAZjQQhrD958J4EeK+/Zw982nFLSBSOAfAjhfec86eSc/8MTFPGAli399vXKQLVzdt2VkNnjfAorU52K/iUs2g5PxXSWzRbrMAjC9AmaDYdZxDLyYMI7PDPERxT3iz08mw22ZLegAcAEDTRqM5Zz0IsrwawD0VwywibHzDYprNXiS+qY9cq34r+u52zQrWZh9IRegC4hO/QRFrQklSij5nKagcypzCZXiOgDfVo7RVCp4vbwOGT6EgQwTdtPA2eFoYkNIEuNDnOg11GuwWMVzlTvSBiKBLqERmoZB3OUTElRTFGJXPOSQxiblxhtFV/E1hs9QEAuGPp+tjMZEPAXgM5zk/bTspyjuuz+yQFxjP3e6KawqtsixhmtkMX/DJX1+4O3lTtfgU4gx3ITVDN3liTvploBZL5O1LIbIFbRG88Lz9BTScDQXahpWhGlNx1iqTDqdXSp4/YqMZplWJxQv7RpnK8YTi3xjFWgR9+6fhmsaDb//2SE9r8EPvC66dyaIyzihqDA0wF3XnAfBCRhAC9gEV0aaCf9xIN2s8taW6FRePrFI98qEZTmLzThOUhRVdDDJUi0sq/A5ruoHykGbsm4sKsX5Grf0GaGlqZqL8NGMfnOI8W7JeRWlgjeI2TwNjhWGj1Bc6Mrn1mL465Cm7grLnk5hutk1ZljE2AcWlbVVL+ZAaBoOU1yjjZG7REcFYxVZMeQM3N1XW4x3eB+mHU3QJEVcQlPYsC/ltyO5m4YyzVpLQ7DId+mMVK1uZVRPY/iYVEhgSItK7d2XANyoeJYJfVnIaFMM2dWHosrE9AEVxqdt0aW4Pkzf1lFcnspExlilhIgioHu3lnUADybsZlOW6jeK6qD5/HtTBTaIhMAXs2LYBu1FpWjMQ/ek4V+Ka8JqmAeY0v0ygEkZmA3uypEMnixisOV+6sfayDUm42ihIi4g43yTiypLNZEUgDyRsRBkY1FZfK/xiV1CUy3ybv5dmcPzxSX8INOk7QzdSuHGmwz3bWHKWIPJNDwXMxZSrhglRD0zXqu5uLVWeRytkg9fqKgRe5RpzGphPStkTBhFJuQSxbLEXtoe+9jMcKHl/f9m5nAzVVpY8TKcc5G2ILQ4Rxj+WdZem/BOMiJvnMzCAg3mUZRrF0ieaIlInXq2BR19kGmKQrJ/g4sWIjGtcM8lrrEYazZ1tjZjlCei8ygewFkVunG22G7YkGv9wOsoMvCuSUBclFe0KILJ1JVa1JPZi2m8HUz8LvbsTbQDdlaBpgdosacFrHpDw2GERpMYKNKIsa1m1UJKon+S4T7JoZ/BBsJWftdDffhT+r2SeTuBUcUjWAk6mpM0mx0slUbumiIl1SGeoKv4eIVjJ0GSOldRmkw3tDP9FpEixqG0MDVBmBUsTHDV8QkaO/eyjDkLdrPsaiOZ2JIxOigL4eNcRJrwbhydZPytMR+7H6t3rlLOsQZSOTPLD7yNpYI3jOI8ieEtfuD12hfhDt9usbtOZ4uvq+a4ASxxzsrscIwVLMC/r4JQ8N8ZGBmZMR3cnxWlzTGDbQ/Lso9juXUlm0UqeM8VV47MruGYafy4JfxHNOh+vUXO9kymJsdkp7sX42jN2kaMyqGBTf0zK+z6qGcARVMnkIRJVClzYzt6E4M7w1lKvVLJ/B4u6I/SW1qCV2PpBVb+Tkq593mGYHsRr0v/AgvttNjH1TPPsrBxGEXfLMtuCi0eobu2yuKefmRGyXFL9DPshk1qg35D7JSKaN68k2pqVZmKm7DXzVR8eoUfeN8P/1Ou86SZcWkbdNNKvZvEtZe59yiK7fMoIQ6xGH+9sjEgjnUMgkgY8+ky+ew6GlVTWKzYkOEZWjxGdbHUQTJqNKWQKRgmhaGNYRMCEvrDhzByNbgCgl6iD9pJ/Tq4Ap2/gcGYBYpCwTQIs3cwTt+XWaZK3jErXiDT72G/uU1SqpFFm9MVkTcxGif6gXdADXzSgQBjWI+dlwumRTvrvbeRScszNBTmgbDJv8mB1d1Gfb+NzO/g3x56Lw3U26dSSmpxox94c+PXJq2SJ+m7LsuYfXKB7fSvt3GsbgZlljsy8rJiXqRH/Nf04dOMJhOGpRx+kBXNSRHLNINpDVdVOX2cN9Yzqhc/UKeL+v+u6pPUq3fn0BgM8RQX37m0wF8PkETX1KjejsJkIT9NvbG8ii9yB42RtoTfu9nSO0dxDowrtDPsm9RZu4RG5ZWUTAcL4p2c4QdeYvWOxiXqYFfkpTlXvbRxp1yiiAcEnPwT6XvnhR62/45VuHjd7HQdwVjAuhzpKofbGIxJbYuyPaetnuHByyya0k3YyYm6WVnaVA7nU2ed4IimHlrR1/HkiKwYT2l0QY516eKnf84PPNVxZ1lPYuzPF5nGl7KNbO1nlGkRj81wJZpPY0/a1IweRhv99tuV7Tta1DCqeBZpbFQ2b6ahhWHcRUn6uhxcnLXawIDKeJ4ZOoKZr7rIWas7I+eFrqHLp6lby4q+nODwrNWwglWqY+QjcQKhS2Ln0g0rcQdJRoiRWI3mBgk6iesrH6nNk1CrnAsjUkA+8rssCInCyWYQMS22gdAnvrucW7PZ+qxVAP8DU6iI8Y5XLTUAAAAASUVORK5CYII=); }
        ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.title.sbotha {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMsAAAAsCAYAAADLukwJAAAN7klEQVR4nO2dCbRVVRnH/28AHqA+MRFRIBXFV5rmjBBh4RCaSxQlFQkRwxEthxLNBEVTo0RtcA4atNICRZO0HBKHRJAhzZ4DoEKIYsok4JPX2q7fdZ111j17OMPlYe+/1l1w3zlnn2l/+/u+//ff+1Y1j1NW7C9pqKS9JK2XNE/S/ZIek7Qhc+utaEWBGNc81rvx6gyXcbSkmZLukLRU0uWSrpG0XNIESY2SvpnxHK1oRYtBbYoL2UPS9ZLqJV0q6c+SmiPbH5Z0paT+GM9IPq94tv8ZSZ0lvStpWWtXaUVLQcio31aS8Vl/lXSnpH0lPRAxlAMlnSKpK98fl9RH0p8kPSnpCEf7xqAelfS6pH9JWkT7B7b2lla0BPgaS09Jz9D595F0ayQf6SXpQUm3SzpY0lxJ36PtDXihr3OMMaYavNNmHG+MYYak2yQdJKkDf6+TdLikpyT1be0trdjY8AnDBkn6maTxkm6KhVxHYQRj2WaM47OSJklqkDSC/WYSlv1d0hcldZG0JR7HRTH8QNJLBT+ntnjETpKqICre3gTDQHPt3QllDVaTT67YyNf1qYCNDWtDzmHCpyF4jCi+I+lcScdKei62rR2s2HA8ksFoSICFeKrNHQ9wKYb6j4IetDGQsyQNxNN1iW1fJ+k1vN4vJT1tacsMGoekvI4PJL0qaZqkxSnbGAbhsi/GEoUxlBck/Q0yZoFHeyNhN9NgDYPbVPLOJJzKwJkXDAM7X9KYHNuM4sUkYzEj0z2SmiQdJ+m92PYxeI2DyTHKwbz8X0v6A4YyntG6p8eFzeDlv5PTjcZhBoCfStoh4JibJZ2esG0yzF8WGOO8QdJ3A9r4qqSrJe3nub95nz+SdLFjv2cD2kyC6TPXSvphwvbnCOnzgnmfv4kMznmjMSlnMX+fxehylaQv8LcdCcmGEVYlGUoX8oyHJB0DO/aeh6FsgDzoZzGUPQnfBqV8GMMZhUIMxeA0i3dZmvJaojDe+EKemQ/OxluEdOpaBrpnHZ496b2GYEv6zm0JxyzK4RxRmJB5bc5tRrEgyViMB7hA0m6SVkq6m3DhcUYnYwj/sTR8NQ/pc/xrbqSH42LWc9xQyz6mY0yns4/F1W/hf78fG/2kgP3j6M3oXyRMOHeZo31DlNyY4Rr2w2AqgZGOd7rJwMWGvQWz1cDI14M85b+WY06CNbtL0n2Slnh4FGOQP5Z0iWWfr0Aln4FrN3nUABgzX/w+hxczmkGgSJiBYJuE9veAecyKBkLtSuBWcuBNGnlX13vT6YeRqyzBO9mwAnr4yYR9DMNzjqTfEtIZb/Jl8porJP3O89r6lkl+0+KsnNqx4bSEbVNzPMfgwMEmLdpDgmzSyNNY9sSTGJd7JuFag+MYk9T+kzh6RpntO6MQGEYeM4uk8S4IhmsDrm8w15SEy8mDTvZIEodQLyoS/cu0PZy8MU8k5RR549iC29+K6KcobJdG7lIOe5NHnEGHPFLSR9CzSXgb9zwKF70KFq4nMfXhiDQNe3MdIddfoLD3JkQMwaGWUGBELJeZTMiXNOp25hpmep5/IrRwFZ+udPxOlmPKGcV4z/MtIAfc1WPfrryvaZ5tryNxX8P3Gmpr33LU7XyuJXqOUjmiymP/KvrFu5AwzbHtzXx6RhQmcXzEOZvKnNN8fyYPYzkAj2Jo1Sl0oBUOtmklRUxjBLPxFDshwlyEBzGs2PHkSfdxo+fgaUKxjcXLrU5I+kc4DDLEWC6GIIniOuoR7ROOqce4P+S7YSa7Oc7TSE45ne+9YNhOdRw3OsBY1uKF47iTonNS5w4hYt6U9KWA/aPoY9l2jYWaXzWueWxvW8NZw7CD6cgjMZQGCk2ul9qMRMYQBX/EEMxD3hrufRQGcxPexLzIz6c0FOGxahJCp6RnsMxR59kp4Py9yvztdQaJJMRHxyGOcywmFJ4e+VsjI/4Ex7H9kBf5oBpaOI4ZiGjzQFFKdVukU3VZ1VjrM8jiWbozmhwTyTdGEk6Ve5hRLGNkPZJwrIQOsF6n8AInkuiuynCdcsyraY9nGVGmg47H+N/CxS/n865nJdyF5y3b3494FaGvs+EES53hQp51UihUR+j7RMb7aSTcLYcQyY1P6JUGrjyzna1Wk8VYxiCfiCbmXYn9XHieOs1rFPRWM/p3Im68h4r46ixPJoLlGEzSiDUc9z0ZT1aKl6/P6fxJsLFzr0b+X49nTcIcj45+I1XuJOydg7Ek0d2CyPFFfNBqEchiLEYh/I3Y33wrv/2p8l+BgbTBeGz1myx4h863i6WNXfAk5vNvCItb+X9WJGm+bMW6aCW/wRGa+ISnUxzG4qsE2FBG/iSigq9ZjrOFnOXO0eKQxViWw4LMj/zN5B/n411sLm8bOsOhBeq/4pjuMJYoduVzPp7mZjpbWgwgRBGdvhvM4fYJ7Znw65bId1d9yGfUXsKAkVQg9qWka6lzrYx835FIIymJfycw39yeeVO+MPf/7YD9UyGLsVyDTmwFLIig756AyXDFh4cQxp1S4P1FMQnWJxSH8XmQ419N0YZv4bSEMyOdUWUU0XH46qwWWozFRmNH0RHZUwiOD9y/jgHGF70qYSxZWIf7EfPdzqcOjnpMQDI3qALFqhJm4yXSwkj5X2RULQqLeenxQmG943y+Qk5bmOuaMhGKZnLSExB8Fok8hJ9OZKXopkFXmnYegU2YC11pm8tQwhbkLS6RZV44DpYpLdoyqvqGc6GYlkAqdLS0szYhhyiHeK0ninY5s1Ab8OahXrXFIg8+ew2h1CI6/nrykVOJ023MRg0udGKFHtBKVAELM7ZzX07XE8fpaOTiE69s9YH1MYrZBlvinFSHSosaBKEPeNTdNgnkVfxpRlZeik0/4CFdHYu9y6GaiV5JyW7eaISGvTtDuw0p4nBf9KEgG1Uc2Oj4moD3aFP+NnnS/iGoRjI0D+1WUShap/cx8qyU1sZGrjoSU1sIEUUlF6X4ICLxvzdlG0USE1Wx/GqNZd/2Ac/YVqFeV2B9oxODZ1HoXGDbnyAvIaWgWUvzLKqppVwUYPXzcrwWXzzCZx/IhoEBU137Eh6t99g3KqRsZoTv5ViEsAfF0skO71wNFb/E4zpsjJevSiIqpKxigKxjno1NktMbr/mUxzmWeejZSqiijFE48jKWw9CJlarMPaGVfcVzV1ZgBRcbZvG5lEr2uR5z6jtgWLaFLEooJ6QUyfxMy3sYhrHYZqWKnGCOx3XYKGhfkiBJSCnkT7b5Nid4Gsv7AcLOiiGPMGxnVj8ZijylA8XJek92xYRB36/wfbdBmrN/GR3b7Ij8xZU4+yy+oQQhpejgtsr27vzrGkiS2o+io+N63/BoQxYhpXiX0xO2Cd2fD1rkrMqsxrIDHPolaMTqCGs6e8bRD2VYeMIXm6FenkrB9AV4+ddZZumwhHae9ih0JcnrQ2ATU3Yh1HNV6MtNFIvjIMfkqNk53Iscc/t3KHiCVqHIYix7ULm/Cs/SiQfVg5HHlas8aumoeaIJ5fJRKAtMqLhtJPSx1XjudNCtebBHrs7Tk3uw5SQDPULekxzb88oZbSRCOw9FeotFWmM5Du3OeeimdmeE3JY5Ka65EVNY86oSWOvIKwZbttmmIStgtqbN4GziQ0Wq97a5Im3IbZKwlwfVHbLai+1+XGtaZ21/oyHUWNrC7EyAP59KjeQxPEtnj3hzEnNgKolZlnMdgAqhHPo7npHvTMmkfGCURwhVkrK4KuGDmIIdJwv6EhrbMDuAUdpgkTNd5VigZJ0nkVCL/Cb0U9Q8mE8uyhe7kYy+DGNUQ64yhg7lk5RNYCJSpeEaNaewQHnUU2yO10zCSwFrIU+KyX86soaZa0mlZRG1wcN4SZvXvoBpE9NglA7w9OAha6l1YOXHKGVej/dyKZcXYDAudEuxlG0TfdTFHKaGr7EcylKsF5Gf7ArdOyigjnK6o/MVCZeAckfmrUzihXaFtt3OckzIFNq0ywBF8wiTH/3EY+nV7qiWffEhBIgv2mRYNM9XrVydUthZaCXfx1i2Ys2uIwk7+jHXopdnGFeqlt+fw/WmxTJoTVunrae+4otbUl+NP+I1i3EMWHkqLy4L0JZlRZY5QS40FZ3r+Dz0kqanB25+eoChzCcf2JiGUsIPcmzr3sBpsmmwpoxUfz2K7rzwhmXh7ryxuAJS/ULh0+HNz9udyOJzpoj3C89YfTL08sst5F7nsUpmVjRVaMLaGQnx/R0ZRaBR+BYJ88CJFTxXIfB15w/Dfg2mOm9L0tYx+p3cAu93aGR6b1oM8JyrkwU/l/Qry/FDMiwLJfRph6Sc9ZkGl0Rm026yCIl9+/KCnmLufTk8BstTqSVBQ9HED/6EzO8uYSGzJMu99LwKbYuR/vispXwEy0mFYh6aNtsz2Dqf2/nYGEdBKRd1jhJqPRJ8m5B0C5c9+CT4fWCJ4rMDb4DiO4Yk/kLEky0dKxlVj4Y16ueoor9CMn+9RWHcCJvmK3Gvgt16D/nNXPK7pwOT7fNgJ0dDXtiWIppDCO1DTMylwBxyP03UauZjkPMca0bPQc6T17SAJg9a+iXLe1rlKkIn/fJXParbs/Eib8FknEul/kwexD0kohd5SsRbIral3tGdkactxr8UI9gYUwfSoCST35lRu3QfS1g7II8lnT51GNc81vuWop6lB2K7AVSVO8GLnxOpU0yMFMm6UTEu6jcfK4WlOf1y18bGWoqvlfqRov871DKyDsSDdGA0vSXh91Kic9ff5NOKVnz6Iel/uiH8sJJn0b0AAAAASUVORK5CYII=); }
        ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.title.cmdtha {
          height: 57px;
          background-image: url(/webx/thai/desktop/images/a264c4.png); }
        ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.title.virtualsports {
          background-image: url(/webx/thai/desktop/images/1def1a.png); }
      ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.balance {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 24px;
        color: #606060; }
        ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.balance > span.money {
          color: #ff2727;
          font-size: 24px;
          margin-right: 20px;
          padding: 10px;
          border-radius: 10px;
          background: #eeeeee; }
          ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.balance > span.money > span.refresh {
            color: #7d7d7d; }
        ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.balance > span.transfer {
          display: inline-block;
          color: white;
          border-radius: 2px;
          margin-left: 10px;
          height: 38px;
          line-height: 38px;
          padding: 0 35px;
          border-radius: 5px;
          font-size: 14px;
          cursor: pointer;
          overflow: hidden;
          position: relative; }
          ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.balance > span.transfer:hover {
            -webkit-filter: brightness(110%);
                    filter: brightness(110%);
            opacity: 1 !important; }
            ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.balance > span.transfer:hover::before {
              width: 45px;
              left: 205px; }
          ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.balance > span.transfer::before {
            content: ' ';
            position: absolute;
            background: #fff;
            width: 25px;
            height: 50px;
            top: 0;
            left: -45px;
            opacity: 0.3;
            -webkit-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
            -webkit-transform: skewX(-25deg);
            transform: skewX(-25deg); }
        ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.balance > span.refresh {
          position: relative;
          background: #606060;
          background-size: 25px;
          color: #4d1b00; }
        ._3hDsiWmIxM2d2sZVMiQl18 > .contents > div.header > div.balance > span.transfer {
          background-image: -webkit-gradient(linear, left bottom, left top, from(#ff5100), to(#ffa100));
          background-image: -webkit-linear-gradient(bottom, #ff5100 0%, #ffa100 100%);
          background-image: linear-gradient(0deg, #ff5100 0%, #ffa100 100%);
          -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.1));
                  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.1));
          border-radius: 10px;
          background-size: 25px; }
    ._3hDsiWmIxM2d2sZVMiQl18 > .contents > .iframe {
      min-height: 655px;
      height: calc(calc(100vh - 146px - 125px) - 140px);
      position: relative;
      background: #fff;
      background-size: 100% 100%;
      padding: 2px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 20px;
      margin-bottom: 20px; }
      ._3hDsiWmIxM2d2sZVMiQl18 > .contents > .iframe > iframe {
        width: 100%;
        height: 100%;
        border: 0; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3nzWMEv-pHc9TkHTaDTD_J {
  background: url(/webx/thai/desktop/images/e2ea76.jpg) no-repeat center center #fafbfd;
  background-size: 100%; }
  ._3nzWMEv-pHc9TkHTaDTD_J .banner {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#ff5100));
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), #ff5100);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), #ff5100);
    text-align: center; }
    ._3nzWMEv-pHc9TkHTaDTD_J .banner > img {
      width: 1200px;
      vertical-align: middle; }
  ._3nzWMEv-pHc9TkHTaDTD_J > .contents {
    width: 1200px;
    min-height: calc(100vh - 146px - 125px);
    margin: auto;
    overflow: auto;
    padding: 20px 30px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 50px; }
    ._3nzWMEv-pHc9TkHTaDTD_J > .contents .classify {
      height: 45px;
      margin-bottom: 15px; }
      ._3nzWMEv-pHc9TkHTaDTD_J > .contents .classify > li {
        float: left;
        margin-right: 25px;
        width: 158px;
        height: 45px;
        line-height: 44px;
        text-align: center;
        border: 1px solid #f7e3e3;
        border-radius: 5px;
        font-size: 18px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: pointer; }
        ._3nzWMEv-pHc9TkHTaDTD_J > .contents .classify > li.actived {
          border: 1px solid #ff6100; }
        ._3nzWMEv-pHc9TkHTaDTD_J > .contents .classify > li:nth-child(1) span {
          padding-left: 24px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAA7UlEQVQ4jZXSsU3DUBSF4Q+ERJMJTMsYMEIkMgKFXVAxAgVTOBMgihQegYoCKUskJWncIOxn9BwLkcg2zm2ezj3n/sXTOWueEcwFC8FMjUqptlIpOq1752oLVZsrBSsvTREhqSAXWpijo0xt2elUJT/w9zdZhGwEyQBkq3bV6Y1K0gPZniMxPH+9oVwSId8jkDDi/U6EfIz466mQR3z2eHH3MAVygXdc4xaX3f4Lb9hNhcS5wR1mnS7RoJgKSZH3ePfIsPwPEv/kacQf8w4gU3syCpnak6FcOKUnQ7n1KT3py7WZU3pynNtnXpvdD93oaXASyX6AAAAAAElFTkSuQmCC) no-repeat left; }
        ._3nzWMEv-pHc9TkHTaDTD_J > .contents .classify > li:nth-child(2) span {
          padding-left: 24px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABWUlEQVQ4jaXUv0pdQRDH8Y+XNCZBQRDShQQtRKwEixSCb5EUhhSCiggiWtioqCnEJ7ARNFFBSZrUYhkQUiWdL6CIhQixueeuLPco1wNn4zE/WPbPzHwZZme3LayhgYAsX2cPxrDMe3XfZI4KNnZjYFPPpNWFH+jAKN7ioiyi9g/YbA6Keom5lHMKFrOaLpxNofspsPmWrO70AgtlAa01e4Ve9GAQEyUxM3iOE5z60HZqP5xFQ7zNGQ3Lgs6S22yOesl50/9K8DnCLjV0JVrjMbDYWtexZt8Tdauiw1pem53/BO1hvJYn+QmbTwRt4aPDUL9rjVixSXypCPqKMQchJvSgzyJwuyJsx364f5zFpn1dEfamdVOE9VeEDaRgA6opCStmdo1VvMMSrgr2vhTsTz7fYCP/vxbxEyv5fh1/c7/frcHFn7Zdw4jML5nzxHPqlhmSObYbmmDcAmbHgBBDcW7YAAAAAElFTkSuQmCC) no-repeat left; }
        ._3nzWMEv-pHc9TkHTaDTD_J > .contents .classify > li:nth-child(3) span {
          padding-left: 24px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAABXklEQVQ4jaXUT0tUYRTH8c+MEhQ4LqpVexcupCgXBW0Cl20kA0XEqAjfRCC6jAiCBAlpGy4cmlcQFOrCRa4KV4JSq4L+7O44cvIRrpc7zjj+4PKc5znnfu9zz3OeU2kt4iD3NJGdGBdk9jW9lclO+CP+fUtVZ33HEr7gTll0N5DtNA7jI56j0glSKcz3cnY/5vEOfWWQsF/hUgHyu+RDM3hdBnmDWfwrvHClBBKaw8M85CmeYRCjheDbbSChlyYqFwNyGS9yjmVcSHbk5/EpkGuYCsgT1HKO6ylxtfSLd0+BhMYj2/dLHJOYSKfRSTdjJyNtgroBhK4GZKDL4HbKAvLrnJDdaq6se9V6QD6cE1KvpuP82SPgKxrVBJhNXeIs+oNpq63/iQ01Ul387ZLyA2PYikn+AtZxC59zaysYSn3kWGu4gc3jhWI/+ZbK/AE20k3dwSN8wr0o87STI+EQXrpHgqF1L6cAAAAASUVORK5CYII=) no-repeat left; }
      ._3nzWMEv-pHc9TkHTaDTD_J > .contents .classify .reward {
        float: right;
        margin-right: 15px;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
        background: -webkit-linear-gradient(top, #ff8400, #ff6100);
        background: linear-gradient(180deg, #ff8400, #ff6100);
        border: 2px solid #000000;
        color: #fff;
        font-weight: bold;
        height: 40px;
        width: 140px;
        line-height: 39px;
        position: relative; }
        ._3nzWMEv-pHc9TkHTaDTD_J > .contents .classify .reward > i {
          position: absolute;
          top: -6px;
          right: -6px;
          display: inline-block;
          width: 18px;
          height: 18px;
          border-radius: 9px;
          background-color: #ff3232;
          -webkit-box-shadow: 0 0 6px #a60001 inset;
                  box-shadow: 0 0 6px #a60001 inset; }
    ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item {
        width: 49%;
        height: 250px;
        border: 1px solid #f4d7d7;
        border-radius: 8px;
        color: #747474;
        background-color: white;
        font-size: 14px;
        margin-bottom: 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .item-details {
          height: 190px;
          border-bottom: 1px solid #f4d7d7;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          position: relative; }
          ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .item-details > img {
            width: 100%;
            height: 100%; }
          ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .item-details .details-btn {
            display: none;
            position: absolute;
            top: calc(50% - 20px);
            left: calc(50% - 75px);
            padding: 0 30px 0 10px;
            height: 40px;
            line-height: 39px;
            text-align: center;
            background: -webkit-gradient(linear, left top, right top, from(#ff8400), to(#ff6100));
            background: -webkit-linear-gradient(left, #ff8400, #ff6100);
            background: linear-gradient(90deg, #ff8400, #ff6100);
            color: #fff;
            border: 0;
            border-radius: 20px;
            cursor: pointer; }
            ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .item-details .details-btn > span {
              position: relative; }
              ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .item-details .details-btn > span::before {
                position: absolute;
                top: 6px;
                right: -22px;
                display: inline-block;
                content: '';
                border: 5px solid;
                border-color: transparent transparent transparent #fff; }
          ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .item-details:hover {
            background: rgba(150, 150, 150, 0.5); }
            ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .item-details:hover .details-btn {
              display: block; }
          ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .item-details .active-time {
            color: #ff9362;
            position: absolute;
            bottom: 0;
            left: 30px;
            padding-left: 35px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAMAAAD3n0w0AAAAYFBMVEUAAAD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgD/ZgAVcY0jAAAAH3RSTlMAmbtEZvCHkfiX4dG0KgjKt6V+eVs/5+bi2KKNNyQcBlcUKQAAAIFJREFUGNOVzckOgzAMRVEDdWZSxs7t+/+/LIQsLMiGs7F1Zcm0UtzSpnvENNthDBhVMjlMw3LQGLgAi6R3y2Zm8gBr80Zyre8V4CntlrHpXgYAoYCqAipCwbloG0HlOJPwzZFr4Xb6UbgIfY4fEn45PivBr5FxwKRxoClq3t3p+AfgziE6OWRacwAAAABJRU5ErkJggg==) no-repeat left;
            font-size: 18px;
            height: 30px;
            line-height: 30px; }
        ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info {
          height: 60px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          margin: 0 20px 0 30px;
          font-size: 18px; }
          ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus {
            width: 150px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            color: #fff;
            border-radius: 10px;
            border: 0;
            cursor: pointer; }
            ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus > p, ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus > span, ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus > button {
              display: block;
              height: 100%;
              width: 100%;
              border-radius: 10px; }
              ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus > p:hover, ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus > span:hover, ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus > button:hover {
                -webkit-filter: brightness(80%);
                        filter: brightness(80%); }
            ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus > p {
              background: -webkit-gradient(linear, left top, left bottom, from(#72e3ff), to(#8275fe));
              background: -webkit-linear-gradient(top, #72e3ff, #8275fe);
              background: linear-gradient(top, #72e3ff, #8275fe); }
            ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus > span {
              background: -webkit-gradient(linear, left top, left bottom, from(#bcf94f), to(#32b70f));
              background: -webkit-linear-gradient(top, #bcf94f, #32b70f);
              background: linear-gradient(top, #bcf94f, #32b70f); }
            ._3nzWMEv-pHc9TkHTaDTD_J > .contents > .active-list > .item .bottom-info > .promoStatus > button {
              background: -webkit-gradient(linear, left top, left bottom, from(#ff8300), to(#ff5200));
              background: -webkit-linear-gradient(top, #ff8300, #ff5200);
              background: linear-gradient(top, #ff8300, #ff5200); }

.active-dts {
  background: white; }
  .active-dts > iframe {
    width: 100%;
    height: calc(100% - 3px);
    border: 0; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3lYio_IscgFmZZniwzwJ2k > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._3lYio_IscgFmZZniwzwJ2k > .form-action > .item:first-child {
    margin-top: 0; }
  ._3lYio_IscgFmZZniwzwJ2k > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._3lYio_IscgFmZZniwzwJ2k > .form-action > .item div.values {
    width: 300px; }
    ._3lYio_IscgFmZZniwzwJ2k > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._3lYio_IscgFmZZniwzwJ2k > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._3lYio_IscgFmZZniwzwJ2k > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._3lYio_IscgFmZZniwzwJ2k > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._3lYio_IscgFmZZniwzwJ2k > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._3lYio_IscgFmZZniwzwJ2k > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._3lYio_IscgFmZZniwzwJ2k > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._3lYio_IscgFmZZniwzwJ2k > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._3lYio_IscgFmZZniwzwJ2k > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._3lYio_IscgFmZZniwzwJ2k > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3lYio_IscgFmZZniwzwJ2k > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._3lYio_IscgFmZZniwzwJ2k > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._3lYio_IscgFmZZniwzwJ2k > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._3lYio_IscgFmZZniwzwJ2k > .form-action > .item > span.text {
    white-space: nowrap; }
  ._3lYio_IscgFmZZniwzwJ2k > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._3lYio_IscgFmZZniwzwJ2k > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._3lYio_IscgFmZZniwzwJ2k .form-action > .item div.values > select.text {
  background: #fff; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item:first-child {
    margin-top: 0; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item div.values {
    width: 300px; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2vry5eFb_0WN9hbPBA9sZ_ > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2vry5eFb_0WN9hbPBA9sZ_ > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item > span.text {
    white-space: nowrap; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > span.submit {
  min-width: 100px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  margin-left: 20px;
  font-size: 14px;
  border-radius: 5px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100);
  -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
          box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
  overflow: hidden;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
  background: -webkit-linear-gradient(top, #ffa200, #ff5300);
  background: linear-gradient(top, #ffa200, #ff5300);
  width: 200px;
  margin: 20px auto; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > span.submit:hover {
    opacity: 0.8; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > span.submit:hover {
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
    opacity: 1 !important; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > span.submit:hover::before {
      width: 45px;
      left: 205px; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > span.submit::before {
    content: ' ';
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: 0.3;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail {
  color: #999;
  font-size: 14px;
  margin: 10px 0; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span {
    cursor: pointer;
    text-decoration: underline; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span:hover > .rebet {
      display: block; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      background: #e9e6f1; }
      ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet > .cate-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-bottom: 0; }
        ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet > .cate-box > h3 {
          height: 45px;
          line-height: 45px;
          text-align: center;
          font-size: 16px;
          font-weight: 700;
          color: #5d5879;
          width: 100%; }
        ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet > .cate-box > .items-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          width: 100%; }
          ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet > .cate-box > .items-box > .item {
            width: 33.33%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 0 10px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            font-size: 14px;
            height: 36px;
            line-height: 36px;
            margin-top: 0;
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            color: #5d5879; }
            ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet > .cate-box > .items-box > .item:nth-child(1), ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet > .cate-box > .items-box > .item:nth-child(2), ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet > .cate-box > .items-box > .item:nth-child(3) {
              border-top: 1px solid #ccc; }
            ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet > .cate-box > .items-box > .item > span:first-child {
              float: left; }
            ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > div.link-detail > span > .rebet > .cate-box > .items-box > .item > span:last-child {
              float: right; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  font-size: 14px;
  margin: 10px 0; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item > select {
    min-width: 245px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item .copy {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    height: 30px;
    width: 100px; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item .copy:hover {
      opacity: 0.8; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item .copy:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item .copy:hover::before {
        width: 45px;
        left: 205px; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item .copy::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action {
  position: relative; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item > span.text {
    text-align: left;
    min-width: 80px; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item div.values {
    width: 180px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
    ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .item div.values > select.text {
      width: 100%;
      background: #fff; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > span.submit {
    position: absolute;
    right: 0;
    top: -25px; }
  ._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .action-line {
    margin: 30px 0; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item {
  white-space: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item > select {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #fff; }

._2vry5eFb_0WN9hbPBA9sZ_ > .form-action > .link-item .copy {
  margin-top: 10px;
  margin-bottom: 10px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item:first-child {
    margin-top: 0; }
  ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item div.values {
    width: 300px; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2CZbjwvd7X1bUPyZ7t-R0z > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._2CZbjwvd7X1bUPyZ7t-R0z > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2CZbjwvd7X1bUPyZ7t-R0z > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._2CZbjwvd7X1bUPyZ7t-R0z > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item > span.text {
    white-space: nowrap; }
  ._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._2CZbjwvd7X1bUPyZ7t-R0z > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3axuxBsj4dI85_bKfekBE- .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._3axuxBsj4dI85_bKfekBE- .report-search-bar select.report,
  ._3axuxBsj4dI85_bKfekBE- .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._3axuxBsj4dI85_bKfekBE- .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._3axuxBsj4dI85_bKfekBE- .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._3axuxBsj4dI85_bKfekBE- .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3axuxBsj4dI85_bKfekBE- .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._3axuxBsj4dI85_bKfekBE- .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._3axuxBsj4dI85_bKfekBE- > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._3axuxBsj4dI85_bKfekBE- > .level-info > span.desc {
    color: #c8ccd6; }
  ._3axuxBsj4dI85_bKfekBE- > .level-info > div.level {
    color: #c8ccd6; }
    ._3axuxBsj4dI85_bKfekBE- > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._3axuxBsj4dI85_bKfekBE- > .level-info > div.level > span::after {
        content: ' > '; }
      ._3axuxBsj4dI85_bKfekBE- > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._3axuxBsj4dI85_bKfekBE- > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._3axuxBsj4dI85_bKfekBE- > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._3axuxBsj4dI85_bKfekBE- > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._3axuxBsj4dI85_bKfekBE- .report-search-bar {
  white-space: nowrap; }
  ._3axuxBsj4dI85_bKfekBE- .report-search-bar select.report,
  ._3axuxBsj4dI85_bKfekBE- .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._3axuxBsj4dI85_bKfekBE- .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._3axuxBsj4dI85_bKfekBE- > .level-info > div.level {
  color: #666; }
  ._3axuxBsj4dI85_bKfekBE- > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._3axuxBsj4dI85_bKfekBE- > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._3axuxBsj4dI85_bKfekBE- > .level-info > span.desc,
._3axuxBsj4dI85_bKfekBE- > .ext-info h6 {
  color: #f00; }

._3axuxBsj4dI85_bKfekBE- > .line {
  background: #ccc;
  margin-top: 0; }

._3axuxBsj4dI85_bKfekBE- > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._3axuxBsj4dI85_bKfekBE- > .form-action > .item:first-child {
    margin-top: 0; }
  ._3axuxBsj4dI85_bKfekBE- > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._3axuxBsj4dI85_bKfekBE- > .form-action > .item div.values {
    width: 300px; }
    ._3axuxBsj4dI85_bKfekBE- > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._3axuxBsj4dI85_bKfekBE- > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._3axuxBsj4dI85_bKfekBE- > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._3axuxBsj4dI85_bKfekBE- > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._3axuxBsj4dI85_bKfekBE- > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._3axuxBsj4dI85_bKfekBE- > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._3axuxBsj4dI85_bKfekBE- > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._3axuxBsj4dI85_bKfekBE- > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._3axuxBsj4dI85_bKfekBE- > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._3axuxBsj4dI85_bKfekBE- > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3axuxBsj4dI85_bKfekBE- > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._3axuxBsj4dI85_bKfekBE- > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._3axuxBsj4dI85_bKfekBE- > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._3axuxBsj4dI85_bKfekBE- > .form-action > .item > span.text {
    white-space: nowrap; }
  ._3axuxBsj4dI85_bKfekBE- > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._3axuxBsj4dI85_bKfekBE- > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1fXP6UzzFcETIy0VzVMfLQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 30px;
  color: #333;
  margin-right: 16px; }
  ._1fXP6UzzFcETIy0VzVMfLQ > .search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._1fXP6UzzFcETIy0VzVMfLQ > .search > svg {
      font-size: 16px;
      color: #b38236; }
  ._1fXP6UzzFcETIy0VzVMfLQ > .input-box {
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 140px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 1px solid #ccc;
    background: #fff; }
    ._1fXP6UzzFcETIy0VzVMfLQ > .input-box > input {
      border: 0;
      padding-left: 10px;
      background: transparent;
      width: 130px; }
  ._1fXP6UzzFcETIy0VzVMfLQ span {
    height: 30px;
    width: 50px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    border-radius: 5px;
    margin-left: 10px;
    color: #fff;
    cursor: pointer; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3YMt6yfPoOLDeRl4_NzanI .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar select.report,
  ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._3YMt6yfPoOLDeRl4_NzanI > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._3YMt6yfPoOLDeRl4_NzanI > .level-info > span.desc {
    color: #c8ccd6; }
  ._3YMt6yfPoOLDeRl4_NzanI > .level-info > div.level {
    color: #c8ccd6; }
    ._3YMt6yfPoOLDeRl4_NzanI > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._3YMt6yfPoOLDeRl4_NzanI > .level-info > div.level > span::after {
        content: ' > '; }
      ._3YMt6yfPoOLDeRl4_NzanI > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._3YMt6yfPoOLDeRl4_NzanI > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._3YMt6yfPoOLDeRl4_NzanI > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._3YMt6yfPoOLDeRl4_NzanI > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._3YMt6yfPoOLDeRl4_NzanI .report-search-bar {
  white-space: nowrap; }
  ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar select.report,
  ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._3YMt6yfPoOLDeRl4_NzanI > .level-info > div.level {
  color: #666; }
  ._3YMt6yfPoOLDeRl4_NzanI > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._3YMt6yfPoOLDeRl4_NzanI > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._3YMt6yfPoOLDeRl4_NzanI > .level-info > span.desc,
._3YMt6yfPoOLDeRl4_NzanI > .ext-info h6 {
  color: #f00; }

._3YMt6yfPoOLDeRl4_NzanI > .line {
  background: #ccc;
  margin-top: 0; }

._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns {
  margin-left: auto; }
  ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register, ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    float: left; }
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register:hover, ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link:hover {
      opacity: 0.8; }
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register:hover, ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register:hover::before, ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link:hover::before {
        width: 45px;
        left: 205px; }
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register::before, ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns {
  margin-left: auto; }
  ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register,
  ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    float: left; }
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register:hover,
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link:hover {
      opacity: 0.8; }
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register:hover,
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register:hover::before,
      ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link:hover::before {
        width: 45px;
        left: 205px; }
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register::before,
    ._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.register {
  background: -webkit-gradient(linear, left top, left bottom, from(#befa50), to(#33b810));
  background: -webkit-linear-gradient(top, #befa50, #33b810);
  background: linear-gradient(top, #befa50, #33b810); }

._3YMt6yfPoOLDeRl4_NzanI .report-search-bar > div.btns > span.promo-link {
  background: -webkit-gradient(linear, left top, left bottom, from(#72e4ff), to(#8276fe));
  background: -webkit-linear-gradient(top, #72e4ff, #8276fe);
  background: linear-gradient(top, #72e4ff, #8276fe); }

._3YMt6yfPoOLDeRl4_NzanI .report-search-bar {
  padding-bottom: 12px;
  border-bottom: 1px solid #d2d2d2; }

._3YMt6yfPoOLDeRl4_NzanI > .level-info > div.level > span {
  color: #ff5200; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2MqZIbDzGua-FM7RhIojbd .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2MqZIbDzGua-FM7RhIojbd .report-search-bar select.report,
  ._2MqZIbDzGua-FM7RhIojbd .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._2MqZIbDzGua-FM7RhIojbd .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2MqZIbDzGua-FM7RhIojbd .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._2MqZIbDzGua-FM7RhIojbd .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2MqZIbDzGua-FM7RhIojbd .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._2MqZIbDzGua-FM7RhIojbd .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2MqZIbDzGua-FM7RhIojbd > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._2MqZIbDzGua-FM7RhIojbd > .level-info > span.desc {
    color: #c8ccd6; }
  ._2MqZIbDzGua-FM7RhIojbd > .level-info > div.level {
    color: #c8ccd6; }
    ._2MqZIbDzGua-FM7RhIojbd > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._2MqZIbDzGua-FM7RhIojbd > .level-info > div.level > span::after {
        content: ' > '; }
      ._2MqZIbDzGua-FM7RhIojbd > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._2MqZIbDzGua-FM7RhIojbd > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._2MqZIbDzGua-FM7RhIojbd > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._2MqZIbDzGua-FM7RhIojbd > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._2MqZIbDzGua-FM7RhIojbd .report-search-bar {
  white-space: nowrap; }
  ._2MqZIbDzGua-FM7RhIojbd .report-search-bar select.report,
  ._2MqZIbDzGua-FM7RhIojbd .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._2MqZIbDzGua-FM7RhIojbd .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._2MqZIbDzGua-FM7RhIojbd > .level-info > div.level {
  color: #666; }
  ._2MqZIbDzGua-FM7RhIojbd > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._2MqZIbDzGua-FM7RhIojbd > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._2MqZIbDzGua-FM7RhIojbd > .level-info > span.desc,
._2MqZIbDzGua-FM7RhIojbd > .ext-info h6 {
  color: #f00; }

._2MqZIbDzGua-FM7RhIojbd > .line {
  background: #ccc;
  margin-top: 0; }

._2MqZIbDzGua-FM7RhIojbd > .report-search-bar {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

._2MqZIbDzGua-FM7RhIojbd > .summary-box {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  border-top: 1px solid #e0e6ed;
  width: 100%; }

._2MqZIbDzGua-FM7RhIojbd .summary-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  border-top: 1px solid #e0e6ed;
  width: 100%; }
  ._2MqZIbDzGua-FM7RhIojbd .summary-box .item {
    width: 20%;
    height: 75px;
    background-repeat: no-repeat;
    background-position-y: center;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    ._2MqZIbDzGua-FM7RhIojbd .summary-box .item .title {
      margin-top: 20px;
      line-height: 18px;
      margin-bottom: 2px; }
    ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box {
      color: #333333;
      border-radius: 50%;
      float: left;
      width: 33px;
      height: 33px;
      margin: 20px;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-box-shadow: 0 0 0 7px #f6c74d;
              box-shadow: 0 0 0 7px #f6c74d;
      background-color: #eed12d; }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.team-member {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAaFJREFUOI2VkztrVVEQhT/ijYIaBJUUVhYWAUFjgqAIBkLEx2/QQgtB0LQWEa0EFbVJ8hNUfKDYqI2PKAQLsdE2hDTxFnbXRxSTzyLrkE0492oGhjOz9szaa+85G5UOPqi+d8Wa6ulOPauBHeqhxMMhWVTH1evqTLBbqbmiXlR76ghvFkoG1J/qpxoV11JztFC/qO4tCauiCXW/ein5ljZH+6Z+TtyntoJ1o25K872i4UWwdnf1dNX6YPITXcA2lu0+KzZHZ+sDFor8a74bURth/1DsWKm+WqPuQNZGk69Xp4P1NIA/wDHgOfAK+Ai8BM4DE4DA3SgaASaDfwe+ANuBBjAAtMqdZ4sp31Y3Z3p1dlw9qE4V2GGVRs4+BewETgJ3gMtAC2gCj4EZYAnoBY4Az4AnwFD6H4ZjH+q57DAcpTeSj6sb2kz5VGrmCuy3Oo/6Q50PeCaFF9oQlb47ta+Tj5lAl59VFU//B1nlZ9OzVd1TETbVEbU/i7vWQIi6pD7K9TyguKd3IVwLGeqbsq8L+JVJdQOz/3ghdfY2/+g6gL+QUD9/q68FPAAAAABJRU5ErkJggg==); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.recharge {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAARBJREFUOI2lkztKBEEQhr8ZBlRYDGVBcA01NjNTDDTwAmYKgoggJnoATfQA4hkMPIGYGZq7GAoigvhG18d+BtMDrck67Q9FV3V3Pf7qatQN/4+jTBU4BLZIwxywXwSjH5hJDDQKdDL1HmgAX4mBMuCNwHFVJVGG1W6mPgEPwGViRYNAqwildYHPPzoKtIPPGFAAAxW19Zp0JtWpoDdV85BlqAaVReAUOAHWgGtgoqpoSW2oL+qH+h7WttoXVTIf7t+ot0FfUInn6BnYBvIo+x3QiewrYBZYBprADvBYdq7Ebs0eHavn8V4OnAGbwGsPOfj1cj8GuACmA6XxHk2+iPQWMBIfZuWfrY0VykHcqza+AczUZVkXcNc/AAAAAElFTkSuQmCC); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.withdrawal {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAARtJREFUOI2lk71KQ0EQRs+a4E8hphBsLMRGBFGsLNQm4MvoG6QWtLBRMLWFiI34DJa+go2FWCnRhIBGY47F3atLEM2NHwzMLsyZmZ1Z1BX11v9pO6hN4B04AQLFJLAKVInEAzUMaVW1F9QnoFKwkn61gtoDjoDdISFrwEUZ6AKzwMaQoEXAoD4DUwWDG0APmI7ndv7Y+2qpgM2p89HfUi1H4ke0QXVMNqB14Aqo5aBHYAw4A8pJwAOwA3T6QDN8T/oN2MuDOmTLuASMJgH3/LykLzHxl3JQBXgFFv5oaSJCWsBIwugGtRMh52SrkCoApehfAk3gFGiTfatJ4BCoo26qdwN8zLo6rt4kd404PYKaZv9NJv51rGY57+IT2QA5hNcfKUAAAAAASUVORK5CYII=); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.effect {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAW5JREFUOI2N0k+IjnEQB/BpbYlskj8laeXdgwMHSg7koPbAzUEOe1BycCAlt1V2U+KkFG0pOW+t2m3LQS72oq0tJJQDLoo47GWlPXwc3nkyPb3vMvWreWa+f34zvycQfc4Z/NCNZ9jXC9eLeBJfkriA61jO7yfY1U/gKF4n8C1OtIQv4lf2H2FzI7A7leEDRtcYK3AFvxN/IzJZRecfxPa5AAMR8T66cSwi1sf/xfaIGImIlUZtzN+4iw19XPdiPnE/0QnswO0svilCNzGQxGFMZ/0bPuXLjEUhjCR4Ix6X+suSXyq3mZDJUjavYksB7MFcOo63RjmAGaVwqrg8XGMHh4rhR2wLbMVkFl8VoclC7OBp1r/iM77jbN3B/gQPYiprK3hR8vNF9FYzQrP5idYOdmI2Ha+1RjmI53UHl8tNHmBTnx0cxmLi3uF4ba5rrpVxB0PZO9I46r7K6YbXy2UI9xO8gHu6P80yzrXxfwDSAGi62Iq7cQAAAABJRU5ErkJggg==); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.online {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAUxJREFUOI2Vkz8ohWEUhx8Xi8IgsljdVclsNphITEokxYDBbDDLYpBiMCkjk00yIHJDShKLSKQMMjwG5/L5fPfKqdN3fuc953f+vO+HSoa2qHVh96q3fsu52pnOSRPk1YtIGFb7w95Vx9QJ9TR8g6WIGiLgLgi6As9kdLwSZ01ZRFtxmMQvJUYnYheziFQXEvhNXS9DdBaKSo6fUp2w74E8paUZuPlCiQobqdEGArdmdFPcX2fWaKjH6ok6qjaqa+qT2q3WqPXqeJBslLq1WrXgt3SplWbLUrrLqpiwDTgCroEeYBOYBraAArANPACPYV/92piaiypniQpT4Zsrc2s59VmdLY42H0kVqUUOlyEh4lcjNl98P8nFvav7f5Ak9V69LBJNhrMjcPs/iIZUc8AysBMr64vvYZmHmJY9gCpgJOF8BW7/QQKff8DBB9K12uWfGI45AAAAAElFTkSuQmCC); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.prize {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAZdJREFUOI1tkr1r01EUhp+0pWkpVCPYrWIEi1AQdApkECeHbg5dzNShkJRMfixOKg7+A+qgk7hJBXEoLiJUEKFYlxYyZOhQByuhKtgPw+PQE71cfxcO97zn470v95ySSsE5AZwBjgO/gA5QA14Ao1ldDwA1tZvqV/+dPbWf4NfqrLoSeHTQOxLMx4BPQBVYAZ4Ae0AZ6AOlsJdRfwW4Dhz81RaMW/FCNfAD9TBRs5wp31Y31VKq6BYwDZwEdoJ/DbgMHAJj8VclYAKoADPAD+ADUAd+o/5U32UvXlCb4U+o98NvhULU8+H31SUCtDOic+p39Y7aVR9G/LS6kHzyrPpqwKzayIhOqavJtBazfGo11aFkCuk5C0wB+8A2MFe0bMBF4DlwMAQ8BhpZwQ7wOZZvF1gvIGnHUCaBS6gjIf9tgex19VpB/G703BvEBol6JFpZw3i6K2o5yFVvpLVpU0f9Ev7VmFrXo/XYiPh8kMzkKlPQjKJe3FvqU/VR4G9xfyyaXgqG1dvqmyCoJLl59b36zKPV+I/oD/66e4pf13szAAAAAElFTkSuQmCC); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.rebet {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAdVJREFUOI2FlM9L1EEYxgfbTGI7BuIhNvUogZWCQUFiC4unDp5CMC0PHvIfCG/W9uPiwQjRvAkpCkLk2kVQTwteSg0PelCjwFuJgrR8PPRM+zrM1x0YZp7nfd5n3nnnu+sAlzBvAaPAPmfHD+AdcDspN0bWAvPG5A+wBMxp/W1in4C6Sqb3TMIHoCmhmiZgwmjvJ5k2G9Gdc9piZ4vJ+d8OH6wCDhXMiMsAHcClCsbXlHcEpKzpmAIdwl2mgl1zkJ8XgSIwItwu7aQ3vSxiTYJq4W9ATvtlY3gB2BQ/aPiiuLQDugVyCtYIF4C09luKpYANcU+C6rPiHzvgo4Dt3RBnR6P47wmGviUAM04nlyKih8Bz/j2EA74qqTei9fMvsOGAHYHzXtj38BHlvsZ0J8C2A1aUEBOlzJV7xPmPfh2oD/QAqw54IXA90iNf4VNxeeHPWvd0sP1e3zjghkDeGF6l/Mp9hv9pbjWp/RXhYeGbXvwraMGUcH9Q/YD4ktal4OoHmF/UXZGzlP8HOon3+ZluMWG4aeW3W1MHvFfgbYJZ0nylvHHPhYJZCb4ADRXMMsCC9PM2FhO/pDwKum4WaAMeCBeM5nXokVRFS5AIcBzgRaA1ln8KMox91wwMws0AAAAASUVORK5CYII=); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.new-member {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAATpJREFUOI2Nk78vQ1EUx7/tgsFUEiNJF2MnBotYCDYmsRhKxGgRi10M3SVWBhGdJCImkdQfYLSQkBBNSyySj8H3ar3c9/pO8nLePed7vvf8ugIU+daBFzrSAnZj2FjwqYOugE2gCpzZdtuLYN/AuQhxxb7zNIJBA2opZQnYMKYcI1i2s5RBIGP2wrmojgxbt9RbhsJPN8GN9WxGYNn6+s+SSO8Z+MhI/94lFNOmMG5AA5hMTODOvpmsMQpYIF3mk/hk8A7wCbSBS+AEOATWgD5jLoCJGMGxbzkCRlJ6MGbMapKgZsdKRgO796ASzgVgVNKDpANJ25HRTUnaklSQNCBp0SN/kvQloG7WtBuXgHegye+rxH1qAo8hpXqO1AX0Gz8dbGETGznWV5JK1v9W+dX15JFvSW+S2sHwA7iLuhw09h5pAAAAAElFTkSuQmCC); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.promotion {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAWBJREFUOI2lk8srhFEYxp/RkEtpChtlMTUblI1YyMZCSHZWsp7NbKzYytZGmrLFyi1b8R+4zYY/wKUURZSUyM9i3s+8vjl8ylun7738nuf0nc4RoISVBe6B2SQ2yUjAGZVo+49ZwUx67HucZJYBJoBUAABYtnza6uEANwbkBBQNugJaHLBtfS+6AF5jvTXjDgUsGhBFBmiyfDIm7LT+jNUnTncgoBd4B7qBQxs8AUc/nM2WMdfADZAD3oC8P5u85adWt/5gJuARuLV8IOKj4T5w5+D0L0YCalx+an/2dTWmzN0LGoBzoN8ZlIDBGAew6c0arTnioFrgA3i2es+YDsd0WW/cm8kOfSO2a7vBu17k1rz16+Jmq8BL4HwiwU5gdkn53VY9pyET1QdEC5TvXuiFLIXMomEhIAqtUeP7ol5a32NdUlFSVtKD6yMp5epmSXOSSpKOK1T1jiv8LXaJ3cdPL5fr9LPQA8MAAAAASUVORK5CYII=); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.profit {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAeZJREFUOI2NlTtoVUEQhr8bYwxcvVEhBokvBBW0EQ12chUfjaJgIwoBLbVLI1oEXwGttDWYIoKFjYVVhJCAjSgkICqIksZShFRWQvwszsS7HPac68CyZ2f+/989s7uzDZUa2w2cAkaAQeAX8BGYAxYrWWquHVJnrbcl9UKOnxMcT4jP1JPqFrVfHVAPqxPqn8C87CY6FcAZta/iL9I2EfhPVaK3AjAZ45a6s0KsR90V35eDN1sWHY7A+4T4JnxbM6IfItZbStmlVPRbODcnxAPhW1bXJv6n4R9TG4l/Wf2dij5Xn2RWtC0EFmN8PcY3MthrETvWbSOa6v0AL0T/Vl2fwfZH/BHqDvVhBrTfertdwu8J/1cszpkWu5iC+tQT6hn1amCm1bPqeXWohB9Zna0XGIjLNVy6bC2gDawDNibX9igg8BP4keAXgBfAEmo7JmiXZt7b5ffHMin7d043BGiuCmSRd9WbNZhz6uNVUewUj00VhO3/Ibpqa3oiH1eif11RzJrRD1XE70Q/CqzkqtNkZhVNOxWrHBsN3nya07RNB2DGotx1uxwPAv+lvFHldi/Jz5R6XB20KB4ti3p6V10JzCuLqlUrinrETpWqsu/qxRy/obVv1D7gNHCQzhv1GZgH3lWR/gKRh7WECq39ywAAAABJRU5ErkJggg==); }
      ._2MqZIbDzGua-FM7RhIojbd .summary-box .item > .icon-box.active-member {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAWBJREFUOI2lk8srhFEYxp/RkEtpChtlMTUblI1YyMZCSHZWsp7NbKzYytZGmrLFyi1b8R+4zYY/wKUURZSUyM9i3s+8vjl8ylun7738nuf0nc4RoISVBe6B2SQ2yUjAGZVo+49ZwUx67HucZJYBJoBUAABYtnza6uEANwbkBBQNugJaHLBtfS+6AF5jvTXjDgUsGhBFBmiyfDIm7LT+jNUnTncgoBd4B7qBQxs8AUc/nM2WMdfADZAD3oC8P5u85adWt/5gJuARuLV8IOKj4T5w5+D0L0YCalx+an/2dTWmzN0LGoBzoN8ZlIDBGAew6c0arTnioFrgA3i2es+YDsd0WW/cm8kOfSO2a7vBu17k1rz16+Jmq8BL4HwiwU5gdkn53VY9pyET1QdEC5TvXuiFLIXMomEhIAqtUeP7ol5a32NdUlFSVtKD6yMp5epmSXOSSpKOK1T1jiv8LXaJ3cdPL5fr9LPQA8MAAAAASUVORK5CYII=); }

._2MqZIbDzGua-FM7RhIojbd .chart-box {
  min-height: 400px;
  padding-top: 20px;
  color: black;
  font-size: 14px; }
  ._2MqZIbDzGua-FM7RhIojbd .chart-box .title {
    margin-bottom: 40px; }
    ._2MqZIbDzGua-FM7RhIojbd .chart-box .title div.fr span {
      margin-left: 20px;
      cursor: pointer;
      display: inline-block;
      padding: 5px 20px;
      border-radius: 20px; }
      ._2MqZIbDzGua-FM7RhIojbd .chart-box .title div.fr span:hover, ._2MqZIbDzGua-FM7RhIojbd .chart-box .title div.fr span.active {
        color: #fff;
        background: #f6c74d; }
  ._2MqZIbDzGua-FM7RhIojbd .chart-box .biz-chart-box {
    min-height: 400px;
    position: relative; }
  ._2MqZIbDzGua-FM7RhIojbd .chart-box .tips {
    color: red; }

._2MqZIbDzGua-FM7RhIojbd .chart-box.pie .biz-box {
  float: left;
  width: 50%;
  height: 400px;
  position: relative; }

._2MqZIbDzGua-FM7RhIojbd .chart-box .title div.fr span:hover,
._2MqZIbDzGua-FM7RhIojbd .chart-box .title div.fr span.active {
  background: #b38236; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1TV-1m_XTw_IQ1y7EsvKIS {
  position: relative;
  overflow: auto; }
  ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar {
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar select.report,
    ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar input.report {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none;
      margin: 0 5px; }
    ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar span.query {
      display: inline-block;
      line-height: 30px;
      height: 30px;
      padding: 0 20px;
      cursor: pointer;
      color: white;
      margin-left: 10px;
      border-radius: 4px;
      background: #f6c74d;
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
      overflow: hidden;
      position: relative;
      background: #b38236; }
      ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar span.query:hover {
        opacity: 0.8; }
      ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar span.query:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar span.query:hover::before {
          width: 45px;
          left: 205px; }
      ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar span.query::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
  ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px; }
    ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info > span.desc {
      color: #c8ccd6; }
    ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info > div.level {
      color: #c8ccd6; }
      ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info > div.level > span {
        color: #ff8669;
        cursor: pointer; }
        ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info > div.level > span::after {
          content: ' > '; }
        ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info > div.level > span:nth-last-of-type(1)::after {
          content: ''; }
  ._1TV-1m_XTw_IQ1y7EsvKIS > .ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px; }
  ._1TV-1m_XTw_IQ1y7EsvKIS > .ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px; }
  ._1TV-1m_XTw_IQ1y7EsvKIS > .line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0; }
  ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar {
    white-space: nowrap; }
    ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar select.report,
    ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar input.report {
      border: 1px solid #999;
      background: #fff; }
    ._1TV-1m_XTw_IQ1y7EsvKIS .report-search-bar span.query {
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300); }
  ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info > div.level {
    color: #666; }
    ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info > div.level > svg {
      font-size: 18px;
      color: #b38236; }
    ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info > div.level > span {
      color: #b38236;
      font-weight: bold; }
  ._1TV-1m_XTw_IQ1y7EsvKIS > .level-info > span.desc,
  ._1TV-1m_XTw_IQ1y7EsvKIS > .ext-info h6 {
    color: #f00; }
  ._1TV-1m_XTw_IQ1y7EsvKIS > .line {
    background: #ccc;
    margin-top: 0; }
  ._1TV-1m_XTw_IQ1y7EsvKIS > .rules {
    width: 100%;
    height: 96px;
    overflow: hidden;
    background: rgba(179, 130, 54, 0.2);
    border-radius: 3px;
    color: #4c1f04;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 15px;
    margin: 10px 0; }
    ._1TV-1m_XTw_IQ1y7EsvKIS > .rules > .rules-left {
      height: 78px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      border-right: 1px solid rgba(102, 102, 102, 0.3);
      padding: 0 15px; }
      ._1TV-1m_XTw_IQ1y7EsvKIS > .rules > .rules-left > span {
        font-size: 16px;
        color: #ff4900;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        ._1TV-1m_XTw_IQ1y7EsvKIS > .rules > .rules-left > span > .icon-file-alt {
          font-size: 22px;
          margin-right: 6px; }
      ._1TV-1m_XTw_IQ1y7EsvKIS > .rules > .rules-left select {
        width: 100px;
        height: 28px;
        border: 1px solid #b38236;
        border-radius: 3px;
        color: #b38236;
        outline: none;
        margin: 10px 0 0 10px; }
    ._1TV-1m_XTw_IQ1y7EsvKIS > .rules > .contract-content {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 78px;
      font-size: 14px;
      color: #4c1f04;
      line-height: 26px;
      padding-left: 10px;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      overflow: auto; }
      ._1TV-1m_XTw_IQ1y7EsvKIS > .rules > .contract-content::-webkit-scrollbar {
        width: 4px;
        height: 6px;
        background-color: #f6f8fb; }
      ._1TV-1m_XTw_IQ1y7EsvKIS > .rules > .contract-content::-webkit-scrollbar-track {
        background-color: #f6f8fb; }
      ._1TV-1m_XTw_IQ1y7EsvKIS > .rules > .contract-content::-webkit-scrollbar-thumb {
        cursor: pointer;
        background-color: #f6c74d;
        border-radius: 10px; }
      ._1TV-1m_XTw_IQ1y7EsvKIS > .rules > .contract-content .tips {
        color: #ff4900; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2Fo2vGMdw7XMumy1vf1AV7 {
  position: relative;
  overflow: auto; }
  ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar {
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar select.report,
    ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar input.report {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none;
      margin: 0 5px; }
    ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar span.query {
      display: inline-block;
      line-height: 30px;
      height: 30px;
      padding: 0 20px;
      cursor: pointer;
      color: white;
      margin-left: 10px;
      border-radius: 4px;
      background: #f6c74d;
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
      overflow: hidden;
      position: relative;
      background: #b38236; }
      ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar span.query:hover {
        opacity: 0.8; }
      ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar span.query:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar span.query:hover::before {
          width: 45px;
          left: 205px; }
      ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar span.query::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
  ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px; }
    ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info > span.desc {
      color: #c8ccd6; }
    ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info > div.level {
      color: #c8ccd6; }
      ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info > div.level > span {
        color: #ff8669;
        cursor: pointer; }
        ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info > div.level > span::after {
          content: ' > '; }
        ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info > div.level > span:nth-last-of-type(1)::after {
          content: ''; }
  ._2Fo2vGMdw7XMumy1vf1AV7 > .ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px; }
  ._2Fo2vGMdw7XMumy1vf1AV7 > .ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px; }
  ._2Fo2vGMdw7XMumy1vf1AV7 > .line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0; }
  ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar {
    white-space: nowrap; }
    ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar select.report,
    ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar input.report {
      border: 1px solid #999;
      background: #fff; }
    ._2Fo2vGMdw7XMumy1vf1AV7 .report-search-bar span.query {
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300); }
  ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info > div.level {
    color: #666; }
    ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info > div.level > svg {
      font-size: 18px;
      color: #b38236; }
    ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info > div.level > span {
      color: #b38236;
      font-weight: bold; }
  ._2Fo2vGMdw7XMumy1vf1AV7 > .level-info > span.desc,
  ._2Fo2vGMdw7XMumy1vf1AV7 > .ext-info h6 {
    color: #f00; }
  ._2Fo2vGMdw7XMumy1vf1AV7 > .line {
    background: #ccc;
    margin-top: 0; }
  ._2Fo2vGMdw7XMumy1vf1AV7 > .report-search-bar {
    position: relative; }
  ._2Fo2vGMdw7XMumy1vf1AV7 > .rules {
    width: 100%;
    height: 96px;
    overflow: hidden;
    background: rgba(179, 130, 54, 0.2);
    border-radius: 3px;
    color: #4c1f04;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 15px;
    margin: 10px 0; }
    ._2Fo2vGMdw7XMumy1vf1AV7 > .rules > .rules-left {
      height: 78px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      border-right: 1px solid rgba(102, 102, 102, 0.3);
      padding: 0 15px; }
      ._2Fo2vGMdw7XMumy1vf1AV7 > .rules > .rules-left > span {
        font-size: 16px;
        color: #ff4900;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        ._2Fo2vGMdw7XMumy1vf1AV7 > .rules > .rules-left > span > .icon-file-alt {
          font-size: 22px;
          margin-right: 6px; }
      ._2Fo2vGMdw7XMumy1vf1AV7 > .rules > .rules-left select {
        width: 100px;
        height: 28px;
        border: 1px solid #b38236;
        border-radius: 3px;
        color: #b38236;
        outline: none;
        margin: 10px 0 0 10px; }
    ._2Fo2vGMdw7XMumy1vf1AV7 > .rules > .contract-content {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 78px;
      font-size: 14px;
      color: #4c1f04;
      line-height: 26px;
      padding-left: 10px;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      overflow: auto; }
      ._2Fo2vGMdw7XMumy1vf1AV7 > .rules > .contract-content::-webkit-scrollbar {
        width: 4px;
        height: 6px;
        background-color: #f6f8fb; }
      ._2Fo2vGMdw7XMumy1vf1AV7 > .rules > .contract-content::-webkit-scrollbar-track {
        background-color: #f6f8fb; }
      ._2Fo2vGMdw7XMumy1vf1AV7 > .rules > .contract-content::-webkit-scrollbar-thumb {
        cursor: pointer;
        background-color: #f6c74d;
        border-radius: 10px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item:first-child {
    margin-top: 0; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item div.values {
    width: 300px; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2M1Y9KMUnxk7EC91bGeOVP > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item > span.text {
    white-space: nowrap; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._2M1Y9KMUnxk7EC91bGeOVP > .item {
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 35px;
  margin-top: 20px;
  position: relative; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .item > div {
    display: inline-block;
    font-weight: 700; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .item > .l {
    width: 13%;
    font-size: 16px;
    color: #636363;
    text-align: right; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .item > .r {
    display: inline-block;
    width: 85%;
    font-size: 12px;
    color: #c4c3c5;
    background: #faf9f9;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .item > .r.btn {
      background: none;
      padding: 0; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .item > .r > div {
      cursor: pointer; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .item > .r > div > span {
      display: inline-block;
      height: 26px;
      padding: 0 10px;
      background-color: #f6c74d;
      margin-right: 5px;
      color: white;
      border-radius: 5px;
      line-height: 26px;
      margin-top: 5px; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .item span.add-rules {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    float: right; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .item span.add-rules:hover {
      opacity: 0.8; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .item span.add-rules:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .item span.add-rules:hover::before {
        width: 45px;
        left: 205px; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .item span.add-rules::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: auto;
  margin-top: 15px;
  padding: 10px;
  height: 185px;
  white-space: nowrap;
  background-color: #f8faf7; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box::-webkit-scrollbar-track {
    background-color: #f6f8fb; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #f6c74d;
    border-radius: 10px; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .item {
    position: relative;
    color: #333;
    font-size: 13px;
    line-height: 32px;
    margin-top: 6px;
    padding: 0 10px 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .item > label {
      padding-left: 15px;
      text-decoration: underline;
      color: #ff69a4;
      cursor: pointer; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .item > span {
      color: #ff69a4; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .item input {
      margin: 0 2px;
      width: 70px;
      height: 26px;
      line-height: 24px;
      color: #9063f5;
      border-radius: 3px;
      border: 1px solid #e8e8e8;
      background-color: #fff;
      text-align: center; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    height: 100%;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > .title {
      font-size: 16px;
      color: #5d5879; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > .tips {
      color: #ff3366;
      font-size: 12px;
      margin-top: 10px;
      display: inline-block; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > a.ok {
      min-width: 100px;
      height: 36px;
      line-height: 36px;
      color: #fff;
      margin-left: 20px;
      font-size: 14px;
      border-radius: 5px;
      border: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: 0.5s all;
      transition: 0.5s all;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100);
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
      overflow: hidden;
      position: relative;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300);
      float: right; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > a.ok:hover {
        opacity: 0.8; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > a.ok:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > a.ok:hover::before {
          width: 45px;
          left: 205px; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > a.ok::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
    ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > .ctl {
      margin-top: 10px; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > .ctl > span {
        display: inline-block;
        width: 60px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        text-align: center;
        background-color: #f6c74d;
        color: white;
        border-radius: 12px;
        cursor: pointer;
        margin-right: 10px; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > .ctl input {
        height: 24px;
        line-height: 23px;
        border-radius: 5px;
        border: 1px solid #ccc;
        padding: 0 10px; }
    ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > .user-list {
      margin: 10px 0px 5px 0;
      padding: 10px;
      background: #faf9f9;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > .user-list span {
        padding: 2px;
        margin: 5px;
        border-radius: 30px;
        border: #ddd solid 1px;
        line-height: 30px;
        margin-top: 5px;
        font-weight: 600;
        width: 122px;
        text-align: center;
        cursor: pointer; }
        ._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .show-more > .user-list span.selected {
          background-size: 13px;
          background-color: #eed12d;
          color: white; }

._2M1Y9KMUnxk7EC91bGeOVP .report-data-set > .data-item > div .red {
  color: #eed12d; }

._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .item {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .item > label {
  color: #ff0000; }

._2M1Y9KMUnxk7EC91bGeOVP > .contract-rules-box > .item > span {
  color: #ff5200; }

._2M1Y9KMUnxk7EC91bGeOVP > .form-action > .submit-box .reset {
  color: #fff;
  background: #ccc;
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
          box-shadow: none; }

._2M1Y9KMUnxk7EC91bGeOVP > .item > .l {
  width: auto;
  text-align: left; }

._2M1Y9KMUnxk7EC91bGeOVP > .item > .r {
  width: 55%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .item > .r > div > span {
    background: #ff6100; }

._2M1Y9KMUnxk7EC91bGeOVP > .item .currency {
  margin-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2M1Y9KMUnxk7EC91bGeOVP > .item .currency > .report {
    width: 100px;
    height: 28px;
    line-height: 28px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #ff6100;
    border-radius: 3px;
    color: #ff6100;
    margin-left: 10px;
    outline: none;
    padding-left: 10px;
    background: #fff; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar select.report,
  ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info > span.desc {
    color: #c8ccd6; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info > div.level {
    color: #c8ccd6; }
    ._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info > div.level > span::after {
        content: ' > '; }
      ._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._2ERrL-a2UBAEu8lBnwQ3o5 > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._2ERrL-a2UBAEu8lBnwQ3o5 > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._2ERrL-a2UBAEu8lBnwQ3o5 > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar {
  white-space: nowrap; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar select.report,
  ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info > div.level {
  color: #666; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._2ERrL-a2UBAEu8lBnwQ3o5 > .level-info > span.desc,
._2ERrL-a2UBAEu8lBnwQ3o5 > .ext-info h6 {
  color: #f00; }

._2ERrL-a2UBAEu8lBnwQ3o5 > .line {
  background: #ccc;
  margin-top: 0; }

._2ERrL-a2UBAEu8lBnwQ3o5 > .report-search-bar {
  height: auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 > .report-search-bar > .chenge-create {
    width: 100%;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 26px; }
    ._2ERrL-a2UBAEu8lBnwQ3o5 > .report-search-bar > .chenge-create > span.create {
      min-width: 100px;
      height: 36px;
      line-height: 36px;
      color: #fff;
      margin-left: 20px;
      font-size: 14px;
      border-radius: 5px;
      border: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: 0.5s all;
      transition: 0.5s all;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100);
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
      overflow: hidden;
      position: relative;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300);
      background: -webkit-gradient(linear, left top, left bottom, from(#0c3), to(#00aa2a));
      background: -webkit-linear-gradient(top, #0c3, #00aa2a);
      background: linear-gradient(top, #0c3, #00aa2a); }
      ._2ERrL-a2UBAEu8lBnwQ3o5 > .report-search-bar > .chenge-create > span.create:hover {
        opacity: 0.8; }
      ._2ERrL-a2UBAEu8lBnwQ3o5 > .report-search-bar > .chenge-create > span.create:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._2ERrL-a2UBAEu8lBnwQ3o5 > .report-search-bar > .chenge-create > span.create:hover::before {
          width: 45px;
          left: 205px; }
      ._2ERrL-a2UBAEu8lBnwQ3o5 > .report-search-bar > .chenge-create > span.create::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
      ._2ERrL-a2UBAEu8lBnwQ3o5 > .report-search-bar > .chenge-create > span.create > svg {
        font-size: 18px; }

._2ERrL-a2UBAEu8lBnwQ3o5 td.rules {
  position: relative;
  width: 130px; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 td.rules > div {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    z-index: 10;
    cursor: default; }
    ._2ERrL-a2UBAEu8lBnwQ3o5 td.rules > div:hover {
      height: auto;
      background-color: #f6f7f7;
      border-bottom: 1px solid #ddd;
      z-index: 11; }
  ._2ERrL-a2UBAEu8lBnwQ3o5 td.rules .icon-arrow {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 10px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2TetEOetrH_EHqpGFE4Zsm .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar select.report,
  ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2TetEOetrH_EHqpGFE4Zsm > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._2TetEOetrH_EHqpGFE4Zsm > .level-info > span.desc {
    color: #c8ccd6; }
  ._2TetEOetrH_EHqpGFE4Zsm > .level-info > div.level {
    color: #c8ccd6; }
    ._2TetEOetrH_EHqpGFE4Zsm > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._2TetEOetrH_EHqpGFE4Zsm > .level-info > div.level > span::after {
        content: ' > '; }
      ._2TetEOetrH_EHqpGFE4Zsm > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._2TetEOetrH_EHqpGFE4Zsm > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._2TetEOetrH_EHqpGFE4Zsm > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._2TetEOetrH_EHqpGFE4Zsm > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._2TetEOetrH_EHqpGFE4Zsm .report-search-bar {
  white-space: nowrap; }
  ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar select.report,
  ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._2TetEOetrH_EHqpGFE4Zsm .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._2TetEOetrH_EHqpGFE4Zsm > .level-info > div.level {
  color: #666; }
  ._2TetEOetrH_EHqpGFE4Zsm > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._2TetEOetrH_EHqpGFE4Zsm > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._2TetEOetrH_EHqpGFE4Zsm > .level-info > span.desc,
._2TetEOetrH_EHqpGFE4Zsm > .ext-info h6 {
  color: #f00; }

._2TetEOetrH_EHqpGFE4Zsm > .line {
  background: #ccc;
  margin-top: 0; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._38UW6qYtcuT11XUbRIsshC .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._38UW6qYtcuT11XUbRIsshC .report-search-bar select.report,
  ._38UW6qYtcuT11XUbRIsshC .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._38UW6qYtcuT11XUbRIsshC .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._38UW6qYtcuT11XUbRIsshC .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._38UW6qYtcuT11XUbRIsshC .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._38UW6qYtcuT11XUbRIsshC .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._38UW6qYtcuT11XUbRIsshC .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._38UW6qYtcuT11XUbRIsshC > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._38UW6qYtcuT11XUbRIsshC > .level-info > span.desc {
    color: #c8ccd6; }
  ._38UW6qYtcuT11XUbRIsshC > .level-info > div.level {
    color: #c8ccd6; }
    ._38UW6qYtcuT11XUbRIsshC > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._38UW6qYtcuT11XUbRIsshC > .level-info > div.level > span::after {
        content: ' > '; }
      ._38UW6qYtcuT11XUbRIsshC > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._38UW6qYtcuT11XUbRIsshC > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._38UW6qYtcuT11XUbRIsshC > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._38UW6qYtcuT11XUbRIsshC > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._38UW6qYtcuT11XUbRIsshC .report-search-bar {
  white-space: nowrap; }
  ._38UW6qYtcuT11XUbRIsshC .report-search-bar select.report,
  ._38UW6qYtcuT11XUbRIsshC .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._38UW6qYtcuT11XUbRIsshC .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._38UW6qYtcuT11XUbRIsshC > .level-info > div.level {
  color: #666; }
  ._38UW6qYtcuT11XUbRIsshC > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._38UW6qYtcuT11XUbRIsshC > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._38UW6qYtcuT11XUbRIsshC > .level-info > span.desc,
._38UW6qYtcuT11XUbRIsshC > .ext-info h6 {
  color: #f00; }

._38UW6qYtcuT11XUbRIsshC > .line {
  background: #ccc;
  margin-top: 0; }

._38UW6qYtcuT11XUbRIsshC > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._38UW6qYtcuT11XUbRIsshC > .form-action > .item:first-child {
    margin-top: 0; }
  ._38UW6qYtcuT11XUbRIsshC > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._38UW6qYtcuT11XUbRIsshC > .form-action > .item div.values {
    width: 300px; }
    ._38UW6qYtcuT11XUbRIsshC > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._38UW6qYtcuT11XUbRIsshC > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._38UW6qYtcuT11XUbRIsshC > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._38UW6qYtcuT11XUbRIsshC > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._38UW6qYtcuT11XUbRIsshC > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._38UW6qYtcuT11XUbRIsshC > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._38UW6qYtcuT11XUbRIsshC > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._38UW6qYtcuT11XUbRIsshC > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._38UW6qYtcuT11XUbRIsshC > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._38UW6qYtcuT11XUbRIsshC > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._38UW6qYtcuT11XUbRIsshC > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._38UW6qYtcuT11XUbRIsshC > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._38UW6qYtcuT11XUbRIsshC > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._38UW6qYtcuT11XUbRIsshC > .form-action > .item > span.text {
    white-space: nowrap; }
  ._38UW6qYtcuT11XUbRIsshC > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._38UW6qYtcuT11XUbRIsshC > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar select.report,
  ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._3Py2dGAoZNmxfrhwBMgYuX > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._3Py2dGAoZNmxfrhwBMgYuX > .level-info > span.desc {
    color: #c8ccd6; }
  ._3Py2dGAoZNmxfrhwBMgYuX > .level-info > div.level {
    color: #c8ccd6; }
    ._3Py2dGAoZNmxfrhwBMgYuX > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._3Py2dGAoZNmxfrhwBMgYuX > .level-info > div.level > span::after {
        content: ' > '; }
      ._3Py2dGAoZNmxfrhwBMgYuX > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._3Py2dGAoZNmxfrhwBMgYuX > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._3Py2dGAoZNmxfrhwBMgYuX > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._3Py2dGAoZNmxfrhwBMgYuX > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar {
  white-space: nowrap; }
  ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar select.report,
  ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._3Py2dGAoZNmxfrhwBMgYuX > .level-info > div.level {
  color: #666; }
  ._3Py2dGAoZNmxfrhwBMgYuX > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._3Py2dGAoZNmxfrhwBMgYuX > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._3Py2dGAoZNmxfrhwBMgYuX > .level-info > span.desc,
._3Py2dGAoZNmxfrhwBMgYuX > .ext-info h6 {
  color: #f00; }

._3Py2dGAoZNmxfrhwBMgYuX > .line {
  background: #ccc;
  margin-top: 0; }

._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar > div.btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  position: relative; }
  ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar > div.btns > div > span.query {
    margin-left: 100px; }
  ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar > div.btns > span.two-months {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    cursor: pointer;
    color: white;
    border-radius: 4px;
    background: -webkit-gradient(linear, left bottom, left top, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(bottom, #ffa200, #ff5300);
    background: linear-gradient(bottom, #ffa200, #ff5300);
    overflow: hidden;
    position: relative;
    position: absolute;
    right: 90px; }
    ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar > div.btns > span.two-months:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar > div.btns > span.two-months:hover::before {
        width: 45px;
        left: 205px; }
    ._3Py2dGAoZNmxfrhwBMgYuX .report-search-bar > div.btns > span.two-months::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar select.report,
  ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info > span.desc {
    color: #c8ccd6; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info > div.level {
    color: #c8ccd6; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info > div.level > span::after {
        content: ' > '; }
      ._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar {
  white-space: nowrap; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar select.report,
  ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info > div.level {
  color: #666; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .level-info > span.desc,
._2bW3Xqb_WfXw4k-ak_GoH7 > .ext-info h6 {
  color: #f00; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .line {
  background: #ccc;
  margin-top: 0; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item:first-child {
    margin-top: 0; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item div.values {
    width: 300px; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2bW3Xqb_WfXw4k-ak_GoH7 > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2bW3Xqb_WfXw4k-ak_GoH7 > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._2bW3Xqb_WfXw4k-ak_GoH7 > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item > span.text {
    white-space: nowrap; }
  ._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._2bW3Xqb_WfXw4k-ak_GoH7 > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.BM2OBN3CHsO0Fq3NGI9br .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .BM2OBN3CHsO0Fq3NGI9br .report-search-bar select.report,
  .BM2OBN3CHsO0Fq3NGI9br .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  .BM2OBN3CHsO0Fq3NGI9br .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    .BM2OBN3CHsO0Fq3NGI9br .report-search-bar span.query:hover {
      opacity: 0.8; }
    .BM2OBN3CHsO0Fq3NGI9br .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .BM2OBN3CHsO0Fq3NGI9br .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    .BM2OBN3CHsO0Fq3NGI9br .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.BM2OBN3CHsO0Fq3NGI9br > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  .BM2OBN3CHsO0Fq3NGI9br > .level-info > span.desc {
    color: #c8ccd6; }
  .BM2OBN3CHsO0Fq3NGI9br > .level-info > div.level {
    color: #c8ccd6; }
    .BM2OBN3CHsO0Fq3NGI9br > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      .BM2OBN3CHsO0Fq3NGI9br > .level-info > div.level > span::after {
        content: ' > '; }
      .BM2OBN3CHsO0Fq3NGI9br > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

.BM2OBN3CHsO0Fq3NGI9br > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

.BM2OBN3CHsO0Fq3NGI9br > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

.BM2OBN3CHsO0Fq3NGI9br > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

.BM2OBN3CHsO0Fq3NGI9br .report-search-bar {
  white-space: nowrap; }
  .BM2OBN3CHsO0Fq3NGI9br .report-search-bar select.report,
  .BM2OBN3CHsO0Fq3NGI9br .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  .BM2OBN3CHsO0Fq3NGI9br .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

.BM2OBN3CHsO0Fq3NGI9br > .level-info > div.level {
  color: #666; }
  .BM2OBN3CHsO0Fq3NGI9br > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  .BM2OBN3CHsO0Fq3NGI9br > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

.BM2OBN3CHsO0Fq3NGI9br > .level-info > span.desc,
.BM2OBN3CHsO0Fq3NGI9br > .ext-info h6 {
  color: #f00; }

.BM2OBN3CHsO0Fq3NGI9br > .line {
  background: #ccc;
  margin-top: 0; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._35I0TcZVQAlhTQ_xrGfE4n > .btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 54px; }
  ._35I0TcZVQAlhTQ_xrGfE4n > .btns span {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    width: 120px; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .btns span:hover {
      opacity: 0.8; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .btns span:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._35I0TcZVQAlhTQ_xrGfE4n > .btns span:hover::before {
        width: 45px;
        left: 205px; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .btns span::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._35I0TcZVQAlhTQ_xrGfE4n > .form-action {
  margin-top: 25px; }

._35I0TcZVQAlhTQ_xrGfE4n select.text {
  width: 100% !important; }

._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item:first-child {
    margin-top: 0; }
  ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item div.values {
    width: 300px; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._35I0TcZVQAlhTQ_xrGfE4n > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._35I0TcZVQAlhTQ_xrGfE4n > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._35I0TcZVQAlhTQ_xrGfE4n > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._35I0TcZVQAlhTQ_xrGfE4n > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item > span.text {
    white-space: nowrap; }
  ._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._35I0TcZVQAlhTQ_xrGfE4n > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._35I0TcZVQAlhTQ_xrGfE4n > .btns span {
  white-space: nowrap;
  min-width: 100px;
  width: auto; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._31N1O3j6XvK3y3bMJDd0kq > div.del {
  margin: 15px 0; }
  ._31N1O3j6XvK3y3bMJDd0kq > div.del span {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236;
    margin-left: 0;
    margin-right: 10px; }
    ._31N1O3j6XvK3y3bMJDd0kq > div.del span:hover {
      opacity: 0.8; }
    ._31N1O3j6XvK3y3bMJDd0kq > div.del span:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._31N1O3j6XvK3y3bMJDd0kq > div.del span:hover::before {
        width: 45px;
        left: 205px; }
    ._31N1O3j6XvK3y3bMJDd0kq > div.del span::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._31N1O3j6XvK3y3bMJDd0kq td.title {
  width: 500px;
  position: relative; }
  ._31N1O3j6XvK3y3bMJDd0kq td.title > span {
    height: 24px;
    line-height: 24px;
    float: right;
    right: 10px;
    top: 5px;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #efe8d6;
    color: #888;
    font-style: normal;
    position: absolute; }

._31N1O3j6XvK3y3bMJDd0kq .message-detail {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 30px;
  background-color: #fff; }
  ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-title {
    width: 100%;
    height: 65px;
    line-height: 80px;
    font-size: 24px;
    color: #e54878;
    text-align: center;
    background: url(/webx/thai/desktop/images/60a6bf.png) center top no-repeat;
    background-size: 100%; }
  ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-cont {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 20px 30px;
    font-size: 13px;
    color: #333;
    height: 320px;
    overflow: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid #e2dfe6;
    border-right: 1px solid #e2dfe6;
    border-top: 1px dashed #e2dfe6;
    border-bottom: 1px dashed #e2dfe6;
    font-size: 14px; }
    ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-cont::-webkit-scrollbar {
      width: 4px;
      height: 6px;
      background-color: #f6f8fb; }
    ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-cont::-webkit-scrollbar-track {
      background-color: #f6f8fb; }
    ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-cont::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color: #f6c74d;
      border-radius: 10px; }
    ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-cont p {
      margin-top: 5px; }
  ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-time {
    text-align: right;
    font-size: 14px;
    color: #999;
    border-radius: 0 0 5px 5px;
    padding: 20px 0; }
  ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-close {
    margin-top: 20px;
    text-align: center; }
    ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-close .msg-close-btn {
      min-width: 100px;
      height: 36px;
      line-height: 36px;
      color: #fff;
      margin-left: 20px;
      font-size: 14px;
      border-radius: 5px;
      border: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: 0.5s all;
      transition: 0.5s all;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100);
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
      overflow: hidden;
      position: relative;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300);
      width: 120px;
      margin: auto; }
      ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-close .msg-close-btn:hover {
        opacity: 0.8; }
      ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-close .msg-close-btn:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-close .msg-close-btn:hover::before {
          width: 45px;
          left: 205px; }
      ._31N1O3j6XvK3y3bMJDd0kq .message-detail .msg-detail-close .msg-close-btn::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.DtvfvAMDpA7Xz74raTurR .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .DtvfvAMDpA7Xz74raTurR .report-search-bar select.report,
  .DtvfvAMDpA7Xz74raTurR .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  .DtvfvAMDpA7Xz74raTurR .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    .DtvfvAMDpA7Xz74raTurR .report-search-bar span.query:hover {
      opacity: 0.8; }
    .DtvfvAMDpA7Xz74raTurR .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .DtvfvAMDpA7Xz74raTurR .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    .DtvfvAMDpA7Xz74raTurR .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.DtvfvAMDpA7Xz74raTurR > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  .DtvfvAMDpA7Xz74raTurR > .level-info > span.desc {
    color: #c8ccd6; }
  .DtvfvAMDpA7Xz74raTurR > .level-info > div.level {
    color: #c8ccd6; }
    .DtvfvAMDpA7Xz74raTurR > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      .DtvfvAMDpA7Xz74raTurR > .level-info > div.level > span::after {
        content: ' > '; }
      .DtvfvAMDpA7Xz74raTurR > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

.DtvfvAMDpA7Xz74raTurR > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

.DtvfvAMDpA7Xz74raTurR > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

.DtvfvAMDpA7Xz74raTurR > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

.DtvfvAMDpA7Xz74raTurR .report-search-bar {
  white-space: nowrap; }
  .DtvfvAMDpA7Xz74raTurR .report-search-bar select.report,
  .DtvfvAMDpA7Xz74raTurR .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  .DtvfvAMDpA7Xz74raTurR .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

.DtvfvAMDpA7Xz74raTurR > .level-info > div.level {
  color: #666; }
  .DtvfvAMDpA7Xz74raTurR > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  .DtvfvAMDpA7Xz74raTurR > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

.DtvfvAMDpA7Xz74raTurR > .level-info > span.desc,
.DtvfvAMDpA7Xz74raTurR > .ext-info h6 {
  color: #f00; }

.DtvfvAMDpA7Xz74raTurR > .line {
  background: #ccc;
  margin-top: 0; }

.DtvfvAMDpA7Xz74raTurR > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  .DtvfvAMDpA7Xz74raTurR > .form-action > .item:first-child {
    margin-top: 0; }
  .DtvfvAMDpA7Xz74raTurR > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  .DtvfvAMDpA7Xz74raTurR > .form-action > .item div.values {
    width: 300px; }
    .DtvfvAMDpA7Xz74raTurR > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    .DtvfvAMDpA7Xz74raTurR > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .DtvfvAMDpA7Xz74raTurR > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

.DtvfvAMDpA7Xz74raTurR > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

.DtvfvAMDpA7Xz74raTurR > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

.DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    .DtvfvAMDpA7Xz74raTurR > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.DtvfvAMDpA7Xz74raTurR > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  .DtvfvAMDpA7Xz74raTurR > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    .DtvfvAMDpA7Xz74raTurR > .search-bar .action-btn:hover {
      opacity: 0.8; }
    .DtvfvAMDpA7Xz74raTurR > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .DtvfvAMDpA7Xz74raTurR > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    .DtvfvAMDpA7Xz74raTurR > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.DtvfvAMDpA7Xz74raTurR > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  .DtvfvAMDpA7Xz74raTurR > .form-action > .item > span.text {
    white-space: nowrap; }
  .DtvfvAMDpA7Xz74raTurR > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.DtvfvAMDpA7Xz74raTurR > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3OyopYPijI0kojyV1QNFoj h4 {
  font-size: 20px;
  margin-bottom: 20px; }

._3OyopYPijI0kojyV1QNFoj div.p {
  font-size: 15px;
  line-height: 20px;
  color: #666;
  margin-bottom: 10px; }
  ._3OyopYPijI0kojyV1QNFoj div.p em {
    color: #f36; }
  ._3OyopYPijI0kojyV1QNFoj div.p > div.image-wrapper {
    text-align: center;
    display: inline-block;
    margin-right: 50px;
    font-weight: bold;
    color: black; }
    ._3OyopYPijI0kojyV1QNFoj div.p > div.image-wrapper > div {
      margin: 10px 0; }
  ._3OyopYPijI0kojyV1QNFoj div.p input {
    width: 260px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 10px; }

._3OyopYPijI0kojyV1QNFoj div.actions {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px; }
  ._3OyopYPijI0kojyV1QNFoj div.actions > button {
    margin: 0 15px;
    width: 160px;
    height: 34px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    font-size: 18px;
    color: white; }
    ._3OyopYPijI0kojyV1QNFoj div.actions > button:hover {
      -webkit-filter: brightness(1.1);
              filter: brightness(1.1); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.AJ5J8v4bmrsICO20LSq1b .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .AJ5J8v4bmrsICO20LSq1b .report-search-bar select.report,
  .AJ5J8v4bmrsICO20LSq1b .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  .AJ5J8v4bmrsICO20LSq1b .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    .AJ5J8v4bmrsICO20LSq1b .report-search-bar span.query:hover {
      opacity: 0.8; }
    .AJ5J8v4bmrsICO20LSq1b .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .AJ5J8v4bmrsICO20LSq1b .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    .AJ5J8v4bmrsICO20LSq1b .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.AJ5J8v4bmrsICO20LSq1b > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  .AJ5J8v4bmrsICO20LSq1b > .level-info > span.desc {
    color: #c8ccd6; }
  .AJ5J8v4bmrsICO20LSq1b > .level-info > div.level {
    color: #c8ccd6; }
    .AJ5J8v4bmrsICO20LSq1b > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      .AJ5J8v4bmrsICO20LSq1b > .level-info > div.level > span::after {
        content: ' > '; }
      .AJ5J8v4bmrsICO20LSq1b > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

.AJ5J8v4bmrsICO20LSq1b > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

.AJ5J8v4bmrsICO20LSq1b > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

.AJ5J8v4bmrsICO20LSq1b > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

.AJ5J8v4bmrsICO20LSq1b .report-search-bar {
  white-space: nowrap; }
  .AJ5J8v4bmrsICO20LSq1b .report-search-bar select.report,
  .AJ5J8v4bmrsICO20LSq1b .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  .AJ5J8v4bmrsICO20LSq1b .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

.AJ5J8v4bmrsICO20LSq1b > .level-info > div.level {
  color: #666; }
  .AJ5J8v4bmrsICO20LSq1b > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  .AJ5J8v4bmrsICO20LSq1b > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

.AJ5J8v4bmrsICO20LSq1b > .level-info > span.desc,
.AJ5J8v4bmrsICO20LSq1b > .ext-info h6 {
  color: #f00; }

.AJ5J8v4bmrsICO20LSq1b > .line {
  background: #ccc;
  margin-top: 0; }

.AJ5J8v4bmrsICO20LSq1b > .btns {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 26px;
  border-bottom: 1px solid #d2d2d2; }
  .AJ5J8v4bmrsICO20LSq1b > .btns > div {
    width: 252px;
    height: 80px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .AJ5J8v4bmrsICO20LSq1b > .btns > div.recharge-now {
      background-image: url(/webx/thai/desktop/images/fe9d5e.png); }
    .AJ5J8v4bmrsICO20LSq1b > .btns > div.drawing {
      background-image: url(/webx/thai/desktop/images/7b3ffe.png); }
    .AJ5J8v4bmrsICO20LSq1b > .btns > div.transfer {
      background-image: url(/webx/thai/desktop/images/91fde6.png); }
    .AJ5J8v4bmrsICO20LSq1b > .btns > div.transfer-record {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPwAAABQCAYAAAA9dRjyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcwQjVBQ0U5NzFDRDExRUJCMDhFODEwNkUwRUU3QTRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcwQjVBQ0VBNzFDRDExRUJCMDhFODEwNkUwRUU3QTRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzBCNUFDRTc3MUNEMTFFQkIwOEU4MTA2RTBFRTdBNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzBCNUFDRTg3MUNEMTFFQkIwOEU4MTA2RTBFRTdBNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Bdz3LAAAME0lEQVR42uydW3MUxxXHT89epN3VDSQkIQtzv4VIyA4Xx0ARX2JXyokT/OKXVB6S1zzmJfkA8VM+QFJJ5SFVVCWVcvxAcHCqKAw2hTAFwQZEcAxGQjK6s7qt9jadPjOz2vt9Vzva/f+qxobRaKaH6X+fc7pPdwv9d9cOEFE3NTn6qStyRo7cPy6fjPdQYNVNawhKQmQ5z39PPZV4QhTyOyL7M4TIfG+R7zmigPvlv0ZkukYUcs8inlmTn+d7l2r/vNR/q+TrRer1mepMxmvyPLeY+ph6nddF1NacWxcZNZb2CxnKku0S9R+HI0QtrknhdQ3Lkdl/UDDyRP1gykkku6nXe1jevfZr+eno1syiBQCUhMdVm+dGo27yR7dJ/+o22tZ6glbC79HE4m2Nmpz9htgfsdgBABVDU5bT5ah9ORaDW8nr/A15nNs0w42H2AGoPG6HfcqyGOoV+zt/osmRe8fxZQCoc8Er5ErkuKasex++DABVwKHZqzyL4T6NwhEHvgwAVcBpM8Hrut2aIADqCGG/4S4IHoCqqQuCBwBA8ADUIbqE4AFoGCQED0DjENEheAAahigED0DjEIpC8ABA8BA8APUH99KH7SV6p71K4yAxsIfE4G4SO3qJ2lt4In/+3ysqvyHl4mCYyL9EcnyW5J2HJO89tmVnC9igBML2mCJrN8GLwT2kvX2KaEvH+j64yUXUvYkEHy/sIZrxk35+mOQXj1BZQfmsRohapW3SbGvv0mtCCf0kab/40fqLPRNd7aT97A3S3jpuy9RIsAHderbysPCW3n94gsRrR+MnlgKkX7pJdPcRyen5ZPe6GmvacRjRrRqaQztJOzlA5Gs2f/S9IaM11M9fR6UF5bEUIvK6bbF0XE0FL4b2kXg9LnZ5+0vSz/5buUGhHAtlVphIlOTELNHEHEWvfE7au6+QGNi1JnoxNg33HpRv5Vn0re4GdumVZdXeOZ0s9j+fM8VeK4Jh0v/ykRL4w/g/0I9fNsoKQFksq3od1htX8GzdqaM17saf/Uip3gYfRpVB/+slo0wGbT4Sg7tQYUH5PFtVlatRBT+4O+7xXL5VW8ueydJf+SJe1kM7UFlB+XCqrX+1poatdoJ/vjf+lzsP7fdxeDw+Vtb+LlRWUCFjEuFloxswhm/3xb3oyTnbfRc544//pdWLigoqxwonewVrYumd1L2ZhNtpZrTxuDPHGLpOMhQy3ezl1erM+knMoItkTz/U3nqZxKsv5s64K6YjP6Le7dJ/SP9wOM91CWVCpx2oNDw2z733HU3rmpSjCR53djnjSSbWbhnC5yHR2a5c7x6ins1E7tpsmZNX7EU3cerdTg2gwgF7uPezgXVN5S7IpRfeZhLPbSFSDcB6pwjKizd5n6zK3VB5KzKhQw6AmsLe8+yKOU5fTRef762eUVTijWjzkWx2E3HMHV2fWUD6P68S8WEUoMKZdgDYBR6nZzff5zY3oBQVFHpAeRIr6v7REjLtBLv2fV0kv5nBrDIAKmrdpNmDz+Jn0XucpfcfcZIPT9zhY20xTVFiai0XguN6Tkm14UJ9AGx44XNPPh/cp8Z71PEUW97JhveOcSR4rFL9ISqNjnbDAPMR0rOumFtyLj1berm5TcUffnwgAKop/pilTgphs4SoInfYWtY4PMf0Jffes2cQO+zKRigjAEVQfuLNptbSW67YYefW1e5lBKCYaLzcG/CQneRx8mJ77WVhHX7aD14icfqFLDtxFtGVqconL98m/cKNIgSPTkkAC5+OtWhENaynODVkZQBKKwsw8ZCFH0Ij8d1vw6UHEHzZeJqK/x1OOIgduTT38S2isDW0wBa31CMSIflpkQk3wQhcegCXPs0Ku5zFJwkVKCL9wjDRBSvvvYKJN9qbR0m8uJfkw29I/9ulzM/+wznSfvo6Js8ACD4JRwmOwnrFx5wZ6GlOE7zYt039rInEwR1mxyO3P8FQ0rx8+XSOon/8kBw/fxM1BTSg4Llzbm3gX/1f00z9sOU1eutFPOaNueAxtz11Rtw6CV4c2U/aa0eyhxX8Wr88Ez+nBC+/fkpy+D7JsSljzXr97EXUFNAAgmchu6yps5xdl23iTKJ7bsy6U4eREeiIu9bcCLDo+QhF1m+jPX4uP6vQDn23U1n/fhJ7+0m/eIvkdSX8yXnUFFDHgmdxu5wJIhflu+d8H553z4k6HhkXY7V7wKXlaVivoP/pPMlgmBzvvkrUaeYQRH9/jsSWDtJeGVKeSku87To9SNGvJohmF1BTQF2QHHw7lSB9HiKvNUe+0Kmw3ItelJ8t4kLnR7iquFo2ex+cI2Ad8tkSkTpkOBIPN+YWSP53jKJ//9g6J82DR/P2PYdaAurMwnNc3txkdb6VMC8vWPwClDIxDOBGhgW5smoKrcIWXmYaEeBVfVKfpSy55BV+EocZW32oJaCOBN/kNvdXK0dTKyUsyqendOJxPwGLizd3XI3fT5w8TOLYAbODMFNjpMQsb4yQ/CTLGLtMCTlkQhiSKRThd0mcHxAMoZaAOnLpyxQ7BYKlLYaRLfGGG6AW79pQn/jO/mSBph5KweLwnjwufYZnRRNc/RgcWnA4k3j9+CxqCajTGL4U676wXNovrokqg7ttWHuvIUD52QhRKGoJVE8/VCwubz7I6dJnFLyefk4M7DRdgNj5ab+RmANAfcXwpbK4osQYLl3wORFGbC9v3Cd51XLXC820SxN83IqLvk5zaJBDBKsMxl7023pIHNpuDTFK491422hMoAEQPMOW1b9U+pMLFRK72Dy2X+rONDLZixBvHE1rdMT3jySXaW6R9H99Zi7RLbAGHmh0l553XOWtnMsZQ18bKitA+DyC4C6xbdLN8q49jxupZ4uqwQonnzOSgqwlgtp8pJ05ReJbO1BDQINb+JCy7NNzljUsw/qtCb3Ae3g95rBdsWP+Kb3x+vufGGLX3j5J1Gkm2RiTZ3gpbhXDi4PPm2VyCBJH95lOwshj1BTQgBZexbVycrYycS0Pd8XEWOjkG553rxXplOgy2cKvufoJFp1ZCZpptHdH4+fVIQZ31mwTDgBqI3hlWeXTWZLzC5VLhY1tYcVHSxHTT1s8xTkWab30VvkTe/0TL38wmny9iuHFlnbUFFAnLj0nmhgTZDRrZRndFAn3vgfDJJcDVVkAQs4vkvCYK+WIrZ2FdwByGTmmDwSLE7zI0oeQymo4JSlIlJ2YBIBtBC9nUmeCiQwWtAo91RMzRL2bjXuL7T0kvxovPD5nAXKDVEgabsqwXFJsn6HDUHT4kjfY4FdfRbYdaMQYvpIWngW/ZG2k53CSGNhd3A08Ba6jly2G58YiMYY3mj8HiYPb0xN7pjFbDtSLS18rePLK3a9JDO01DemWDiL1Z3nnUc7to+Ml18xQJJ9XEFuII2awd26NdxRaDYDY3ae8hiYVWiiPw9uU1DAYmXbhMGoKgODLtvLc4//QS0ammyH6dhInBkg+niQ5+8zs2MvltfPyVfkEL5OtuCHuNStvJd7wclcxEhobOTpN8v4YagmA4Csm+v+Nmz3h/d3mCYdyq3f1GQfl7UoQ1vCe1SqoWFu/fi855uZOuPmF9Jtwb39sONCYDyCMxkVGVAOyEFCN0RzRYgCZdgCCr6ziJckHYyTnFk13OxabF7q9M6+tp1sCd6vG4sgBkre/VGJdNW8/rqz0+Ez6IpbHDhK1ec394q+NELaUBhD8ejLzTIneT9TVQaKz3bTATU5T0NnVbrnhCX6/00liaL+KvSeIJqazhgTy/iiJrnaS/mXUAgDB1wR2zaeU8NWR0dpmGy7kBTOCkZTTeay0cuMlz/YDoIHQ6uItXE58SQAaRvC8YAbCbgAaRPDCEj0AoAEEb1h5DV8TgIYRvAbBAwALDwCoRwuPXjsAGkfw6KYHoIEEj5x3ABpJ8PiYAOQXvNMRrYs3kfiYAOTEKUKa6O6aqA/BQ/EA5KRFTGrUs2m4Pt4GggcgJ82BYU3eGPlA9HY+3fAvo0PwAGSlTXuqX776gUaLy2MU1X8rers29japUWz6CEA2scvxz99jrTtV7DslH4zeJp/nV+LYoXdocv4lOevvpnBoYy3Gjl1eAYjjpDD5xBQ1B6/pl668T8uBJ+rs1P8FGADOgBYLadTHTAAAAABJRU5ErkJggg==); }
    .AJ5J8v4bmrsICO20LSq1b > .btns > div > span {
      margin-left: 82px;
      font-size: 20px;
      font-weight: bold;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), to(rgba(255, 255, 255, 0.3)));
      background: -webkit-linear-gradient(top, #fff 30%, rgba(255, 255, 255, 0.3) 100%);
      background: linear-gradient(top, #fff 30%, rgba(255, 255, 255, 0.3) 100%);
      -webkit-background-clip: text;
      color: transparent; }

.AJ5J8v4bmrsICO20LSq1b > .platforms {
  overflow: auto;
  padding-bottom: 30px; }
  .AJ5J8v4bmrsICO20LSq1b > .platforms > .platform-item {
    width: 252px;
    height: 80px;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 22px; }
    .AJ5J8v4bmrsICO20LSq1b > .platforms > .platform-item:nth-child(4n) {
      margin-right: 0; }
    .AJ5J8v4bmrsICO20LSq1b > .platforms > .platform-item > span.name {
      display: block;
      width: 78px;
      height: 63px;
      border-radius: 50%;
      background-color: #b38236;
      font-size: 12px;
      position: absolute;
      top: -30px;
      left: -35px;
      color: #fff;
      text-indent: 38px;
      line-height: 86px;
      font-weight: 600; }
    .AJ5J8v4bmrsICO20LSq1b > .platforms > .platform-item > .infos > div {
      text-align: right;
      padding: 12px;
      line-height: 16px;
      font-size: 14px; }

.AJ5J8v4bmrsICO20LSq1b > .actions {
  overflow: auto; }
  .AJ5J8v4bmrsICO20LSq1b > .actions > .item {
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    width: 342px;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 6px;
    float: left;
    margin-right: 25px; }
    .AJ5J8v4bmrsICO20LSq1b > .actions > .item:nth-child(3n) {
      margin-right: 0; }
    .AJ5J8v4bmrsICO20LSq1b > .actions > .item > div.icon {
      position: relative;
      width: 48px;
      height: 48px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 50%;
      margin: 0 20px;
      background-color: rgba(179, 130, 54, 0.2); }
      .AJ5J8v4bmrsICO20LSq1b > .actions > .item > div.icon > svg {
        font-size: 24px;
        color: #b38236; }
      .AJ5J8v4bmrsICO20LSq1b > .actions > .item > div.icon > .tip {
        position: absolute;
        top: -6px;
        right: -6px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background-color: #f00;
        color: #fff; }
    .AJ5J8v4bmrsICO20LSq1b > .actions > .item > div.desc {
      line-height: 22px; }
      .AJ5J8v4bmrsICO20LSq1b > .actions > .item > div.desc > .title {
        font-size: 16px;
        font-weight: bold; }
      .AJ5J8v4bmrsICO20LSq1b > .actions > .item > div.desc > .comment {
        color: #999; }
        .AJ5J8v4bmrsICO20LSq1b > .actions > .item > div.desc > .comment > span {
          color: #fc6180;
          margin-right: 6px; }
    .AJ5J8v4bmrsICO20LSq1b > .actions > .item > span {
      margin-left: auto;
      margin-right: 8px;
      color: #b38236;
      text-decoration: underline;
      cursor: pointer; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1dEWZEotE32r8-7XeXhuxu > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._1dEWZEotE32r8-7XeXhuxu > .form-action > .item:first-child {
    margin-top: 0; }
  ._1dEWZEotE32r8-7XeXhuxu > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._1dEWZEotE32r8-7XeXhuxu > .form-action > .item div.values {
    width: 300px; }
    ._1dEWZEotE32r8-7XeXhuxu > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._1dEWZEotE32r8-7XeXhuxu > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._1dEWZEotE32r8-7XeXhuxu > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._1dEWZEotE32r8-7XeXhuxu > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._1dEWZEotE32r8-7XeXhuxu > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._1dEWZEotE32r8-7XeXhuxu > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._1dEWZEotE32r8-7XeXhuxu > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._1dEWZEotE32r8-7XeXhuxu > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._1dEWZEotE32r8-7XeXhuxu > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._1dEWZEotE32r8-7XeXhuxu > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._1dEWZEotE32r8-7XeXhuxu > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._1dEWZEotE32r8-7XeXhuxu > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._1dEWZEotE32r8-7XeXhuxu > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._1dEWZEotE32r8-7XeXhuxu > .form-action > .item > span.text {
    white-space: nowrap; }
  ._1dEWZEotE32r8-7XeXhuxu > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._1dEWZEotE32r8-7XeXhuxu > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._1dEWZEotE32r8-7XeXhuxu > .item {
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 35px;
  margin-top: 20px;
  position: relative; }
  ._1dEWZEotE32r8-7XeXhuxu > .item > div {
    display: inline-block;
    font-weight: 700; }
  ._1dEWZEotE32r8-7XeXhuxu > .item > .l {
    width: 13%;
    font-size: 16px;
    color: #636363;
    text-align: right; }
  ._1dEWZEotE32r8-7XeXhuxu > .item > .r {
    display: inline-block;
    width: 85%;
    font-size: 12px;
    color: #c4c3c5;
    background: #faf9f9;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    ._1dEWZEotE32r8-7XeXhuxu > .item > .r.btn {
      background: none;
      padding: 0; }
    ._1dEWZEotE32r8-7XeXhuxu > .item > .r > div {
      cursor: pointer; }
    ._1dEWZEotE32r8-7XeXhuxu > .item > .r > div > span {
      display: inline-block;
      height: 26px;
      padding: 0 10px;
      background-color: #f6c74d;
      margin-right: 5px;
      color: white;
      border-radius: 5px;
      line-height: 26px;
      margin-top: 5px; }
  ._1dEWZEotE32r8-7XeXhuxu > .item span.add-rules {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    float: right; }
    ._1dEWZEotE32r8-7XeXhuxu > .item span.add-rules:hover {
      opacity: 0.8; }
    ._1dEWZEotE32r8-7XeXhuxu > .item span.add-rules:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._1dEWZEotE32r8-7XeXhuxu > .item span.add-rules:hover::before {
        width: 45px;
        left: 205px; }
    ._1dEWZEotE32r8-7XeXhuxu > .item span.add-rules::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: auto;
  margin-top: 15px;
  padding: 10px;
  height: 185px;
  white-space: nowrap;
  background-color: #f8faf7; }
  ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb; }
  ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box::-webkit-scrollbar-track {
    background-color: #f6f8fb; }
  ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #f6c74d;
    border-radius: 10px; }
  ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .item {
    position: relative;
    color: #333;
    font-size: 13px;
    line-height: 32px;
    margin-top: 6px;
    padding: 0 10px 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .item > label {
      padding-left: 15px;
      text-decoration: underline;
      color: #ff69a4;
      cursor: pointer; }
    ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .item > span {
      color: #ff69a4; }
    ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .item input {
      margin: 0 2px;
      width: 70px;
      height: 26px;
      line-height: 24px;
      color: #9063f5;
      border-radius: 3px;
      border: 1px solid #e8e8e8;
      background-color: #fff;
      text-align: center; }
  ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    height: 100%;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > .title {
      font-size: 16px;
      color: #5d5879; }
    ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > .tips {
      color: #ff3366;
      font-size: 12px;
      margin-top: 10px;
      display: inline-block; }
    ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > a.ok {
      min-width: 100px;
      height: 36px;
      line-height: 36px;
      color: #fff;
      margin-left: 20px;
      font-size: 14px;
      border-radius: 5px;
      border: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: 0.5s all;
      transition: 0.5s all;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100);
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
      overflow: hidden;
      position: relative;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300);
      float: right; }
      ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > a.ok:hover {
        opacity: 0.8; }
      ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > a.ok:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > a.ok:hover::before {
          width: 45px;
          left: 205px; }
      ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > a.ok::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
    ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > .ctl {
      margin-top: 10px; }
      ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > .ctl > span {
        display: inline-block;
        width: 60px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        text-align: center;
        background-color: #f6c74d;
        color: white;
        border-radius: 12px;
        cursor: pointer;
        margin-right: 10px; }
      ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > .ctl input {
        height: 24px;
        line-height: 23px;
        border-radius: 5px;
        border: 1px solid #ccc;
        padding: 0 10px; }
    ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > .user-list {
      margin: 10px 0px 5px 0;
      padding: 10px;
      background: #faf9f9;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > .user-list span {
        padding: 2px;
        margin: 5px;
        border-radius: 30px;
        border: #ddd solid 1px;
        line-height: 30px;
        margin-top: 5px;
        font-weight: 600;
        width: 122px;
        text-align: center;
        cursor: pointer; }
        ._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .show-more > .user-list span.selected {
          background-size: 13px;
          background-color: #eed12d;
          color: white; }

._1dEWZEotE32r8-7XeXhuxu .report-data-set > .data-item > div .red {
  color: #eed12d; }

._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .item {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

._1dEWZEotE32r8-7XeXhuxu > .contract-rules-box > .item > span {
  color: #ff5200; }

._1dEWZEotE32r8-7XeXhuxu > .tips > span {
  color: #ff4900; }

._1dEWZEotE32r8-7XeXhuxu > .item > .l {
  width: auto;
  text-align: left; }

._1dEWZEotE32r8-7XeXhuxu > .item > .r {
  width: 55%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

._1dEWZEotE32r8-7XeXhuxu > .item > .currency {
  margin-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._1dEWZEotE32r8-7XeXhuxu > .item > .currency > .report {
    width: 100px;
    height: 28px;
    border: 1px solid #ff6100;
    border-radius: 3px;
    color: #ff6100;
    margin-left: 10px;
    outline: none;
    line-height: 28px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    background: #fff; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2SfhQyChp9cJQRIXBpPWGu .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar select.report,
  ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2SfhQyChp9cJQRIXBpPWGu > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._2SfhQyChp9cJQRIXBpPWGu > .level-info > span.desc {
    color: #c8ccd6; }
  ._2SfhQyChp9cJQRIXBpPWGu > .level-info > div.level {
    color: #c8ccd6; }
    ._2SfhQyChp9cJQRIXBpPWGu > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._2SfhQyChp9cJQRIXBpPWGu > .level-info > div.level > span::after {
        content: ' > '; }
      ._2SfhQyChp9cJQRIXBpPWGu > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._2SfhQyChp9cJQRIXBpPWGu > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._2SfhQyChp9cJQRIXBpPWGu > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._2SfhQyChp9cJQRIXBpPWGu > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._2SfhQyChp9cJQRIXBpPWGu .report-search-bar {
  white-space: nowrap; }
  ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar select.report,
  ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._2SfhQyChp9cJQRIXBpPWGu .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._2SfhQyChp9cJQRIXBpPWGu > .level-info > div.level {
  color: #666; }
  ._2SfhQyChp9cJQRIXBpPWGu > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._2SfhQyChp9cJQRIXBpPWGu > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._2SfhQyChp9cJQRIXBpPWGu > .level-info > span.desc,
._2SfhQyChp9cJQRIXBpPWGu > .ext-info h6 {
  color: #f00; }

._2SfhQyChp9cJQRIXBpPWGu > .line {
  background: #ccc;
  margin-top: 0; }

._2SfhQyChp9cJQRIXBpPWGu > .report-search-bar span.create {
  min-width: 100px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  margin-left: 20px;
  font-size: 14px;
  border-radius: 5px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100);
  -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
          box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
  overflow: hidden;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
  background: -webkit-linear-gradient(top, #ffa200, #ff5300);
  background: linear-gradient(top, #ffa200, #ff5300);
  margin-left: auto; }
  ._2SfhQyChp9cJQRIXBpPWGu > .report-search-bar span.create:hover {
    opacity: 0.8; }
  ._2SfhQyChp9cJQRIXBpPWGu > .report-search-bar span.create:hover {
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
    opacity: 1 !important; }
    ._2SfhQyChp9cJQRIXBpPWGu > .report-search-bar span.create:hover::before {
      width: 45px;
      left: 205px; }
  ._2SfhQyChp9cJQRIXBpPWGu > .report-search-bar span.create::before {
    content: ' ';
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: 0.3;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }

._2SfhQyChp9cJQRIXBpPWGu > .my-level {
  margin: 20px 0; }
  ._2SfhQyChp9cJQRIXBpPWGu > .my-level span {
    color: red;
    font-weight: 600; }

._2SfhQyChp9cJQRIXBpPWGu > .child-level {
  margin: 15px 0;
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 36px; }
  ._2SfhQyChp9cJQRIXBpPWGu > .child-level > .btns {
    color: red; }
  ._2SfhQyChp9cJQRIXBpPWGu > .child-level button {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    float: right;
    border-radius: 30px;
    margin-left: 10px;
    min-width: 85px;
    background: #f6c74d; }
    ._2SfhQyChp9cJQRIXBpPWGu > .child-level button:hover {
      opacity: 0.8; }
    ._2SfhQyChp9cJQRIXBpPWGu > .child-level button:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2SfhQyChp9cJQRIXBpPWGu > .child-level button:hover::before {
        width: 45px;
        left: 205px; }
    ._2SfhQyChp9cJQRIXBpPWGu > .child-level button::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
    ._2SfhQyChp9cJQRIXBpPWGu > .child-level button.send {
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1MDYmIUbywk69bV3lDrE05 .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._1MDYmIUbywk69bV3lDrE05 .report-search-bar select.report,
  ._1MDYmIUbywk69bV3lDrE05 .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._1MDYmIUbywk69bV3lDrE05 .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._1MDYmIUbywk69bV3lDrE05 .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._1MDYmIUbywk69bV3lDrE05 .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._1MDYmIUbywk69bV3lDrE05 .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._1MDYmIUbywk69bV3lDrE05 .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._1MDYmIUbywk69bV3lDrE05 > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._1MDYmIUbywk69bV3lDrE05 > .level-info > span.desc {
    color: #c8ccd6; }
  ._1MDYmIUbywk69bV3lDrE05 > .level-info > div.level {
    color: #c8ccd6; }
    ._1MDYmIUbywk69bV3lDrE05 > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._1MDYmIUbywk69bV3lDrE05 > .level-info > div.level > span::after {
        content: ' > '; }
      ._1MDYmIUbywk69bV3lDrE05 > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._1MDYmIUbywk69bV3lDrE05 > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._1MDYmIUbywk69bV3lDrE05 > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._1MDYmIUbywk69bV3lDrE05 > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._1MDYmIUbywk69bV3lDrE05 .report-search-bar {
  white-space: nowrap; }
  ._1MDYmIUbywk69bV3lDrE05 .report-search-bar select.report,
  ._1MDYmIUbywk69bV3lDrE05 .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._1MDYmIUbywk69bV3lDrE05 .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._1MDYmIUbywk69bV3lDrE05 > .level-info > div.level {
  color: #666; }
  ._1MDYmIUbywk69bV3lDrE05 > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._1MDYmIUbywk69bV3lDrE05 > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._1MDYmIUbywk69bV3lDrE05 > .level-info > span.desc,
._1MDYmIUbywk69bV3lDrE05 > .ext-info h6 {
  color: #f00; }

._1MDYmIUbywk69bV3lDrE05 > .line {
  background: #ccc;
  margin-top: 0; }

._1MDYmIUbywk69bV3lDrE05 > .child-level {
  margin: 15px 0;
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 36px; }
  ._1MDYmIUbywk69bV3lDrE05 > .child-level > .btns {
    color: red; }
  ._1MDYmIUbywk69bV3lDrE05 > .child-level button {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    float: right;
    border-radius: 30px;
    margin-left: 10px;
    min-width: 85px;
    background: #f6c74d; }
    ._1MDYmIUbywk69bV3lDrE05 > .child-level button:hover {
      opacity: 0.8; }
    ._1MDYmIUbywk69bV3lDrE05 > .child-level button:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._1MDYmIUbywk69bV3lDrE05 > .child-level button:hover::before {
        width: 45px;
        left: 205px; }
    ._1MDYmIUbywk69bV3lDrE05 > .child-level button::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
    ._1MDYmIUbywk69bV3lDrE05 > .child-level button.send {
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3); }

/** 
 * 该文件由CLI自动生成，创建于：Mon May 31 2021 19:06:34 GMT+0800 (GMT+08:00)
*/

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._14b0s1GA-nXCke6Gu2cy4z .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar select.report,
  ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._14b0s1GA-nXCke6Gu2cy4z > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._14b0s1GA-nXCke6Gu2cy4z > .level-info > span.desc {
    color: #c8ccd6; }
  ._14b0s1GA-nXCke6Gu2cy4z > .level-info > div.level {
    color: #c8ccd6; }
    ._14b0s1GA-nXCke6Gu2cy4z > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._14b0s1GA-nXCke6Gu2cy4z > .level-info > div.level > span::after {
        content: ' > '; }
      ._14b0s1GA-nXCke6Gu2cy4z > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._14b0s1GA-nXCke6Gu2cy4z > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._14b0s1GA-nXCke6Gu2cy4z > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._14b0s1GA-nXCke6Gu2cy4z > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._14b0s1GA-nXCke6Gu2cy4z .report-search-bar {
  white-space: nowrap; }
  ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar select.report,
  ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._14b0s1GA-nXCke6Gu2cy4z .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._14b0s1GA-nXCke6Gu2cy4z > .level-info > div.level {
  color: #666; }
  ._14b0s1GA-nXCke6Gu2cy4z > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._14b0s1GA-nXCke6Gu2cy4z > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._14b0s1GA-nXCke6Gu2cy4z > .level-info > span.desc,
._14b0s1GA-nXCke6Gu2cy4z > .ext-info h6 {
  color: #f00; }

._14b0s1GA-nXCke6Gu2cy4z > .line {
  background: #ccc;
  margin-top: 0; }

._14b0s1GA-nXCke6Gu2cy4z > .member > .title {
  font-size: 33px;
  font-weight: bold;
  color: #b38236;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-bottom: 1px solid #d2d2d2; }

._14b0s1GA-nXCke6Gu2cy4z > .member > .tips {
  font-size: 21px;
  color: #ff0000;
  margin: 15px 0; }

._14b0s1GA-nXCke6Gu2cy4z > .member > .contents {
  min-height: 130px;
  border-radius: 3px;
  border: solid 1px #b38236; }

._14b0s1GA-nXCke6Gu2cy4z > .member > span.register {
  min-width: 100px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  margin-left: 20px;
  font-size: 14px;
  border-radius: 5px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
  background: -webkit-linear-gradient(top, #ff8400, #ff6100);
  background: linear-gradient(180deg, #ff8400, #ff6100);
  -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
          box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
  overflow: hidden;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
  background: -webkit-linear-gradient(top, #ffa200, #ff5300);
  background: linear-gradient(top, #ffa200, #ff5300);
  margin: auto;
  margin-top: 20px;
  width: 150px; }
  ._14b0s1GA-nXCke6Gu2cy4z > .member > span.register:hover {
    opacity: 0.8; }
  ._14b0s1GA-nXCke6Gu2cy4z > .member > span.register:hover {
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
    opacity: 1 !important; }
    ._14b0s1GA-nXCke6Gu2cy4z > .member > span.register:hover::before {
      width: 45px;
      left: 205px; }
  ._14b0s1GA-nXCke6Gu2cy4z > .member > span.register::before {
    content: ' ';
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: 0.3;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }

._14b0s1GA-nXCke6Gu2cy4z > .member > img {
  width: 100%;
  height: 150px;
  margin-top: 20px; }

._14b0s1GA-nXCke6Gu2cy4z > .list > .actions {
  margin-top: 10px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #d2d2d2; }
  ._14b0s1GA-nXCke6Gu2cy4z > .list > .actions div.my-members {
    font-size: 14px; }
    ._14b0s1GA-nXCke6Gu2cy4z > .list > .actions div.my-members em {
      font-size: 22px;
      color: #f82403;
      margin-right: 5px;
      font-weight: bold; }
  ._14b0s1GA-nXCke6Gu2cy4z > .list > .actions div.btns > span.promo-link {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }
    ._14b0s1GA-nXCke6Gu2cy4z > .list > .actions div.btns > span.promo-link:hover {
      opacity: 0.8; }
    ._14b0s1GA-nXCke6Gu2cy4z > .list > .actions div.btns > span.promo-link:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._14b0s1GA-nXCke6Gu2cy4z > .list > .actions div.btns > span.promo-link:hover::before {
        width: 45px;
        left: 205px; }
    ._14b0s1GA-nXCke6Gu2cy4z > .list > .actions div.btns > span.promo-link::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._14b0s1GA-nXCke6Gu2cy4z > .member > span.register {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 10px;
  white-space: nowrap; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar select.report,
  ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info > span.desc {
    color: #c8ccd6; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info > div.level {
    color: #c8ccd6; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info > div.level > span::after {
        content: ' > '; }
      ._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._1jg0Jr0dWVyDZ0qg6RtGBu > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._1jg0Jr0dWVyDZ0qg6RtGBu > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._1jg0Jr0dWVyDZ0qg6RtGBu > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar {
  white-space: nowrap; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar select.report,
  ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info > div.level {
  color: #666; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._1jg0Jr0dWVyDZ0qg6RtGBu > .level-info > span.desc,
._1jg0Jr0dWVyDZ0qg6RtGBu > .ext-info h6 {
  color: #f00; }

._1jg0Jr0dWVyDZ0qg6RtGBu > .line {
  background: #ccc;
  margin-top: 0; }

._1jg0Jr0dWVyDZ0qg6RtGBu > .btns {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 26px;
  border-bottom: 1px solid #d2d2d2; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu > .btns > div {
    width: 252px;
    height: 80px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu > .btns > div > span {
      margin-left: 82px;
      font-size: 20px;
      font-weight: bold;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), to(rgba(255, 255, 255, 0.3)));
      background: -webkit-linear-gradient(top, #fff 30%, rgba(255, 255, 255, 0.3) 100%);
      background: linear-gradient(top, #fff 30%, rgba(255, 255, 255, 0.3) 100%);
      -webkit-background-clip: text;
      color: transparent; }

._1jg0Jr0dWVyDZ0qg6RtGBu > .platforms {
  overflow: auto;
  padding-bottom: 30px; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu > .platforms > .platform-item {
    width: 252px;
    height: 80px;
    float: left;
    background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 22px;
    border: 1px solid #898c95; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu > .platforms > .platform-item:nth-child(4n) {
      margin-right: 0; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu > .platforms > .platform-item > .infos > div {
      text-align: left;
      padding: 12px;
      line-height: 16px;
      font-size: 14px; }

._1jg0Jr0dWVyDZ0qg6RtGBu > .actions {
  overflow: auto; }
  ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item {
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    width: 342px;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 6px;
    float: left;
    margin-right: 25px; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item:nth-child(3n) {
      margin-right: 0; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item > div.icon {
      position: relative;
      width: 48px;
      height: 48px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 50%;
      margin: 0 20px;
      background-color: rgba(179, 130, 54, 0.2); }
      ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item > div.icon > svg {
        font-size: 24px;
        color: #b38236; }
      ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item > div.icon > .tip {
        position: absolute;
        top: -6px;
        right: -6px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background-color: #f00;
        color: #fff; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item > div.desc {
      line-height: 22px; }
      ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item > div.desc > .title {
        font-size: 16px;
        font-weight: bold; }
      ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item > div.desc > .comment {
        color: #999; }
        ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item > div.desc > .comment > span {
          color: #fc6180;
          margin-right: 6px; }
    ._1jg0Jr0dWVyDZ0qg6RtGBu > .actions > .item > span {
      margin-left: auto;
      margin-right: 8px;
      color: #b38236;
      text-decoration: underline;
      cursor: pointer; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3ZwGXF2_UiNf990nVyFPSJ {
  border-radius: 3px;
  width: 560px;
  height: 300px; }
  ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar {
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar select.report,
    ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar input.report {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none;
      margin: 0 5px; }
    ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar span.query {
      display: inline-block;
      line-height: 30px;
      height: 30px;
      padding: 0 20px;
      cursor: pointer;
      color: white;
      margin-left: 10px;
      border-radius: 4px;
      background: #f6c74d;
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
      overflow: hidden;
      position: relative;
      background: #b38236; }
      ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar span.query:hover {
        opacity: 0.8; }
      ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar span.query:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar span.query:hover::before {
          width: 45px;
          left: 205px; }
      ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar span.query::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
  ._3ZwGXF2_UiNf990nVyFPSJ > .level-info {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px; }
    ._3ZwGXF2_UiNf990nVyFPSJ > .level-info > span.desc {
      color: #c8ccd6; }
    ._3ZwGXF2_UiNf990nVyFPSJ > .level-info > div.level {
      color: #c8ccd6; }
      ._3ZwGXF2_UiNf990nVyFPSJ > .level-info > div.level > span {
        color: #ff8669;
        cursor: pointer; }
        ._3ZwGXF2_UiNf990nVyFPSJ > .level-info > div.level > span::after {
          content: ' > '; }
        ._3ZwGXF2_UiNf990nVyFPSJ > .level-info > div.level > span:nth-last-of-type(1)::after {
          content: ''; }
  ._3ZwGXF2_UiNf990nVyFPSJ > .ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px; }
  ._3ZwGXF2_UiNf990nVyFPSJ > .ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px; }
  ._3ZwGXF2_UiNf990nVyFPSJ > .line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0; }
  ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar {
    white-space: nowrap; }
    ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar select.report,
    ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar input.report {
      border: 1px solid #999;
      background: #fff; }
    ._3ZwGXF2_UiNf990nVyFPSJ .report-search-bar span.query {
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300); }
  ._3ZwGXF2_UiNf990nVyFPSJ > .level-info > div.level {
    color: #666; }
    ._3ZwGXF2_UiNf990nVyFPSJ > .level-info > div.level > svg {
      font-size: 18px;
      color: #b38236; }
    ._3ZwGXF2_UiNf990nVyFPSJ > .level-info > div.level > span {
      color: #b38236;
      font-weight: bold; }
  ._3ZwGXF2_UiNf990nVyFPSJ > .level-info > span.desc,
  ._3ZwGXF2_UiNf990nVyFPSJ > .ext-info h6 {
    color: #f00; }
  ._3ZwGXF2_UiNf990nVyFPSJ > .line {
    background: #ccc;
    margin-top: 0; }
  ._3ZwGXF2_UiNf990nVyFPSJ > .header {
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    color: #fff;
    padding: 0 15px; }
    ._3ZwGXF2_UiNf990nVyFPSJ > .header > svg {
      cursor: pointer; }
  ._3ZwGXF2_UiNf990nVyFPSJ > .line {
    background: #333441;
    height: 1px; }
  ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body {
    color: #979797;
    padding: 15px;
    text-align: center; }
    ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .summary > span {
      color: #ff0000; }
      ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .summary > span svg {
        color: white;
        cursor: pointer; }
    ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form {
      position: relative;
      margin-top: 15px;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form > .l > .item {
        margin-bottom: 10px;
        text-align: left;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form > .l > .item > span.value {
          width: 375px;
          padding-left: 10px;
          height: 34px;
          line-height: 34px;
          border: 1px solid #898c95;
          border-radius: 5px;
          outline: none; }
          ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form > .l > .item > span.value > em {
            color: #ff0000; }
          ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form > .l > .item > span.value > input, ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form > .l > .item > span.value > select {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            width: 100%;
            height: 30px;
            line-height: 30px;
            border: none;
            border-radius: 5px;
            color: #ff0000;
            outline: none; }
          ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form > .l > .item > span.value > select {
            margin-left: -5px;
            background: #fff; }
      ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form > .r {
        width: 35px;
        height: 64px;
        padding-top: 14px;
        position: absolute;
        top: 8px;
        right: -10px;
        border: 1px solid #ff5200;
        border-left: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form > .r > i {
          display: inline-block;
          width: 36px;
          height: 36px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABHNCSVQICAgIfAhkiAAAAzFJREFUWIXN2EtoXHUUx/HPndxMXk2ipkRt1IqPRSVtTRfVFKloV6mCoFSwPinU2rpzIwjd6EKzqIKLVhcWRNtgRepCKASsiFhbW2orxSKCETEVoRWTTJNM0szfxSTN62ZmQhImPzgwzLnnnu89Zzj/eyYyrnBE2rBX8AxascLSKoML6FLtg+hpIxBB+FiL4CuR+5cYIlnBOZHHoxf1RuGItKtOUSaYSajzMh6IDdhVtspM13p1Xo7lbM83bhko2B4LNgjlJhlX0BbLSZebY4qqYrlyM0xXSo6Srf4e2vex+onSY+ZpUXi/xF9Q491sO0FNMwLdz/ProcIxcS0VabL/lZQCUsYoalEtW4+Ow0DEloM0b5o7Jm7khd/YcYkb1xXPMW6ltWzze6xcO/1RKtJ0HCauT46pu4O6VcQ13NRacsuKV+jWh1i3M7m+Datpfys5bqhv8rrh/kWs0OZOCk3Otj003DU7bibQolTolnZaNs0NA6nKfAVnxg5OARrsK7lCsbECyRruLAwzoab7JN4n20dVI0P9yf4EFW7ZL1/y00EGLpG7Njt6ZICe4xzfmxzfe5qBXvr/nscc2juPk6yqgdomsv0M9yVDTlUUkYoZGy05ReGWzdRgP9mh0hLEVVTfQEUlg/8yOrgEQKva2HOCb97m6zdn+1uf4pE3aF5DZc103+gQfX9x+iO+7ZwzRWmTesKa1xJXc9vGZP+TH9KyYTYM+e9W3kvHO9TfvsBJPWFVDfmbVzcm+/+5OOeTX1c2w8DlBUzqqZZunARK8n+3vzjQ9wcYHipQofkAVRcBOvMZf56ZGyZzme7ORThcJyy9YhIoyT+W4/Auro0kA33xGgNXFni4TrWe04RAz8m5r/njLEdfnw3z4yF++KRojijsnOcrfsPNZK4UH4rP7ufh3fnPv5/k3S2MFJ9FUdixRDtHqoJHX6Wuie59+fOsBEXhpWWzBIFlt3XExoyIlsluFmRiwVnBg+VmGdeFWE4XywaoKwodqtQ7hfVlRQl+lrExFR2TFTwmOCdQFss5j63RMdnr60TYJi1nN54TrBGpW8qCCK6KXMSnUg5En+f/0vsfyzArI39UGAMAAAAASUVORK5CYII=);
          cursor: pointer;
          margin-left: 18px; }
          ._3ZwGXF2_UiNf990nVyFPSJ > .trans-body > .trans-form > .r > i:hover {
            -webkit-filter: brightness(1.3);
                    filter: brightness(1.3); }
  ._3ZwGXF2_UiNf990nVyFPSJ > button.submit {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: auto; }
    ._3ZwGXF2_UiNf990nVyFPSJ > button.submit:hover {
      opacity: 0.8; }
    ._3ZwGXF2_UiNf990nVyFPSJ > button.submit:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._3ZwGXF2_UiNf990nVyFPSJ > button.submit:hover::before {
        width: 45px;
        left: 205px; }
    ._3ZwGXF2_UiNf990nVyFPSJ > button.submit::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
    ._3ZwGXF2_UiNf990nVyFPSJ > button.submit.disabled {
      background: #888;
      cursor: not-allowed;
      -webkit-box-shadow: none;
              box-shadow: none; }
      ._3ZwGXF2_UiNf990nVyFPSJ > button.submit.disabled:hover {
        -webkit-filter: brightness(100%);
                filter: brightness(100%); }
        ._3ZwGXF2_UiNf990nVyFPSJ > button.submit.disabled:hover::before {
          display: none; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.zo47qYZWQZapdC_LqXCjW .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .zo47qYZWQZapdC_LqXCjW .report-search-bar select.report,
  .zo47qYZWQZapdC_LqXCjW .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  .zo47qYZWQZapdC_LqXCjW .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    .zo47qYZWQZapdC_LqXCjW .report-search-bar span.query:hover {
      opacity: 0.8; }
    .zo47qYZWQZapdC_LqXCjW .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .zo47qYZWQZapdC_LqXCjW .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    .zo47qYZWQZapdC_LqXCjW .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.zo47qYZWQZapdC_LqXCjW > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  .zo47qYZWQZapdC_LqXCjW > .level-info > span.desc {
    color: #c8ccd6; }
  .zo47qYZWQZapdC_LqXCjW > .level-info > div.level {
    color: #c8ccd6; }
    .zo47qYZWQZapdC_LqXCjW > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      .zo47qYZWQZapdC_LqXCjW > .level-info > div.level > span::after {
        content: ' > '; }
      .zo47qYZWQZapdC_LqXCjW > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

.zo47qYZWQZapdC_LqXCjW > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

.zo47qYZWQZapdC_LqXCjW > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

.zo47qYZWQZapdC_LqXCjW > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

.zo47qYZWQZapdC_LqXCjW .report-search-bar {
  white-space: nowrap; }
  .zo47qYZWQZapdC_LqXCjW .report-search-bar select.report,
  .zo47qYZWQZapdC_LqXCjW .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  .zo47qYZWQZapdC_LqXCjW .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

.zo47qYZWQZapdC_LqXCjW > .level-info > div.level {
  color: #666; }
  .zo47qYZWQZapdC_LqXCjW > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  .zo47qYZWQZapdC_LqXCjW > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

.zo47qYZWQZapdC_LqXCjW > .level-info > span.desc,
.zo47qYZWQZapdC_LqXCjW > .ext-info h6 {
  color: #f00; }

.zo47qYZWQZapdC_LqXCjW > .line {
  background: #ccc;
  margin-top: 0; }

.zo47qYZWQZapdC_LqXCjW > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  .zo47qYZWQZapdC_LqXCjW > .form-action > .item:first-child {
    margin-top: 0; }
  .zo47qYZWQZapdC_LqXCjW > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  .zo47qYZWQZapdC_LqXCjW > .form-action > .item div.values {
    width: 300px; }
    .zo47qYZWQZapdC_LqXCjW > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    .zo47qYZWQZapdC_LqXCjW > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .zo47qYZWQZapdC_LqXCjW > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

.zo47qYZWQZapdC_LqXCjW > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

.zo47qYZWQZapdC_LqXCjW > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

.zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    .zo47qYZWQZapdC_LqXCjW > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.zo47qYZWQZapdC_LqXCjW > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  .zo47qYZWQZapdC_LqXCjW > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    .zo47qYZWQZapdC_LqXCjW > .search-bar .action-btn:hover {
      opacity: 0.8; }
    .zo47qYZWQZapdC_LqXCjW > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .zo47qYZWQZapdC_LqXCjW > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    .zo47qYZWQZapdC_LqXCjW > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.zo47qYZWQZapdC_LqXCjW > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  .zo47qYZWQZapdC_LqXCjW > .form-action > .item > span.text {
    white-space: nowrap; }
  .zo47qYZWQZapdC_LqXCjW > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.zo47qYZWQZapdC_LqXCjW > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._10UBVSEj4yiJuWGv8ZemUo > div.del {
  margin: 15px 0; }
  ._10UBVSEj4yiJuWGv8ZemUo > div.del span {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236;
    margin-left: 0;
    margin-right: 10px;
    border: 1px solid #ff5200;
    color: #ff5200;
    background: none; }
    ._10UBVSEj4yiJuWGv8ZemUo > div.del span:hover {
      opacity: 0.8; }
    ._10UBVSEj4yiJuWGv8ZemUo > div.del span:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._10UBVSEj4yiJuWGv8ZemUo > div.del span:hover::before {
        width: 45px;
        left: 205px; }
    ._10UBVSEj4yiJuWGv8ZemUo > div.del span::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._10UBVSEj4yiJuWGv8ZemUo td.title {
  width: 500px;
  position: relative; }
  ._10UBVSEj4yiJuWGv8ZemUo td.title > span {
    height: 24px;
    line-height: 24px;
    float: right;
    right: 10px;
    top: 5px;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #efe8d6;
    color: #888;
    font-style: normal;
    position: absolute; }

._10UBVSEj4yiJuWGv8ZemUo .message-detail {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 30px;
  background-color: #fff; }
  ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-title {
    width: 100%;
    height: 65px;
    line-height: 80px;
    font-size: 24px;
    color: #ff5300;
    text-align: center;
    background: url(/webx/thai/desktop/images/60a6bf.png) center top no-repeat;
    background-size: 100%; }
  ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-cont {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 20px 30px;
    font-size: 13px;
    color: #333;
    height: 320px;
    overflow: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid #e2dfe6;
    border-right: 1px solid #e2dfe6;
    border-top: 1px dashed #e2dfe6;
    border-bottom: 1px dashed #e2dfe6;
    font-size: 14px; }
    ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-cont::-webkit-scrollbar {
      width: 4px;
      height: 6px;
      background-color: #f6f8fb; }
    ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-cont::-webkit-scrollbar-track {
      background-color: #f6f8fb; }
    ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-cont::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color: #f6c74d;
      border-radius: 10px; }
    ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-cont p {
      margin-top: 5px; }
  ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-time {
    text-align: right;
    font-size: 14px;
    color: #999;
    border-radius: 0 0 5px 5px;
    padding: 20px 0; }
  ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-close {
    margin-top: 20px;
    text-align: center; }
    ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-close .msg-close-btn {
      min-width: 100px;
      height: 36px;
      line-height: 36px;
      color: #fff;
      margin-left: 20px;
      font-size: 14px;
      border-radius: 5px;
      border: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: 0.5s all;
      transition: 0.5s all;
      background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
      background: -webkit-linear-gradient(top, #ff8400, #ff6100);
      background: linear-gradient(180deg, #ff8400, #ff6100);
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
      overflow: hidden;
      position: relative;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300);
      width: 120px;
      margin: auto; }
      ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-close .msg-close-btn:hover {
        opacity: 0.8; }
      ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-close .msg-close-btn:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-close .msg-close-btn:hover::before {
          width: 45px;
          left: 205px; }
      ._10UBVSEj4yiJuWGv8ZemUo .message-detail .msg-detail-close .msg-close-btn::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._14F4JnQHErDwGP6x2yJhGp .form-action {
  width: 450px; }
  ._14F4JnQHErDwGP6x2yJhGp .form-action .item {
    height: 40px;
    font-size: 15px; }
    ._14F4JnQHErDwGP6x2yJhGp .form-action .item input {
      height: 30px;
      border-radius: 5px;
      border: 1px solid #e6e6e6;
      width: 330px; }
  ._14F4JnQHErDwGP6x2yJhGp .form-action .alert {
    text-align: center; }

._14F4JnQHErDwGP6x2yJhGp .confime {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  width: 300px;
  padding-top: 100px; }
  ._14F4JnQHErDwGP6x2yJhGp .confime span {
    width: 100px;
    height: 50px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 14px; }
    ._14F4JnQHErDwGP6x2yJhGp .confime span:nth-child(1) {
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa100), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa100, #ff5300);
      background: linear-gradient(top, #ffa100, #ff5300); }
    ._14F4JnQHErDwGP6x2yJhGp .confime span:nth-child(2) {
      background: #ccc; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.WCba5N-WfGsOGpyhMS_0Q > .btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 54px; }
  .WCba5N-WfGsOGpyhMS_0Q > .btns span {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    width: 200px; }
    .WCba5N-WfGsOGpyhMS_0Q > .btns span:hover {
      opacity: 0.8; }
    .WCba5N-WfGsOGpyhMS_0Q > .btns span:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .WCba5N-WfGsOGpyhMS_0Q > .btns span:hover::before {
        width: 45px;
        left: 205px; }
    .WCba5N-WfGsOGpyhMS_0Q > .btns span::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.WCba5N-WfGsOGpyhMS_0Q > .form-action {
  margin-top: 25px; }

.WCba5N-WfGsOGpyhMS_0Q select.text {
  width: 100% !important; }

.WCba5N-WfGsOGpyhMS_0Q > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  .WCba5N-WfGsOGpyhMS_0Q > .form-action > .item:first-child {
    margin-top: 0; }
  .WCba5N-WfGsOGpyhMS_0Q > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  .WCba5N-WfGsOGpyhMS_0Q > .form-action > .item div.values {
    width: 300px; }
    .WCba5N-WfGsOGpyhMS_0Q > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    .WCba5N-WfGsOGpyhMS_0Q > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .WCba5N-WfGsOGpyhMS_0Q > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

.WCba5N-WfGsOGpyhMS_0Q > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

.WCba5N-WfGsOGpyhMS_0Q > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

.WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    .WCba5N-WfGsOGpyhMS_0Q > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.WCba5N-WfGsOGpyhMS_0Q > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  .WCba5N-WfGsOGpyhMS_0Q > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    .WCba5N-WfGsOGpyhMS_0Q > .search-bar .action-btn:hover {
      opacity: 0.8; }
    .WCba5N-WfGsOGpyhMS_0Q > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      .WCba5N-WfGsOGpyhMS_0Q > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    .WCba5N-WfGsOGpyhMS_0Q > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

.WCba5N-WfGsOGpyhMS_0Q > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  .WCba5N-WfGsOGpyhMS_0Q > .form-action > .item > span.text {
    white-space: nowrap; }
  .WCba5N-WfGsOGpyhMS_0Q > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.WCba5N-WfGsOGpyhMS_0Q > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }



@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2xlRbRler2_4vWxvoZZsod .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2xlRbRler2_4vWxvoZZsod .report-search-bar select.report,
  ._2xlRbRler2_4vWxvoZZsod .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._2xlRbRler2_4vWxvoZZsod .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2xlRbRler2_4vWxvoZZsod .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._2xlRbRler2_4vWxvoZZsod .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2xlRbRler2_4vWxvoZZsod .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._2xlRbRler2_4vWxvoZZsod .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2xlRbRler2_4vWxvoZZsod > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._2xlRbRler2_4vWxvoZZsod > .level-info > span.desc {
    color: #c8ccd6; }
  ._2xlRbRler2_4vWxvoZZsod > .level-info > div.level {
    color: #c8ccd6; }
    ._2xlRbRler2_4vWxvoZZsod > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._2xlRbRler2_4vWxvoZZsod > .level-info > div.level > span::after {
        content: ' > '; }
      ._2xlRbRler2_4vWxvoZZsod > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._2xlRbRler2_4vWxvoZZsod > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._2xlRbRler2_4vWxvoZZsod > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._2xlRbRler2_4vWxvoZZsod > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._2xlRbRler2_4vWxvoZZsod .report-search-bar {
  white-space: nowrap; }
  ._2xlRbRler2_4vWxvoZZsod .report-search-bar select.report,
  ._2xlRbRler2_4vWxvoZZsod .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._2xlRbRler2_4vWxvoZZsod .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._2xlRbRler2_4vWxvoZZsod > .level-info > div.level {
  color: #666; }
  ._2xlRbRler2_4vWxvoZZsod > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._2xlRbRler2_4vWxvoZZsod > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._2xlRbRler2_4vWxvoZZsod > .level-info > span.desc,
._2xlRbRler2_4vWxvoZZsod > .ext-info h6 {
  color: #f00; }

._2xlRbRler2_4vWxvoZZsod > .line {
  background: #ccc;
  margin-top: 0; }

._2xlRbRler2_4vWxvoZZsod > .actions {
  height: 200px;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  ._2xlRbRler2_4vWxvoZZsod > .actions > .item {
    width: 540px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0; }
    ._2xlRbRler2_4vWxvoZZsod > .actions > .item > .type {
      width: 80px;
      line-height: 40px;
      text-align: center;
      color: #606060; }
      ._2xlRbRler2_4vWxvoZZsod > .actions > .item > .type > i {
        color: #f00;
        margin-right: 5px; }
    ._2xlRbRler2_4vWxvoZZsod > .actions > .item > input {
      width: 200px;
      border: 1px solid #d4cfcf;
      border-radius: 5px;
      color: #606060;
      text-indent: 5px; }
    ._2xlRbRler2_4vWxvoZZsod > .actions > .item > span {
      line-height: 40px; }
    ._2xlRbRler2_4vWxvoZZsod > .actions > .item > a {
      position: relative;
      margin-left: -40px;
      text-align: center;
      line-height: 40px;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline;
      color: blue; }
      ._2xlRbRler2_4vWxvoZZsod > .actions > .item > a.contact-service {
        margin-left: 5px; }
    ._2xlRbRler2_4vWxvoZZsod > .actions > .item > select {
      border-radius: 5px;
      border: 1px solid #d4cfcf;
      color: #606060; }
  ._2xlRbRler2_4vWxvoZZsod > .actions > .sity {
    width: 340px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-right: 200px;
    height: 100px; }
    ._2xlRbRler2_4vWxvoZZsod > .actions > .sity > input {
      margin-bottom: 10px; }
  ._2xlRbRler2_4vWxvoZZsod > .actions > .address input {
    height: 90px; }

._2xlRbRler2_4vWxvoZZsod > .safety > .item {
  width: 100%; }
  ._2xlRbRler2_4vWxvoZZsod > .safety > .item > .alter {
    border: 1px solid #ff5200;
    width: 60px;
    height: 38px;
    margin: 0 10px;
    border-radius: 5px;
    line-height: 38px;
    color: #ff5200;
    text-align: center;
    cursor: pointer; }

._2xlRbRler2_4vWxvoZZsod > .tex {
  color: #9c9fa8;
  margin: 5px 0; }

._2xlRbRler2_4vWxvoZZsod div.confirm {
  width: 400px;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  font-size: 14px;
  color: #fff; }
  ._2xlRbRler2_4vWxvoZZsod div.confirm span {
    text-align: center;
    line-height: 40px;
    height: 40px;
    width: 120px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px; }
    ._2xlRbRler2_4vWxvoZZsod div.confirm span.submit {
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300); }
    ._2xlRbRler2_4vWxvoZZsod div.confirm span.cancel {
      background: #ccc; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar select.report,
  ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    margin: 0 5px; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar span.query:hover {
      opacity: 0.8; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar span.query:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar span.query:hover::before {
        width: 45px;
        left: 205px; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar span.query::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 20px 0px; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info > span.desc {
    color: #c8ccd6; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info > div.level {
    color: #c8ccd6; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info > div.level > span {
      color: #ff8669;
      cursor: pointer; }
      ._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info > div.level > span::after {
        content: ' > '; }
      ._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info > div.level > span:nth-last-of-type(1)::after {
        content: ''; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .ext-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #6e6a85;
  margin-bottom: 6px; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .ext-info p {
  font-size: 13px;
  color: #8994ab;
  line-height: 30px;
  margin-left: 10px; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .line {
  background: #e9e6f0;
  height: 1px;
  margin: 30px 0; }

._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar {
  white-space: nowrap; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar select.report,
  ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar input.report {
    border: 1px solid #999;
    background: #fff; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z .report-search-bar span.query {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300); }

._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info > div.level {
  color: #666; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info > div.level > svg {
    font-size: 18px;
    color: #b38236; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info > div.level > span {
    color: #b38236;
    font-weight: bold; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .level-info > span.desc,
._2Z5zLTJ0_0aPT_7Llmbb7z > .ext-info h6 {
  color: #f00; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .line {
  background: #ccc;
  margin-top: 0; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888;
  margin-top: 20px; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item:first-child {
    margin-top: 0; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item > span.text {
    min-width: 100px;
    text-align: right; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item div.values {
    width: 300px; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item div.values > span.ext {
      color: #dd9300;
      font-weight: bold;
      font-size: 12px; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item div.values > input.text {
      padding: 0 10px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #eee;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item div.values > select.text {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .alert {
  margin: 15px auto;
  color: #fb7b81;
  font-weight: bold;
  width: 400px;
  text-align: right; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .action-line {
  height: 1px;
  background: #ccc;
  margin: 15px 0; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    letter-spacing: 5px;
    margin: 0 10px; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .yes:hover {
      opacity: 0.8; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .yes:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .yes:hover::before {
        width: 45px;
        left: 205px; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .yes::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff6100));
    background: -webkit-linear-gradient(top, #ff8400, #ff6100);
    background: linear-gradient(180deg, #ff8400, #ff6100);
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
    background: -webkit-linear-gradient(top, #ffa200, #ff5300);
    background: linear-gradient(top, #ffa200, #ff5300);
    margin: 0 10px;
    letter-spacing: 5px;
    background: white;
    border: 1px solid #f6c74d;
    color: #f6c74d; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .reset:hover {
      opacity: 0.8; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .reset:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .reset:hover::before {
        width: 45px;
        left: 205px; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .submit-box .reset::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2Z5zLTJ0_0aPT_7Llmbb7z > .search-bar {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
    border-radius: 4px;
    background: #f6c74d;
    -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
            box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
    overflow: hidden;
    position: relative;
    background: #b38236; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .search-bar .action-btn:hover {
      opacity: 0.8; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .search-bar .action-btn:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%);
      opacity: 1 !important; }
      ._2Z5zLTJ0_0aPT_7Llmbb7z > .search-bar .action-btn:hover::before {
        width: 45px;
        left: 205px; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .search-bar .action-btn::before {
      content: ' ';
      position: absolute;
      background: #fff;
      width: 25px;
      height: 50px;
      top: 0;
      left: -45px;
      opacity: 0.3;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }

._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item > span.text {
    white-space: nowrap; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .item div.values {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .form-action > .alert {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  padding-left: 100px; }

._2Z5zLTJ0_0aPT_7Llmbb7z > .recordType {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0 1.5px 0 0 #e6e6e6;
          box-shadow: 0 1.5px 0 0 #e6e6e6;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 150px; }
  ._2Z5zLTJ0_0aPT_7Llmbb7z > .recordType > span {
    font-size: 16px;
    border-bottom: 2px solid transparent;
    padding-bottom: 5px;
    color: #6d6d6d; }
    ._2Z5zLTJ0_0aPT_7Llmbb7z > .recordType > span.actived {
      color: #ff5e11;
      border-bottom: 2px solid #ff5e11; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.OiAWNCUWhJKZknE3xLFgG {
  position: relative;
  overflow: auto; }
  .OiAWNCUWhJKZknE3xLFgG .report-search-bar {
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .OiAWNCUWhJKZknE3xLFgG .report-search-bar select.report,
    .OiAWNCUWhJKZknE3xLFgG .report-search-bar input.report {
      min-width: 100px;
      padding: 0 10px;
      border: 1px solid #eee;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: none;
      margin: 0 5px; }
    .OiAWNCUWhJKZknE3xLFgG .report-search-bar span.query {
      display: inline-block;
      line-height: 30px;
      height: 30px;
      padding: 0 20px;
      cursor: pointer;
      color: white;
      margin-left: 10px;
      border-radius: 4px;
      background: #f6c74d;
      -webkit-box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
              box-shadow: 0 5px 10px rgba(197, 161, 130, 0.3);
      overflow: hidden;
      position: relative;
      background: #b38236; }
      .OiAWNCUWhJKZknE3xLFgG .report-search-bar span.query:hover {
        opacity: 0.8; }
      .OiAWNCUWhJKZknE3xLFgG .report-search-bar span.query:hover {
        -webkit-filter: brightness(110%);
                filter: brightness(110%);
        opacity: 1 !important; }
        .OiAWNCUWhJKZknE3xLFgG .report-search-bar span.query:hover::before {
          width: 45px;
          left: 205px; }
      .OiAWNCUWhJKZknE3xLFgG .report-search-bar span.query::before {
        content: ' ';
        position: absolute;
        background: #fff;
        width: 25px;
        height: 50px;
        top: 0;
        left: -45px;
        opacity: 0.3;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
  .OiAWNCUWhJKZknE3xLFgG > .level-info {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px; }
    .OiAWNCUWhJKZknE3xLFgG > .level-info > span.desc {
      color: #c8ccd6; }
    .OiAWNCUWhJKZknE3xLFgG > .level-info > div.level {
      color: #c8ccd6; }
      .OiAWNCUWhJKZknE3xLFgG > .level-info > div.level > span {
        color: #ff8669;
        cursor: pointer; }
        .OiAWNCUWhJKZknE3xLFgG > .level-info > div.level > span::after {
          content: ' > '; }
        .OiAWNCUWhJKZknE3xLFgG > .level-info > div.level > span:nth-last-of-type(1)::after {
          content: ''; }
  .OiAWNCUWhJKZknE3xLFgG > .ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px; }
  .OiAWNCUWhJKZknE3xLFgG > .ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px; }
  .OiAWNCUWhJKZknE3xLFgG > .line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0; }
  .OiAWNCUWhJKZknE3xLFgG .report-search-bar {
    white-space: nowrap; }
    .OiAWNCUWhJKZknE3xLFgG .report-search-bar select.report,
    .OiAWNCUWhJKZknE3xLFgG .report-search-bar input.report {
      border: 1px solid #999;
      background: #fff; }
    .OiAWNCUWhJKZknE3xLFgG .report-search-bar span.query {
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
      background: -webkit-linear-gradient(top, #ffa200, #ff5300);
      background: linear-gradient(top, #ffa200, #ff5300); }
  .OiAWNCUWhJKZknE3xLFgG > .level-info > div.level {
    color: #666; }
    .OiAWNCUWhJKZknE3xLFgG > .level-info > div.level > svg {
      font-size: 18px;
      color: #b38236; }
    .OiAWNCUWhJKZknE3xLFgG > .level-info > div.level > span {
      color: #b38236;
      font-weight: bold; }
  .OiAWNCUWhJKZknE3xLFgG > .level-info > span.desc,
  .OiAWNCUWhJKZknE3xLFgG > .ext-info h6 {
    color: #f00; }
  .OiAWNCUWhJKZknE3xLFgG > .line {
    background: #ccc;
    margin-top: 0; }
  .OiAWNCUWhJKZknE3xLFgG > .rules {
    width: 100%;
    height: 96px;
    overflow: hidden;
    background: rgba(179, 130, 54, 0.2);
    border-radius: 3px;
    color: #4c1f04;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 15px;
    margin: 10px 0; }
    .OiAWNCUWhJKZknE3xLFgG > .rules > .rules-left {
      height: 78px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      border-right: 1px solid rgba(102, 102, 102, 0.3);
      padding: 0 15px; }
      .OiAWNCUWhJKZknE3xLFgG > .rules > .rules-left > span {
        font-size: 16px;
        color: #ff4900;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .OiAWNCUWhJKZknE3xLFgG > .rules > .rules-left > span > .icon-file-alt {
          font-size: 22px;
          margin-right: 6px; }
      .OiAWNCUWhJKZknE3xLFgG > .rules > .rules-left select {
        width: 100px;
        height: 28px;
        border: 1px solid #b38236;
        border-radius: 3px;
        color: #b38236;
        outline: none;
        margin: 10px 0 0 10px; }
    .OiAWNCUWhJKZknE3xLFgG > .rules > .contract-content {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 78px;
      font-size: 14px;
      color: #4c1f04;
      line-height: 26px;
      padding-left: 10px;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      overflow: auto; }
      .OiAWNCUWhJKZknE3xLFgG > .rules > .contract-content::-webkit-scrollbar {
        width: 4px;
        height: 6px;
        background-color: #f6f8fb; }
      .OiAWNCUWhJKZknE3xLFgG > .rules > .contract-content::-webkit-scrollbar-track {
        background-color: #f6f8fb; }
      .OiAWNCUWhJKZknE3xLFgG > .rules > .contract-content::-webkit-scrollbar-thumb {
        cursor: pointer;
        background-color: #f6c74d;
        border-radius: 10px; }
      .OiAWNCUWhJKZknE3xLFgG > .rules > .contract-content .tips {
        color: #ff4900; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1G4cUrPtztu8OkyyxvChpb span {
  display: inline-block;
  font-size: 14px; }

._1G4cUrPtztu8OkyyxvChpb em {
  color: #ff0052;
  font-size: 14px; }

._1G4cUrPtztu8OkyyxvChpb > .commmon {
  width: 100%;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px; }

._1G4cUrPtztu8OkyyxvChpb > .header {
  height: 50px;
  line-height: 50px; }
  ._1G4cUrPtztu8OkyyxvChpb > .header span:first-child {
    width: 300px;
    padding-left: 10px; }

._1G4cUrPtztu8OkyyxvChpb > h2 {
  color: #eed12d;
  border-left: 2px solid;
  padding-left: 5px;
  margin-top: 17px; }

._1G4cUrPtztu8OkyyxvChpb > .detail {
  margin-top: 17px; }
  ._1G4cUrPtztu8OkyyxvChpb > .detail > .up {
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
    background: #fef8f2; }
    ._1G4cUrPtztu8OkyyxvChpb > .detail > .up > span:first-child {
      font-size: 16px; }
    ._1G4cUrPtztu8OkyyxvChpb > .detail > .up > span:last-child {
      color: rgba(0, 0, 0, 0.6);
      cursor: pointer; }
  ._1G4cUrPtztu8OkyyxvChpb > .detail > .down {
    color: rgba(0, 0, 0, 0.6);
    padding: 12px 0 12px 10px;
    border-top: 1px solid rgba(70, 39, 39, 0.1); }
    ._1G4cUrPtztu8OkyyxvChpb > .detail > .down span {
      width: 300px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3J9oWO0FAwsW6pCryZzqH6 {
  background: url(/webx/thai/desktop/images/ce3b84.png) no-repeat top #fff;
  min-width: 1400px;
  background-size: 100%; }
  ._3J9oWO0FAwsW6pCryZzqH6 > .contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 600px;
    margin: 15px auto; }
    ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus {
      min-width: 230px;
      max-width: 280px;
      background-size: 100% 100%;
      margin-right: 20px;
      border-radius: 5px; }
      ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > div.infos {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        height: 190px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 22px 10px 0 10px;
        border-bottom: 1px solid #4c423b;
        background: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
        ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > div.infos > .name-box {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > div.infos > .name-box > span.icon {
            width: 42px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            border-radius: 50%;
            background: -webkit-gradient(linear, left top, left bottom, from(#ff8c12), to(#ff5505));
            background: -webkit-linear-gradient(top, #ff8c12, #ff5505);
            background: linear-gradient(top, #ff8c12, #ff5505); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > div.infos > .name-box > span.name {
            color: #4a4a4a;
            font-size: 16px;
            line-height: 42px;
            margin-left: 10px;
            font-weight: bold; }
        ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > div.infos div.ext {
          width: 100%; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > div.infos div.ext > div {
            height: auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            margin: 18px auto; }
            ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > div.infos div.ext > div > span.desc {
              color: #898c95; }
              ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > div.infos div.ext > div > span.desc > label {
                color: #898c95;
                font-weight: bold; }
            ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > div.infos div.ext > div > span.action {
              color: #898c95;
              text-decoration: underline;
              cursor: pointer; }
      ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items {
        background: #fff;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        min-height: 620px; }
        ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item {
          width: 100%;
          height: 40px;
          line-height: 40px;
          font-size: 12px;
          font-weight: bold;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          white-space: nowrap;
          color: #898c95;
          cursor: pointer; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.team, ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.personal, ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.reports, ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.extension-apply, ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.extension-list {
            font-size: 14px; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item i {
            width: 24px;
            height: 23px;
            margin: 0 10px 0 18px;
            background-repeat: no-repeat;
            background-position: center center; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.team > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABp0lEQVQ4ja3UTYjOURQG8N+MVygLCzuTDUX5yMJaaTQMslJqLOxYkI8UCyaWFCalKRtriYQxUZLvElkouwklCxZC0sy494wud+pteg3NeOp0+59z73Of8z/n3LbB2/e1wAz0Yivm1PA3nEd/8/burjW/1sbY2FgrokM4XA99rL5FOIdPuDjxQNuNwbtlnYttWFx82I7PuDlhfw++YgAZL3F1c/fa0bZrA3c6cK/eOBU8x7pGzvnMNEgKVuNoIyK6p0Eyjg1F0cz/QNQoRN8xa5pEw4Wop/bHwimSvMLO9pTys5TyspRyb0r5Q0pZtR8p5eMp5SUp5ZUp5f6mWLG3KeU9KeVVKeU3RdFjXMZpnCylRBee4jp2o6S/F+8wD7fwAAtwFssLURmBI9iHK9WO1cYrKW+qYzIbJzAfnbiELSjFelSIxnMt3b2jWpmb9/XG9ViKPhyovokYKUTDLQJlTDqavtvrILci+V21iBj5S1UuVLWTIYqiIayYZFezsj9hqCg6VX9akT4VfCnPS3tEPImIjRHxIiJSRPhHG42IhxHReXD/rtc/AeVM3FkgPIZSAAAAAElFTkSuQmCC); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.team-management > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAABu0lEQVQ4jZXUu2tVQRAG8N+VixiFCCEIgu9nYWFlE/DZ2BjQxAcqaAL+AYql4r/gA+1UxEbEQkECIsSAaFJLfKCFhaKxC/hIFHbPysa95IDXYD4Yds7MnG9nvx22kd6/U0MDx3ASa/ARd3EDEUvRVeJh5re1G2eWZqpiiyaT3MRAjThX7cFeHMYWPMMkLuBaoxQuSLFSrD/FaqD2Xbe+FKtTKVajKVYjKVZdKVZXU6yOmyWKih2t+e2slR+u5c62iJo5UNBtbiwr2cla1ap2RG+wYw6ql2VdXouN14hCy7+CQSxsQ5J3u1j83rL+wvlZjUJU7HUK8UgK8Wstlm06hTiYQhxLIfakELtTiEMpxJ0pxOftOsp4gHU4gNX4VGJfSn4UK9uduzH19MkcsrRFPw5hAq8w1LF990Tjx8jjVvWSMnArit+Bn5gqnWWxv5XaE7hVhjjXHGymEHOrl7DvH0K3kDV4hNO4jV3lchbhTNboIbb+x5GaZbPN2IQ7hShjPM/RhnlqtL508QFjuI/LmSgf69w8iK4XXd6ip7O370+7qaryUA1jP7blhwGL0YnvmMZnvMC9fEt/UeM3G+b7F1zaMmMAAAAASUVORK5CYII=); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.slot-compact > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABhklEQVQ4jaXUPWsVURDG8d/iqggGFWxstLDQLyBaGLSL0UYsbCOiTdRCxJdPEMQofgJL64DERpCrCJqEiNgISixs1EJ8C4Jkd+/KkHPlZrMh0TzN4czs/HnOnDmbPftYa9E0bmKiLdmvw7sWN3nVbQW9x318wgdcxut2VLYIKrut2RGcxE6cxkPsQbWSs7ysljjagQPYlvZfMInbGMXnFP+Ol/jac5RNzpWxbsE4zmPTan1JisJ7uHpi74b5bOJdEYWPcGSNgKamcDQvKhfWAQkdwsW8KOsz64D0NJIXVb2vJfEbTzHUiMcI7E6X0q/9AdrcAgrIMH5ia1883F/C2cb3G/OFatlAnkugSAymmxxNuVcrnS0cNWOn0uDNpaEcbOTn8QYHl4LKZaDjaaIf4AaaR3+M63jbH8zGnvz6hu0tbuu/D2l1/ciLbv0iNbaptUJCz+OtxdM49o+FTefjAergCu78Bywg18aGBjq938hdzCZgjHz0rG2+QguIvs5E3a3hgQ78AXRTb2PXaTDPAAAAAElFTkSuQmCC); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.personal > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAYAAADpwXTaAAAB2ElEQVQ4jaWVz0tUURTHP08myQqnBtsG0j8ggZCzkAgSlRbtjBYi+QNHQsgh/4Bq4aJNKKMiIkJQYIskCFwoRKtclYK00I0GLRTUhdYI99w4cqfG63vPN/iF7+bcd7/ve84999zg08JnIhAA94EOoB44AL4CU8BmaUtbS/O/3SlrbZhUBpgD7nrxe0AeGAIm/E0pEfFjF4CPQDbCcQ0wDhSBmfKFKnXmsc9amw2J+3xlrU2fEFNnHh+HxMKYEZEHcWKadkNCMWVTXM2q9QcRtYqq338xY06IHQLbwPWEYuueM+N/MA/0JBDSnvpQHgg7gBEROUxQr/cisuqlecrZBvAIeAdcjHC1DPT6wSqtWQjnjZHbxsiCMWLK1reNkZfGyB1jZN+rd+gNKOE70ApcA24Av53rU6nEpelj1/FMxDmrGEFhcrZ8T9pNhltu7NQBl1xzimuHHeAXsAYsAt9yfZ3HoycYLRxf/BTwHBgELlfoaAV4+iTXtRS8HpvWQAHInSPDI6BJa1adsOPjoBoPVSyo8HJH4YoOx6K19k2CYRhHxdtSa/S7pux2Y7sS/NSDezaU+1J6UP64A3gBtAONwE3gKlCrKbi20O/2gC3gB6BP2+JwfuAI4C+puJ2Pr4106gAAAABJRU5ErkJggg==); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.personal-balance > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAACGElEQVQ4jZWUu2uUQRTFf7suaGCNxkIRbHwEFPERRAMiBuILyTaxUfIv2GgatRGbFEEDQUXERisVCwkYDQgqaVSIkkWiRSQBLYzYqPiIupkzcnfnk/Hz2yUe+Ji5c88eztx7Z3N+epIGWA60hvQU8P4f6upauuCldCoHHAaOATtCnOA5MAhcB0SUzGnyVSyyGLgBdDWyCdwHjgAfc60bqgd5cxQ+czfkpa4QD3hpKuwrXurz0rsQ7/fSiJcWJcqxUK+XOqN42Eu7vTThpR4v9Xvpe5Rv99KpP/WoTIzbuhCYAVoi+1/CFZ8ATcA9YFfqil+BVYWNWz/ncQKnPTi1hH3ylXAq4zSH00+cDuE0nuIUcTpY65pztm7LKOjp0HLrXk9wsz6Dtwm4WfCqCjVlEPqAMvDDiMAw0AZsSfGaY0cfMoROAG+CI2v1TmBdBm+mWuzZx6O2tgNPM0iGpcDlIBbDunQ2CI0mjsaA19FzmAOeAUuA22HCY4wAQ8AVoAhcSIRs3HuBM8A1YBroAGzstwOdkcgD4G5wmbyQjkTI8CLMynFgTTjzwD7gaIjvhKJfSr3BsYK3Gar92OYhn7rCy1Bwy78F9qacGMzJxQJyt4BldQptV74KrAVW1uGcLx4ole1qC+oQDJsb5AwPgZO2yfo/mi8eAd3Npe5fVSGkyn8KfALOAf1hTKowR9baFfMUmQ3P5ttfp8BvoyoMasemuWgAAAAASUVORK5CYII=); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.personal-information > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABvUlEQVQ4jZ2TP0gcQRSHv+X2PMRg5ERiRMQEUREsDjFBiGJnmSqdXGPhWaROIaKVbSBgErAzKU6SXgJWFgkEiSgE4h8keirmFJJGT+5ud+Wdb2Gy2T2jPxiGnXnz7e+9N2OVTn9gKAl0AXVU1zmwbTd2nZhRVin/XeZmYA54CsSuAflygSVgwm7qyVVgxeONu8Aq0PGfkKAOgFT8Xu+p7bnlFzcAHQNvgTwwopm0AtPAc+si93UT6ATWgB3jYBvw2Pg+AvoU6EsgM7KWaO2/bxV+fi5r/neAohFoA3+MZkwCswGnNYA0oV7O255TimnRJXDLCHwQ6OphMOfah0PFwu7Kb4XZ1tnWsqd74uospE516uAdkA7sSXnkbllAgziTxbI6OQqBtQB7wCjwDXilZZH4RQVd1cVzhVNJc0CbEFRK9+XQS2AK+KWu/rqTvjMJ/BgCClNSxz/yYVK3ZxHO0MMfgPZqf7E9p1wA4sCXiJqJ9vWiRsHEzLnA5CkNArv6gMMU13sYpfWGR+mSNOC1whI6bqM3V2m6ThYYBsZvCXoPzFdguI7MGeATMAZ0R3XLkDwzedMLQDb5JOMBXAIw8H1QoyYNAAAAAABJRU5ErkJggg==); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.personal-bank-card > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAABwklEQVQ4jaWTzUtWQRTGf/ftoiaigYGILVTUKNwopIJ9QKC4c2FrsYUGYRC06MOFtHMTqfhq0CLahP0DFaELXZQLF4YiGNa7kRSkoE2Lmjsnztu8cLnMqNADw8w588z5mHkmerl3SACngRngGpAD1oBx4GeaPtxwtjjH1kookB4aTdktwDfgvo8cGwkG6vX4ukLk6FnhQOc24A7wA3gLXAamgFMZvmadBN4DfUADMH+rsW4zyn/ZPwNsA/WhbMfgO9CurT36jyCKWq0yTqx0H0P841oqO4LTmzNWFo0VPCMxVsaNlWpjpcpYGTNWfge4r2JjZcHpZC6T5QWQT9nPgWbgQYb3+OGFc1O5RIREZCERsW5dGqsZW8cHj2+aoo7+CbLfVZVGu+cufL4BYDGa+FQYBF4D5RnCL2AIeOfsHreuyfAMcFMruucJoqh04txx5IsqYA8v1nvT598FrngIJZw/Yq+Er9Hd9d0mp+yKExzwQavt0IoKwA1gAtgH3ri/NhI4qPepf00fSIt4OnupZSu6vfY5lGkFuJrxbQCdTulF5Ltbi3OsWghgyRNoOR0kDW0tFEiVft21qa/1EXjiZQJ/AQTf12qRtvh3AAAAAElFTkSuQmCC); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.personal-messager > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAB1klEQVQ4ja2Uz0tUURTHP298GamMJImBphZJGSlMLWoh1qKdIINobgJXtQgE6f9wFfgPuBAZ2iS0SFQkECKKHEwYCSOkBH8wgkxi+t6L8zwX71yFYbQv3Hff+XG/95x7zr1etLpCCVwGmgAPWAPyRe7X24pEPwrD0+hqgGGgH7jn2L4CGeA1sOs5Ri9YWXbJBtS5oUTkW8DLRFt7xlYmCAOsMUIYTBIGDY7+tHFFfMPc0quiCA+/LZr/HmBKz6ocREC64k7n25jwIPtF5ktADrhWJpnBL+CW35Eq+FEQiO7ZOcgEjcAQMGYIB89BZjCohIciP3CMUvqrQJ3KP+MCHmexDWwCt601Kfl4ewvztcCOZfgAPALuAllgA2iVntXGFv+bwCrwCbhvra2WlPed6ORmVOu5oAWrBy4Alapr0QiTzlrfK8xNy8+6pmggm1y05EDbKWHp/lobCPJVj5/UmaLMO4WxyQQVnESlo5mNQ1TC8f9Q6Umb8B3wXQ/7LJDb8eaIMIwJI+d8ysEf4EWyJx0/Wz5BPEs/3TgDmbTb02Rv32ejMBFKU8rD+V57qxfoLkE2AzyvTQ/8sJV+FEq2TOgwGAW69I4/BJq1TX4DH7WICye2AP4BHc6YVf73BXUAAAAASUVORK5CYII=); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.reports > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAABh0lEQVQ4jaWUzytEURTHPzMeoiR2NsJCKRZqNmpiI1NsFFkoLCyY2SHkP7C3sJWFYpCpmfzIQlnJxtZGWFGEncW8c3Sn+/Qyb5p55lune++55377nnvuPZHc2RVAFFgAkkAP4FCMbSAFLAKHwJuJGE0MFQIdEYkAO8BMwGE/mu18A5gHhoEvbz+qqpOqOqOqhLCYqmZVtfGXSETmRIQQlrexcRHJZLKXdYXUXFe6y6Tkoc2O5lK77Nyklz7OXEw4Im59hURxW4gle9GdQBNQA7Say66Qh1ogB0wD655zamKsMEb29jNPQHulbBaPwLtvfRCkSGwarz5fH3DiW3dY83DvuK77l8g8zkHgweeLlZNoqhbk3yx3MICoSNG/EKZqoRUpMAu8BMSbR7kbSFRC0TfwEeBvKalIpEiS6QbpUgdKErmuvNjnXg0+TGqnwECVRNemH22p6nPIfuS3O1U9Moo+gRHbPntDKrkFxleXk3nHsJq/AvQDCfsdGsoQmKreAOdrKykB+AHVTgLNuZFQowAAAABJRU5ErkJggg==); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.extension-list > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXCAYAAAAGAx/kAAAB2ElEQVQ4jZ2UvUsdQRTFf/t8iMag+EUCGjFIMNg88KOORSQW+gcopBWMTQpJYSEBJYFoq41diGATgkVAwSAWSghWKlaiSBQfCCLBIMLOVQbvwuzobpZcOCx7Z+bsOffe2WDtWEiJUuAxYIATIHFzTgTuQYsI8yKciXAowpEIRRGmRai+70ywcmh88m5gEahM+Pg+8ArYc5PB8kGMqBHYAarS/AK7QAEIo0Q+lGt3w7sMJDbagEHgc5TIGQEH/d57GvrcNV/RkwxqomhyX/Im3tC/KUX24zxGFJqYog2gNyPRepwobu1TRqILYM5N5EIBB6uh8NHL+TChMBQKRTfvW7MxBvwGJoEab80O4wiw5B8KZn9dJsl/qBPcrHdtG1hzh9CrUWodviau3iW6Y+2/wq9RC9AJtAK1QIUzVxNqDx3Gp2r1VpEO5AAwDjxPULOhlzmKb0A70AVsRtZGgal/2JkBXOl1+nwUJYL3Py7OM9z4BqAcWNG9FjltyBXwwSoqy1DcU6BDL3WJk7cjYtFqfyNfMvwy6ozw0wjNRug0QlHzb41QMMKbvJHrYeBMJ/ZBgqIXwAJwpLCWbGwpCEa//4k2VwMvtRPPgHqn/bZrrx3iHrVqm2QAbgC+ywPcx/BHXQAAAABJRU5ErkJggg==); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.dash-games > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAABR0lEQVQ4ja2Uv0sDMRSAv5ToIuIgUqUVBP0DHJwrIoo/cNJ/wNlVnOogbnZ10cGhU3EQNweh4Oaq4FIoWOymoC4O9XKRnBHO1Ovdef3gDXkkH3mPl4ibtk+IUWCKeBTQAl5LBRFsFvWnQDQDHANLQC6ByGAO1oGdhaJoiOuWygN3QD6hwOUZmJWez14GiWEM2JVK6bUMkh8WzY3GneQtcBlazwFbMaIJ6flaOMkLoBJaLycQDYraQ+cNGElWQSTv8lPpjI5vTI/6Qs5TGifKntIiJvbdc3+VZpr7AkTVLOye2NJKNtL1qH/N7hbd26HsxTpQ+C3yu0QHdih7UQYOHREfzkBWgSPb1CgmnXzHPNqGeSuh5BAwnaY/QNPc6ByYT3nQpSqVr0+ADWDln5Ir4FQqHfy/RrQNbNo/eyCB4BGoAWeV1WH1BUCWkaeHw2gLAAAAAElFTkSuQmCC); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.daliy-compact > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAABaklEQVQ4ja2UTShEURTHfzPzklIyPsrGjozNlAWKspBYW9iwkI2dhVJW9spCyUbJhr2NFbFTVmqkSdaksFK+xr3n6DbvSXrPfYNfnd7r3Pv+79xzzj0Z83BJDA1AXdzCF56ASq6l+9OTeb8vR+9NwDIwBbR7hCLOgXVgO2jt0UBFnL8NOAG6UopEFIEtYBiYyVRuS86/C0zXKPSdyczbzVkeuAOCP4odBSqm1yP0BqwCC2FhkugLENvm+eNVWJgRYPCHfY0uslzKY4hvQ6DWpNTy4yL7RzF/ZNnwuQ/0/3QzsioWjxVU7JKKXVOxRRV7kLQ/647psZyKWVExJRXToWLGVcxi3De1FKAAHAJ7wHN8zsQ8pFULmUjwv7imLScs1sqFi+waOA47/C/sBK4KwHw4gtxM+w2nwGbUGmUVO6Rij1SspmiXyF5V7IaKHcsPzFYCqsPR4XI3Gk7ZTqDeE+Kjy1Pz0Fy1ssAH2s8CoYQvYDoAAAAASUVORK5CYII=); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.casino-compact > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAABHNCSVQICAgIfAhkiAAAAtxJREFUOI2NlE9oXFUUh7/z5mmqtl2Yxj9BikmLgZYqhWIKFdoiRheCBY2gCBUsNnQhtIptaWwYEGGSjSAtFEqrLiwGUdyJG5djIaVkERrSlIwxSRunipVaOzP3np+LkDCTmUly4MB75573nXN+991rVNmAlGy5+ddLJu1wsRHUbVgHKCOYT6SRmLGv3m1vu0ITs+qXizPFMyYdaZZc9dWl9KFM3zutrf80Bf4ipTemi3cNWlYFLtjlfze37f3ArFQdTBYfiiCXWqLEGr27pVA8urzKErAXPLruR1eMrnJ0sZq7dHhAShoCzxaKz0VpnVuy61bH449ErCdIvnKX/vRjheKzdcBhKVOOMRdcxBDLWbNg6y0fXB5crOghbKsD/j451+/uPVEa+XPrExMA//0de1xKV9OyIu2vAebGZ7tC1OnooiKGsmYBIOIb1qSj69DQ+OxHS8AgbY2uJLiI0c/kxm9vALhXab8UXMeD81PFNb/S2BX3wU/Hpl8DSCO6a9JigU2lcL8TGM1utzIwCAwOSGk6NnMe08GGfySY4CjwYxL9qXxNB/i+5dlZs1BONLRSl9HVBpBmt1u5f7RwRPCdgYEGT43+1gd6EOyP4P5WbmdHwSt6W2h5rSUTdg6qjt7xq1M/GByoS5R9Yal9TvQxYF0D1qygP7ez40uAdDHq8vaGlcUzFuwTUA1MIIMTyPKY7/3w6uRB39QynAIcu3J9d3A932SaFOnVBjN+r8RGkP9sWuhc86U3EoCK80oUNPIgFYJ0py6O1gd7YPweWzZGt+EocOfFFCBg1xKvF1ygJEkuxqgbiemzZcsv46XhlMmpgA6YDODa0qb0XZ44LOm0Ye0LMM1hnDzX3fV1r5Rp/fX6NxhvNpFlUdNeq43K3stPbc649OSezpmsmVevHcpPvg7eZ/AC1RexmFaGj8/v7vq2FrhGe39k7uFQutNplnlU7vMX9nRNYCaA/wHCpl25+MqjRwAAAABJRU5ErkJggg==); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.pink-compact > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAABHNCSVQICAgIfAhkiAAAAjlJREFUOI2NlE9IVFEYxc+5juIfcGGgopT4J6FFtDHRoIVEQa5qMQkRJS1qE7aoVgriolUr24SBkIvQzPYRZhDSRgILozKN0VGhNBdpOvrevadFzahvxud88MG77xx+7zsXvkdkWX1SbuHiyjkRbRBaAeQBGIPJ6bhaUTKf9DEMMizlbK+uFlWWlGzEFlYWCJQFPQK/FeHQiUuHuQkAJs0gsT+22tw/97P39/xyfOuPfdNC+k5atE4ItnPu6JqW29Im7Iv/OG4srkhoA1G1+yMuYurp2yjB+5mSiHh5s6rsPABE+paWCm2CT6ynqN3Jsbe2/U6AW+lCqk4nHyKJTfRQioaYAeBaiL5OsiV5MM7X5Ux3k9ZW477Tq+B732HpVk35+ySQD77ENwAWhI33v7qM+NxRX4OCgNcg4vmm4LbxhHe+hIPak7tw51jltCdNBjUrnbFO7et+4qLxnRv2nXBQW4eG7um5GiuN7O+z0YiFGZH1W2FYSqE5LLO2cN2nm4Iy74Oghh1FYufH2CyA6izucx8gFiLJw70P86c8uQqGbyMETEFYI9PTCHhKAOj+pLz1xPc1/Fv4cCDZRccXoPu8CySAz7xi254ap2NiZoxAS2bMnjEmehvrGjsmZiYhFNNwUMLgw5O1UwCQiuw5DZtsgEBpt2RisVjTQHV1IiimgPkuf2CDm3cJ1GaA/AIwInGovKnubQ/pAKTBgMD/8Mb47BFn/EcEzkpaBjlKYoi59aOPG+hlMT3+Am6Bg8mJcOx3AAAAAElFTkSuQmCC); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.sport-compact > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAACYUlEQVQ4jX2UO2hUURCGv4RNUEFiUIN2WvhYsyoBcVUELZIg+EAbg2CzgvioFAtjYxXwUQVRtNJG1DpiQMVGEqKNMSqKJOoKwRBXERU0JHNmZMLZ9bLc7IHhnpk7Z+Y/M/+ZupnSW1LWCqAAdAJZYCHwFfgIPADuAEU/llmSrZyum558kwy1ALgAnHS/tCxxCXAd6G5oaf3zP9jESHm/FHgItEX9OzAObKwRdBjY1bBsg6Om3jRgGhpNw33T0BZ1l6emYadpGEvYyvI7ft2/b/rL8LwYTDCVS6aSj/uyHDCVo6Zy0FRmEvZRU8mayouo+7mLs9ec+jzkxR6do0Zem01AF3AOeA7sB04A56v8VmVMpVCj2JlYaO/qD+AGcBk4nuJ3JGNBOmsU2FvdDyhwFxgE1s/h2+HI1kTlMDAd9yXACeht3xPRHQMWAx+AMeCX1xxoBdY6Hx1ZcwywG5iIKJwm6yItGoEBYBGwMgZYDTTF5O1Aj+sZ0+C18ICHUqCPRAI7yh1Rn6tZP50a76so4WKm0mMq20yl3VTGTeW2qUyYyqcUf5d3fs1HwJZEhhDf5bNIhVzin1+pDziTguyxI7tlKpLIcMpUXprKgKnkqrJ3mMpgCio/f7MeDUU0XEUDaPiGhido6EdDS7QlJYeG1yn2a01tXUWnhkM8C2wF8sCrGiT2DvsY+gvMjzYvRbdvvJv+9RbvrZoaaWs5MJQI5FNjX3O+MOVKeWq4lEzDdtPQaxokZVKUZXP8f8X9m/OF2fEziwx1jlaWM/400OtvzZ9IZLcTdDKy3yftvfKkrSzgH9JdwtnGbvwgAAAAAElFTkSuQmCC); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.game-salary > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACK0lEQVQ4jaWVTUhUURTHf294EYNmU4gRBiEFfQh9kCgEBmJENC2iTFtIbYJatQjatIjAPjBct4hqEQS56YMiKSJqF7kI0moTJLVpUip1LGjePTfO804Mr3cfgn84i7n3zP/87/l6QWXyPR6sALqBViAP/AHGgbvAEuCbs3vAYNi4aVJpgkppPEm3FhgAeoGlKbFOAneAnzVnU8C+sKl1NLRWap37gOtAvU+2U55EI/CgUhrbGlox1bt+4JaqziDLwmrgdMg8YRtwbRFkVexXhYEjyycuK8BD4GDN2X3gF2A9hOuVsAvYnnL5HTgCPAN2AdoOPUARmAF2AnWJ//wIrUQ9nmirgKPAeeA5cFErCZzyVH8039I5oTnsysjJWWCDq/ww8MrluzvF9zXQoQpbPGRzwCegHTgBbHS9Nw0sT/GP0xaUP4yIp7o3gOMp51eAMx4R+WD23aOvLl8+qKIC8BZY42lsRbl+c3FZzko0ZiUixW5aiQIrUcHdbbESrbQSXfb4a0C0KCPA7pSIh91cl4EDwG2gCdjhUfg4zuH0m2Gdw4mUnqpCi9MAfAaaM3zWNWzrLeWsmCkr5pLOtMfqrJiPVkxzhs+QksVPdsthEOgE9noU+FpL8cI1fYxcvBzEGMT0Ieap+71Qe4mYQ4W2fp37ecIa2TNWTNGKGbBi5jKep/bbirlgxewptB/Tmf+H5IKNgHPAVdfUOrv6CdCizLoF8cSN4pf/Hg/8BSaoRb6vAVWEAAAAAElFTkSuQmCC); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.transaction-record > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAABRUlEQVQ4jaWUr0sEQRTHP6sjXPFHUEFURDQLYjCdBouHRQU5DCYxWMXkPyB4GAyWQwyGQ8wmg1w+LDYRERX/BoO7MytzjDDOLju76xdemC/Mh/fevDdB+1MBVIADoA5M4lcIPAGXwNXyeBALqbqQNrCYA2BrFFgysRvcvclDoFEQ4qoqIhXX/wnR2hCRZNox34GOdZ4HZj2gKRGqWDjmEdCyzlvAjQdUEZGMXfPcvOCvZjyQrkQoE94QsJDnsgNKZFRKaaUdAxcZsF7gDKj5MprIUdpwntJ2TBRSWrNLKa1Hz8BjBqwPWDWLbpWmEqB94N6TlR7Y7T+gSPIFDFreNfCRAekB5hwv0kv7AoxZ5oiJInoVUsV6j6oFL9rSvWnpj60JrAMrJUGNk1r/g87o20zpHrBpBlK/TJb00Oivtnm6NnAL8AOb+V0Z0kkprAAAAABJRU5ErkJggg==); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.dash-lott-cny > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA5OEY4MkYyRDhCMTFFQzkwMTBCRTU4ODhFRkZBMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA5OEY4MzAyRDhCMTFFQzkwMTBCRTU4ODhFRkZBMTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDk4RjgyRDJEOEIxMUVDOTAxMEJFNTg4OEVGRkExOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDk4RjgyRTJEOEIxMUVDOTAxMEJFNTg4OEVGRkExOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk4C84wAAAGiSURBVHjapNTNKwRhHAfwmTWti0WUUtJukaS2vCTJhXDaQlHak5sc7I2SP4DiJNw44CRSItISrbLroLwktWoP2uS2p7XLzjO+T36zO43ZNTP71Kd59nlmv/M8zzzziEosKhRRHNAN34K7IfLboCiCTRKcQgjCQiy6wwNF9vqiPq0MRqEdnAVG9QXTMABnur42SWGMVwZhG2pMTDMNgTx9GUlgzI3KHrhMrlspdMIFHIGP2jccTS2PYub5foWmYKVcQz9Nn4d/ljR7H3iHpMisz8bb7YFLmIcbkNUOBMoum1umC86pvghzaqDVoHV4gwXjjckDjW3CDKQ0bUEIQPLP/ZopGz0oBJN8G9Ba7dNX4YdWWMo3fKPADxgHLyzDBHRALSgU7jQbKFNYivamB+4o9ASOob7QAusDt+CK/uihtmo4hDjU/ffG9IFDwL+cXt19opkwNTCt+V1lEGamJHOBTL7FtVEorkS0I1yl7SDaDHuCYG5jMxaGWWACP8qsiYO/3DfCsoudONjNHo4wRdfKAiPib/GdDte1iuGxhLbzR4ABABw14Xv9xLi+AAAAAElFTkSuQmCC); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.dash-lott-thb > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM4MUZGODkyRDhCMTFFQ0FGRDI5MURDRDM2RUQ0MjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM4MUZGOEEyRDhCMTFFQ0FGRDI5MURDRDM2RUQ0MjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QzgxRkY4NzJEOEIxMUVDQUZEMjkxRENEMzZFRDQyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QzgxRkY4ODJEOEIxMUVDQUZEMjkxRENEMzZFRDQyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkD8r0wAAAHZSURBVHjapNTPS5RBGMDxd/WtDFYqqw0Pxl6WBamLyWIRHbTVTp1CaOniTQ916BCEf4BKHt09KArRDzp0TFyi1kJhd4U81B4EsYu0Iv3APBibu/P2nZp3Hdb3ndYa+DDvO8+7z84787wTeFr8Yv1Ha8Al7N5sPZn/PSAcy/pHNtJYQO5J8etjmTDwcP2z+29B3MAFHDbM6iduI46XNbEOu+I48qIXjxCq4zVLuOMTKzdUhBPGc4Rg1eEIYsjghTY+PdB2+oNddpy7ZG4+4GaM4yquI4Yfg+Ez72XAJnP3X368gjCatLHLeINhZFFxA3ZZOLWz+4Z5CHW/LBcb5xBVpSJbF16r61HcdxPWzqhF7d4kzmMEH9Gvki7imG9hloWwPDTW3N9SfQFZr99UX7myf4ZebVX1R9FuelDusiku1zONt+jEGM4av0W5hgYtuIY5bCOOlNez9SZ0BXEFAjOmhF677Nc2tSowrKEQJY91W1PX31WZzOKdOjweeOTZ0Xd5iT6iBWWhP9PuZU32IWWYWF7f5Qn6hDzK1NghnNAe7lFHm18r4FV1U5hhDvcgfE6XU7B9Yp+QSMYiYu+V/9ShPD0yGFLf7XHDjORBsKGWIjl1MbqlB38JMACl6qW8SpoMxwAAAABJRU5ErkJggg==); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.actived {
            color: #ff8000;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAAAqCAYAAACnQCd0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDcwRTk3QzhFRUIwMTFFQjlFMzVDQUE3OUQyNEU4OEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDcwRTk3QzlFRUIwMTFFQjlFMzVDQUE3OUQyNEU4OEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NzBFOTdDNkVFQjAxMUVCOUUzNUNBQTc5RDI0RTg4RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NzBFOTdDN0VFQjAxMUVCOUUzNUNBQTc5RDI0RTg4RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv6yZvkAAAERSURBVHja7Nw9SgNBAIbhb9TG00jO4hlyB1tPIHg3S08hqSzGBAlIyMxkFiSLPk+RhJ2fZBfeYotsqY+pOdjkfv9a8u34njPHysn46bHSWd/afzTW2rd0fmMWrp0559H6DMZ6a3pm5h7VhXMv+dwaq525vTnnxuqF62fXtr53NJaJfafP+SbA6ggThAkIE4QJCBOECQgThAkIExAmCBMQJggTECYI8+Ajty4HrC3M97zkc9EfcIFfC7Nmm7c8uySwtnvMkp1LAtd39yPRpzzk1SWB6ysexuVhXIO5HsbV3s/DuOD/3mMCwgSECcIEhAnCBIQJwgSECQgThAkIE4QJCBOECQgTECYIExAm/BFfAgwAVWtrtM7yFegAAAAASUVORK5CYII=) left center no-repeat; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.pumping-compact > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAABaklEQVQ4ja2UTShEURTHfzPzklIyPsrGjozNlAWKspBYW9iwkI2dhVJW9spCyUbJhr2NFbFTVmqkSdaksFK+xr3n6DbvSXrPfYNfnd7r3Pv+79xzzj0Z83BJDA1AXdzCF56ASq6l+9OTeb8vR+9NwDIwBbR7hCLOgXVgO2jt0UBFnL8NOAG6UopEFIEtYBiYyVRuS86/C0zXKPSdyczbzVkeuAOCP4odBSqm1yP0BqwCC2FhkugLENvm+eNVWJgRYPCHfY0uslzKY4hvQ6DWpNTy4yL7RzF/ZNnwuQ/0/3QzsioWjxVU7JKKXVOxRRV7kLQ/647psZyKWVExJRXToWLGVcxi3De1FKAAHAJ7wHN8zsQ8pFULmUjwv7imLScs1sqFi+waOA47/C/sBK4KwHw4gtxM+w2nwGbUGmUVO6Rij1SspmiXyF5V7IaKHcsPzFYCqsPR4XI3Gk7ZTqDeE+Kjy1Pz0Fy1ssAH2s8CoYQvYDoAAAAASUVORK5CYII=); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus > ul.items > li.item.promotions > i {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAABaklEQVQ4ja2UTShEURTHfzPzklIyPsrGjozNlAWKspBYW9iwkI2dhVJW9spCyUbJhr2NFbFTVmqkSdaksFK+xr3n6DbvSXrPfYNfnd7r3Pv+79xzzj0Z83BJDA1AXdzCF56ASq6l+9OTeb8vR+9NwDIwBbR7hCLOgXVgO2jt0UBFnL8NOAG6UopEFIEtYBiYyVRuS86/C0zXKPSdyczbzVkeuAOCP4odBSqm1yP0BqwCC2FhkugLENvm+eNVWJgRYPCHfY0uslzKY4hvQ6DWpNTy4yL7RzF/ZNnwuQ/0/3QzsioWjxVU7JKKXVOxRRV7kLQ/647psZyKWVExJRXToWLGVcxi3De1FKAAHAJ7wHN8zsQ8pFULmUjwv7imLScs1sqFi+waOA47/C/sBK4KwHw4gtxM+w2nwGbUGmUVO6Rij1SspmiXyF5V7IaKHcsPzFYCqsPR4XI3Gk7ZTqDeE+Kjy1Pz0Fy1ssAH2s8CoYQvYDoAAAAASUVORK5CYII=); }
      ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus div.menu-list {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus div.menu-list > div {
          width: 100%;
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          text-align: left;
          color: rgba(255, 189, 84, 0.6);
          position: relative;
          padding-left: 18px;
          border-radius: 5px;
          cursor: pointer;
          border-bottom: 1px solid #4c423b; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus div.menu-list > div.actived {
            color: #f6ef51;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAAAqCAYAAACnQCd0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDcwRTk3QzhFRUIwMTFFQjlFMzVDQUE3OUQyNEU4OEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDcwRTk3QzlFRUIwMTFFQjlFMzVDQUE3OUQyNEU4OEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NzBFOTdDNkVFQjAxMUVCOUUzNUNBQTc5RDI0RTg4RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NzBFOTdDN0VFQjAxMUVCOUUzNUNBQTc5RDI0RTg4RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv6yZvkAAAERSURBVHja7Nw9SgNBAIbhb9TG00jO4hlyB1tPIHg3S08hqSzGBAlIyMxkFiSLPk+RhJ2fZBfeYotsqY+pOdjkfv9a8u34njPHysn46bHSWd/afzTW2rd0fmMWrp0559H6DMZ6a3pm5h7VhXMv+dwaq525vTnnxuqF62fXtr53NJaJfafP+SbA6ggThAkIE4QJCBOECQgThAkIExAmCBMQJggTECYI8+Ajty4HrC3M97zkc9EfcIFfC7Nmm7c8uySwtnvMkp1LAtd39yPRpzzk1SWB6ysexuVhXIO5HsbV3s/DuOD/3mMCwgSECcIEhAnCBIQJwgSECQgThAkIE4QJCBOECQgTECYIExAm/BFfAgwAVWtrtM7yFegAAAAASUVORK5CYII=) no-repeat; }
      ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus div.money {
        width: 100%;
        height: 70px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0 auto;
        font-size: 14px;
        color: #fff; }
        ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus div.money span {
          text-align: center;
          line-height: 50px;
          height: 50px;
          width: 100px;
          border-radius: 5px;
          cursor: pointer;
          margin-top: 10px; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus div.money span.recharges {
            background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ff5300));
            background: -webkit-linear-gradient(top, #ffa200, #ff5300);
            background: linear-gradient(top, #ffa200, #ff5300); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .menus div.money span.withdrawal {
            background: -webkit-gradient(linear, left top, left bottom, from(#72e4ff), to(#8276fe));
            background: -webkit-linear-gradient(top, #72e4ff, #8276fe);
            background: linear-gradient(top, #72e4ff, #8276fe); }
    ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page {
      width: 1170px;
      background: #fff;
      border-radius: 5px;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
      ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.title-box {
        height: 56px;
        line-height: 56px;
        font-size: 20px;
        color: #606060;
        font-weight: bold;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
        ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.title-box > .title-content {
          padding-left: 20px; }
      ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.route-box {
        width: 1156px;
        min-height: calc(100vh - 146px - 125px);
        background: #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 5px;
        padding: 28px 20px 0 20px; }
        ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.route-box > .sub-menu {
          line-height: 35px;
          font-size: 16px;
          text-align: left;
          color: white;
          margin-bottom: 15px;
          border-bottom: 1px solid rgba(77, 27, 0, 0.6); }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.route-box > .sub-menu > span {
            line-height: 35px;
            min-width: 130px;
            display: inline-block;
            margin-right: 5px;
            border-radius: 4px 4px 0 0;
            color: #606060;
            font-size: 14px;
            text-align: center;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 0 6px;
            cursor: pointer; }
            ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.route-box > .sub-menu > span.actived {
              color: #ff5e11;
              background: #fff;
              border-bottom: 2px solid; }
        ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.route-box.help {
          padding: 0; }
        ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.route-box > iframe {
          width: 100%;
          border: 0;
          height: 750px;
          -ms-overflow-style: -ms-autohiding-scrollbar; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.route-box > iframe::-webkit-scrollbar {
            width: 4px;
            height: 6px;
            background-color: #f6f8fb; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.route-box > iframe::-webkit-scrollbar-track {
            background-color: #f6f8fb; }
          ._3J9oWO0FAwsW6pCryZzqH6 > .contents > .page > div.route-box > iframe::-webkit-scrollbar-thumb {
            cursor: pointer;
            background-color: #f6c74d;
            border-radius: 10px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

@-webkit-keyframes scrollup {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0); } }

@keyframes scrollup {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0); } }

._3b7cpVd91bTuYMxmXkHyXh .scroll-container {
  text-align: center; }
  ._3b7cpVd91bTuYMxmXkHyXh .scroll-container .scroll-lists {
    position: relative;
    overflow: hidden; }
    ._3b7cpVd91bTuYMxmXkHyXh .scroll-container .scroll-lists .scrollup,
    ._3b7cpVd91bTuYMxmXkHyXh .scroll-container .scroll-lists .scrollup2 {
      width: 100%;
      position: absolute;
      top: 100%;
      -webkit-animation: scrollup linear infinite normal;
      animation: scrollup linear infinite normal; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._6oSxMdEVD4Ev3Y8Tx518d > .title {
  border-left: solid 2px #fe791a;
  background: -webkit-gradient(linear, left bottom, left top, from(#ff5b06), to(#fe952c));
  background: -webkit-linear-gradient(bottom, #ff5b06, #fe952c);
  background: linear-gradient(bottom, #ff5b06, #fe952c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
  padding-left: 5px; }

._6oSxMdEVD4Ev3Y8Tx518d > div.total-view {
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #e8eaf0;
  padding: 10px;
  border-radius: 10px;
  font-size: 16px;
  color: #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  ._6oSxMdEVD4Ev3Y8Tx518d > div.total-view > span {
    border-radius: 10px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border: solid 1px #ccc; }
    ._6oSxMdEVD4Ev3Y8Tx518d > div.total-view > span > em {
      color: #ff0000; }
    ._6oSxMdEVD4Ev3Y8Tx518d > div.total-view > span.bet {
      background: -webkit-gradient(linear, left bottom, left top, from(#817afe), to(#6296a5));
      background: -webkit-linear-gradient(bottom, #817afe, #6296a5);
      background: linear-gradient(bottom, #817afe, #6296a5);
      color: white;
      width: 40%; }
    ._6oSxMdEVD4Ev3Y8Tx518d > div.total-view > span.get {
      background: #fbeaea;
      width: 28%; }
    ._6oSxMdEVD4Ev3Y8Tx518d > div.total-view > span.lost {
      background: #fff;
      width: 28%; }

._6oSxMdEVD4Ev3Y8Tx518d > div.fliter {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: -20px;
  background: #fff;
  border-bottom: solid 1px #e3c9c9;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  ._6oSxMdEVD4Ev3Y8Tx518d > div.fliter > select.lottery {
    width: 200px;
    height: 50px;
    background: #e8eaf0;
    border: solid 1px #dfe2e9;
    outline: none;
    border-radius: 6px;
    color: #666;
    font-size: 16px;
    padding-left: 7px; }
  ._6oSxMdEVD4Ev3Y8Tx518d > div.fliter > div.status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    margin-right: 10px; }
    ._6oSxMdEVD4Ev3Y8Tx518d > div.fliter > div.status span {
      width: 135px;
      height: 55px;
      line-height: 55px;
      text-align: center;
      color: #745454;
      background: #f3d5d5;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      margin-left: 10px;
      cursor: pointer; }
      ._6oSxMdEVD4Ev3Y8Tx518d > div.fliter > div.status span.actived {
        background: -webkit-gradient(linear, left bottom, left top, from(#ff5301), to(#fe9a2f));
        background: -webkit-linear-gradient(bottom, #ff5301, #fe9a2f);
        background: linear-gradient(bottom, #ff5301, #fe9a2f);
        color: #fff; }

._6oSxMdEVD4Ev3Y8Tx518d > div.list {
  padding: 25px;
  padding-bottom: 5px;
  border: solid 1px #e3c9c9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  border-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }
  ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div {
    margin: auto; }
  ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item {
    border: solid 1px #ccc;
    border-radius: 4px;
    width: 49%;
    color: #666;
    margin: 0px;
    margin-bottom: 20px; }
    ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.code-status {
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-left: 10px;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: solid 1px #ccc; }
      ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.code-status > span {
        width: 120px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        border-top-right-radius: 4px;
        text-align: center; }
        ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.code-status > span.wait {
          background: #fe9a2f; }
        ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.code-status > span.win {
          background: #48cb26; }
        ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.code-status > span.lost {
          background: #ff0000; }
    ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.issue-cancle {
      padding: 10px;
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.issue-cancle > div.issue-box > p.issue {
        color: #ff5301;
        margin-bottom: 7px; }
      ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.issue-cancle > div.cancel-bet {
        padding: 0 5px;
        height: 30px;
        line-height: 30px;
        color: #fe9a2f;
        border: solid 1px #fe9a2f;
        text-align: center;
        border-radius: 4px;
        cursor: pointer; }
    ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail {
      height: 80px;
      background: #fbeaea;
      border-top: solid 1px #ccc;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail.bottom-info {
        background: #fff; }
        ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail.bottom-info > div.bet-item > p.total-price em {
          color: #ff0000; }
      ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item {
        width: 50%;
        height: 80px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 15px 0px 15px 12px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item.detail-item {
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: end;
          -webkit-align-items: flex-end;
              -ms-flex-align: end;
                  align-items: flex-end; }
        ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item > p {
          text-align: center; }
          ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item > p > em {
            display: inline-block;
            color: #666; }
          ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item > p.i-code-1 em, ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item > p.bonus-1 em {
            color: #48cb26; }
          ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item > p.i-code-2 em, ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item > p.bonus-2 em {
            color: #ff0000; }
        ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item > span.detail {
          background: #a1a1a1;
          padding: 5px 8px;
          border-radius: 10px;
          color: #fff;
          cursor: pointer;
          width: auto;
          margin-right: 10px; }
        ._6oSxMdEVD4Ev3Y8Tx518d > div.list > div.item > div.bet-detail > div.bet-item:last-child {
          border-left: solid 1px #ccc; }

._1zblNiuFRyJ3MkHBaZo3K- header {
  margin-bottom: 20px; }
  ._1zblNiuFRyJ3MkHBaZo3K- header p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: 40px;
    font-size: 14px;
    border-bottom: solid 1px #ccc;
    padding: 0 10px; }

._1zblNiuFRyJ3MkHBaZo3K- span.wait {
  color: #fe9a2f; }

._1zblNiuFRyJ3MkHBaZo3K- span.win {
  color: #48cb26; }

._1zblNiuFRyJ3MkHBaZo3K- span.lost {
  color: #ff0000; }

._1zblNiuFRyJ3MkHBaZo3K- span.discount {
  background: #eed12d;
  padding: 2px 8px;
  border-radius: 6px;
  color: #fff;
  width: auto;
  margin-left: 10px; }

._1zblNiuFRyJ3MkHBaZo3K- .rate-detail > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  ._1zblNiuFRyJ3MkHBaZo3K- .rate-detail > li > span {
    margin-left: 10px; }

/** 
 * 该文件由CLI自动生成，创建于：Wed Sep 08 2021 12:21:56 GMT+0800 (GMT+08:00)
*/
._6oSxMdEVD4Ev3Y8Tx518d .fliter .hidden {
  display: block !important; }

._6oSxMdEVD4Ev3Y8Tx518d .options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
  padding: 0 4px; }
  ._6oSxMdEVD4Ev3Y8Tx518d .options .select-all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    ._6oSxMdEVD4Ev3Y8Tx518d .options .select-all > span {
      margin-left: 8px; }
  ._6oSxMdEVD4Ev3Y8Tx518d .options .batch-cancel-bet {
    background-color: #fe9a2f; }
  ._6oSxMdEVD4Ev3Y8Tx518d .options .select-all, ._6oSxMdEVD4Ev3Y8Tx518d .options .batch-cancel-bet {
    padding: 8px 16px; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._36opNDB78Yyuo2bnMUoUxl > .contents {
  width: 1400px;
  margin: 40px auto 20px auto;
  min-height: calc(100vh - 486px);
  -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents {
    width: 1055px;
    border-right: solid 1px #f3d5d5; }
    ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .tabs {
      height: 50px;
      font-size: 14px;
      padding: 0 30px;
      background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#ffa200));
      background: -webkit-linear-gradient(bottom, #ff5200 0%, #ffa200 100%);
      background: linear-gradient(0deg, #ff5200 0%, #ffa200 100%);
      border-top-left-radius: 10px; }
      ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .tabs > span {
        display: inline-block;
        margin-top: 5px;
        height: 45px;
        line-height: 45px;
        padding: 0 20px;
        color: white;
        cursor: pointer; }
        ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .tabs > span.actived {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          background: white;
          color: #ff5400; }
    ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .lotterys {
      padding-bottom: 50px; }
      ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .lotterys > .lott-cate {
        padding: 20px 30px;
        border-bottom: solid 1px #f3d5d5;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .lotterys > .lott-cate.TC, ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .lotterys > .lott-cate.TVIP, ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .lotterys > .lott-cate.GS {
          padding-bottom: 0px; }
        ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .lotterys > .lott-cate > .name {
          width: 120px;
          min-width: 120px;
          height: 40px;
          line-height: 40px;
          text-align: center;
          background-color: #ff6600;
          color: white;
          margin-right: 30px;
          font-size: 15px;
          border-radius: 8px; }
        ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .lotterys > .lott-cate > .lotts {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
    ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .bet-history > div {
      -ms-overflow-style: -ms-autohiding-scrollbar;
      overflow-x: hidden;
      height: 1200px;
      padding: 20px; }
      ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .bet-history > div::-webkit-scrollbar {
        width: 4px;
        height: 6px;
        background-color: #f6f8fb; }
      ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .bet-history > div::-webkit-scrollbar-track {
        background-color: #f6f8fb; }
      ._36opNDB78Yyuo2bnMUoUxl > .contents > .lotts-contents > .bet-history > div::-webkit-scrollbar-thumb {
        cursor: pointer;
        background-color: #f6c74d;
        border-radius: 10px; }
  ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners {
    width: 345px;
    padding: 25px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .notice {
      height: 250px;
      background: url(/webx/thai/desktop/images/051910.png) no-repeat center -50px;
      position: relative;
      padding-top: 53px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .notice > .title {
        color: white;
        font-size: 26px;
        font-weight: 700;
        position: absolute;
        top: 19px;
        text-align: center;
        width: 100%;
        text-shadow: 0px -2px 2px #ff5300, 0px 2px 2px #ff5300, -2px 0px 2px #ff5300, 2px 0 2px #ff5300; }
      ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .notice > .scroll-box {
        border: solid 2px #ff5300;
        border-radius: 10px;
        padding: 10px; }
        ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .notice > .scroll-box li {
          border: solid 1px #f3d5d5;
          color: #745454;
          margin-bottom: 10px;
          text-align: left;
          padding: 8px;
          position: relative;
          line-height: 28px;
          font-size: 14px;
          font-weight: 600;
          border-radius: 10px; }
          ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .notice > .scroll-box li > .win-time {
            position: absolute;
            right: 10px;
            top: 8px; }
    ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking {
      min-height: 300px;
      background: url(/webx/thai/desktop/images/0ed5dc.png) no-repeat top left;
      position: relative;
      padding: 100px 10px 20px 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 10px;
      margin-top: 20px;
      border: solid 1px #f3d5d5; }
      ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .title {
        color: white;
        font-size: 26px;
        font-weight: 700;
        position: absolute;
        top: 40px;
        left: 20px; }
      ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list {
        max-height: 816px;
        overflow-y: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: solid 1px #f3d5d5;
        background: white;
        padding: 20px 15px;
        padding-top: 5px;
        border-radius: 10px; }
        ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list::-webkit-scrollbar {
          width: 4px;
          height: 6px;
          background-color: #f6f8fb; }
        ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list::-webkit-scrollbar-track {
          background-color: #f6f8fb; }
        ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list::-webkit-scrollbar-thumb {
          cursor: pointer;
          background-color: #f6c74d;
          border-radius: 10px; }
        ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list ul li {
          height: auto;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          border-bottom: solid 1px #f3d5d5;
          height: 70px;
          color: #745454;
          line-height: 22px;
          font-size: 16px; }
          ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list ul li > .num {
            width: 44px;
            height: 35px;
            text-align: center; }
          ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list ul li:nth-child(1) > .num {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAM5klEQVRYha2Ye6zl1VXHP3v/9u9xXvd95869zJO5zAwzDMwwxfJwaClaI4FUYzRqSEO1IESboi2QFNNabTT4hxqblsTUGEM0WKsV0gqG1hACrVAsFobCMDDMMDP3MXfOvfc8fu/9ML9zBwZkgBj4neTk5Hf247vX+q61vmuLf7tjB+/3EQLyQtAIiz/atq34g7Qjj718IrxDKu9hJR3ufe8A8gNYg9JAYPq/e+BA60s7bv6r1t5bb7to99beQ0VabrMfBMoPCmieIzas03e1ZkeBX4HmdVy43WO4zl2l/mCQqg9kFadx9fU+WQgnbwUyaOyB4ISHzgDvfW/xrhYVQlAUln63pNRrXDzXE4bSzS8WX+u8UsLBR+GlIxw55uj20nt99fYtxNriZKkl7pUYK95x7fcEWk3MctRws/zriy6Kn6/75R15KTjXer7y6CXmK0/98JkfmXCc1453efqJg3f7gXpayLfPcFXwpW7rzGT64IU74v8WRv9WaeQ5135PoEUBLbH0px/95Ss/c8nvfXPXldfO/Lmnu5/W5u1jnRO4eGnD5PbtG9wVv4baO0s0HEzoJOVcR0tTx/TI8r8cuPnGG/bd/jeX7tsr/9Yk8eXmXej8jkCz3HqbZ9TtwZZpYAcjGyaYHK3fVJRvRVrRI+muMDE98fe7bvj8tBE7mN55E/uv+8TvW11eo6sTv8mvzjms9c4/f3O4j8kNwC62XDDCSGRuq+j1/wbq+djlZPQ5jh6EIzeTPH+S5RX5VOW3wb7Vl4C4s4Iv7R/v/9XPfSxYfxVhECGCbZz3kduY/fA19/fbi+udta8zczDPee7I4sLwEj95AOa/QDzvEWv1Y+9dYs779asmzvmHUpJuv3yyWIh/3s/7Y2J9m8wmrc5i63jaS14yeULSiWtDoxNfufSG3/nCzJXXAz8FJ0H0gIh1F+xsrL56+MDikSPfQpJZFLqUk6Ldv6fUCx9utrTfezFOnnth9Ydd7d0aqHdmqfj2HTsoc4v0BL4vcGd4Uk3RSDpz8RWXXtv5wSWfugrTXuT0IcuJw9ueT/vqxOiovXjTZRdNtzZfCcFSFf/AEGDWUhRD9BcOcvih7811jicP6bIdNmvd62a2mrH67lHmDy1y+JHsP4to8tp6bY0WZ4xOVSjyVCOlJIw8VFGwaThc/mxRRkczPfzVUJkB2MEU42i2mJ3ZOYXNJolLx7pdLzB1wcHdphzf7c0cGByH5J8h2AXsPQPSO8OqkzQnNPs+tXNGv/zCb6dzCd6khKEp8nyCC2bBHl/Z/uzhygFnI6kKzrJgdmq8/ydF4bVXk+G71ewm++TeG7+4Pj72DI/943fraTl2j6/O1O8cZqbUbfWJETrLK9gyZHFBEJWHae0cB7MI/XkYWk+5uET/ka9iCgPW4rcaDF//M9Dogm0jN69iyw7Lx5sYP8KrFySlY3Jabagflz+nrf6eJ8XAQFmio9kt+WMfuvWe6XLpZR6792tb5b490Xq57mO0Lr6UjVPyzqSogkSSpBKlzV2zO/UVq/EcnYU5bOIRRttpXfgJPDkN88+AyLGdnOX7f4D1dhBu+zjB7C9SdIdp/90D2KwPSRfZbzC8bScjuzZgVZP2QswLLy5RlCvsmC6+0Ym9Ea0FpZbVOT+6dVMwTXMj/tatbNngX6cWFxzrX/1D6JYY7Y+p5c4309w93my5PRftEZ82TUs8P8z6bSPUGx2U7KE7R8jTnFp9HcIHc2ieckkx9dkbgWaVKbFX7+Hklz7PcHsBOeGgtwzdPsOhon5Bn9MLHq4b8qOn2+wdd5sv2zDy9Munsm9E5FGRqZva7QbjL/0ZLGvmO+MvigfvnL3n4s3RnV56lHIswQ1tpre6idGJFsNbSgq5Sj00CNmhjE9hNfhhC7/eIAwbEIUQTbF03yq9k47Rj1/O6IFrsL0ljv/F1znvls2okQQ6C5DHFO0+Wd5DhiGCkFOnFJGImB4KWVgdph/X8KMew6d+jF4JOZSsO3TydHm9TMvgrv96vvvFk6f7lCuORsuw5cAoox/agFg3TRAK0vYxukdPkq0E4OoY5xCmBJ0P6iwiZvKW3fjjGae/+zjQxZkOeVHgqpNVAecMtjQI38PZGp3XUhYOL1IXp1AjPeaaEfXdk0zuH2fCa9NYjDkyr9OXFtgfhOplWUW5qI38ZS7HCps7uq8kdF56nqz9E0x/nqJr0EWIUyFOOHSucbkdBI2tErmz0M9AOlpXb8eFdWAVY/okaYmz5VooD8ZWVckhrMMLPDw/JOkK2nM5pt0nWTpG/urTFMdX6IuIrj/27UZNxFWIDSqTFLaf6/rTJgVbxqA9nI5wKKS0uBJsCiY36NKiK5ClxWjNgAuuslqPfGUFPahCfXBdtLFQWd4kA4tWAsUaO3hfpcC1AudQgcKLQqSqIXSEV6T0tKKrw+/4wp4toZ4wpK7xnaz0sHGGSRJMmuKqui7kIP3bzOFSh8gEtnRY7XC6smq5BnbgXkuvSMEtQ7FKkmYMGpEz5dZWiqaiTZVtzygQKwSeH+AFEZgqJ+f4pqCrA1NY7/tSuLNAJZbC+vdltonQDp3EmCTHVhw7Iyi0dgNNagqH0AJXOigcrnDVS3Ap2mYUOgHbwZkuZVFgy3wAwOV64AVnHdY4rHNrlUhU2sFfo4e2eP2UonAs5s0HBZx6myhxiBOZaD4nPBBa49ICUeYItyZppKoEmxtwsTLegAba4Coa5AWUGVkvpshjEMtYt0Kapui8hEwPxjtjMKUZgFWepBIrnpQEgRgg8IoM5XL61Ojp6GFfnlVqbwBVlMSudR/1JsqXA9JLYxDVED/ED0P8QCCFRAx4YweLW1vxlUEGKHsFzhmQCbVmTpGVmCwb8FRg3xARQjo8CcpXBLUIP/LwhUbkmnrDseq1srSUD3jibFl9o2eqgibN/XsX+pNf3jXrakTBAIxQAUEUonUFIhq8qwSSDNVgU09JnFCQlzRmJMcPtll99jhLL/TormrC0QBnC0TFdakQSiHDtXTl+yCqfKpq1V+oEUmWtXh1Sf2TEnrxLWru9R/WSkK/uH44SlR3dZKJnQ2iKYVUPjb30K0QW+pBlqkYEPiu0qy4CqgMcZlg45WT7Lyux7/e8ixOefzs7TupTUeYZXDBEJ5fEvgg66CMQ3oSL6whaw2qs/YWAvpLMUPy9GWpG51BuLnXLwXOApWSOvo3mt0lv51mxCJFnVhPY8wfuF0JH9+z+HVJUC/xfYOIVOWKNQJVqGshV9x1Mfs/eT5B5MFoCFmMNxKB9qEKwtwgMh/dE+SpxXQ9stRRxDHx3ArB3KusE3LXopu42mHuF2eQvgFUSUPu/LufOjhz+XT9xLoh26E2M49LIuKwTln5xgtQXg1n1ZpAtgZPWKQ02Iq3zqBqAX5doQuNjqt33mBs5QgjFbaKbNHD0scVGpVltGRMsJCQvKJZOB3Sb2161F9n/0Poc3C0WkkIezDYObot6/k/rXXjja7bpTa8TGusg4scurCoMEBMNqDewqgtGG8K3CS6nMBWVislulOxQ+MHCUqtgFvCs4so5vFcn2yuM+gem3VJtgTZsiVTTYZ3tHitNvQPqOBGUZXnNzWGb7mAcLaK6qJZGxNF0AwpyjHmTncpjmVENZ+JSwymr+m/2AESVGsFWffw6z5eMIbv1/D8CIGHtSm27FNWKSru4/oFaS/DWcPEhVAEEU886lHYkMZGxcz+OjXfp3aqOD9OxARKnH4ztrf0TAaPBvm3dq5fuOzkqZzuvCJPqqYiI5xyXPCbiqG9gpX5gLziW00jhxPkREK0pc7wZVsYunIP9T3nU5+tQ6ODlosYv09SGuLU4o37bPukTzAtefYxR5IXyFBQrvi45SXOa3U3Lq2OrDpPPP7mDuotFlWepSjDf3/y++EvbNzSZWZfTi8JWO40WbUFBx+SeE6wdEijuxqhBGHT0RitKuZrJKlPbbUcRHLeXiQ5dpT+0VXi05CcFuR9H9VTqAcdVY1ojjii8wKmZ3IC0+X4QcVcOY6YEo8PUsub+vy3XTs6T1CmfKa20v/cpvHO5k3bU2pjlupTehJb89FBiLXjFG5owE8hxnByDKMmkZ5/RnxUGmAFT7dxeh4p2kgV49HG78V4uSH0LU4r+nOSI69EzKWjT5TDzS+rwDwi/s814DnvR4Un0MJTed/9korLj9R1dvFwWO6q14oJPyqptST1EYnfDAhqE4hgHOOP4/l1bFE1dg6hDFbHeOUyrpinyHrk3ZJs1ZB1NIWJdCeP5rp977kiDP/HNsOHg4Z7XFbC5EwRe0+gbzyVZariJyTaiJop3EZXch7GTnhWj2DMlDTZKDqrYcqa9LQnxKAk4JyU1qgq9HuoeuJEsGI9b8l5XsdJeUoG4jUVMOdJp4WzyErXvtOVDvC/4M3CqWUgh7EAAAAASUVORK5CYII=) no-repeat center; }
          ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list ul li:nth-child(2) > .num {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAANcUlEQVRYha1Ya4xd1Xld++zzuO/HjOf98HNmsB2H8WvsYIeYAAEXaFpZrRRaNVRNBFIqmoa8oKogqaKqoRVtFSn8iZDVkjRpoBQSaOLG4IAIYIMdA37O2J4Zz8yde+fO3Nd57bMf1T62wVbs/Gh8pJkf9567z9rft7611j5k519/B7/rRQBEQsKkeHRZW9tDfhBN1xv1v6LU/F9Cfufl48u4HosIqSBE9IWPDg0+9vj9t2YfuXdsXXshuy9g0arrsT6uF1AmJCmmrK8NdndgTUcOG1cX0dnehqRNvsalvB6PgHk9FtFYilnHUcLDUwcmIUSIVR3AzJxFa664LuWggx/7vWt+SQhBxAWCMAI1DFB6jScSAqlUJm94u45OzMB3l8DCECfnvPtNk8ySqxBVfxQyDhZxmNSAYfx2Ml9zr3ohzoVBTfOf2trbDlOKL3MhcLXlHNNAucYeO3x26eBta4tIEI6fH5l/2DCMQ/QqAPQnPJIrE6nEc9l8/ldCyj+TUv3/gHIuwTj/1h/dsu5Le79yx+i29SsfDyP+OXGVBaVSWGr5Xds2j/Te9wd34Z5bx1DIOsWmG4BcZWthJHS3fvjgH27+9FMP3b59ZV/XXi9kY8C1wV4TaMgl7cg5D63pKaAvX8RAZwHFjPXnjF85HAYhqNQ8jAwW996/e1tfQ0hsWLUcn79r01fDiO+4AOrD+5UCJNSKrvb01hVdHRhYVsTqnhwSJnmAi2vivDZQg1JlITp2enIWf/fMERw+fgL1uveG0jUiF9qnuVdecqGI+tuvf+bjdwwUl4FQGyZN4E9v2Y5P3zT04+lyrajBXcKqfyslPce8Wvn5V9/Fkz8/Ce6WoSSOkd/C02sOEzUM5TL8erZU3p0Si9mPb14HmUlmTp8pTdSabCKIOCpLrtlRTH3z4Xu3P3rP1s3gAAIB+ABShGDTSHfmyPj5G9+dmH/WMinnQqHpRTkJ9vcD3YWbsha3JibGw1Ozwbu+NO+3KOHXAho7E+cinjrD+LDAMeElMLtQ/8Q3PnvzK5+9fSdm3QpeO3IObx6bPdhw3cmutvyWe7avXLFteBVCJOBKwDQuMM0XQJEC43Oz+O7zB89NTM29kLRIsr8jf9eGob6e7t5+nC3V8G/P/uKAgLUrk7Sg1JUcDSMeU8u2TJDtD/5Lj8vUX1ID0xmHPqnJf+n2gMXS8Sf/+sV7/n1FVx5ui8FyDFQZh1Qm1ncW43vr3ETOBGwAi1o2DcAiwKICVKQ3HeHIuRJKpSra82koWOAhw/KOLPb+9I2pA++cWt5RzOBynEKI1RzmI0rKBZuqR81iLnvw0T2b+46eLeM/9r2fTdj0cS0pmkuuz7BppPeBYtrGYq0JISRmZxcxFZnYNDIMCRNVCRRM4P1SDb88Po2W60PPRDGfwc2jI0gnKXhkYfXKAbxf5njr0Enc0JFCf3sOrqcwtGLZ4C8Pj++SQr5CLnY0YFGiLZ979Rv37eiZLlXx7R8eXG0M97X13Tk6jF0f6YdJyVc8JuPGhyEHl+qBsdHBnZWlBZydnUOt0UR7Poe71w+jP2XjRFOBGMDPjp3Hkz87hKJNcffG1bhz3SBEy8P3XngNM1UvrnKlIbF74wD23PJRFB2FuZnz2H/oBLrbEti0bvC7pWoTUkporWaMb23POj2r+9sxuqYLnfnkHjr6ydsfG68qnJmcgcVr6alyY6Du8TbGxZ5tYyu/PdidhNuKMDQwiGXFdtiJHEouw6QrUMw7OD1dxXMH3sYXdo/FALtzKfQXM/jYUC/mFpfw+vFprBsexGxT4dTMElKpBHp6u5FLAqWFOt49cQ6jqzqXNULcMbuwlOUKN7VlrEdGOs2uY+c9HJtcwFy5Mk52fvGJf1xRNB5q7+rG2qEVoH4dpbqHQj6LDcMDsMw0Usm0livMLtZRcwNYSQdtxQK62zN4+qW3sCJn43O7RvFOuYkf7D+InetX4s4NK7HghnjiuQPYsn0HMvk0xmcWMXm+BBMCI31t6E8rzJWrWN7VgWwuh1+PT0FFISwDOH2+jKkz41hq8jMVl9xphtz48qmKikYH819/f76JtX1d2LEmB5tSCGIiVBQzcwtY8gJYpgHHNCGlASYEKq7C0mIdn1wzFHPrlYPv4fD4eVCpsHN4MBZNoiSaXggnkwZRCrmkhVYzwDvjc5hImljXV8RCIDDfXEDGcVALGY6emcNCw0WNZ9jsUnVzLp2omY5FEQTRP9QWFr/a399hHNPTuVBHWzaNXCaJhENjmTKpGQcULjgcI4LhMqSKBP19vfjxywdx5OwMZpc8rOosYKS3HUmH4s2j51Bu+NjZWYQXKQgpEUkOSinabANJk6C82EAkBFotH5WlGlquC8llXKgoCJ5PJayaFrw45hEDtVbTf5uFbGusLbFByAupCCR+gLbCSGrxEhA0AhyCWlNibMt6mITDYyGqTRc9aRt3bF+Hsh/ivw8cRO/gGuTzBLUZBsYYFBdQSkIpI84BFqVxekJCgKUSgIgQhgJBECAI2HOXQk2sB5ZJ0XKDF4OAQUmFIGTwdQQLWXzEYEIhFIjb7UcKPhPwJUHTV7Eb3XfbjehpLyBqLGHPLVugLBs/+J/XUWMKt+3agkYLcZzTG1YXQ80lC9bF0EIfMhZ3S3ctjoBBpIPRq5ciYgxUO1IQsKeaTf+SjsVAXSYQRRJSKOikHggJX+dTDTSS4Eohkwf2vnoCz/7XT/AX9+xCvlDEc/vewAsvv4VdN+9APg9EXB9XRAyIS4FLzm9czAxalnQq40LGtiaEQLPlv0QImfoge1zmppONpn+S8wu7iiIBLamhMCAUiUFpruqqMHXB3hJJE4femcW+53+Kz+/5FNq6u/HOibN48+2jGMin8PaB/fj+918BoYCph1BXS7f9IkrLMOLqaWAabPynFFgkELLoJ5cH9Q+OIprgrZb/tO+zb9q2BZ8xJBlDpH3WMOLd6gV0ZQg4HIW46i/v+wV2b1uPlcPDODNTQirt4P7P3I1MKgnPbeKf9z6D15NZbNi0EVEUxd0B0cw34gpLIS5k3yiK26+9PfRDFUXyJcuivwnUpASMie/MzNceXt6/LBmEAVqeGRNd/4AzvUsBIRQMzdnAhx9wmDKKAXacPgff8+Nqzelji0lhQ8U8DwMPfhiCsRA8YtADIg0JQSkUV/CDEIxHMX9dP8TcQvNpSo2zlweUD4AKpZBwzBt6rACVUgWdA/26zDF3TEXiwBBJQx+LYUgJz20hDAJsvnkXXnvxBZx4+llQ07xAOnUxQbkeVn3kRmwc24ZypRKD1BapH6ukriqNJUfPiGFZqLoc1GtgqCNxw4m5VnvCtqqXUv9lQAls7n1pbE1v8ty8j7OTZ+EXiujs7EQ2lUAEGk+pYdlxewzLidPVwJpVuO/BB0FbC8g6NOYc05k0kgiUCbtYQMsDFDVh2A4IVzAtCkq1unAwFqFar2OhVIJqNfGJ9T2an1uOnqveatvWjy6x9MM3JcRAGLLbCqr24s1rOyzbctAiDgLDguGkQCiFz/Q5SuqwAtNOI5XNIZPPo5BNoJggyFASW20oFbxIwOdAKxBxa5uNBlq1JYCHcGwTaZvAJgphGIJGIXKmQMaQOFNawusT9RNGZtktBlTpUkWveKVDDKolaYXVOP/ayGBbX3vaRka7U8KBFBx6jLT8OE4SpmnEXEvadqzDVJH4SB3HKVywzkiJ+DcxT3kUt12KCF4QoFlvwbGMWA0adRe1poepagvj88F/pjsH/9gh/IogfcULCA0mk3AatlEIpl2gyiLIsgewAF3tbcgVijgxeRqUILbXdMKGYztIJhNI2GasHCalscTo7Ko1kzEeV02biOsHaLRcGNRGcVkXKtMlLNabWrsg7DQCaaOrM1MIIGylFLsc2xVnJiYJ8rZ45ve3DY5NTs5gphZAGRZakULvmnXoHdmA96ZmUHZDRFYBMl2EyrQj0daDwaERbFh/A8bWrkbP4HKg0AmZLMCjGTRIAiWfYLrmY6rpwir2YmR0C6o1F1OVKgRMVMpVbF3Vhdu2rFr99qlSA9R8/fKz3hUVtU0D1aa3/9CRk7s/NboC867CzGID1UYLQW0eMxMRvKUleK4HGhlx5bTFOk4KrjLB7RSSKQrPBMKahCc8NH2G6mIDlcoiqqUK/LAJz17A9PhJRK1F9OYdLMvnMLx5OfK2xGsHj0MZ9nGDXJSP3ximi5ciFM1a9W/60+LhjUO96e6uAkQsTSqWEM5J/CoGpnYWE2nHRjqTQT7loC2dQCFpx/dWWwFaPoMbRWi5HvwgiE3E1DKYcACiQESEpG3Gh8upmQoOnZw/W+XJb+Vy2e9BXXnIv+r7UUItuAHrUsy71xHBtkLG2VrIJQYpgVlImcjnsygUsrAtC7adiCOdQwwoUIj4P4kNREiOUDuYDjeMxTyt15uoNVy4QaSDTlhZdMfrgfgVg7XfSWV/lLAMoeI8cOV11bd5SkRIO3Se27knGEumqkKtXViIVnMWrrSJHLCtZodlmnk96HqqtWBrxVB66uNu6bShQC4GEe04po6NSnEW8cWQi3IkyTS1ExMw0hNIGO9lHQuGErgaSAD4P6ElFZ6RFmVKAAAAAElFTkSuQmCC) no-repeat center; }
          ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list ul li:nth-child(3) > .num {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAANkklEQVRYha1YCYxd51k9//3vf++7963z3pvxvNk8M/Z4dxwvOHa8BidtkjZqmwUVQYOiCCiJSguUBhFooS0lQUgIaKpKUUlEAwolQFNBS0hdm3ipt4kd2+N9GXsyfrO8eftyl39B907s2KkdQPWVnvSk9/Tdc8/3feec/5Lv//5C3I5LKAFdM77cQfUvOtwfLUj+RV0j/0VAbkt97XYUkUpC+vzpwXTvn6574i/j6z/2heVZwt7g3B+8HfVxu4AKKUiC2X+QjSeBoftgLtmIzogFg0aeEVLejltAvx1FlBIw4hkmqI2ZV38HVHJE+1dBHz3C/MY0oJk/9z0+lFFCCLjkcLxW2N5bzZuu6ari1F+oOjUUjr2F0pWLmHZdtJqlFyhlN68NAp/7cHwHCuqWtf9PQLmSuqm0v8npxgmi1JeEunkbAzC+M/21UxdHDmrzt6BI4zh38sfPapoaJoTelABPicGYRn/QqRmHlFRP3Kr2/wo0YFA16n+24s6Pfm7zF/5x8cLeZc9L33lS3rSgAq+XemIDG3u6H3gSidUPglodadGqhKA+eHncg+X7r939kd94aMtTL67uimX/jvvuuqDO/xsol1xPRhK/m850AeluZJI52EbqcSn5B+jR4FanYGWWvbzywc/mmDOJ3v5FWLLtqd8TQmzmvhNQeN0zKUiQwWwsvTKW7ASy3ZiT7ECE6E9/GKu3BEoIEVKPHGuMn0fh5c9j6sIxNFvlQ1KKWZbCmxO0KnmAmF+949HntmW7e0A9FxHZwOIND6Nv/ZP/1JwZzalw869n1r/QkGp6ct/rqP/bX8ARCh7kMCG3nkT66Q3Zm/9AKBzh7K+Vpz+iNKuNLdoMlkgn6tOjlxvliTPcbcKtz1h2ovPriz75/B8uWL0Vamw/hFRQrSo0UUd2xcOxmfyFjYWzu74HjbpC+ODcy1AS+3NPz62TirBycaz5bjm/z9fkZ+mHAA2diQsOTdOghYN/3ZwQhfLU+Lqhu5/86ZpPPgUvfxpu9QpmSuMj1eLEmG3YK7rWfiZnZebCmNgPyT1ozIT0PXiNMvRkH/xUP87vfPFK4eK+/4y2ZcyYHbvfVFamUCYoey7qEz/dLmXjXtOIQqkbZ9TnHoimgVEG+tjd6X7daX1ZSjEE3Thww+hLDgnjnsE1n/hUPMrQKJyHX6nDrfCOTNeC+fM+8cfxiE3AT++ATgGNGfDqZRBdBzWiqL17ErycR//HfzuejLatzB8+eIfkzK7MzMDzJbK5eYgY3ChPX/wr3bBvACmUmm9z/k1Ifo+v6Xvor2/qPrXpkWfvTUXTD45fGHYIY3uustuoF9Hes+Tb81dv662XpyCEh4v7f4KLp0bQs/GXYZkunJHt4aCPnTqG0wf+G+9eHsWVs8fQLM4g0dmD8sQFVM/vQ2r+Kpw+Ooq9r70CaiUQ6+xDy3GRzXUmKoWze6SQFzRtVsp8wSMpYhzZ+qvPrc92Ll47fnzHcq031TknvmgteuetQlpXzxDiQtMAt1UBpfqXlq7dvD4/chjjx95Bsy4w7/4n8PA3XkLKrCK/4yVwj+PIW2/i3PkxZNY9hqWf+jy6Nn0Gk+UWju56EyyaxOSZkzj+z9/E3Y8+gl/79mvouGMtxs+dwdEdP0TTi2LRXQ+9WJu+lOS+C8FdKK++JcVYzsh2oqNnCNlo6mNk+Gv3qXmdXfCFizfPTCE/cfZ7XQm+O57pWbp26/2/WZpxkS9KLN+6FVE7jmZpEuMHtsOpFNC9Yh3Gz5/FTNnDvZ97DjQ2B1AlgCQAp4w3//ZZGLyE9u4+vHvyKErjo5i/6QF0r1iLRrWKs8PDOHHgHWx77BGAnzt3/tD27zDTijb1jse70rm+ZWYDjmA4PnnxJH1wFbWdprOh7BpgmblIdC5ZGk/Pe2DeynvWZDr6IEkEuTvXQlTyuPCT13H5wE64HkcklYVuMJx55yiW/uKjSC9cj3e3fwd7XnoezKsitWgVmBI4//ZemKYJzgUk0XHx0F6M7d8BRjUMrlyDgSVDiKVTWLTloXTfguX3tnXfsdmMDyTr5Sqm82PIV8ZO13j9IZ1DPHO5PlnOtvd9Q69NoJ1RCD2CSwd+jEucI9nRB+3sCXjVMiR3QaNtUFKgVa3AiicQbcvi+K4foV6ZxqEfvIL8uZPIzFuBfkgo6cD3OTzXhec4kNxHck4OQkicO3wQ46eOI7dwMZRGMfLGvyLYSMkVvGoRhpWGjLCm61dWmyzW0HWNQaD118Kd+go1cuZk4QqapSKE78GIJiD1Ito6OsFicbRKHjyvBSEEdI+gXiqjZ2A+xkZHsfMfvoXM3EX49PPPYm7/ACpHd2PP668iHouG0ucLjsAsApCBYSQyGViJNJp1F9ViATOTE6gVCjBtG539c2En4nC86e8rajYCxQxjHoHW9Hn9EGN8QxAwDMuGH6QejYB7bsiIBgnPc8G5D+5z+EQDqVQRiSWxftPGcObsriEMrt8MTJyG36yj3JBQnodk3IUSAlwoKMmDJZ2Va6VANArNMGFHbeg0CyNig5lRCNmE4LV/vxpq3nOmQGBEp07j2wRHCMhxvVnmdA3MMKEIhddswHNa4J4HKSUi0RgECPbs2oOJiSnUCpO4ePAtUK+JvoUL0LtwOfbv3osIXFAl4DouCFTIMNV1MCs6m6ScBlr1WqggZiSCWCIDkJr0+MzThLAGrnp94LGcN192vRII0UN3IkqFLDiOB7fVCkchcDDu+fCFDJfDadRx8NAIov0rMXjXNlTKFUxcvIBXXv4ups+eQGdHFF0DQ7g0HoRnPbT7ACgCmw2YIjQkg3MOKQQ0qoWmAQQjUnmdEG3qqgG8n/AJrgjJjxFFliNoh65Dhrom4HgeFNXgSwVPAEGCIoRharqC6WoTT913F1imHdVaE6cPH8C8lRsQsSyo6XGUp/NhwhLchwzAqQAQAaGz34P6kgtQSkOQzIwAxIcQzR8RvJ9lr4WSgFUCHiM0fh8XgODee6ke0DQGQgm4L+F7QXEeWBws28LYZBFeZQYLBzJYtmgpBpevxqZVi2FZCvt37cOOXQexeCAH4XkhWFA9tFjGdGiMhWz6rhPWozqDFU2C0qrLZeW3CPTGzzIaTAFpfYuowp9QLWOHR4MgyikF3/ehXBqcNCEkhx+kNiWghI+h3nb8x863Uao1sXXNEnRkMpg4VcHBkTPY/tYwFvRmYeoa6k0e1gqCjlQKQiH8+EKFbQ8I0Q0TVBOBabwKok1en4+uASVEwfXZx4XHmUkdaNE2MO5Ccg7NYNDCVqlwJChIuEyOLzAnk8TqRcChIycwfPxM+L8gfwrfx9KhbvS1x1GtNaA0HZpGQKkGygxophWqCtUpdDsRLktgAoH8eQJrrAhy0JC/CvYaUGZoKJb5r4wcLrOtdyp0dLdhqgQ0lAHPA3xJQXQKYlCYhppduKCwpOjuzqG/fwClagM+F9CphlQiBo0o1Go1sJgOKgEiFSiRIWhf6nBbHMHAMapgMSBu+BgeLmPK40vXr8EWCfKqfC/6XQPq+0B7mn4l21ZZt3t/rX3hMo6BwQ70JizoZHYyPKWj5TK4rg+XC/heMAEcbqUKR1ZhUcAiEuBAq1AHFwSUURiUQGM6dENDxDBgmRSmLkAhwSWF70dQKlZx+Og0xsdnMP9O+5DGom9w9/2jybVXOgFwSgkSbTT+znB15PQZrbctptCetZHrSaItxWBZUaRSccRTMdjRNJSegoomoPQoHKFBERbaK0GwfEGe9WASDp00oJpFyGYVzXoF1WoN1UoZtaqDatHBWL6OYtEBd32sWm9+N9dpPV6piBuOWtfNKEJ7a9WVnctlvFrLBngLpWIDE4UCEjECkyKUE9MkiFsRRGIRWMkkIokUrJgN04qHrhM8dKAanlODU2ugWa+iWSmjVXXRbLlwfAnDYGh6QKPCEYkw2PE5iHZKxKPN+Y0GTxNCitcH6RvOTKZBMDEt/iU/Zv7C/DaOlgIa0gAxLQwO5dDdnYVkEShmAjqDYJFQrsAI2nJ96BgYQvvcXsQyGRBNh+cJlEolVCstuByQugFixZDMtqF3bg5cN1FoUDDLRjbeQsoguDTJemNxp2wwbbe62dbPxn+CZIL88MS+0Y/KchpL75oDS5HQ34npwHM5DN6E54rg5QSkS+AHreY1NGwLdcqh6vEwH9RnSmgUCmgU8nBqgbPNSlMg6oEtUy4wr11hIB4BNQyUqxJv770CI8FhLUkfUeLG89MNrx2DJ7Asila19dUjh+t/5Pg26e3rQE9XDFbcQltCRzoRSEQM0giE2YKkUWh6DITZoFYMuq6HhzTu+5BOCxANcFGHFry64XVQ6aDVcFBvNlGdaaHWlBjPl5Afm0Bbwp1YvCL1daWxFwSXtwYagpWAYQVbqYZKk41fmppy15drWCuI0W4ZDHaEIZmKIRpLwk62IZ5Kwo63QTeiIIyF0hMWDgzB8+B7LTi1Aurh8lTRKhdRqTpwuA+v6ShN8ycy7frObNbYbSetv285qi78IAreAOtngb7/C2ZbpBNomrKl4w+4LX+u68ouLmW/70vb90SEKK4TCAoldAJJSNiXUGWDRksQ6gEsMHOhG9RllBSZTi4ZBp0wbHOU6NplIYknggzxARavXQD+B+W+3pFr+tr1AAAAAElFTkSuQmCC) no-repeat center; }
          ._36opNDB78Yyuo2bnMUoUxl > .contents > .winners > .ranking > .list ul li > .info > .lottery {
            color: #b78b8b; }

._3xxvXy_pSWQVMqwzkR6y0U {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 83px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #f3d5d5;
  position: relative;
  cursor: pointer;
  border-radius: 10px;
  width: 240px;
  margin-right: 30px;
  padding-left: 10px; }
  ._3xxvXy_pSWQVMqwzkR6y0U.KEE, ._3xxvXy_pSWQVMqwzkR6y0U.TVIP {
    padding: 8px 5px 5px 15px; }
  ._3xxvXy_pSWQVMqwzkR6y0U.TC, ._3xxvXy_pSWQVMqwzkR6y0U.TVIP {
    margin-bottom: 20px; }
  ._3xxvXy_pSWQVMqwzkR6y0U.GS {
    padding: 5px;
    margin-bottom: 20px;
    width: 196px;
    margin-right: 20px; }
    ._3xxvXy_pSWQVMqwzkR6y0U.GS:nth-of-type(4n + 4) {
      margin-right: 0px; }
  ._3xxvXy_pSWQVMqwzkR6y0U::after {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    top: 3px;
    left: 3px; }
  ._3xxvXy_pSWQVMqwzkR6y0U > .lott-info {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    ._3xxvXy_pSWQVMqwzkR6y0U > .lott-info.china {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-right: 15px; }
      ._3xxvXy_pSWQVMqwzkR6y0U > .lott-info.china > .name {
        margin-bottom: 5px;
        text-align: center;
        background: -webkit-gradient(linear, left bottom, left top, from(#ff5b06), to(#fe952c));
        background: -webkit-linear-gradient(bottom, #ff5b06, #fe952c);
        background: linear-gradient(bottom, #ff5b06, #fe952c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 18px; }
    ._3xxvXy_pSWQVMqwzkR6y0U > .lott-info > .name {
      color: #755454;
      font-size: 15px; }
    ._3xxvXy_pSWQVMqwzkR6y0U > .lott-info > .issue {
      color: #ff6600; }
    ._3xxvXy_pSWQVMqwzkR6y0U > .lott-info > .format {
      width: 90px;
      height: 22px;
      line-height: 22px;
      text-align: center;
      color: white;
      border-radius: 12px;
      background: -webkit-gradient(linear, left bottom, left top, from(#ff5300), to(#ffa200));
      background: -webkit-linear-gradient(bottom, #ff5300, #ffa200);
      background: linear-gradient(bottom, #ff5300, #ffa200); }
      ._3xxvXy_pSWQVMqwzkR6y0U > .lott-info > .format.GS {
        background: -webkit-gradient(linear, left bottom, left top, from(#817cfe), to(#72e4ff));
        background: -webkit-linear-gradient(bottom, #817cfe, #72e4ff);
        background: linear-gradient(bottom, #817cfe, #72e4ff); }
      ._3xxvXy_pSWQVMqwzkR6y0U > .lott-info > .format.closed {
        background: #999; }
  ._3xxvXy_pSWQVMqwzkR6y0U .status {
    position: absolute;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5300), to(#ff9f00));
    background-image: -webkit-linear-gradient(left, #ff5300, #ff9f00);
    background-image: linear-gradient(to right, #ff5300, #ff9f00);
    width: 54px;
    height: 20px;
    line-height: 20px;
    border: none;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white; }
    ._3xxvXy_pSWQVMqwzkR6y0U .status:hover {
      opacity: 0.8; }
    ._3xxvXy_pSWQVMqwzkR6y0U .status.closed {
      background: #999; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._380gpvmxyqqX-aVIxOHUt {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#ff8400));
  background: -webkit-linear-gradient(bottom, #ff5200 0%, #ff8400 100%);
  background: linear-gradient(0deg, #ff5200 0%, #ff8400 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  font-size: 15px; }
  ._380gpvmxyqqX-aVIxOHUt > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%; }
    ._380gpvmxyqqX-aVIxOHUt > div > span.name {
      font-size: 22px; }
    ._380gpvmxyqqX-aVIxOHUt > div > span.issue {
      padding: 0px 5px;
      height: 25px;
      background: #ffe0cc;
      color: #ff0000;
      border-radius: 5px;
      line-height: 25px; }
    ._380gpvmxyqqX-aVIxOHUt > div > span.voice svg {
      margin: 0 11px !important;
      font-size: 20px;
      vertical-align: middle; }
  ._380gpvmxyqqX-aVIxOHUt > span.split {
    width: 1px;
    height: 62px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(224, 203, 157, 0)), color-stop(50%, #eed12d), to(rgba(224, 203, 157, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(224, 203, 157, 0), #eed12d 50%, rgba(224, 203, 157, 0));
    background-image: linear-gradient(0deg, rgba(224, 203, 157, 0), #eed12d 50%, rgba(224, 203, 157, 0));
    margin: 0 10px; }
  ._380gpvmxyqqX-aVIxOHUt > div.timer {
    font-size: 18px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

/** 
 * 该文件由CLI自动生成，创建于：Mon Aug 30 2021 15:38:40 GMT+0800 (GMT+08:00)
*/

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

.yAArw4mTnqfxPTAPIFAwT div.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px; }
  .yAArw4mTnqfxPTAPIFAwT div.tabs > span {
    height: 60px;
    line-height: 60px;
    width: 50%;
    text-align: center;
    background: #f3d5d5;
    color: #745454;
    cursor: pointer; }
    .yAArw4mTnqfxPTAPIFAwT div.tabs > span.actived {
      color: white;
      background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), color-stop(100, #fe9a30));
      background: -webkit-linear-gradient(bottom, #ff5200 0%, #fe9a30 100);
      background: linear-gradient(0deg, #ff5200 0%, #fe9a30 100); }
    .yAArw4mTnqfxPTAPIFAwT div.tabs > span:nth-child(1) {
      border-top-left-radius: 10px; }
    .yAArw4mTnqfxPTAPIFAwT div.tabs > span:nth-child(2) {
      border-top-right-radius: 10px; }

.yAArw4mTnqfxPTAPIFAwT div.list > div.actions {
  height: 50px;
  line-height: 50px;
  margin: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  border-bottom: 1px solid #fbefef; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.actions > span.create {
    width: 322px;
    background: #28a845;
    color: white;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 6px;
    margin-right: 10px; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.actions > input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 720px;
    height: 50px;
    border: 1px solid #dfe2e9;
    border-radius: 6px 0 0 6px;
    padding: 0 10px; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.actions > span.search {
    width: 50px;
    height: 50px;
    border-radius: 0 6px 6px 0;
    text-align: center;
    background: #e8eaf0;
    color: #676a72; }

.yAArw4mTnqfxPTAPIFAwT div.list > div.datas {
  border-radius: 10px;
  padding: 10px;
  height: 800px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 16px;
  overflow: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.datas::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.datas::-webkit-scrollbar-track {
    background-color: #f6f8fb; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.datas::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #f6c74d;
    border-radius: 10px; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.head, .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.head.favs span, .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item.favs span {
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0 5px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.head.favs span:nth-child(1), .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item.favs span:nth-child(1) {
        width: 15%; }
      .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.head.favs span:nth-child(2), .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item.favs span:nth-child(2) {
        width: 15%; }
      .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.head.favs span:nth-child(3), .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item.favs span:nth-child(3) {
        width: 60%; }
      .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.head.favs span:nth-child(4), .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item.favs span:nth-child(4) {
        width: 10%;
        cursor: pointer;
        color: #48cb26; }
    .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.head.head, .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item.head {
      background: #f3d5d5;
      color: #745454; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item:nth-child(even) {
    background: #e8eaf0; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item svg.edit {
    color: #7ca9f3; }
  .yAArw4mTnqfxPTAPIFAwT div.list > div.datas > div.item svg.del {
    color: #dc3544; }

.yAArw4mTnqfxPTAPIFAwT div.create > div.text {
  height: 70px;
  line-height: 70px;
  padding: 0 15px;
  border-radius: 10px;
  background: #e7eaf0;
  font-size: 18px; }

.yAArw4mTnqfxPTAPIFAwT div.create > div.name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  font-size: 14px; }
  .yAArw4mTnqfxPTAPIFAwT div.create > div.name span {
    width: 10%;
    color: #676a72;
    text-align: center; }
  .yAArw4mTnqfxPTAPIFAwT div.create > div.name input {
    width: 90%;
    border: 1px solid #dfe2e9;
    height: 40px;
    border-radius: 6px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

.yAArw4mTnqfxPTAPIFAwT div.create > div.codes {
  margin-top: 15px;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    color: #676a72; }
    .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item span, .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item select, .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item input {
      border-radius: 6px; }
    .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item span.no {
      width: 20px;
      line-height: 40px;
      text-align: center; }
    .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item select {
      width: 200px;
      padding: 0 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px solid #dfe2e9; }
      .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item select:focus {
        border: 1px solid #7ca9f3; }
    .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item input {
      width: 800px;
      padding: 0 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px solid #dfe2e9; }
      .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item input:focus {
        color: #7ca9f3;
        border: 1px solid #7ca9f3; }
    .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item span.del {
      text-align: center;
      line-height: 40px;
      color: white;
      background: #dc3544;
      width: 40px;
      cursor: pointer; }
      .yAArw4mTnqfxPTAPIFAwT div.create > div.codes > div.item span.del:hover {
        -webkit-filter: brightness(1.1);
                filter: brightness(1.1); }

.yAArw4mTnqfxPTAPIFAwT div.create > div.actions {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .yAArw4mTnqfxPTAPIFAwT div.create > div.actions span {
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 6px;
    font-size: 16px;
    width: 49%;
    margin-top: 10px;
    cursor: pointer; }
    .yAArw4mTnqfxPTAPIFAwT div.create > div.actions span:hover {
      -webkit-filter: brightness(1.1);
              filter: brightness(1.1); }
    .yAArw4mTnqfxPTAPIFAwT div.create > div.actions span:nth-child(1) {
      width: 100%;
      background: #d7e5fb;
      border: 1px solid #7ca9f3;
      color: #7ca9f3; }
    .yAArw4mTnqfxPTAPIFAwT div.create > div.actions span:nth-child(2) {
      background: #d3d3d3; }
    .yAArw4mTnqfxPTAPIFAwT div.create > div.actions span:nth-child(3) {
      background: #28a745;
      color: white; }

/** 
 * 该文件由CLI自动生成，创建于：Thu Sep 09 2021 15:51:03 GMT+0800 (GMT+08:00)
*/

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3Izco2Pk0rKg0nhljD_YIX {
  width: 100%;
  min-height: 400px;
  padding: 15px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  ._3Izco2Pk0rKg0nhljD_YIX > div.cart {
    width: 290px;
    min-height: 400px;
    -webkit-transition: 0.5s width;
    transition: 0.5s width;
    border: 1px solid #e3c9c9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff; }
    ._3Izco2Pk0rKg0nhljD_YIX > div.cart.mini {
      width: 60px;
      border: none;
      background: none; }
    ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.toggle {
      height: 60px;
      line-height: 60px;
      text-align: center;
      background: #f3d5d5;
      font-size: 16px;
      color: #745454;
      position: relative;
      cursor: pointer; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.toggle > svg {
        position: absolute;
        left: 6px;
        top: 23px;
        color: #b78b8b;
        font-size: 18px; }
    ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 10px; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.actions > span {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: white;
        margin: 5px auto;
        text-align: center;
        border-radius: 10px;
        cursor: pointer; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.actions > span.record {
          background: -webkit-gradient(linear, left top, left bottom, from(#74d8ff), color-stop(50%, #7badfe), to(#8180fe));
          background: -webkit-linear-gradient(top, #74d8ff 0%, #7badfe 50%, #8180fe);
          background: linear-gradient(180deg, #74d8ff 0%, #7badfe 50%, #8180fe); }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.actions > span.buy {
          background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#fe9a30));
          background: -webkit-linear-gradient(bottom, #ff5200 0%, #fe9a30 100%);
          background: linear-gradient(0deg, #ff5200 0%, #fe9a30 100%); }
    ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders {
      font-size: 16px;
      max-height: 1420px;
      min-height: 550px;
      overflow-y: scroll;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders::-webkit-scrollbar {
        width: 4px;
        height: 6px;
        background-color: #f6f8fb; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders::-webkit-scrollbar-track {
        background-color: #f6f8fb; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders::-webkit-scrollbar-thumb {
        cursor: pointer;
        background-color: #f6c74d;
        border-radius: 10px; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div.header {
        padding-left: 12px;
        background: #fbefef;
        height: 40px;
        line-height: 40px;
        position: -webkit-sticky;
        position: sticky;
        top: 0px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div.header svg {
          color: #b78b8b;
          font-size: 16px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div.header > span.total-list {
          position: relative;
          color: #745454; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div.header > span.total-list > span.total {
            position: absolute;
            top: -5px;
            height: 15px;
            line-height: 15px;
            background: #ff5b84;
            color: #fff;
            text-align: center;
            border-radius: 4px;
            padding: 0px 8px; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div > div.name {
        height: 30px;
        line-height: 30px;
        padding-left: 12px;
        border-bottom: solid 1px #f0f3fa;
        color: #666;
        font-size: 17px; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div > div.list > div.item {
        height: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0px 12px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div > div.list > div.item:nth-of-type(2n) {
          background: #f0f3fa; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div > div.list > div.item > span {
          color: #666; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div > div.list > div.item > span > span.code {
            color: #ff0000; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div > div.list > div.item > .discount {
          color: #ff8400;
          font-size: 14px;
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          margin-left: 30%; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div > div.list > div.item > .discount > span {
            padding: 1px 4px;
            background: #ff8400;
            color: #fff;
            border-radius: 5px;
            margin-right: 5px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div > div.list > div.item > .close {
          border-radius: 50%;
          background: #eed12d;
          color: white;
          cursor: pointer;
          -webkit-transition: all 0.5s;
          transition: all 0.5s;
          width: 20px;
          height: 20px;
          line-height: 17px;
          text-align: center; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.orders > div > div.list > div.item > .close:hover {
            -webkit-transform: rotate(360deg);
                    transform: rotate(360deg); }
    ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.mini-cart {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      cursor: pointer;
      background: #f3d5d5;
      border-radius: 10px;
      padding: 20px 0px; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.mini-cart svg {
        color: #b78b8b;
        font-size: 18px; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.mini-cart > span.words {
        -webkit-writing-mode: vertical-lr;
            -ms-writing-mode: tb-lr;
                writing-mode: vertical-lr;
        margin: 12px;
        color: #745454;
        font-size: 16px; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.mini-cart > span.cart {
        position: relative;
        margin-top: 20px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.mini-cart > span.cart span.total {
          position: absolute;
          right: -10px;
          top: -15px;
          height: 15px;
          line-height: 15px;
          background: #ff5b84;
          color: #fff;
          text-align: center;
          border-radius: 4px;
          padding: 0px 8px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.cart > div.mini-cart > span.cart svg {
          color: #fe7819; }
  ._3Izco2Pk0rKg0nhljD_YIX > div.selector {
    width: 960px;
    min-height: 400px;
    -webkit-transition: 0.5s all;
    transition: 0.5s all; }
    ._3Izco2Pk0rKg0nhljD_YIX > div.selector.full {
      width: 1190px; }
    ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.tabs {
      width: 100%;
      height: 60px;
      line-height: 60px;
      font-size: 16px; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.tabs > span {
        width: 50%;
        height: 60px;
        text-align: center;
        background-color: #f3d5d5;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        display: inline-block;
        color: #745454;
        cursor: pointer; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.tabs > span.actived {
          background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#ff8400));
          background: -webkit-linear-gradient(bottom, #ff5200 0%, #ff8400 100%);
          background: linear-gradient(0deg, #ff5200 0%, #ff8400 100%);
          color: white; }
    ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents {
      position: relative;
      min-height: 340px;
      border: 1px solid #e3c9c9;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .input-digits-field {
        position: absolute;
        top: 25%;
        border: 0;
        width: 0;
        height: 0;
        pointer-events: none; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods {
        padding: 0 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          width: 24%;
          height: 50px;
          line-height: 50px;
          margin-top: 10px;
          border-radius: 6px;
          color: white;
          text-align: center;
          font-size: 14px;
          cursor: pointer;
          margin-right: 1.33%; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div > span {
            height: 50px;
            width: 50%; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div > span:lang(en-US) {
              width: 65%; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div > em {
            height: 50px;
            width: 50%;
            border-radius: 0 6px 6px 0; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div > em:lang(en-US) {
              width: 35%; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div.actived {
            color: white; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div.actived span {
              color: white; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div.actived em {
              color: white; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(4n) {
            margin-right: 0; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(1), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(2), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(5) {
            background: #f3d5d5;
            color: #745454; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(1) em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(2) em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(5) em {
              background: #fbefef;
              color: #b78b8b; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(1).actived, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(2).actived, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(5).actived {
              background: #ff8400; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(1).actived em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(2).actived em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(5).actived em {
                background: #fe9d36;
                color: white; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(9), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(10) {
            background: #fd8a8a;
            color: white; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(9) em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(10) em {
              background: #ffa9a9; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(9).actived, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(10).actived {
              background: #f13636; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(9).actived em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(10).actived em {
                background: #ff6060; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(11), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(12) {
            background: #6da9b3;
            color: white; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(11) em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(12) em {
              background: #a3cbdf;
              color: #6da9b3; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(11).actived, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(12).actived {
              background: #3a747e; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(11).actived em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(12).actived em {
                background: #7aadc7;
                color: #3a747e; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(3), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(4), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(6) {
            background: #9cb9e8; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(3) em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(4) em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(6) em {
              background: #c9dcfb;
              color: #7ca9f3; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(3).actived, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(4).actived, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(6).actived {
              background: #7ca9f3; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(3).actived em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(4).actived em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(6).actived em {
                background: #9dbff7;
                color: #fff; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(7), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(8), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(13), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(14) {
            background: #97d487; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(7) em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(8) em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(13) em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(14) em {
              color: #48cb26;
              background: #beeab3; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(7).actived, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(8).actived, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(13).actived, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(14).actived {
              background: #48cb26; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(7).actived em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(8).actived em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(13).actived em, ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .methods > div:nth-child(14).actived em {
                background: #61d842;
                color: #fff; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts {
        margin: 10px;
        height: 35px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        color: white; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span {
          height: 25px;
          line-height: 25px;
          padding: 0 10px;
          opacity: 0.5;
          border-radius: 6px;
          min-width: 40px;
          text-align: center;
          margin: 0 10px;
          cursor: pointer; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span.actived {
            opacity: 1; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span:nth-child(1), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span:nth-child(2) {
            background: #ff0000; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span:nth-child(3), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span:nth-child(4) {
            background: #0763f9; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span:nth-child(5), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span:nth-child(6) {
            background: #7ca9f3; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span:nth-child(7), ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.more-opts > span:nth-child(8) {
            background: #48cb26; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .actived-methods {
        text-align: center;
        border-radius: 6px;
        background: #fbefef;
        margin: 10px;
        border: 1px solid #e3c9c9; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .actived-methods > div:first-child {
          line-height: 40px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .actived-methods > div.names > .item {
          overflow: hidden;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border-top: 1px solid #e3c9c9;
          padding: 10px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > .actived-methods > div.names > .item > span {
            height: 28px;
            line-height: 28px;
            padding: 0 10px;
            border-radius: 3px;
            text-align: center;
            margin: 0 5px;
            background: #ff8400;
            white-space: nowrap;
            color: white; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes {
        margin: 10px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.codes > div.text {
          text-align: center;
          line-height: 30px;
          font-size: 26px;
          color: #ff0000;
          font-weight: bold; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.codes > div.selected-code {
          height: 70px;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin: 10px 0; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.codes > div.selected-code > span {
            width: 56px;
            height: 56px;
            border-radius: 6px;
            border: 1px solid #ff0000;
            margin: 0 10px;
            line-height: 56px;
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            color: #ff0000; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.codes > div.selected-code > span.pendding {
              line-height: 48px; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.codes > div.selected-code > span.pendding::after {
                content: '|';
                font-weight: normal;
                font-size: 26px;
                -webkit-animation: flashing 1s infinite;
                        animation: flashing 1s infinite; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          margin: 10px 30px; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.numbers {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            margin-right: 10px; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.numbers > span {
              width: 32%;
              height: 50px;
              line-height: 50px;
              border-radius: 6px;
              border: 1px solid #7ca9fc;
              text-align: center;
              color: #7ca9fc;
              font-size: 20px;
              margin-top: 15px;
              cursor: pointer; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.numbers > span:hover {
                background: #7ca9fc;
                color: white; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.numbers > span.disabled {
                border: 0;
                background: #e8eaf0;
                cursor: default; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.actions {
            width: 210px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.actions span {
              width: 210px;
              height: 50px;
              line-height: 50px;
              border-radius: 6px;
              text-align: center;
              font-size: 20px;
              margin-top: 15px;
              color: white;
              cursor: pointer; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.actions span:hover {
                -webkit-filter: brightness(1.1);
                        filter: brightness(1.1); }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.actions span:nth-child(1) {
                background: #ff6666;
                font-size: 26px; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.actions span:nth-child(2) {
                background: #808589; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.actions span:nth-child(3) {
                background: #6b7075; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.input-codes > div.operator > div.actions span:nth-child(4) {
                visibility: hidden; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.method-groups {
        margin: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        line-height: 50px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.method-groups > span {
          width: 33.333%;
          text-align: center;
          color: white;
          font-size: 16px;
          cursor: pointer;
          opacity: 0.6; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.method-groups > span.actived {
            opacity: 1; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.method-groups > span:nth-child(1) {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            background: #0763f9; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.method-groups > span:nth-child(2) {
            color: #745454;
            background: #f3d5d5; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.method-groups > span:nth-child(3) {
            background: #e5b8df; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.method-groups > span:last-child {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
            background: #48cb26; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.search {
        margin: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        line-height: 40px;
        font-size: 16px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.search > input {
          height: 100%;
          width: 100%;
          background: #e8eaf0;
          border: 0;
          border-radius: 6px;
          color: #745454;
          padding: 0 50px 0 10px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.search > span {
          height: 100%;
          width: 30%;
          color: #745454;
          background: #f3d5d5;
          text-align: center;
          opacity: 1;
          cursor: pointer;
          border-radius: 6px;
          margin-left: 5px; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.search > span.actived {
            color: white;
            background: #ff8400; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sub-method {
        margin: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        min-height: 50px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sub-method > div {
          width: 49.5%;
          text-align: center;
          height: 100%;
          line-height: 50px;
          font-size: 16px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          cursor: pointer;
          margin-bottom: 10px; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sub-method > div > span {
            width: 70%;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            background: #f3d5d5;
            color: #745454; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sub-method > div > em {
            width: 30%;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
            background: #fbefef;
            color: #b78b8b;
            border: 1px solid #e3c9c9;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sub-method > div.actived span {
            color: white;
            background: #ff8400; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sub-method > div.actived em {
            color: white;
            background: #fe9d36;
            border: 0; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sub-method-discount {
        padding: 0px 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        overflow: hidden;
        border-bottom: 1px solid #e3c9c9; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sub-method-discount > .item {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border-top: 1px solid #e3c9c9;
          padding: 10px 0px;
          overflow: hidden; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sub-method-discount > .item > span {
            height: 28px;
            line-height: 28px;
            padding: 0 10px;
            border-radius: 3px;
            text-align: center;
            white-space: nowrap;
            background: #ff8400;
            color: white; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.hundreds {
        margin: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-radius: 28px;
        height: 56px;
        line-height: 56px;
        background: #f4ebeb;
        color: #a29b9b;
        font-size: 20px;
        font-weight: bold; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.hundreds > span {
          width: 10%;
          height: 100%;
          text-align: center; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.hundreds > span.actived {
            border-radius: 28px;
            color: white;
            background: #fe9d36; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.select-numbers-area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 10px;
        max-height: 600px;
        overflow-y: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.select-numbers-area::-webkit-scrollbar {
          width: 4px;
          height: 6px;
          background-color: #f6f8fb; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.select-numbers-area::-webkit-scrollbar-track {
          background-color: #f6f8fb; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.select-numbers-area::-webkit-scrollbar-thumb {
          cursor: pointer;
          background-color: #f6c74d;
          border-radius: 10px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.select-numbers-area > span {
          width: 9.2%;
          height: 50px;
          line-height: 48px;
          font-size: 20px;
          text-align: center;
          border-radius: 6px;
          background: #f4ebeb;
          color: #a29b9b;
          margin-top: 10px;
          cursor: pointer;
          border: 2px solid;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border-color: transparent; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.select-numbers-area > span.actived {
            color: white;
            background: #fe9d36; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.select-numbers-area > span.bonus_down {
            color: #eb7f8c;
            border-color: #eb7f8c; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.select-numbers-area > span.bonus_down_actived {
            color: #fff;
            background: #eb7f8c;
            border-color: #eb7f8c; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sp-methods-select {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 56px;
        margin: 10px; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sp-methods-select > div {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          font-size: 14px;
          width: 32%;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sp-methods-select > div > div.name {
            color: #745454; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sp-methods-select > div > div.codes {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%; }
            ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sp-methods-select > div > div.codes span {
              width: 10%;
              margin-top: 5px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              text-align: center;
              height: 28px;
              line-height: 28px;
              color: #ff8400;
              border-top: 1px solid #ff8400;
              border-bottom: 1px solid #ff8400;
              border-right: 1px solid #ff8400;
              cursor: pointer; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sp-methods-select > div > div.codes span.actived {
                background: #d72f3c;
                color: white; }
              ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.sp-methods-select > div > div.codes span:nth-child(1) {
                border-left: 1px solid #ff8400; }
      ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.actions {
        margin: 15px;
        border-top: 1px dashed #e3c9c9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 10px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.actions > div {
          width: 48%;
          height: 60px;
          line-height: 60px;
          text-align: center;
          color: white;
          border-radius: 10px;
          font-size: 18px;
          cursor: pointer; }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.actions > div:hover {
            -webkit-filter: brightness(1.1);
                    filter: brightness(1.1); }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.actions > div.record {
            background: -webkit-gradient(linear, left top, left bottom, from(#74d8ff), color-stop(50%, #7badfe), to(#8180fe));
            background: -webkit-linear-gradient(top, #74d8ff 0%, #7badfe 50%, #8180fe);
            background: linear-gradient(180deg, #74d8ff 0%, #7badfe 50%, #8180fe); }
          ._3Izco2Pk0rKg0nhljD_YIX > div.selector > div.contents > div.actions > div.buy-now {
            background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), color-stop(100, #fe9a30));
            background: -webkit-linear-gradient(bottom, #ff5200 0%, #fe9a30 100);
            background: linear-gradient(0deg, #ff5200 0%, #fe9a30 100); }

@-webkit-keyframes flashing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes flashing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

._3_MnYoVuZdvGG4kCLCZBKr > div {
  border-radius: 10px;
  border: 1px solid #e3c9c9;
  padding-bottom: 10px;
  overflow: hidden; }
  ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes {
    overflow: auto scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes::-webkit-scrollbar {
      width: 4px;
      height: 6px;
      background-color: #f6f8fb; }
    ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes::-webkit-scrollbar-track {
      background-color: #f6f8fb; }
    ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes::-webkit-scrollbar-thumb {
      cursor: pointer;
      background-color: #f6c74d;
      border-radius: 10px; }
    ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.head {
      height: 46px;
      line-height: 46px;
      background: #f3d5d5;
      border-radius: 10px 10px 0 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.head > span {
        text-align: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.head > span:nth-child(1) {
          width: 5%; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.head > span:nth-child(2) {
          width: 45%;
          padding-left: 26px;
          text-align: left;
          color: #ff6600;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.head > span:nth-child(2) > em.limit-tip {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            text-align: center;
            color: red; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.head > span:nth-child(3) {
          width: 8%;
          color: #0099ff; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.head > span:nth-child(4) {
          width: 42%;
          padding-left: 40px;
          text-align: left; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.head .prize-mode {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        white-space: nowrap; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.head .prize-mode > svg {
          padding: 10px 4px;
          color: #6a6767; }
    ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes .item-box .preview-prize {
      width: 100%;
      height: 0;
      text-align: center;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      background: #f7f5f5;
      overflow: hidden; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes .item-box .preview-prize > svg {
        font-size: 18px;
        margin-top: 15px !important; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes .item-box .preview-prize div.item, ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes .item-box .preview-prize div.item > span:nth-child(1) {
        background: transparent; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes .item-box .preview-prize .times {
        -webkit-box-pack: left;
        -webkit-justify-content: left;
            -ms-flex-pack: left;
                justify-content: left;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
    ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 50px;
      font-size: 16px;
      border: 1px solid white;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item:nth-child(odd) {
        background: #fbefef; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(1) {
          width: 5%;
          color: #666;
          background: #d5d7db; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(2) {
          width: 10%;
          background: #28a745;
          color: white; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(3) {
          width: 35%; }
          ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(3) input {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            margin-left: 10px;
            border-radius: 6px;
            height: 40px;
            border: 1px solid #ced4da;
            padding: 0 15px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(3) input.limit-warning {
              border: solid 1px red;
              color: red; }
          ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(3) span {
            padding: 0px 5px;
            color: #ff8400;
            font-size: 15px; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(4) {
          width: 10%; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(5) {
          width: 35%;
          background: #e8eaf0; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(6) {
          width: 5%;
          color: white;
          background: #dc3544;
          cursor: pointer; }
          ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item > span:nth-child(6):hover {
            -webkit-filter: brightness(1.1);
                    filter: brightness(1.1); }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.codes div.item .preview-btn {
        cursor: pointer;
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center; }
  ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #e3c9c9;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div {
      width: 49%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div.input div:nth-child(1) {
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #28a744;
        text-align: center;
        font-size: 16px; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div.input div:nth-child(2) {
        margin-top: 10px;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div.input div:nth-child(2) > input {
          width: 90%;
          height: 100%;
          border: 1px solid #ced4da;
          border-right: 0;
          border-radius: 6px 0 0 6px;
          padding: 0 15px;
          font-size: 16px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div.input div:nth-child(2) > span {
          height: 100%;
          line-height: 100%;
          border: 1px solid #33cc00;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          color: #33cc00;
          width: 10%;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 20px;
          border-radius: 0 6px 6px 0;
          cursor: pointer;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div.input div:nth-child(2) > span:hover {
            background: #33cc00;
            color: white; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div.select {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div.select > span {
          width: 24%;
          height: 40px;
          line-height: 40px;
          border-radius: 6px;
          border: 1px solid #7ca9f3;
          text-align: center;
          font-size: 16px;
          color: #7ca9f3;
          cursor: pointer; }
          ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div.select > span:hover {
            background: #7ca9f3;
            color: white; }
          ._3_MnYoVuZdvGG4kCLCZBKr > div > div.shotcut > div.select > span:nth-last-child(1) {
            margin-top: 10px;
            width: 100%; }
  ._3_MnYoVuZdvGG4kCLCZBKr > div > div.actions {
    margin: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    ._3_MnYoVuZdvGG4kCLCZBKr > div > div.actions > div {
      width: 50%;
      text-align: center;
      color: white;
      height: 60px;
      line-height: 60px;
      font-size: 18px; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.actions > div:nth-child(1) {
        background: #7ca9f3; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.actions > div:nth-child(2) {
        background: #ff6666; }
    ._3_MnYoVuZdvGG4kCLCZBKr > div > div.actions > span {
      width: 48%;
      height: 60px;
      line-height: 60px;
      border-radius: 6px;
      text-align: center;
      cursor: pointer;
      font-size: 18px;
      margin: 0 0.5%;
      margin-top: 10px; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.actions > span:hover {
        -webkit-filter: brightness(1.1);
                filter: brightness(1.1); }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.actions > span:nth-child(3) {
        background: #d3d3d3;
        color: #333; }
      ._3_MnYoVuZdvGG4kCLCZBKr > div > div.actions > span:nth-child(4) {
        background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#fe9a30));
        background: -webkit-linear-gradient(bottom, #ff5200 0%, #fe9a30 100%);
        background: linear-gradient(0deg, #ff5200 0%, #fe9a30 100%);
        color: white; }

._359NmtNmmjJU5rlZQ04FU0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: 15px; }
  ._359NmtNmmjJU5rlZQ04FU0 > .discount-item {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #d90612;
    font-weight: bold;
    padding: 0 10px;
    position: relative; }
    ._359NmtNmmjJU5rlZQ04FU0 > .discount-item:first-child {
      color: #ff8400; }
    ._359NmtNmmjJU5rlZQ04FU0 > .discount-item > .line {
      position: absolute;
      width: 100%;
      height: 2px;
      background: #6b7075;
      top: 49.5%;
      z-index: 1; }
    ._359NmtNmmjJU5rlZQ04FU0 > .discount-item > span.circle {
      width: 18px;
      height: 18px;
      border: #808589 1px solid;
      border-radius: 50%;
      cursor: pointer;
      margin: 2px auto;
      z-index: 2;
      background: #fbefef; }
      ._359NmtNmmjJU5rlZQ04FU0 > .discount-item > span.circle.actived, ._359NmtNmmjJU5rlZQ04FU0 > .discount-item > span.circle:hover {
        width: 20px;
        height: 20px; }
        ._359NmtNmmjJU5rlZQ04FU0 > .discount-item > span.circle.actived::before, ._359NmtNmmjJU5rlZQ04FU0 > .discount-item > span.circle:hover::before {
          content: '';
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: #d90612;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }

/** 
 * 该文件由CLI自动生成，创建于：Tue Aug 31 2021 18:12:23 GMT+0800 (GMT+08:00)
*/

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._3bXGfDskSaF9Iu9hYbC5q7 {
  min-height: 100vh;
  background: url(/webx/thai/desktop/images/ce3b84.png) no-repeat center top #fff;
  background-size: 100% 100%;
  min-width: 1280px;
  overflow: hidden; }
  ._3bXGfDskSaF9Iu9hYbC5q7 > div.lottery-contents {
    width: 1280px;
    margin: 25px auto;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    min-height: calc(100vh - 456px); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._1xeQEpD0hDb1R7sNhayR_w {
  position: relative; }
  ._1xeQEpD0hDb1R7sNhayR_w > div.header {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#ff8400));
    background: -webkit-linear-gradient(bottom, #ff5200, #ff8400);
    background: linear-gradient(bottom, #ff5200, #ff8400);
    border-radius: 10px 10px 0 0;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 30px;
    font-size: 14px; }
    ._1xeQEpD0hDb1R7sNhayR_w > div.header > span:first-child {
      font-size: 24px; }
      ._1xeQEpD0hDb1R7sNhayR_w > div.header > span:first-child > svg {
        font-size: 18px;
        vertical-align: baseline; }
    ._1xeQEpD0hDb1R7sNhayR_w > div.header > span:last-child {
      padding: 0px 10px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      border: solid 1px #fff;
      border-radius: 6px;
      cursor: pointer; }
  ._1xeQEpD0hDb1R7sNhayR_w > div.body {
    padding: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #745454; }
    ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.selector {
      height: 80px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 30px; }
      ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.selector > span {
        width: 32%;
        height: 100%;
        border-radius: 6px;
        background: #f3d5d5;
        font-size: 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: pointer; }
        ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.selector > span.actived {
          color: white;
          background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#ff8400));
          background: -webkit-linear-gradient(bottom, #ff5200, #ff8400);
          background: linear-gradient(bottom, #ff5200, #ff8400); }
    ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.tips {
      height: 60px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 18px;
      background: #f4ebeb;
      font-size: 18px;
      padding: 10px;
      border-radius: 6px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.tips > span:last-child {
        height: 16px;
        border-radius: 6px;
        background-color: #dc3645;
        color: #fff;
        padding: 8px;
        font-size: 14px; }
    ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents {
      position: relative; }
      ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > .input-digits-field {
        position: absolute;
        border: 0;
        width: 0;
        height: 0;
        pointer-events: none; }
      ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.date {
        background: -webkit-gradient(linear, left bottom, left top, from(#ff5b06), to(#fe952c));
        background: -webkit-linear-gradient(bottom, #ff5b06, #fe952c);
        background: linear-gradient(bottom, #ff5b06, #fe952c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-left: 10px;
        margin-bottom: 15px;
        font-size: 16px; }
        ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.date svg {
          color: #ff5b06; }
      ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.open-record {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: 16px;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.open-record > div.item {
          width: 23.5%;
          text-align: center;
          border: solid 1px #e3c9c9;
          border-radius: 6px;
          margin-top: 18px;
          height: 120px; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.open-record > div.item:nth-child(1), ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.open-record > div.item:nth-child(2) {
            width: 49%; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.open-record > div.item > div {
            height: 60px; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.open-record > div.item > div.methods {
              height: 60px;
              line-height: 24px;
              background-color: #f3d5d5;
              padding: 5px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.open-record > div.item > div.code {
              line-height: 60px;
              font-weight: bold;
              font-size: 30px; }
      ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 20px; }
        ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input {
          width: 49%; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.codes > div.text {
            text-align: center;
            line-height: 18px;
            font-size: 26px;
            color: #ff0000;
            font-weight: bold; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.codes > div.selected-code {
            height: 70px;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin: 10px 0; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.codes > div.selected-code > span {
              width: 56px;
              height: 56px;
              border-radius: 6px;
              border: 1px solid #ff0000;
              margin: 0 10px;
              line-height: 56px;
              text-align: center;
              font-size: 30px;
              font-weight: bold;
              color: #ff0000; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.codes > div.selected-code > span.pendding {
                line-height: 48px; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.codes > div.selected-code > span.pendding::after {
                  content: "|";
                  font-weight: normal;
                  font-size: 26px;
                  -webkit-animation: flashing 1s infinite;
                          animation: flashing 1s infinite; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.numbers {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-flex-wrap: wrap;
                  -ms-flex-wrap: wrap;
                      flex-wrap: wrap;
              -webkit-box-flex: 1;
              -webkit-flex-grow: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              margin-right: 10px; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.numbers > span {
                width: 31.5%;
                height: 50px;
                line-height: 50px;
                border-radius: 6px;
                border: 1px solid #7ca9fc;
                text-align: center;
                color: #7ca9fc;
                font-size: 20px;
                margin-bottom: 15px;
                cursor: pointer; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.numbers > span:hover {
                  background: #7ca9fc;
                  color: white; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.numbers > span.disabled {
                  border: 0;
                  background: #e8eaf0;
                  cursor: default; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.actions {
              width: 140px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-wrap: wrap;
                  -ms-flex-wrap: wrap;
                      flex-wrap: wrap; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.actions span {
                width: 140px;
                height: 50px;
                line-height: 50px;
                border-radius: 6px;
                text-align: center;
                font-size: 16px;
                color: white;
                cursor: pointer; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.actions span:hover {
                  -webkit-filter: brightness(1.1);
                          filter: brightness(1.1); }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.actions span:nth-child(1) {
                  background: #ff6666;
                  font-size: 26px; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.actions span:nth-child(2) {
                  background: #808589;
                  color: #cfd1d4; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.actions span:nth-child(3) {
                  background: #6b7075;
                  color: #d2d3d5; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.left-input > div.operator > div.actions span:nth-child(4) {
                  visibility: hidden; }
        ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list {
          width: 49%; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists {
            border: solid 1px #c3c9c9;
            border-radius: 6px;
            height: 170px;
            overflow-y: auto; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div {
              height: auto;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              padding: 0px 20px;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center;
              font-size: 14px; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.title {
                height: 40px;
                background-color: #f3d5d5;
                color: #9f8080;
                font-size: 16px; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.title-code {
                height: 30px;
                background-color: #feefef;
                color: #745454;
                padding-right: 70px; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.title-code > span:nth-child(2) {
                  margin-left: 40px; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items {
                height: 50px;
                color: #666;
                border-bottom: solid 1px #e3c9c9; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items .code-box {
                  width: 35%;
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-align: center;
                  -webkit-align-items: center;
                      -ms-flex-align: center;
                          align-items: center;
                  -webkit-box-pack: start;
                  -webkit-justify-content: start;
                      -ms-flex-pack: start;
                          justify-content: start; }
                  ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items .code-box .code {
                    font-size: 24px;
                    font-weight: bold; }
                  ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items .code-box .discount {
                    color: #ff8400;
                    font-size: 14px;
                    margin-left: 10px;
                    margin-top: 2px; }
                    ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items .code-box .discount > span {
                      padding: 1px 4px;
                      background: #ff8400;
                      color: #fff;
                      border-radius: 5px;
                      margin-right: 5px; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items > span.input-num {
                  border: solid 1px #ced4da;
                  border-radius: 6px;
                  height: 32px;
                  line-height: 32px;
                  width: 35%;
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  overflow: hidden;
                  background-color: #fff; }
                  ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items > span.input-num > input {
                    outline: none;
                    border: none;
                    -webkit-box-flex: 1;
                    -webkit-flex-grow: 1;
                        -ms-flex-positive: 1;
                            flex-grow: 1;
                    text-align: center;
                    height: 100%;
                    font-size: 16px;
                    width: 105px; }
                  ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items > span.input-num > em {
                    height: 32px;
                    background-color: #e8eaf0;
                    font-size: 13px;
                    text-align: center;
                    padding: 0px 8px; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items .bet-money {
                  width: 25%;
                  text-align: center; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.lists > div.items > svg {
                  font-size: 18px;
                  color: red;
                  cursor: pointer; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.tips {
            margin: 20px;
            margin-bottom: 0;
            color: #dc3645;
            font-size: 14px; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.discount-choose {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            text-align: center;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            margin-top: 20px;
            overflow-y: auto;
            overflow-x: hidden;
            max-height: 130px; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.discount-choose > .discount-item {
              height: 65px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                      flex-direction: column;
              color: #d90612;
              font-weight: bold;
              padding: 5px 10px;
              position: relative;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.discount-choose > .discount-item:first-child {
                color: #ff8400; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.discount-choose > .discount-item > .line {
                position: absolute;
                width: 100%;
                height: 2px;
                background: #6b7075;
                top: 49.5%;
                z-index: 1; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.discount-choose > .discount-item > span.circle {
                width: 18px;
                height: 18px;
                border: #808589 1px solid;
                border-radius: 50%;
                cursor: pointer;
                margin: 2px auto;
                z-index: 2;
                background: #fbefef; }
                ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.discount-choose > .discount-item > span.circle.actived, ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.discount-choose > .discount-item > span.circle:hover {
                  width: 20px;
                  height: 20px; }
                  ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.discount-choose > .discount-item > span.circle.actived::before, ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.discount-choose > .discount-item > span.circle:hover::before {
                    content: '';
                    width: 12px;
                    height: 12px;
                    border-radius: 50%;
                    background: #d90612;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%); }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.actions {
            height: auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            color: #fff;
            text-align: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            margin-top: 20px; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.actions > span {
              width: 49.5%;
              height: 60px;
              border-radius: 6px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-justify-content: space-around;
                  -ms-flex-pack: distribute;
                      justify-content: space-around;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                      flex-direction: column;
              padding: 10px 0px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.actions > span.bet-mount {
                background-color: #ff6666; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.actions > span.account-mount {
                background-color: #7ca9f3; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.actions > span.bet-now {
                cursor: pointer;
                width: 100%;
                margin-top: 20px;
                background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#fe9a30));
                background: -webkit-linear-gradient(bottom, #ff5200, #fe9a30);
                background: linear-gradient(bottom, #ff5200, #fe9a30);
                font-size: 16px; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.actions > span > em:first-child {
                font-size: 14px; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-area > div.right-list > div.actions > span > em:last-child {
                font-size: 18px; }
      ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item {
        border: solid 1px #e3c9c9;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 20px; }
        ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div {
          height: 60px;
          height: auto;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          line-height: 60px;
          text-align: center;
          color: #745454;
          font-size: 16px;
          background-color: #fff; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.top > span:nth-child(1) {
            width: 15%;
            background-color: #f3d5d5;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            line-height: 20px;
            padding: 10px 0px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.top > span:nth-child(2) {
            width: 45%;
            font-weight: bold;
            font-size: 30px; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.top > span:nth-child(2) > span {
              border: solid 2px #fe9a2f;
              border-radius: 6px;
              margin-left: 8px;
              color: #fe9a2f;
              padding: 0px 4px;
              font-size: 15px;
              vertical-align: middle; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.top > span:nth-child(3) {
            width: 20%; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.top > span:nth-child(3) > label {
              display: inline-block;
              padding: 0 5px;
              height: 30px;
              line-height: 30px;
              color: #fe9a2f;
              border: solid 1px #fe9a2f;
              border-radius: 8px;
              cursor: pointer; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.top > span:nth-child(4) {
            width: 20%;
            background-color: #ff9900;
            color: #fff; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.top > span:nth-child(4).wait {
              background: #fe9a2f; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.top > span:nth-child(4).win {
              background: #48cb26; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.top > span:nth-child(4).lost {
              background: #ff0000; }
          ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.bottom {
            border-top: solid 1px #e3c9c9; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.bottom > span:nth-child(1) {
              width: 60%;
              background-color: #f4ebeb;
              height: auto;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              padding: 0px 18px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
              ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.bottom > span:nth-child(1) > em:first-child {
                -webkit-user-select: text;
                   -moz-user-select: text;
                    -ms-user-select: text;
                        user-select: text; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.bottom > span:nth-child(2) {
              width: 20%;
              color: #dc3645;
              text-align: right;
              padding-right: 15px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              font-weight: bold; }
            ._1xeQEpD0hDb1R7sNhayR_w > div.body > div.contents > div.bet-record-item > div.bottom > span:nth-child(3) {
              width: 20%;
              background-color: #f4ebeb;
              color: #dc3645;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                      flex-direction: column;
              line-height: 20px;
              padding: 10px 0px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
  ._1xeQEpD0hDb1R7sNhayR_w > div.back {
    position: absolute;
    top: 0px;
    left: -50px;
    padding-bottom: 20px;
    height: auto;
    background: -webkit-gradient(linear, left bottom, left top, from(#ff5200), to(#ff8400));
    background: -webkit-linear-gradient(bottom, #ff5200, #ff8400);
    background: linear-gradient(bottom, #ff5200, #ff8400);
    color: #fff;
    cursor: pointer;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    border-radius: 6px;
    padding: 10px;
    font-size: 13px;
    padding-bottom: 20px; }
    ._1xeQEpD0hDb1R7sNhayR_w > div.back::before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border: 17px solid transparent;
      border-bottom: 14px solid #dfe2e9;
      bottom: 0;
      left: 0; }

@-webkit-keyframes flashing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes flashing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

._2jvCKCzrffgpWWSmCWoFBz {
  min-height: 100vh;
  background: url(/webx/thai/desktop/images/ce3b84.png) no-repeat center top #fff;
  background-size: 100% 100%;
  min-width: 1280px;
  overflow: hidden; }
  ._2jvCKCzrffgpWWSmCWoFBz > div.lottery-contents {
    width: 1280px;
    margin: 25px auto;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    min-height: calc(100vh - 456px); }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._2vJwpgO7yZ2CkVrG6zIjq8 > .privilege > .rebate {
  background: #fff; }
  ._2vJwpgO7yZ2CkVrG6zIjq8 > .privilege > .rebate > ._th {
    background: #A07979;
    height: 40px;
    line-height: 40px;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #fff; }
    ._2vJwpgO7yZ2CkVrG6zIjq8 > .privilege > .rebate > ._th span {
      width: 100%; }
  ._2vJwpgO7yZ2CkVrG6zIjq8 > .privilege > .rebate > ._td {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    ._2vJwpgO7yZ2CkVrG6zIjq8 > .privilege > .rebate > ._td span {
      min-width: 100px;
      width: 100%;
      color: #4C4C4C;
      font-weight: 700;
      border-left: 1px solid #f3d5d5;
      border-bottom: 1px solid #f3d5d5;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    ._2vJwpgO7yZ2CkVrG6zIjq8 > .privilege > .rebate > ._td:nth-child(2n + 1) {
      background: #FEF9F5; }

@charset "UTF-8";
.abs-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.flex-between {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-v-center {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-center {
  display: block;
  margin: auto; }

.inline-block {
  display: inline-block;
  width: auto;
  height: auto; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation: fade-in 100ms;
          animation: fade-in 100ms; }

/*
 * @Description: 该文件记录了平台差异化的样式（这些差异化的样式引用的组件都为公共组件）
 * @Author: ammo@xyzzdev.com
 * @Date: 2019-12-24 17:03:24
 * @LastEditTime: 2020-09-01 16:34:57
 * @LastEditors: ammo@xyzzdev.com
 */
.hidden-input-spinners input::-webkit-outer-spin-button, .hidden-input-spinners input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.hidden-input-spinners input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

@font-face {
  font-family: "PK-Maehongson";
  src: url("/webx/thai/desktop/fonts/PK Maehongson Medium.659f.ttf") format("truetype"), url("/webx/thai/desktop/fonts/PK Maehongson Medium.ac13.otf") format("opentype"); }

.main-wrapper {
  width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto; }

.ft-capitalize {
  text-transform: capitalize; }

._14c_0sasSmAxtAvdwdfeb6 {
  background: url(/webx/thai/desktop/images/e2ea76.jpg) no-repeat center center #fafbfd; }
  ._14c_0sasSmAxtAvdwdfeb6 .content {
    width: 100%;
    height: 100%; }
    ._14c_0sasSmAxtAvdwdfeb6 .content strong {
      width: 100%;
      height: 30px;
      line-height: 30px;
      display: inline-block;
      margin-bottom: 10px;
      padding-left: 10px;
      background: #ccc;
      font-weight: 400;
      font-size: 14p; }
  ._14c_0sasSmAxtAvdwdfeb6 .VIP-top-img {
    width: 100%;
    height: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ff5500), to(rgba(255, 129, 0, 0.4)));
    background: -webkit-linear-gradient(top, #ff5500 40%, rgba(255, 129, 0, 0.4));
    background: linear-gradient(180deg, #ff5500 40%, rgba(255, 129, 0, 0.4)); }
    ._14c_0sasSmAxtAvdwdfeb6 .VIP-top-img img {
      width: 85%;
      background-size: cover; }
  ._14c_0sasSmAxtAvdwdfeb6 > .contents {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0px; }
    ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers {
      height: 42px;
      background: #ff5500; }
      ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers > .not-logged {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        color: #fff; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers > .not-logged > .text > i {
          color: #eed300; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers > .not-logged > .button {
          width: 80px;
          height: 30px;
          border-radius: 20px;
          text-align: center;
          line-height: 30px;
          background: #fff;
          color: #000; }
      ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers > .loggin {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        color: #fff;
        padding: 0px 20px; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers > .loggin .level {
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          overflow: hidden;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 430px; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers > .loggin .level span {
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 37%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            color: #fff;
            font-size: 14px;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers > .loggin .level span .light {
              color: #fff; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers > .loggin .right {
          text-align: center;
          margin-right: 15px; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .headers > .loggin .right em {
            color: #fff; }
    ._14c_0sasSmAxtAvdwdfeb6 > .contents .rule {
      text-decoration: underline;
      color: #fff;
      padding-left: 15px;
      cursor: pointer; }
      ._14c_0sasSmAxtAvdwdfeb6 > .contents .rule svg {
        color: #eed12d; }
    ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions {
      background: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      overflow: hidden;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      padding-top: 40px; }
      ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span {
        color: #000;
        font-size: 17px;
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span > img {
          display: block;
          margin-top: auto;
          width: 110px;
          height: 110px; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span > em {
          display: block;
          text-align: center;
          margin-bottom: auto;
          margin-top: 10px;
          position: relative;
          color: #000; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span > .level-vip {
          height: 0px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span > .level-vip p {
            width: 33%; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span > .level-vip .balance-difference-box {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-around;
                -ms-flex-pack: distribute;
                    justify-content: space-around;
            position: absolute;
            top: 58px; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span > .level-vip .level-progress {
            width: 86px;
            height: 54px;
            background: red;
            color: #fff;
            line-height: 49px;
            margin-top: -37px;
            border-radius: 5px; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span > .level-vip .level-progress b {
              font-size: 30px; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span > .level-vip .level-progress i {
              display: block;
              width: 0;
              height: 0;
              border: 10px solid transparent;
              border-top: 31px solid red;
              margin-left: 30px; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span .progress {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 80%;
          border-radius: 50%;
          background: #404040; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span .progress .bar-box {
            position: relative;
            width: 50%;
            background: #404040;
            height: 8px;
            display: inline-block;
            border-radius: 5px;
            overflow: hidden; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span .progress .progress-bar {
            position: absolute;
            left: 0;
            background: #ff6600;
            height: 8px;
            display: inline-block;
            border-radius: 5px; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span .progress .progress-bar-right {
            position: absolute;
            right: 0;
            background: #ff6600;
            height: 8px;
            display: inline-block;
            border-radius: 5px; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions > span .tip_text {
          width: 42%;
          margin: 0 auto; }
      ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions .progress-Relegation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        height: 80px; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions .progress-Relegation .Relegation-icon {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          width: 82px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions .progress-Relegation .Relegation-icon img {
            width: 19px;
            height: 19px;
            display: inline-block; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions .progress-Relegation .Relegation-icon i {
            font-size: 14px;
            display: inline-block;
            margin-top: 3px;
            font-style: normal; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions .progress-Relegation .progress-lev {
          text-align: center;
          width: 80%; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions .progress-Relegation .progress-lev em {
            margin-top: 13px;
            display: inline-block; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions .progress-Relegation .progress-lev .bar-box {
            position: relative;
            width: 100%;
            background: #404040;
            height: 8px;
            display: inline-block;
            border-radius: 5px;
            overflow: hidden; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .actions .progress-Relegation .progress-lev .progress-bar {
            position: absolute;
            left: 0;
            background: #ff6600;
            height: 8px;
            display: inline-block;
            border-radius: 5px; }
    ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule {
      padding-top: 40px;
      background: #fff; }
      ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 160px;
        color: #ff5500;
        border: 1px solid #F3D5D5;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th span:nth-child(1) {
          height: 160px;
          line-height: 160px;
          color: #4C4C4C;
          font-weight: 700; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th span {
          width: 100px;
          text-align: center; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item {
          height: 160px;
          font-size: 60px;
          color: #cccccc;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          border-left: 1px solid #F3D5D5; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item em {
            height: 121px;
            line-height: 151px;
            display: inline-block; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item .current-level-top {
            display: none; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item i {
            font-size: 14px; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active-pre {
            width: 99.5px !important;
            height: 158px !important;
            border: 1px solid #F3D5D5 !important; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active-pre em {
              background: #fff !important;
              color: #ff6600 !important;
              margin-top: 9px !important; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active-pre .current-level-top, ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active-pre .current-level-bottom {
              display: none !important; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active-pre i {
              background: #fff !important;
              color: #ff6600 !important; }
          ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active {
            height: 731px;
            width: 92px;
            position: relative;
            border: 5px solid #ff5500; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active em {
              width: 92px;
              background: #ff6600;
              color: #fff;
              position: relative;
              margin-top: -31px; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active .current-level-top {
              background: #ff6600;
              display: block;
              font-size: 16px;
              width: 95px;
              height: 28px;
              line-height: 26px;
              position: relative;
              left: 0px;
              top: -31px;
              color: #fff;
              border: 4px solid #ff6600;
              border-bottom: none; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active .current-level-bottom {
              width: 98px;
              height: 20px;
              background: #ff6600;
              position: absolute;
              bottom: 0px; }
            ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._th > .item.active i {
              background: #ff6600;
              color: #fff;
              width: 92px;
              height: 33px; }
      ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._td {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._td span {
          min-width: 100px;
          width: 100%;
          color: #4C4C4C;
          font-weight: 700;
          border-left: 1px solid #f3d5d5;
          border-bottom: 1px solid #f3d5d5;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: 40px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
        ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > ._td:nth-child(2n + 1) {
          background: #FEF9F5; }
      ._14c_0sasSmAxtAvdwdfeb6 > .contents > .level-rule > .title {
        height: 40px;
        width: 200px;
        background: #ff7c00;
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 40px;
        margin-left: 10px;
        margin-top: 15px;
        color: #fff; }