.infinite-loader-empty-list {
  opacity: .6
}
.infinite-loader-empty-list img {
  filter: invert(50%)
}
.infinite-loader-empty-list .no-data-block {
  color: #545658
}
.input-field {
  margin-bottom: 10px;
  width: 100%
}
.input-field input {
  padding: 0
}
.input-field input:focus {
  background: 0 0
}
.input-field input::placeholder {
  color: #c7c7c7;
  font-weight: 300
}
.input-field .prefix {
  align-items: center;
  background-color: #ccc;
  color: #777;
  display: flex;
  justify-content: center;
  padding: 2px 0;
  position: absolute;
  top: 25px;
  width: 50px
}
.input-field .content {
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  height: 54px;
  justify-content: space-around;
  padding: 0 15px
}
.input-field .content .input-block {
  box-sizing: border-box;
  position: relative;
  width: 100%
}
.input-field .content .input-block .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.29;
  pointer-events: none;
  position: absolute;
  top: 18px;
  transition: .2s
}
.input-field .content .input-block input {
  border: none;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
  width: 100%
}
.input-field .content .input-block input:focus {
  box-shadow: none;
  height: 28px;
  top: 24px
}
.input-field .content.focus .title, .input-field .content.not-empty .title, .input-field .content.placeholder .title {
  font-size: 10px;
  top: 8px
}
.input-field .content.focus input, .input-field .content.not-empty input, .input-field .content.placeholder input {
  box-shadow: none;
  font-size: 14px;
  height: 28px;
  line-height: 1.13;
  top: 24px
}
.input-field .content.disabled input {
  cursor: not-allowed !important
}
.input-field .content.has-prefix input {
  left: 55px;
  width: calc(100% - 55px)
}
.input-field .error-msg, .input-field .info-msg {
  display: flex;
  font-size: 12px;
  margin: 5px 0 10px
}
.input-field .error-msg i, .input-field .info-msg i {
  font-size: 10px;
  margin-right: 4px
}
.input-field .required .title {
  padding-left: 12px;
  position: relative
}
.input-field .required .title:before {
  bottom: 0;
  color: #e94951;
  content: "*";
  font-size: 10px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 4px
}
.input-field .required.not-empty .title:before {
  top: 3px
}
.input-field input:-webkit-autofill {
  -webkit-text-fill-color: #545658
}
.input-field input:-webkit-autofill, .input-field input:-webkit-autofill:active, .input-field input:-webkit-autofill:focus, .input-field input:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 50px #fbfbfb !important
}
.input-field input:disabled {
  -webkit-text-fill-color: #545658;
  opacity: .7
}
.input-field .content {
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9
}
.input-field .content.d-input-field-content {
  background-color: #fbfbfb;
  max-height: inherit;
  max-width: inherit;
  min-height: inherit;
  min-width: inherit
}
.input-field .content .input-block .title {
  color: #939698
}
.input-field .content .input-block input {
  background-color: transparent;
  color: #545658
}
.input-field .content .action-block {
  color: #f8991d
}
.input-field .content.error {
  border: 1px solid #e94951;
  color: #e94951
}
.input-field .content.error input {
  color: #e94951
}
.input-field .content.focus {
  background-color: #fff;
  border-color: rgba(248, 153, 29, .5);
  box-shadow: 0 0 0 2px rgba(248, 153, 29, .1)
}
.input-field .error-msg .icon-info, .input-field .info-msg .icon-info {
  font-family: iconmps;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  margin: auto 4px auto 0
}
.input-field .error-msg .icon-info:before, .input-field .info-msg .icon-info:before {
  content: ""
}
.input-field .error-msg, .input-field .error-msg small {
  color: #e94951
}
.input-field .info-msg, .input-field .info-msg small {
  color: #939698
}
.input-field .content .action-block {
  display: flex;
  justify-content: flex-end;
  width: 15%
}
.input-field .content .action-block > div {
  align-items: center;
  display: flex
}
.input-field .content .action-block > div i {
  cursor: pointer;
  font-size: 24px
}
.m-input-field {
  margin-bottom: 10px;
  width: 100%
}
.m-input-field input {
  padding: 0
}
.m-input-field input:focus {
  background: 0 0
}
.m-input-field .content {
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  height: 54px;
  justify-content: space-around;
  padding: 0 15px
}
.m-input-field .content .input-block {
  box-sizing: border-box;
  position: relative;
  width: 100%
}
.m-input-field .content .input-block label {
  font-size: 14px;
  line-height: 1.29;
  pointer-events: none;
  position: absolute;
  top: 18px;
  transition: .2s
}
.m-input-field .content .input-block input {
  border: none;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
  width: 100%
}
.m-input-field .content .input-block input:focus {
  box-shadow: none;
  height: 28px;
  top: 24px
}
.m-input-field .content .input-block .prefix {
  align-items: center;
  background-color: #ccc;
  color: #777;
  display: flex;
  justify-content: center;
  padding: 2px 0;
  position: absolute;
  top: 25px;
  width: 50px
}
.m-input-field .content .action-block {
  display: flex;
  justify-content: flex-end;
  width: 15%
}
.m-input-field .content .action-block > div {
  align-items: center;
  display: flex
}
.m-input-field .content .action-block > div i {
  cursor: pointer;
  font-size: 24px
}
.m-input-field .content.focus {
  background-color: #fff !important;
  border-color: rgba(254, 176, 0, .5) !important;
  box-shadow: 0 0 0 2px rgba(254, 176, 0, .1) !important
}
.m-input-field .content.focus label, .m-input-field .content.not-empty label, .m-input-field .content.placeholder label {
  font-size: 10px;
  top: 8px
}
.m-input-field .content.focus input, .m-input-field .content.not-empty input, .m-input-field .content.placeholder input {
  box-shadow: none;
  font-size: 14px;
  height: 28px;
  line-height: 1.13;
  top: 24px
}
.m-input-field .content.has-prefix input {
  left: 55px;
  width: calc(100% - 55px)
}
.m-input-field .content.disabled input {
  cursor: not-allowed !important
}
.m-input-field .error-msg, .m-input-field .info-msg {
  display: flex;
  font-size: 8px;
  margin: 5px 0 10px
}
.m-input-field .error-msg i, .m-input-field .info-msg i {
  font-size: 8px;
  margin-right: 4px
}
.m-input-field .required label {
  padding-left: 12px;
  position: relative
}
.m-input-field .required label:before {
  bottom: 0;
  color: #e94951;
  content: "*";
  font-size: 10px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 4px
}
.m-input-field .required.not-empty label:before {
  top: 3px
}
.m-input-field input:-webkit-autofill {
  -webkit-text-fill-color: #545658
}
.m-input-field input:-webkit-autofill, .m-input-field input:-webkit-autofill:active, .m-input-field input:-webkit-autofill:focus, .m-input-field input:-webkit-autofill:hover {
  box-shadow: inset 0 0 0 50px #fbfbfb !important
}
.m-input-field input:disabled {
  -webkit-text-fill-color: #545658;
  opacity: .7
}
.m-input-field .content {
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9
}
.m-input-field .content .input-block label {
  color: #a0a3a5
}
.m-input-field .content .input-block input {
  background-color: transparent;
  color: #545658
}
.m-input-field .content .action-block {
  color: #f8991d
}
.m-input-field .content.error {
  border: 1px solid #e94951;
  color: #e94951
}
.m-input-field .content.error input {
  color: #e94951
}
.m-input-field .content.focus {
  border: 1px solid #f8991d;
  box-shadow: 0 0 10px 0 #f8991d
}
.m-input-field .error-msg .icon-info, .m-input-field .info-msg .icon-info {
  font-family: iconmps;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  margin: auto 4px auto 0
}
.m-input-field .error-msg .icon-info:before, .m-input-field .info-msg .icon-info:before {
  content: ""
}
.m-input-field .error-msg {
  color: #e94951
}
.m-input-field .error-msg small {
  color: #e94951;
  font-size: 13px
}
.m-input-field .info-msg {
  color: #86898c
}
.m-input-field .info-msg small {
  color: #86898c;
  font-size: 13px
}
.read-only-mobile-field {
  position: relative
}
.read-only-mobile-field.m-input-field .react-tel-input {
  width: 100%
}
.read-only-mobile-field label {
  color: #a0a3a5;
  font-size: 10px;
  left: 45px;
  position: absolute;
  top: 8px;
  z-index: 10
}
.read-only-mobile-field .error-msg {
  color: #e94951;
  font-size: 8px;
  margin: 5px 0 10px
}
.read-only-mobile-field .error-msg small {
  color: #e94951;
  font-size: 13px
}
.member-center-mobile-field .clear-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}
.member-center-mobile-field .clear-icon > .mps-close {
  color: #f8991d;
  cursor: pointer;
  font-size: 24px
}
.member-center-mobile-field {
  width: 100%
}
.member-center-mobile-field.required label:before {
  color: #e94951;
  content: "*";
  margin-right: 5px
}
.member-center-mobile-field .formik-item {
  position: relative
}
.member-center-mobile-field .formik-item small.info-msg {
  display: none
}
.member-center-mobile-field .formik-item label {
  color: #a0a3a5;
  font-size: 10px;
  left: 45px;
  position: absolute;
  top: 5px;
  z-index: 10
}
.member-center-mobile-field .formik-item .mobile-field, .member-center-mobile-field .formik-item > :not(.formik-group) {
  width: 100%
}
.member-center-mobile-field .formik-item .mobile-field .selected-flag {
  background-color: #fff;
  height: 52px
}
.member-center-mobile-field .formik-item .mobile-field .flag-dropdown {
  left: 2px;
  top: 2px
}
.member-center-mobile-field .formik-item .mobile-field .country-list {
  height: auto !important;
  margin-top: 19px;
  max-height: 150px
}
.member-center-mobile-field .formik-item .mobile-field .country-list > div {
  max-height: inherit
}
.member-center-mobile-field .formik-item .mobile-field .form-control {
  background-color: #fbfbfb;
  border: 0;
  border-radius: 5px;
  box-sizing: border-box;
  color: #545658;
  height: 56px;
  padding-top: 15px;
  width: 100%
}
.member-center-mobile-field .formik-item .mobile-field .form-control:focus {
  border: 1px solid #f8991d;
  box-shadow: 0 0 10px 0 #f8991d
}
.member-center-mobile-field .formik-item .invalid-msg {
  color: #e94951;
  font-size: 10px;
  margin-bottom: 10px
}
.member-center-mobile-field .formik-item .invalid-msg:before {
  content: "";
  font-family: iconmps;
  font-size: 8px;
  margin: auto 4px auto 0
}
.member-center-mobile-field .formik-item.invalid .form-control {
  border: 1px solid #e94951
}
.member-center-mobile-field .read-only-mobile-field.readOnly {
  width: 100%
}
.member-center-mobile-field .read-only-mobile-field.readOnly .react-tel-input.readOnly .selected-flag {
  height: 52px
}
.member-center-mobile-field .read-only-mobile-field.readOnly .react-tel-input.readOnly .form-control {
  background-color: #fbfbfb;
  border: 0;
  border-radius: 5px;
  color: #545658;
  cursor: not-allowed;
  height: 54px;
  padding-top: 16px;
  width: 100%
}
.member-center-mobile-field .info-msg {
  color: #86898c;
  display: flex;
  margin-bottom: 10px
}
.member-center-mobile-field .info-msg i {
  margin-right: 4px
}
.member-center-mobile-field {
  width: 100%
}
.member-center-mobile-field .react-tel-input .country-list {
  background-color: #fbfbfb !important;
  color: #545658
}
.member-center-mobile-field .react-tel-input .country-list .country.highlight, .member-center-mobile-field .react-tel-input .country-list .country:hover {
  color: #454545
}
.member-center-mobile-field.required label:before {
  color: #e94951;
  content: "*";
  margin-right: 5px
}
.member-center-mobile-field .formik-item {
  position: relative
}
.member-center-mobile-field .formik-item small.info-msg {
  display: none
}
.member-center-mobile-field .formik-item label {
  color: #a0a3a5;
  font-size: 10px;
  left: 45px;
  position: absolute;
  top: 5px;
  width: auto;
  z-index: 10
}
.member-center-mobile-field .formik-item .mobile-field, .member-center-mobile-field .formik-item > :not(.formik-group) {
  width: 100%
}
.member-center-mobile-field .formik-item .mobile-field .selected-flag {
  background-color: #fff;
  height: 52px
}
.member-center-mobile-field .formik-item .mobile-field .flag-dropdown {
  left: 2px;
  top: 2px
}
.member-center-mobile-field .formik-item .mobile-field .country-list {
  height: auto !important;
  margin-top: 19px;
  max-height: 150px
}
.member-center-mobile-field .formik-item .mobile-field .country-list > div {
  max-height: inherit
}
.member-center-mobile-field .formik-item .mobile-field .form-control {
  background-color: #fbfbfb;
  border: 0;
  border-radius: 5px;
  box-sizing: border-box;
  color: #545658;
  height: 56px;
  padding-top: 15px;
  width: 100%
}
.member-center-mobile-field .formik-item .mobile-field .form-control:focus {
  border: 1px solid #f8991d;
  box-shadow: 0 0 10px 0 #f8991d
}
.member-center-mobile-field .formik-item .invalid-msg {
  color: #e94951;
  font-size: 13px;
  margin: 5px 0 10px
}
.member-center-mobile-field .formik-item .invalid-msg:before {
  content: "";
  font-family: iconmps;
  font-size: 8px;
  margin: auto 4px auto 0
}
.member-center-mobile-field .formik-item.invalid .form-control {
  border: 1px solid #e94951
}
.member-center-mobile-field .read-only-mobile-field.readOnly {
  width: 100%
}
.member-center-mobile-field .read-only-mobile-field.readOnly .react-tel-input.readOnly .selected-flag {
  height: 52px
}
.member-center-mobile-field .read-only-mobile-field.readOnly .react-tel-input.readOnly .form-control {
  background-color: #fbfbfb;
  border: 0;
  border-radius: 5px;
  color: #545658;
  height: 54px !important;
  padding-top: 16px;
  width: 100%
}
.member-center-mobile-field .info-msg {
  color: #86898c;
  display: flex;
  font-size: 8px;
  margin: 5px 0 10px
}
.member-center-mobile-field .info-msg i {
  font-family: iconmps;
  font-size: 8px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  margin: auto 4px auto 0
}
.member-center-mobile-field .info-msg i:before {
  content: ""
}
.member-center-mobile-field .info-msg small {
  font-size: 13px
}
#thrid-party-login-System-mobile-wrapper.mobile {
  margin-bottom: 10px
}
#thrid-party-login-System-mobile-wrapper.mobile .verify-input label {
  top: 18px
}
#thrid-party-login-System-mobile-wrapper.mobile .focus .verify-input label {
  top: 8px
}
#thrid-party-login-System-mobile-wrapper.mobile .invalid-msg {
  margin: 0
}
#thrid-party-login-System-mobile-wrapper .mobile-input {
  margin-bottom: 20px
}
#thrid-party-login-System-mobile-wrapper .mobile-input .formik-item {
  width: 100%
}
#thrid-party-login-System-mobile-wrapper .mobile-input label {
  left: 45px;
  top: 8px;
  width: auto
}
#thrid-party-login-System-mobile-wrapper .verify-input {
  align-items: center;
  display: flex
}
#thrid-party-login-System-mobile-wrapper .verify-input .input-field {
  margin: 0
}
#thrid-party-login-System-mobile-wrapper .verify-input input, #thrid-party-login-System-mobile-wrapper .verify-input label {
  left: 0
}
#thrid-party-login-System-mobile-wrapper .verify-input label {
  top: 0
}
#thrid-party-login-System-mobile-wrapper .verify-input .send-code-btn {
  font-size: 16px;
  height: 45px;
  margin: 0 0 0 10px;
  padding: 0 5px;
  width: 120px
}
#thrid-party-login-System-mobile-wrapper .invalid-msg {
  text-align: left
}
.fast-bind-modal.hover-container {
  text-align: center
}
.fast-bind-modal.hover-container .title {
  font-size: 22px;
  font-weight: 500;
  margin-top: 15px
}
.fast-bind-modal.hover-container .container {
  min-height: 400px;
  overflow: visible;
  width: 620px
}
.fast-bind-modal.hover-container .container .modal-close-btn {
  background-color: #f8991d;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 2rem;
  padding: 2px 4px;
  position: absolute;
  right: -13px;
  top: -13px;
  z-index: 1
}
.fast-bind-modal.hover-container .modal-content-wrapper {
  max-height: 80vh;
  overflow: auto;
  padding: 0 30px 30px
}
.fast-bind-modal.hover-container .modal-content-wrapper .nrc-tabs-nav .nrc-tabs-tab {
  padding: 5px;
  width: 50%
}
.fast-bind-modal.hover-container .modal-content-wrapper .nrc-tabs-nav.only-one-tab .nrc-tabs-tab {
  width: 100%
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper {
  margin-top: 10px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .user-photo {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .user-photo .user-third-party-photo {
  display: inline-block;
  height: 50px;
  margin: 10px 0 5px;
  width: 50px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .user-photo .user-third-party-photo img {
  width: 100%
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .user-photo .user-name {
  margin-bottom: 10px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper {
  background-color: rgba(0, 0, 0, .15);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .tips {
  font-size: 12px;
  margin-bottom: 10px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .tips > div:first-child {
  margin-bottom: 5px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input {
  display: flex
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .content .input-block > input, .fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .content .input-block > label {
  left: 0
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .content .input-block > label {
  margin-top: 1px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .content.has-prefix .input-block > input {
  left: 55px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .copy-text {
  align-items: center;
  display: flex
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .copy-text i {
  color: #f8991d;
  font-size: 1.6rem
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .download-action {
  display: flex
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .download-action > button {
  background: 0 0;
  border: 1px solid #f8991d;
  border-radius: 5px;
  color: #f8991d;
  flex: 1;
  font-size: 13px;
  height: 35px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .download-action > button:first-child {
  margin-right: 10px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .download-action .mps-update {
  color: #f8991d;
  font-size: 1.2rem;
  line-height: 35px;
  margin: 0 3px 0 10px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .submit-action {
  display: flex
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .submit-action > button {
  border-radius: 5px;
  flex: 1;
  margin: 15px 0
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .submit-action > button:last-child {
  margin-left: 10px
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .error-msg .icon-info:before {
  font-family: iconmps
}
.fast-login-wrapper .fast-login-container {
  align-items: center;
  display: flex;
  justify-content: center
}
.fast-login-wrapper .fast-login-container > span {
  margin: 0 5px;
  min-width: 70px;
  text-align: center
}
.fast-login-wrapper .fast-login-container:after, .fast-login-wrapper .fast-login-container:before {
  background-color: #ccc;
  content: "";
  display: inline-block;
  flex: 1;
  height: 1px
}
.fast-login-wrapper .icons {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 10px 0;
  min-height: 35px
}
.fast-login-wrapper .icons .icon {
  margin: 0 5px
}
.slider-captcha-wrapper {
  height: 250px;
  margin: auto;
  width: 300px
}
.slider-captcha-wrapper .captcha-loading {
  background-color: #fff;
  height: 200px;
  line-height: 200px;
  position: absolute;
  text-align: center;
  width: 300px;
  z-index: 10
}
.slider-captcha-wrapper .content {
  height: 200px;
  position: relative;
  width: 100%
}
.slider-captcha-wrapper .content .slice {
  background-position: 50%;
  background-repeat: no-repeat;
  height: 50px;
  left: var(--slice-left-offset);
  position: absolute;
  top: var(--slice-top-offset);
  transition: transform .1s ease-in-out;
  width: 50px
}
.slider-captcha-wrapper .content .slice:after {
  align-items: center;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  display: flex;
  height: 30px;
  justify-content: center;
  left: 4px;
  opacity: .3;
  position: absolute;
  top: 4px;
  width: 30px
}
.slider-captcha-wrapper .content .slice.isDragging {
  transform: scale(1.1)
}
.slider-captcha-wrapper .slider {
  height: 50px;
  position: relative;
  width: 100%
}
.slider-captcha-wrapper .slider .track {
  background-color: #e1e1e1;
  border-radius: 10px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}
.slider-captcha-wrapper .slider .track .slider-drag-btn {
  background-color: #f8991d;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  height: 40px;
  left: var(--slice-left-offset);
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 50px
}
.slider-captcha-wrapper .slider .track .slider-drag-btn .mps-arrow-right {
  font-weight: 700
}
.slider-captcha-wrapper .slider .verify-suc {
  background-color: #f3fdec;
  border: 2px solid #39c522;
  color: #39c522;
  height: 100%;
  line-height: 50px;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: opacity .3s;
  width: 100%;
  z-index: -1
}
.slider-captcha-wrapper .slider .verify-suc.isSuccess {
  opacity: 1;
  z-index: 10
}
.slider-captcha-wrapper .slider.beforeSuc .verify-suc {
  opacity: 1;
  z-index: 99
}
.slider-captcha-wrapper .captcha-refresh-btn {
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 25px
}
.slider-captcha-wrapper .captcha-refresh-btn.isRefresh {
  cursor: not-allowed;
  opacity: .3
}
.slider-captcha-modal .portal-modal {
  width: auto
}
.slider-captcha-modal .portal-modal .modal-title {
  font-size: 16px
}
.slider-captcha-modal.isFailedEffect .portal-modal {
  animation: failed_shake .2s linear 2 both
}
@keyframes failed_shake {
  25% {
    margin-left: -6px
  }
  75% {
    margin-left: 6px
  }
  to {
    margin-left: 0
  }
}
.desktop-player-info-wrapper {
  align-items: center;
  background-color: rgba(0, 0, 0, .7);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}
.desktop-player-info-wrapper .header {
  align-items: center;
  background-color: #e1e1e1;
  border-radius: 5px 5px 0 0;
  display: flex;
  height: 51px;
  justify-content: center;
  max-width: 500px;
  position: relative;
  width: 100%
}
.desktop-player-info-wrapper .header .close {
  background-color: #f8991d;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  width: 36px
}
.desktop-player-info-wrapper .header .close:before {
  color: #fff;
  content: "";
  font-family: iconmps !important;
  font-size: 20px;
  position: absolute;
  right: calc(50% - 10px);
  top: calc(50% - 10px)
}
.desktop-player-info-wrapper .header h2 {
  color: #545658;
  font-size: 20px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600
}
.desktop-player-info-wrapper .fill-content {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 10px 0 rgba(15, 2, 20, .7);
  box-sizing: border-box;
  max-height: 620px;
  max-width: 500px;
  overflow-y: auto;
  padding: 32px 24px;
  width: 100%
}
.desktop-player-info-wrapper .fill-content h4 {
  color: #939698;
  font-size: 16px;
  padding-bottom: 24px;
  text-align: center
}
.desktop-player-info-wrapper .fill-content .btn-group {
  display: flex;
  justify-content: space-between
}
.desktop-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn {
  border-radius: 5px;
  color: #fff;
  padding: 10px 0;
  width: 48.842%
}
.desktop-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn:first-child {
  background: #ccc
}
.desktop-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn:last-child {
  background: #f8991d;
  margin: auto
}
.mobile-player-info-wrapper {
  overflow-x: hidden
}
.mobile-player-info-wrapper .header {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 64px;
  justify-content: center;
  position: relative
}
.mobile-player-info-wrapper .header .close {
  background-color: transparent;
  height: 32px;
  position: absolute;
  right: 0;
  top: calc(50% - 16px);
  width: 32px
}
.mobile-player-info-wrapper .header .close:before {
  color: #f8991d;
  content: "";
  font-family: iconmps !important;
  font-size: 32px;
  position: absolute;
  right: calc(50% - 16px);
  top: calc(50% - 16px)
}
.mobile-player-info-wrapper .header h2 {
  color: #545658;
  font-size: 16px
}
.mobile-player-info-wrapper .fill-content {
  background-color: #f9f9f9;
  min-height: calc(100vh - 64px);
  padding: 4%
}
.mobile-player-info-wrapper .fill-content h4 {
  color: #939698;
  font-size: 12px;
  padding-bottom: 4%;
  text-align: center
}
.mobile-player-info-wrapper .fill-content .btn-group {
  display: flex;
  justify-content: space-between;
  margin-top: 23.768%
}
.mobile-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn {
  border-radius: 5px;
  color: #fff;
  font-family: NotoSans;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
  width: 48.695%
}
.mobile-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn:first-child {
  background: #ccc
}
.mobile-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn:last-child {
  background: #f8991d;
  margin: auto
}
.mobile-player-info-wrapper .fill-content .formik-label, .mobile-player-info-wrapper .fill-content .input-block label {
  color: #545658;
  font-family: NotoSans;
  font-size: 14px
}
.mobile-player-info-wrapper.pop-up-modal {
  align-items: center;
  background-color: rgba(0, 0, 0, .7);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000
}
.mobile-player-info-wrapper.pop-up-modal .header {
  width: 100%
}
.mobile-player-info-wrapper.pop-up-modal h2 {
  font-stretch: normal;
  font-style: normal;
  font-weight: 600
}
.mobile-player-info-wrapper.pop-up-modal .fill-content {
  box-sizing: border-box;
  overflow-y: auto;
  width: 100%
}
.fill-content .formik-uploadfield, .fill-content .input-field > .content {
  background-color: #fbfbfb
}
.fill-content .input-date-field .formik-input {
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  color: #939698;
  width: 100%
}
.fill-content .formik-label, .fill-content .input-block .title {
  color: #545658
}
.fill-content .info-msg {
  margin: 5px 0 10px
}
.fill-content .info-msg, .fill-content .info-msg small {
  color: #939698;
  font-family: PingFangTC;
  font-size: 10px
}
.fill-content .error-msg, .fill-content .invalid-msg {
  color: #e94951;
  font-size: 10px;
  margin: 5px 0 10px
}
.fill-content .member-center-mobile-field {
  margin-bottom: 10px
}
.fill-content .member-center-mobile-field .formik-label {
  width: auto
}
.fill-content .member-center-mobile-field .formik-item .mobile-field input.form-control {
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9;
  box-shadow: none
}
.loading-wrapper {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center
}
.not-found {
  background-image: linear-gradient(0deg, #182848, #2980b9);
  display: flex;
  min-height: 500px;
  padding: 60px 0;
  width: 100%
}
.not-found .not-found-content {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 850px;
  width: 100%
}
.not-found .not-found-content .left .error-fish {
  animation: swing 2.5s ease-in-out infinite;
  position: relative;
  transform-origin: 57.596% 100%;
  width: 300px;
  z-index: 2
}
@keyframes swing {
  0% {
    transform: rotate(13deg)
  }
  50% {
    transform: rotate(-5deg)
  }
  to {
    transform: rotate(13deg)
  }
}
.not-found .not-found-content .right {
  padding-left: 60px;
  text-align: center
}
.not-found .not-found-content .right .not-found-title {
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 30px
}
.not-found .not-found-content .right .not-found-desc {
  font-size: 16px;
  line-height: 1.6
}
.not-found .bubble {
  animation: bubble 15s ease-in-out infinite, sideWays 4s ease-in-out infinite alternate;
  background-color: #fff;
  border-radius: 100%;
  bottom: -30px;
  height: 20px;
  opacity: .2;
  position: absolute;
  width: 20px
}
.not-found .bubble--1 {
  animation-delay: .5s;
  animation-duration: 16s;
  left: 10%;
  opacity: .2
}
.not-found .bubble--2 {
  animation-delay: 1s;
  animation-duration: 10s;
  height: 5px;
  left: 40%;
  opacity: .1;
  width: 5px
}
.not-found .bubble--3 {
  animation-delay: 5s;
  animation-duration: 20s;
  height: 2px;
  left: 30%;
  opacity: .3;
  width: 2px
}
.not-found .bubble--4 {
  animation-delay: 8s;
  animation-duration: 17s;
  height: 15px;
  left: 40%;
  opacity: .2;
  width: 15px
}
.not-found .bubble--5 {
  animation-delay: 10s;
  animation-duration: 15s;
  height: 20px;
  left: 60%;
  opacity: .1;
  width: 20px
}
.not-found .bubble--6 {
  animation-delay: 3s;
  animation-duration: 30s;
  height: 3px;
  left: 80%;
  opacity: .4;
  width: 3px
}
.not-found .bubble--7 {
  animation-delay: -7s;
  animation-duration: 25s;
  height: 5px;
  left: 90%;
  opacity: .3;
  width: 5px
}
.not-found .bubble--9 {
  animation-delay: -5s;
  animation-duration: 19s;
  bottom: 30px;
  height: 10px;
  left: 50%;
  opacity: .2;
  width: 10px
}
.not-found .bubble--10 {
  animation-delay: -21s;
  animation-duration: 16s;
  bottom: 30px;
  height: 30px;
  left: 30%;
  opacity: .3;
  width: 30px
}
.not-found .bubble--11 {
  animation-delay: -13.75s;
  animation-duration: 20s;
  bottom: 30px;
  height: 20px;
  left: 60%;
  opacity: .3;
  width: 20px
}
.not-found .bubble--12 {
  animation-delay: -10.5s;
  animation-duration: 19s;
  bottom: 30px;
  height: 15px;
  left: 90%;
  opacity: .3;
  width: 15px
}
@keyframes bubble {
  0% {
    opacity: .06;
    transform: translateY(0)
  }
  to {
    transform: translateY(-120vh)
  }
}
@keyframes sideWays {
  0% {
    margin-left: 0
  }
  to {
    margin-left: 200px
  }
}
.ad-WebpageShare iframe {
  border: none;
  height: 100vh;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  width: 100vw
}
.ad-WebpageShare .ad-image {
  background-color: #fff;
  background-size: contain;
  cursor: pointer;
  height: 300px;
  position: relative;
  width: 400px
}
.ad-WebpageShare .mps-close {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .31);
  color: #777;
  cursor: pointer;
  font-size: 34px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: -20px;
  text-align: center;
  top: -20px;
  width: 40px
}
.broken-link-page {
  word-wrap: break-word;
  align-items: center;
  color: #202124;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  justify-content: center;
  min-height: 80vh;
  padding: 20px
}
.broken-link-page i {
  font-size: 54px;
  margin-bottom: 10px
}
.demo-game-page {
  align-content: center;
  align-items: center;
  background-color: #202020;
  color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  min-width: 100vw
}
.demo-game-page .demo-game-header {
  align-items: center;
  display: flex;
  font-size: 21px;
  margin-bottom: 20px;
  max-width: 1280px;
  position: relative;
  width: 90vw
}
.demo-game-page iframe {
  box-shadow: 0 5px 25px #000;
  height: calc(100vh - 170px);
  max-height: 720px;
  max-width: 1280px;
  width: 90vw
}
.demo-game-page .demo-close, .demo-game-page .demo-fullscreen {
  cursor: pointer;
  font-size: 35px;
  position: absolute;
  right: 0;
  transition: .3s ease
}
.demo-game-page .demo-close:hover, .demo-game-page .demo-fullscreen:hover {
  transform: scale(1.1)
}
.demo-game-page .demo-fullscreen {
  right: 45px
}
* {
  outline: none
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}
html {
  line-height: 1
}
ul {
  list-style: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
caption, td, th {
  font-weight: 400;
  text-align: left;
  vertical-align: middle
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
a img {
  border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}
.spin {
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-name: spin;
  animation-timing-function: linear
}
.easein-leave.easein-leave-active {
  transition: opacity .3s ease-in
}
.easein-appear {
  opacity: .01
}
.easein-appear.easein-appear-active {
  opacity: 1;
  transition: opacity .5s ease-in
}
.easein-enter {
  opacity: .01
}
.easein-enter.easein-enter-active {
  opacity: 1;
  transition: opacity .5s ease-in
}
.easein-leave {
  opacity: 1
}
.easein-leave.easein-leave-active {
  opacity: .01;
  transition: opacity .5s ease-in
}
@keyframes spin {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@font-face {
  font-family: avenir;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/Avenir.63d50f30..otf)
}
@font-face {
  font-family: din;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/DINAlternateBold.e16cdf81..otf)
}
.collection-infos-block > div p:nth-child(2), .text-left {
  text-align: left
}
.app.account header .main-header ul li a, .collection-block .mps-input-ok, .confirmation-deposit-popup .header, .countdown p:nth-child(2n) span, .countdown p span, .deposit-service-online .non-selected-bank, .description, .modal.alert .container .title-close p, .modal.confirm-body-modal .header h2, .modal.confirmation .white-container p, .nrc-button.neutral, .nrc-file:before, .nrc-file label .icon-delete:before, .nrc-tabs .nrc-tabs-nav .nrc-tabs-tab, .nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab, .steps div, .text-center, .transfers-page .transfer-popup .amount, .transfers-page .transfer-popup .sure {
  text-align: center
}
.app.account .profile .walletBlock > :last-child p, .app.account header .hello, .collection-block > div > div p:first-child, .collection-infos-block > div p:first-child, .nrc-form .nrc-form-item .nrc-form-label, .text-right, .withdraw-list .form .nrc-form-item .nrc-form-input input, .withdraw-list .form .nrc-form-item .nrc-form-input small, .withdraw-list .form .total-deduction {
  text-align: right
}
.app-body .signup .agree-policy, .app-body .signup .policy-detail .footer, .banks-block p.empty-image, .collection-small:before, .confirmation-deposit-popup .footer, .countdown, .deposit-add.online .cover-wrapper, .deposit-min-max-block, .deposit-service-online .non-selected-bank, .finan-history .point-block, .finan-history .search-form, .flex-center, .games-fishing .fishing-game-list, .hover-container, .modal.confirm-body-modal .footer, .modal.confirmation .white-container div, .nrc-button.neutral, .nrc-form .btn-group, .nrc-table-header-column .label, .popup .popup-cont.loading {
  align-items: center;
  display: flex;
  justify-content: center
}
.flex-center-top, .withdraw-list .boxes {
  align-items: flex-start;
  display: flex;
  justify-content: center
}
.app.account .profile .walletBlock > :last-child div, .flex-right, .withdraw-list .boxes > div > div:first-child {
  align-items: center;
  display: flex;
  justify-content: flex-end
}
.app.account .profile .bankDataBlock, .app.account header .main-header ul, .deposit-list .options > div, .flex-left, .inbox .inbox-list .delete-btn, .lottery-game-list, .news .main-wrap, .nrc-form .nrc-form-item .nrc-form-input, .nrc-tabs .nrc-tabs-nav, .nrc-tabs.tabs-style-3 .nrc-tabs-nav, .transfers-page .walletTransfer, .transfers-page .walletTransfer > div p:last-child {
  align-items: center;
  display: flex;
  justify-content: flex-start
}
.collection-block > div > div, .flex-left-top, .modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input .info-msg, .nrc-form .nrc-form-item {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start
}
.flex-right-bottom {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end
}
.flex-between-bottom {
  align-items: flex-end;
  display: flex;
  justify-content: space-between
}
.app.account .profile .walletBlock, .collection-infos-block > div, .collection-small, .flex-between, .hover-container .container .header, .list-details div, .section-block .header, .steps, .transfers-page .walletTransfer > div, .withdraw-list .boxes > div.generalfee > .total, .withdraw-list .boxes > div.promofee > .total, .withdraw-list .form .actual-withdrawal, .withdraw-list .form .my-main-wallet {
  align-items: center;
  display: flex;
  justify-content: space-between
}
.flex-around {
  align-items: center;
  display: flex;
  justify-content: space-around
}
.activate-account .container, .app-body .signup .policy-detail .header, .app.account header .main-header ul li a, .deposit-min-max-block > div, .flex-center-column, .inbox .inbox-detail .header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.collection-list, .countdown p, .flex-left-column {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}
.flex-right-column, .withdraw-list .form .nrc-form-item .nrc-form-input {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}
.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.app.account .profile .walletBlock > :last-child, .flex-center-column-between {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.flex-wrap, .lottery-game-list, .transfers-page .walletTransfer {
  flex-wrap: wrap
}
.highlight-color {
  color: #f8991d
}
.color-failed {
  color: #d22323 !important
}
.color-brand {
  color: #535353 !important
}
.status-active {
  color: #8fc31f
}
.status-disabled {
  color: #d22323
}
.app.account .profile .bankDataBlock > :first-child:after, .app.account .profile .walletBlock > :first-child:after, .banks-block p:after, .banks-block p:before, .before-after, .nrc-file:before, .nrc-file label .icon-delete:before, .steps div:after, .steps div:before, .transfers-page .walletTransfer > div:first-child p:first-child:after {
  content: "";
  position: absolute
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis
}
.cursor-pointer {
  cursor: pointer
}
.separate-line {
  border-top: 1px dashed #777;
  margin: 20px 0
}
.invisible, .nrc-invisible {
  background: 0 0;
  border: 1px solid #fff;
  height: 0;
  left: -9999px;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  resize: none;
  top: -9999px;
  width: 0;
  z-index: -10
}
.hide {
  display: none
}
.anchor {
  color: #01b1f0;
  cursor: pointer
}
.nrc-form .nrc-form-item {
  margin-bottom: 30px
}
.nrc-form .nrc-form-item.vertical {
  margin-bottom: 0
}
.nrc-form .nrc-form-item.vertical .nrc-form-input {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
.nrc-form .nrc-form-item.vertical .nrc-form-input small {
  height: 36px;
  text-align: left;
  width: 100%
}
.nrc-form .nrc-form-item .nrc-form-input {
  margin-left: 30px;
  margin-top: 0
}
.nrc-form .nrc-form-item .nrc-form-input input, .nrc-form .nrc-form-item .nrc-form-input select {
  margin-right: 20px;
  width: 220px
}
.nrc-form .nrc-form-item small {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  width: 500px
}
.nrc-form .nrc-form-item small.invalid-msg {
  color: #d22323
}
.nrc-form .nrc-form-item small a {
  color: #f8991d;
  text-decoration: none
}
.nrc-form .nrc-form-item small a:hover {
  text-decoration: underline
}
.nrc-form .nrc-form-item .nrc-form-label {
  padding-right: 10px;
  width: 280px
}
.nrc-form .nrc-form-item .nrc-form-label label {
  color: #535353;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  position: relative
}
.nrc-form .nrc-form-item .nrc-form-label label:after {
  content: ":";
  line-height: 18px;
  position: absolute;
  right: -15px;
  top: 0
}
.nrc-form .nrc-form-item .nrc-form-label label.form-require:before {
  color: #f8991d;
  content: "*";
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  left: -5px;
  line-height: 0;
  position: absolute;
  top: 2px
}
.nrc-form .btn-group {
  margin: 40px 0
}
.nrc-form .btn-group button {
  margin: 0 10px
}
.nrc-form .btn-group button:last-child {
  margin-right: inherit
}
.nrc-form .nrc-radio label {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  margin-right: 10px;
  width: auto
}
.formik-label, .info-msg, .invalid-msg {
  font-size: 14px
}
.info-msg, .invalid-msg {
  font-weight: 400;
  margin-top: 5px
}
.info-msg {
  color: #939698;
  font-size: 12px
}
input.formik-input:focus {
  background-color: #fff;
  border-color: rgba(248, 153, 29, .5);
  box-shadow: 0 0 0 2px rgba(248, 153, 29, .1)
}
.nrc-u-1-1 .formik-item > * {
  width: 100%
}
.pure-g {
  text-rendering: optimizespeed;
  letter-spacing: -.31em;
  *letter-spacing: normal;
  *word-spacing: -.43em
}
.opera-only :-o-prefocus, .pure-g {
  word-spacing: -.43em
}
.pure-u, .pure-u-1, .pure-u-1-2, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-1-12, .pure-u-1-24, .pure-u-2-3, .pure-u-2-5, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-5, .pure-u-5-6, .pure-u-5-8, .pure-u-5-12, .pure-u-5-24, .pure-u-7-8, .pure-u-7-12, .pure-u-7-24, .pure-u-11-12, .pure-u-11-24, .pure-u-13-24, .pure-u-17-24, .pure-u-19-24, .pure-u-23-24 {
  zoom: 1;
  text-rendering: auto;
  display: inline-block;
  *display: inline;
  letter-spacing: normal;
  vertical-align: top;
  word-spacing: normal
}
.pure-u-1 {
  display: block
}
.pure-u-1-2 {
  width: 50%
}
.pure-u-1-3 {
  width: 33.33333%
}
.pure-u-2-3 {
  width: 66.66666%
}
.pure-u-1-4 {
  width: 25%
}
.pure-u-3-4 {
  width: 75%
}
.pure-u-1-5 {
  width: 20%
}
.pure-u-2-5 {
  width: 40%
}
.pure-u-3-5 {
  width: 60%
}
.pure-u-4-5 {
  width: 80%
}
.pure-u-1-6 {
  width: 16.656%
}
.pure-u-5-6 {
  width: 83.33%
}
.pure-u-1-8 {
  width: 12.5%
}
.pure-u-3-8 {
  width: 37.5%
}
.pure-u-5-8 {
  width: 62.5%
}
.pure-u-7-8 {
  width: 87.5%
}
.pure-u-1-12 {
  width: 8.3333%
}
.pure-u-5-12 {
  width: 41.6666%
}
.pure-u-7-12 {
  width: 58.3333%
}
.pure-u-11-12 {
  width: 91.6666%
}
.pure-u-1-24 {
  width: 4.1666%
}
.pure-u-5-24 {
  width: 20.8333%
}
.pure-u-7-24 {
  width: 29.1666%
}
.pure-u-11-24 {
  width: 45.8333%
}
.pure-u-13-24 {
  width: 54.1666%
}
.pure-u-17-24 {
  width: 70.8333%
}
.pure-u-19-24 {
  width: 79.1666%
}
.pure-u-23-24 {
  width: 95.8333%
}
.nrc-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: 100% !important
}
.nrc-table .table-header {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative
}
.nrc-table .table-body {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  overflow: hidden
}
.nrc-table .table-body .pinned-left-cols-viewport {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
  z-index: 1
}
.nrc-table .table-body .body-viewport-wrapper {
  overflow-x: auto;
  z-index: 0
}
.nrc-table .table-body .pinned-right-cols-viewport {
  background: #fff;
  border-left: 1px solid #eef1f4;
  box-shadow: -4px 0 4px -4px rgba(0, 0, 0, .2);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1
}
.nrc-table .nrc-table-row {
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  min-height: 70px;
  padding: 8px 0
}
.nrc-table .nrc-table-row.no-data {
  justify-content: center
}
.nrc-table .nrc-table-row:last-of-type {
  border-bottom: none
}
.nrc-table .nrc-table-row .nrc-table-column {
  color: #545658;
  font-size: 14px
}
.nrc-table .nrc-table-row .nrc-table-column span {
  word-wrap: break-word;
  display: block;
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.nrc-table .nrc-table-row .nrc-table-column span.gold {
  color: #f8991d
}
.nrc-table .nrc-table-row .nrc-table-column span.red {
  color: #d22323
}
.nrc-table .nrc-table-row .nrc-table-column span.brown {
  color: #90682b
}
.nrc-table .nrc-table-row .nrc-table-column span.green {
  color: #73c328
}
.nrc-table .nrc-table-row .nrc-table-column span.dark {
  color: #222
}
.nrc-table .nrc-table-row .nrc-table-column span.light {
  color: #888
}
.nrc-table .nrc-table-row .nrc-table-column div {
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.nrc-table .nrc-table-row.no-data {
  color: #939698;
  font-size: 16px
}
.nrc-table .nrc-table-header {
  background: #fafafc;
  border-bottom: 1px solid #ececec;
  display: inline-flex;
  flex-direction: row;
  font-weight: bolder;
  justify-content: center;
  position: relative;
  white-space: nowrap
}
.nrc-table .nrc-table-header i {
  font-size: 12px;
  margin-left: 4px
}
.nrc-table .nrc-table-header .nrc-table-column {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  white-space: normal
}
.nrc-table .nrc-table-header .nrc-table-column span {
  box-sizing: border-box;
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap
}
.nrc-table-header-column, .nrc-table-header-column .label {
  box-sizing: border-box;
  position: relative
}
.nrc-table-header-column .label {
  word-wrap: break-word;
  color: #777;
  font-size: 14px;
  height: 100%;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: normal
}
.nrc-table-header-column .child {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row
}
.nrc-table-footer {
  background-color: #f5f5f5;
  overflow: hidden
}
.nrc-table-footer .nrc-table-row {
  min-height: inherit;
  position: relative
}
.fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: ew-resize;
  position: absolute;
  right: -5px;
  width: 12px
}
.fixedDataTableColumnResizerLineLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 10
}
.fixedDataTableColumnResizerLine_main {
  border-color: #0284ff
}
.fixedDataTableColumnResizerLineLayout_hiddenElem, body[dir=rtl] .fixedDataTableColumnResizerLineLayout_main {
  display: none !important
}
.nrc-table .nrc-checkbox label, .nrc-table .nrc-radio label {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  min-height: 20px;
  padding: 0 0 0 20px
}
.mock-table {
  color: #777
}
.mock-table .mock-table-header {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row
}
.mock-table .mock-table-header > div {
  box-sizing: border-box;
  flex: 1;
  height: 40px;
  line-height: 40px;
  text-align: center
}
.mock-table .mock-table-row {
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  flex-direction: row
}
.mock-table .mock-table-row > div {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 40px
}
aside {
  background-color: #3c3b3b;
  box-sizing: border-box;
  padding: 40px 0 0;
  position: relative;
  text-align: center
}
aside .logo-footer {
  background: url(https://img.gashinzo.com/img/static/desktop/logo-icon.svg) 50% no-repeat;
  height: 80px;
  margin: 40px auto 0;
  position: relative;
  width: 80px
}
aside .aside-nav li {
  display: inline-block;
  margin: 0 8px
}
aside .aside-nav li a {
  background-color: #333;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 180px;
  line-height: 1.4;
  padding: 100px 20px 0;
  position: relative;
  text-align: right;
  text-decoration: none;
  width: 320px
}
aside .aside-nav li a h2, aside .aside-nav li a p {
  position: relative;
  z-index: 1
}
aside .aside-nav li a h2 {
  font-size: 30px
}
aside .aside-nav li a:after {
  background-color: rgba(0, 0, 0, .3);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: .2s;
  width: 100%
}
aside .aside-nav li a:hover:after {
  background-color: transparent
}
aside .aside-nav li.nav-url a {
  background: url(https://img.gashinzo.com/img/static/desktop/nav-url.jpg) 50%/cover no-repeat
}
aside .aside-nav li.nav-help a {
  background: url(https://img.gashinzo.com/img/static/desktop/nav-help.jpg) 50%/cover no-repeat
}
aside .aside-nav li.nav-join a {
  background: url(https://img.gashinzo.com/img/static/desktop/nav-join.jpg) 50%/cover no-repeat
}
.nrc-form-input {
  margin-top: 20px
}
.nrc-form-input .Select-control, .nrc-form-input input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  color: #222;
  display: block;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  width: calc(100% - 30px)
}
.nrc-form-input .Select-control.invalid, .nrc-form-input .Select-control:focus:not(.readOnly), .nrc-form-input input.invalid, .nrc-form-input input:focus:not(.readOnly) {
  background-color: #fff;
  border-color: #f8991d;
  box-shadow: 0 0 3px #f8991d
}
.nrc-form-input .Select-control.invalid, .nrc-form-input input.invalid {
  background-color: rgba(255, 223, 223, .4);
  color: #f8991d
}
.nrc-form-input .Select-control:disabled, .nrc-form-input input:disabled {
  background-color: #e7e7e7;
  cursor: not-allowed
}
.nrc-form-input .Select-control:disabled::-webkit-input-placeholder, .nrc-form-input input:disabled::-webkit-input-placeholder {
  color: #ccc
}
.nrc-form-input.readOnly, .nrc-form-input.readOnly input {
  cursor: not-allowed
}
.nrc-form-input.secure {
  margin-right: 20px;
  position: relative
}
.nrc-form-input.secure i {
  color: #8fc31f;
  cursor: pointer;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  position: absolute;
  right: 10px;
  top: 12px
}
.nrc-form-input.secure > div {
  background-color: #fff;
  height: 30px;
  mix-blend-mode: multiply;
  position: absolute;
  right: 35px;
  top: 5px;
  width: 80px
}
.nrc-form-input.secure > div img {
  height: inherit;
  width: inherit
}
.nrc-form-input.secure > div span {
  color: #d22323;
  font-size: 22.8px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  padding-top: 2px;
  position: absolute
}
.nrc-form-input.secure > div span.char0 {
  left: 13px
}
.nrc-form-input.secure > div span.char1 {
  left: 28px
}
.nrc-form-input.secure > div span.char2 {
  left: 43px
}
.nrc-form-input.secure > div span.char3 {
  left: 58px
}
.nrc-button.border-no-bg {
  background-color: transparent;
  border: 1px solid #f8991d;
  border-radius: 5px;
  color: #f8991d;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 40px
}
.nrc-button.border-no-bg:focus, .nrc-button.border-no-bg:hover {
  background-color: #f8991d;
  color: #fff
}
.nrc-button.nrc-button-disabled, .nrc-button.nrc-button-disabled:active, .nrc-button.nrc-button-disabled:focus, .nrc-button.nrc-button-disabled:hover, .nrc-button.nrc-button[disabled] {
  border: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: .4
}
.nrc-button[class$=channel] {
  padding-left: 35px !important
}
.nrc-button[class$=channel]:before {
  font-family: iconmps !important;
  font-size: 18px;
  left: 10px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%)
}
.nrc-button.DEBIT_CARD-channel:before, .nrc-button.QR_BANK-channel:before {
  content: ""
}
.nrc-button.WEIXIN-channel:before {
  content: ""
}
.nrc-button.ALIPAY-channel:before {
  content: ""
}
.nrc-button.QQ-channel:before {
  content: ""
}
.nrc-button.JDPAY-channel:before {
  color: #222;
  content: ""
}
.nrc-button.UNIONPAY_SCAN-channel:before {
  color: #183074;
  content: ""
}
.nrc-button.EXPRESSPAY-channel:before {
  color: #eb5e1d;
  content: ""
}
.nrc-button.YIYOU-channel:before {
  color: #f60;
  content: "";
  font-size: 22px
}
.nrc-button.CRYPTO-channel:before {
  color: #f90;
  content: "";
  font-size: 22px
}
.nrc-button.BHIM-channel:before, .nrc-button.GCASH-channel:before, .nrc-button.GPAY-channel:before, .nrc-button.MOMOPAY-channel:before, .nrc-button.MPURSE-channel:before, .nrc-button.NETELLER-channel:before, .nrc-button.PAYLORO-channel:before, .nrc-button.PAYTM-channel:before, .nrc-button.PHONEPE-channel:before, .nrc-button.PROMPTPAY-channel:before, .nrc-button.QUICKPASS-channel:before, .nrc-button.REMIT-channel:before, .nrc-button.SCRATCHCARD-channel:before, .nrc-button.SKRILL-channel:before, .nrc-button.TRUEMONEY-channel:before, .nrc-button.UPI-channel:before, .nrc-button.VIETTELPAY-channel:before, .nrc-button.ZALOPAY-channel:before {
  color: transparent;
  content: "";
  font-size: 22px
}
.MOMOPAY-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/momo.svg) 50%/auto 22px no-repeat
}
.PROMPTPAY-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/prompt.png) 50%/auto 17px no-repeat
}
.ZALOPAY-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/zalopay.svg) 50%/auto 22px no-repeat
}
.VIETTELPAY-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/viettelpay.svg) 50%/auto 22px no-repeat
}
.QUICKPASS-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/qpass.png) 50%/auto 22px no-repeat
}
.PAYTM-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/paytm.png) 50%/auto 22px no-repeat
}
.NETELLER-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/neteller.png) 50%/auto 22px no-repeat
}
.SKRILL-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/skrill.png) 50%/auto 22px no-repeat
}
.UPI-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/upi.png) 50%/auto 22px no-repeat
}
.GPAY-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/gpay.png) 50%/auto 22px no-repeat
}
.PHONEPE-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/phonepe.png) 50%/auto 22px no-repeat
}
.BHIM-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/bhim.png) 50%/auto 22px no-repeat
}
.MPURSE-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/mpurse.png) 50%/auto 22px no-repeat
}
.SCRATCHCARD-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/scratch.png) 50%/auto 22px no-repeat
}
.GCASH-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/gcash.png) 50%/auto 22px no-repeat
}
.TRUEMONEY-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/truemoney.png) 50%/auto 22px no-repeat
}
.USDT-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/usdt.png) 50%/auto 22px no-repeat
}
.GRABPAY-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/grabpay.png) 50%/auto 22px no-repeat
}
.PAYMAYA-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/paymaya.png) 50%/auto 22px no-repeat
}
.REMIT-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/remit.png) 50%/auto 22px no-repeat
}
.PAYLORO-channel:before {
  background: url(https://img.gashinzo.com/img/static/payment/payloro.png) 50%/auto 22px no-repeat
}
.nrc-collapse {
  margin-bottom: 10px;
  position: relative
}
.nrc-collapse .header {
  cursor: pointer;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
.nrc-collapse .header img {
  display: block
}
.nrc-collapse .body {
  background-color: #282828;
  min-height: 20px;
  transition: all .3s ease-in-out
}
.nrc-collapse .body > * {
  animation-duration: .3s;
  animation-name: lineInserted;
  transition: height .3s
}
.nrc-checkbox input[type=checkbox], .nrc-checkbox input[type=radio], .nrc-radio input[type=checkbox], .nrc-radio input[type=radio], .rdw-editor-toolbar.nrc-editor-hidetoolbar {
  display: none
}
.nrc-checkbox input[type=checkbox]:checked + label:after, .nrc-radio input[type=checkbox]:checked + label:after {
  background-color: #f8991d;
  border: 2px solid #f8991d;
  color: #fff;
  content: "";
  font-family: iconmps !important
}
.nrc-checkbox input[type=radio]:checked + label:after, .nrc-radio input[type=radio]:checked + label:after {
  border: 5px solid #f8991d
}
.nrc-checkbox input[type=checkbox]:focus:invalid:focus, .nrc-checkbox input[type=radio]:focus:invalid:focus, .nrc-radio input[type=checkbox]:focus:invalid:focus, .nrc-radio input[type=radio]:focus:invalid:focus {
  outline-color: #e9322d
}
.nrc-checkbox input[type=checkbox][disabled] + label, .nrc-checkbox input[type=radio][disabled] + label, .nrc-radio input[type=checkbox][disabled] + label, .nrc-radio input[type=radio][disabled] + label {
  cursor: not-allowed
}
.nrc-checkbox input[type=checkbox][disabled] + label:after, .nrc-checkbox input[type=radio][disabled] + label:after, .nrc-radio input[type=checkbox][disabled] + label:after, .nrc-radio input[type=radio][disabled] + label:after {
  background-color: #ccc;
  border-color: #f5f5f5
}
.nrc-checkbox label, .nrc-radio label {
  margin-right: 50px;
  padding-left: 20px;
  position: relative
}
.nrc-checkbox label:after, .nrc-radio label:after {
  background-color: #fff;
  border: 2px solid #aaa;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  display: block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: .2s linear;
  width: 15px
}
.nrc-checkbox label:after {
  border-radius: 3px;
  display: inline-block;
  font-size: 13px;
  height: 16px;
  width: 16px
}
.nrc-radio label:after {
  border-radius: 50%
}
.nrc-loading-box {
  box-sizing: border-box;
  height: 100px;
  padding-top: 40px;
  text-align: center
}
.nrc-loading {
  animation: loading-spinner 1s linear infinite;
  border-color: #666 transparent transparent #666;
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  display: none;
  height: 14px;
  right: 15px;
  top: 15px;
  width: 14px;
  z-index: 2000
}
.nrc-loading.active {
  display: block;
  margin: 0 auto
}
@keyframes loading-spinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
.nrc-button-loading .nrc-loading {
  border-color: #fff transparent transparent #fff;
  display: inline-block;
  height: 10px;
  left: 45%;
  position: absolute;
  top: 10px;
  width: 10px
}
img[alt=captcha] {
  margin-top: -3px
}
@keyframes lineInserted {
  0% {
    height: 0
  }
  to {
    height: 250px
  }
}
.promo-editor-view {
  border: none
}
.nrc-editor-view-mode {
  word-wrap: break-word;
  border: none !important;
  height: 100%
}
.nrc-editor-view-mode strong {
  font-weight: 700
}
.nrc-editor-view-mode tr {
  border: unset
}
.nrc-editor-view-mode * {
  word-wrap: break-word;
  word-break: break-word
}
.nrc-editor-view-mode > p:empty {
  height: 16px
}
.editor-table-td, .nrc-editor-view-mode td {
  color: #000
}
.nrc-editor-view-mode h1, .nrc-editor-view-mode h2, .nrc-editor-view-mode h3, .nrc-editor-view-mode h4, .nrc-editor-view-mode h5, .nrc-editor-view-mode h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1
}
.nrc-editor-view-mode h1 small, .nrc-editor-view-mode h2 small, .nrc-editor-view-mode h3 small, .nrc-editor-view-mode h4 small, .nrc-editor-view-mode h5 small, .nrc-editor-view-mode h6 small {
  color: #777;
  font-weight: 400;
  line-height: 1
}
.nrc-editor-view-mode h1, .nrc-editor-view-mode h2, .nrc-editor-view-mode h3 {
  margin-bottom: 9.5px;
  margin-top: 19px
}
.nrc-editor-view-mode h1 small, .nrc-editor-view-mode h2 small, .nrc-editor-view-mode h3 small {
  font-size: 65%
}
.nrc-editor-view-mode h4, .nrc-editor-view-mode h5, .nrc-editor-view-mode h6 {
  margin-bottom: 9.5px;
  margin-top: 9.5px
}
.nrc-editor-view-mode h4 small, .nrc-editor-view-mode h5 small, .nrc-editor-view-mode h6 small {
  font-size: 75%
}
.nrc-editor-view-mode h1 {
  font-size: 36px
}
.nrc-editor-view-mode h2 {
  font-size: 30px
}
.nrc-editor-view-mode h3 {
  font-size: 24px
}
.nrc-editor-view-mode h4 {
  font-size: 18px
}
.nrc-editor-view-mode h5 {
  font-size: 14px
}
.nrc-editor-view-mode h6 {
  font-size: 12px
}
.nrc-editor-view-mode p {
  margin: 0 0 9.5px
}
.nrc-editor-view-mode small {
  font-size: 85%
}
.white-container {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
  margin: 56px auto;
  padding: 20px 40px 40px
}
.white-container .separate-line {
  border-top: 1px dashed #ccc
}
.resume-details {
  padding: 20px 0
}
.resume-details div.nrc-view-edit-wrapper .view-mode {
  align-items: center
}
.resume-details div.nrc-view-edit-wrapper .content .nrc-form .nrc-form-item {
  margin-bottom: 0
}
.resume-details div.nrc-view-edit-wrapper .content .nrc-file.file-uploaded {
  margin-bottom: 0 !important
}
.resume-details div.resume-item {
  align-items: center;
  color: #777;
  display: flex;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 25px
}
.resume-details div.resume-item p.title {
  margin-right: 20px;
  text-align: right;
  width: 172px
}
.resume-details div.resume-item p.value {
  color: #222;
  width: 250px
}
.resume-details div.resume-item.bold div {
  font-weight: 700
}
.resume-details .resume-item-third-party-item {
  cursor: pointer;
  margin-right: 10px
}
.resume-details .resume-item-third-party-item.bound {
  cursor: not-allowed;
  display: inline-block;
  position: relative
}
.resume-details .resume-item-third-party-item.bound img {
  border-radius: 50%
}
.resume-details .resume-item-third-party-item.bound img.third-party-icon-prefix {
  left: -8px;
  position: absolute;
  top: 0;
  width: 22px
}
.section-block .header {
  border-bottom: 1px solid #ccc;
  height: 38px;
  margin-bottom: 10px;
  padding: 0 10px 10px
}
.section-block .header .titles {
  align-items: baseline;
  display: flex
}
.section-block .header h3 {
  color: #f8991d;
  font-size: 24px;
  font-weight: 400
}
.section-block .header h3 + p {
  color: #666;
  font-size: 13px;
  margin-left: 10px
}
.section-block .header .nrc-button {
  background-color: #f8991d;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding-left: 20px;
  padding-right: 20px
}
.section-block .header .nrc-button:hover {
  background-color: #c6c6c6
}
.section-block .header.empty {
  height: 0
}
.finan-history .section-block .header, .game-history .section-block .header {
  border-bottom: 0
}
.list-details {
  border: 1px solid #ccc;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: 0;
  overflow: hidden
}
.list-details div {
  height: 45px;
  padding: 0 20px
}
.list-details div:nth-child(2n) {
  background-color: #f5f5f5
}
.list-details div p {
  color: #282828;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.list-details .nrc-loading {
  display: inline-block
}
.collection-infos-block > div .list-details .warning p:nth-child(2), .list-details .warning .collection-infos-block > div p:nth-child(2), .list-details .warning .text-left {
  color: #f8991d
}
.app.account .profile .walletBlock > :last-child .list-details .warning p, .app.account header .list-details .warning .hello, .collection-block > div > div .list-details .warning p:first-child, .collection-infos-block > div .list-details .warning p:first-child, .list-details .warning .app.account .profile .walletBlock > :last-child p, .list-details .warning .app.account header .hello, .list-details .warning .collection-block > div > div p:first-child, .list-details .warning .collection-infos-block > div p:first-child, .list-details .warning .nrc-form .nrc-form-item .nrc-form-label, .list-details .warning .text-right, .list-details .warning .withdraw-list .form .nrc-form-item .nrc-form-input input, .list-details .warning .withdraw-list .form .nrc-form-item .nrc-form-input small, .list-details .warning .withdraw-list .form .total-deduction, .nrc-form .nrc-form-item .list-details .warning .nrc-form-label, .withdraw-list .form .list-details .warning .total-deduction, .withdraw-list .form .nrc-form-item .nrc-form-input .list-details .warning input, .withdraw-list .form .nrc-form-item .nrc-form-input .list-details .warning small {
  display: none
}
.hover-container {
  background-color: rgba(0, 0, 0, .7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}
.hover-container.alert {
  z-index: 2002
}
.hover-container.alert.mission-reward-error {
  z-index: 1050
}
.hover-container .content {
  background-color: #fff;
  margin: 0;
  max-height: 80vh;
  max-width: 80vw;
  min-height: 5vw;
  min-width: 5vw;
  outline: none;
  overflow: visible;
  position: relative
}
.hover-container .content .close-btn {
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px;
  z-index: 1002
}
.hover-container .container {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(15, 2, 20, .7);
  max-height: 90vh;
  overflow: auto;
  position: relative
}
.hover-container .container .header {
  background-color: #f8991d;
  height: 50px;
  padding: 0 20px
}
.hover-container .container .header + form {
  height: calc(100% - 50px);
  overflow: auto
}
.hover-container .container .header h2 {
  color: #fff;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 52px
}
.hover-container .container .header i {
  color: #fff;
  cursor: pointer;
  font-size: 25px;
  margin-right: -8px
}
.hover-container .container .body {
  margin: 20px 40px
}
.hover-container .nrc-button {
  font-size: 16px;
  height: 45px;
  padding: 0 30px
}
.hover-container .nrc-form .nrc-form-item .nrc-form-label {
  max-width: 280px;
  min-width: 100px;
  width: auto
}
.hover-container .nrc-form .nrc-form-item .info-msg, .hover-container .nrc-form .nrc-form-item .invalid-msg {
  max-width: 500px;
  min-width: 200px;
  width: auto
}
.box-group {
  font-size: 0
}
.box {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  overflow: hidden;
  position: relative
}
.box.box-bankcard, .box.box-wallet {
  overflow: hidden;
  width: 440px
}
.box.box-bankcard:after, .box.box-wallet:after {
  content: "";
  display: block;
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  transform: skewX(-12deg);
  width: 120px
}
.box.box-bankcard h2, .box.box-wallet h2 {
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 100%;
  line-height: 1.4;
  padding: 15px;
  position: absolute;
  width: 100px;
  z-index: 1
}
.box.box-bankcard .cont, .box.box-wallet .cont {
  box-sizing: border-box;
  color: #aaa;
  display: inline-block;
  font-size: 13px;
  line-height: 1.5;
  padding: 10px 0 10px 110px;
  vertical-align: middle
}
.box.box-bankcard .cont .name, .box.box-wallet .cont .name {
  color: #777;
  font-size: 21px;
  margin-top: 5px
}
.box.box-bankcard:after {
  background: linearGradient(#9a9a9a, #878787)
}
.box.box-bankcard button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}
.box.box-bankcard.bank-card {
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
  margin: 15px auto;
  width: 100%
}
.box.box-bankcard.bank-card .hover-func {
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 12px;
  height: 100%;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: .3s;
  width: 100%;
  z-index: 10
}
.box.box-bankcard.bank-card .hover-func ul {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}
.box.box-bankcard.bank-card .hover-func ul li {
  cursor: pointer;
  display: inline-block;
  width: 35%
}
.box.box-bankcard.bank-card .hover-func ul li:hover {
  color: #f8991d
}
.box.box-bankcard.bank-card .hover-func ul li i {
  font-size: 35px;
  line-height: 1.8
}
.box.box-bankcard.bank-card:hover .hover-func {
  opacity: 1
}
.box.box-bankcard.bank-card:after {
  display: none
}
.box.box-bankcard.bank-card .cont {
  padding: 20px 30px
}
.box.box-bankcard.bank-card .cont .card-no {
  color: #777;
  font-size: 28px;
  margin-bottom: 30px
}
.box.box-bankcard.bank-card .status {
  bottom: 15px;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  right: 15px
}
.box.box-bankcard.bank-card.add-new {
  border: 1px dashed #ccc;
  box-shadow: 0 0 0 0 #fff;
  color: #f8991d;
  cursor: pointer;
  font-size: 20px;
  height: 160px;
  line-height: 160px;
  text-align: center
}
.box.box-bankcard.bank-card.add-new h4, .box.box-bankcard.bank-card.add-new i {
  display: inline-block;
  vertical-align: middle
}
.box.box-bankcard.bank-card.active .status {
  color: #8fc31f
}
.box.box-bankcard.bank-card.active .status:before {
  border: 1px solid #8fc31f;
  border-radius: 50%;
  content: "";
  display: inline-block;
  font-family: iconmps !important;
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  width: 16px
}
.box.box-bankcard.bank-card.active.fav {
  background-color: #777;
  border-left: 6px solid #f8991d;
  color: #fff;
  width: calc(100% - 4px)
}
.box.box-bankcard.bank-card.active.fav:before {
  background-color: #f8991d;
  content: "";
  height: 90px;
  position: absolute;
  right: -45px;
  top: -45px;
  transform: rotate(45deg);
  width: 90px
}
.box.box-bankcard.bank-card.active.fav:after {
  background: 0 0;
  color: #9d0404;
  content: "";
  display: block;
  font-family: iconmps !important;
  font-size: 19px;
  height: 35px;
  left: auto;
  line-height: 35px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: skewX(0deg);
  width: 35px
}
.box.box-bankcard.bank-card.active.fav .cont, .box.box-bankcard.bank-card.active.fav .cont .card-no, .box.box-bankcard.bank-card.active.fav .cont .name, .box.box-bankcard.bank-card.active.fav .status {
  color: #fff
}
.box.box-bankcard.bank-card.active.fav .status:before {
  border: 1px solid #fff
}
.box.box-bankcard.bank-card.disable, .box.box-bankcard.bank-card.disable .cont .card-no, .box.box-bankcard.bank-card.disable .cont .name {
  color: #aaa
}
.box.box-wallet {
  text-align: right
}
.box.box-wallet.box-wallet-full, .box.box-wallet.box-wallet-list {
  border: 0;
  margin: 15px 0;
  text-align: left
}
.box.box-wallet.box-wallet-full .cont, .box.box-wallet.box-wallet-list .cont {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 35%
}
.box.box-wallet.box-wallet-full .wallet-detail, .box.box-wallet.box-wallet-list .wallet-detail {
  border-left: 1px solid #ccc;
  box-sizing: border-box;
  color: #777;
  display: inline-block;
  font-size: 13px;
  line-height: 1.6;
  padding: 5px 20px;
  vertical-align: middle;
  width: 60%
}
.box.box-wallet.box-wallet-full {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
  width: auto
}
.box.box-wallet.box-wallet-full .points {
  font-size: 45px
}
.box.box-wallet.box-wallet-list {
  display: inline-block;
  margin: 0 15px 0 0;
  width: calc(50% - 15px)
}
.box.box-wallet.box-wallet-list.list-odd {
  background-color: rgba(255, 255, 255, .9)
}
.box.box-wallet.box-wallet-list h2 {
  padding: 10px 15px
}
.box.box-wallet.box-wallet-list .cont {
  text-align: right;
  width: 100%
}
.box.box-wallet.box-wallet-list .cont .points {
  display: inline-block;
  font-size: 35px;
  line-height: 45px;
  vertical-align: middle
}
.box.box-wallet.box-wallet-list .cont button.btn-border {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle
}
.box.box-wallet.box-wallet-list:nth-of-type(2n) {
  margin-right: 0
}
.box.box-wallet.box-wallet-list.list-item:after {
  display: none
}
.box.box-wallet.box-wallet-list.list-item h2 {
  color: #222;
  font-size: 18px;
  line-height: 65px;
  padding: 0 15px;
  white-space: nowrap
}
.box.box-wallet.box-wallet-list.list-item .cont .points {
  color: #777;
  font-size: 21px;
  font-weight: 100
}
.box.box-wallet.box-wallet-list.list-item .cont button.btn-border {
  border-color: #777;
  color: #777
}
.box.box-wallet h2 {
  text-align: left
}
.box.box-wallet:after {
  background: linearGradient(#edb955, #c2953f)
}
.box.box-wallet .cont {
  padding-right: 15px;
  width: 100%
}
.box.box-wallet .cont .points {
  color: #f8991d;
  line-height: 1.6
}
.box.box-wallet button {
  display: inline-block;
  margin-bottom: 15px
}
.box.box-wallet button:last-child {
  margin-right: 15px
}
.box.box-bank {
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
  display: inline-block;
  height: 200px;
  margin: 10px 15px 10px 0;
  overflow: hidden;
  vertical-align: top;
  width: calc(50% - 9.5px)
}
.box.box-bank:nth-of-type(2n) {
  margin-right: 0
}
.box.box-bank .head-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: auto
}
.box.box-bank .cont {
  box-sizing: border-box;
  color: #aaa;
  display: inline-block;
  font-size: 13px;
  line-height: 1.5;
  padding: 10px 15px 10px 190px;
  vertical-align: middle
}
.box.box-bank .cont h2 {
  border-bottom: 1px dotted #aaa;
  color: #f8991d;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  position: relative
}
.box.box-bank .cont h2 button {
  border-radius: 5px;
  font-size: 13px;
  height: 30px;
  padding: 6px 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto
}
.box.box-bank .cont p {
  padding: 20px 0
}
.box.box-bank.box-sum {
  box-shadow: 0 0 0 0 #fff;
  height: auto
}
.box.box-bank.box-sum .cont {
  padding: 10px 20px;
  width: 100%
}
.box.box-bank.box-sum .cont h2 {
  border-bottom: 0
}
.box.box-bank.box-sum .cont h2 button {
  background-color: transparent;
  border: 1px solid #777;
  border-radius: 15px;
  color: #777
}
.box.box-bank.box-sum .cont .fee {
  border-bottom: 1px dotted #aaa;
  padding: 10px 0
}
.box.box-bank.box-sum .cont .fee li {
  margin: 5px 0
}
.box.box-bank.box-sum .cont .total {
  line-height: 45px;
  position: relative
}
.box.box-bank.box-sum .cont .total h3 {
  color: #f8991d;
  font-size: 30px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0
}
.box.box-account {
  border: 0;
  width: 640px
}
.box.box-account label {
  background-color: rgba(255, 255, 255, .9);
  border-radius: 5px;
  color: #777;
  display: block;
  font-size: 13px;
  line-height: 1.6;
  padding: 20px;
  position: relative;
  transition: .3s
}
.box.box-account label:after {
  background-color: #ccc;
  border-radius: 50%;
  color: rgba(255, 255, 255, .9);
  content: "";
  display: block;
  font-family: iconmps !important;
  font-size: 35px;
  height: 45px;
  line-height: 45px;
  margin-top: -22.5px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  width: 45px
}
.box.box-account input[type=checkbox] {
  display: none
}
.box.box-account input[type=checkbox]:checked + label {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #f8991d;
  color: #f8991d
}
.box.box-account input[type=checkbox]:checked + label:after {
  background-color: #f8991d;
  color: #fff
}
.box.box-account input[type=checkbox]:checked + label .account-list span {
  color: #777
}
.box.box-account .account-list {
  margin: 10px 0;
  padding-left: 120px;
  position: relative
}
.box.box-account .account-list span {
  left: 0;
  position: absolute;
  text-align: right;
  top: 0;
  width: 115px
}
.rc-pagination {
  display: inline-block;
  font-size: 12px;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.rc-pagination:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden
}
.rc-pagination-total-text {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 10px
}
.rc-pagination-item {
  background-color: #fff;
  border: 1px solid #cfd2d8;
  border-radius: 2px;
  cursor: pointer;
  float: left;
  height: 28px;
  line-height: 28px;
  list-style: none;
  margin-right: 8px;
  min-width: 28px;
  text-align: center
}
.rc-pagination-item:hover {
  border-color: #f8991d
}
.rc-pagination-item a {
  color: #555e76;
  text-decoration: none
}
.rc-pagination-item a:hover {
  border-color: #f8991d
}
.rc-pagination-item-active {
  background-color: #f8991d;
  border-color: #f8991d
}
.rc-pagination-item-active a {
  color: #fff
}
.rc-pagination-jump-next:after, .rc-pagination-jump-prev:after {
  color: #ccc;
  content: "•••";
  display: block;
  font-size: 12px;
  letter-spacing: 2px;
  margin-top: 1px
}
.rc-pagination-jump-prev:hover:after {
  color: #f8991d;
  content: "«"
}
.rc-pagination-jump-next:hover:after {
  color: #f8991d;
  content: "»"
}
.rc-pagination-jump-next, .rc-pagination-jump-prev, .rc-pagination-prev {
  margin-right: 8px
}
.rc-pagination-jump-next, .rc-pagination-jump-prev, .rc-pagination-next, .rc-pagination-prev {
  border-radius: 2px;
  color: #666;
  cursor: pointer;
  float: left;
  font-size: 10px;
  height: 28px;
  line-height: 28px;
  list-style: none;
  min-width: 28px;
  text-align: center
}
.rc-pagination-prev a:after {
  content: "‹";
  display: block
}
.rc-pagination-next a:after {
  content: "›";
  display: block
}
.rc-pagination-next, .rc-pagination-prev {
  border: 1px solid #d9d9d9;
  font-size: 18px
}
.rc-pagination-next a, .rc-pagination-prev a {
  color: #666
}
.rc-pagination-next a:after, .rc-pagination-prev a:after {
  margin-top: -1px
}
.rc-pagination-disabled {
  background-color: #f5f5f5;
  cursor: not-allowed
}
.rc-pagination-disabled a {
  color: #ccc
}
.rc-pagination-options {
  float: left;
  margin-left: 15px
}
.rc-pagination-options-size-changer {
  float: left;
  width: 80px
}
.rc-pagination-options-quick-jumper {
  float: left;
  height: 28px;
  line-height: 28px;
  margin-left: 16px
}
.rc-pagination-options-quick-jumper input {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  height: 28px;
  margin: 0 8px;
  outline: none;
  padding: 3px 12px;
  width: 50px
}
.rc-pagination-options-quick-jumper input:hover {
  border-color: #f8991d
}
.rc-pagination-simple .rc-pagination-next, .rc-pagination-simple .rc-pagination-prev {
  border: none;
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  margin: 0
}
.rc-pagination-simple .rc-pagination-simple-pager {
  float: left;
  margin-right: 8px
}
.rc-pagination-simple .rc-pagination-simple-pager input {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  margin: 0 8px;
  min-height: 20px;
  outline: none;
  padding: 5px 8px;
  width: 30px
}
.rc-pagination-simple .rc-pagination-simple-pager input:hover {
  border-color: #f8991d
}
.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {
  margin: 0 10px
}
.steps {
  height: 70px
}
.steps div {
  background-color: #d8d8d8;
  color: #aaa;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 100%;
  line-height: 70px;
  position: relative
}
.steps div.active {
  background-color: #f8991d;
  color: #fff
}
.steps div.active:after, .steps div.active:first-child:before {
  border-color: transparent transparent transparent #f8991d
}
.steps div.active:before {
  border-color: transparent transparent transparent #fff
}
.steps div:before {
  border-color: transparent transparent transparent #fff;
  left: 0
}
.steps div:after, .steps div:before {
  border-style: solid;
  border-width: 35px 0 35px 25px;
  height: 0;
  width: 0
}
.steps div:after {
  border-color: transparent transparent transparent #d8d8d8;
  display: block;
  right: -23px;
  top: 0;
  z-index: 100
}
.steps div:last-child:after {
  display: none
}
.steps.number-2 div {
  width: 50%
}
.steps.number-3 div {
  width: 33.33333%
}
.steps.number-4 div {
  width: 25%
}
.steps.number-5 div {
  width: 20%
}
.collection-list {
  margin: 36px auto 0;
  overflow: hidden;
  width: 640px
}
.collection-list .collection-block:last-child {
  margin-bottom: 0
}
.collection-block {
  background-color: #f5f5f5;
  border: 2px solid #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  height: auto;
  margin-bottom: 15px;
  position: relative;
  transition: .3s;
  width: 636px
}
.collection-block .mps-input-ok {
  background-color: #d8d8d8;
  border-radius: 24px;
  color: #f5f5f5;
  font-size: 48px;
  height: 48px;
  position: absolute;
  right: 30px;
  top: calc(50% - 24px);
  transition: .3s;
  width: 48px
}
.collection-block > div {
  height: calc(100% - 52px);
  padding: 15px;
  width: calc(100% - 52px)
}
.collection-block > div > div {
  margin-bottom: 16px
}
.collection-block > div > div p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71
}
.collection-block > div > div p:first-child {
  margin-right: 20px;
  width: 110px
}
.collection-block > div > div p:first-child span {
  padding-left: 10px
}
.collection-block .copy-btns {
  bottom: 25px;
  height: 30px;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 23px;
  text-align: center;
  transition: .3s;
  width: 60px
}
.collection-block .copy-btns button {
  font-size: 14px;
  height: 30px;
  margin: 0 5px;
  position: relative
}
.collection-block .copy-btns button i {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.collection-block .copy-btns button i:before {
  content: ""
}
.collection-block.selected {
  background-color: #fff;
  border-color: #f8991d
}
.collection-block.selected .copy-btns {
  opacity: 1
}
.collection-block.selected .mps-input-ok {
  background-color: #f8991d;
  color: #fff;
  margin-top: -15px
}
.collection-block.selected .copy-text {
  bottom: 0;
  color: #f8991d
}
.collection-block.selected > div div p:last-child {
  color: #f8991d
}
.modal.alert {
  background-color: #f5f5f5;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(15, 2, 20, .7);
  box-sizing: border-box;
  min-height: 360px;
  padding-bottom: 20px;
  width: 500px
}
.modal.alert .container {
  background-color: inherit;
  border-radius: inherit;
  box-shadow: 0 0 0;
  height: 100%;
  overflow: inherit;
  position: relative
}
.modal.alert .container .title-close {
  background-image: linear-gradient(0deg, #e7e7e7, #fff), linear-gradient(#eee, #eee);
  border-bottom: 2px solid #f8991d;
  height: 72px;
  position: relative;
  width: 100%
}
.modal.alert .container .title-close p {
  color: #222;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 72px
}
.modal.alert .container .title-close img {
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px
}
.modal.alert .container .close {
  position: absolute;
  right: 0;
  top: 0
}
.modal.alert .container .icon {
  display: block;
  margin-bottom: 10px;
  margin-top: 45px;
  width: 100%
}
.modal.alert .container .icon img {
  height: 74px
}
.modal.alert .container .message {
  color: #222;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  margin-top: 20px;
  padding: 0 40px
}
.modal.alert .container .nrc-button {
  margin-top: 20px
}
.modal.alert.children {
  height: auto;
  padding-bottom: 20px
}
.modal.alert .resume-details {
  margin-top: 10px
}
.modal.alert .resume-details p {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  padding-bottom: 12px
}
.modal.alert .resume-details p:last-child {
  color: #222
}
.modal.noBackDrop {
  height: auto;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100
}
.modal.noBackDrop .container .title-close {
  height: 60px
}
.modal.noBackDrop .container .title-close p {
  line-height: 60px
}
.modal.noBackDrop .container .message {
  line-height: 2;
  padding: 15px 0
}
.modal.signup-tip .message {
  color: #222;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  margin-top: 20px;
  padding: 0 40px
}
.modal.signup-tip.normal {
  height: 60vh;
  width: 50vw
}
.modal.signup-tip.forget-password {
  width: 600px
}
.modal.confirmation .white-container {
  margin: 0;
  padding: 40px;
  width: 490px
}
.modal.confirmation .white-container p {
  color: #777;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.75;
  margin-bottom: 34px
}
.modal.confirmation .white-container div button {
  padding: 0;
  width: 150px
}
.modal.confirmation .white-container div button:nth-child(2) {
  margin-left: 38px
}
.modal.confirmation .white-container .pre-line {
  white-space: pre-line
}
.modal.confirm-body-modal .white-container {
  margin: 0;
  padding: 0;
  width: 570px
}
.modal.confirm-body-modal .header {
  background-color: #eee;
  height: 75px;
  position: relative
}
.modal.confirm-body-modal .header h2 {
  color: #222;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 75px
}
.modal.confirm-body-modal .header .close {
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px
}
.modal.confirm-body-modal .body {
  padding: 25px
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item {
  margin-bottom: 12px
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-label {
  width: 20%
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input {
  min-height: 36px;
  width: 80%
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input .info-msg {
  display: none
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input .invalid-msg {
  width: auto
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input > p {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71
}
.modal.confirm-body-modal .footer {
  height: 80px
}
.modal.confirm-body-modal .footer button {
  margin: 0 10px;
  padding: 0;
  width: 110px
}
.Select {
  cursor: pointer;
  margin-right: 20px;
  position: relative
}
.Select .Select-control {
  height: 38px;
  position: relative;
  width: 220px
}
.Select.is-open, .Select:focus {
  z-index: 100
}
.Select.is-open .Select-control, .Select:focus .Select-control {
  background-color: #fff;
  border-color: #f8991d
}
.Select .Select-placeholder {
  line-height: 40px
}
.Select .Select-input input {
  opacity: 0
}
.Select .Select-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.Select .Select-value span {
  line-height: 36px
}
.Select .Select-menu-outer {
  border: 1px solid #f8991d;
  border-top: none;
  left: 0;
  max-height: 200px;
  overflow: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 38px;
  width: 100%
}
.Select .Select-option {
  background-color: #fff;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  max-width: 220px;
  padding: 10px 15px;
  width: 220px
}
.Select .Select-option:hover {
  background-color: #f5f5f5;
  color: #f8991d
}
.Select .Select-option.is-selected {
  background-color: #f8991d;
  color: #fff
}
.Select .Select-clear-zone {
  display: none
}
.Select .Select-arrow-zone {
  height: 20px;
  height: 7px;
  position: absolute;
  right: 12px;
  top: calc(50% - 3.5px);
  width: 20px;
  width: 10px
}
.Select .Select-arrow-zone .Select-arrow {
  display: none
}
.Select .Select-arrow-zone:after {
  border-color: #222 transparent transparent;
  border-style: solid;
  border-width: 7px 5px 0;
  content: "";
  height: 0;
  position: absolute;
  width: 0
}
.rc-calendar, .rc-calendar * {
  box-sizing: border-box
}
.rc-calendar-hidden {
  display: none
}
.rc-calendar-input-wrap {
  border-bottom: 1px solid #e9e9e9;
  padding: 6px;
  position: relative
}
.rc-calendar-input-wrap:after {
  clear: both;
  content: ""
}
.rc-calendar-date-input-wrap {
  overflow: hidden
}
.rc-calendar-time-picker {
  background-color: #fff;
  height: 217px;
  position: absolute;
  top: 34px;
  width: 100%
}
.rc-calendar-time-picker-panel {
  position: relative;
  width: 100%
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
  display: none
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
  border: none;
  box-shadow: none
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select {
  width: 84px
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select ul {
  max-height: 217px
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
  padding: 0;
  text-align: center
}
.rc-calendar-time-picker-wrap {
  float: left;
  width: 100%
}
.rc-calendar-time-picker-wrap .rc-time-picker {
  width: 100%
}
.rc-calendar-time-picker-wrap .rc-time-picker-input {
  border: 1px solid transparent;
  height: 22px;
  outline: 0;
  padding: 0
}
.rc-calendar-time-picker-wrap .rc-time-picker-icon {
  display: none
}
.rc-calendar-input {
  border: 1px solid transparent;
  color: #666;
  cursor: text;
  height: 22px;
  line-height: 1.5;
  outline: 0;
  width: 100%
}
.rc-calendar-input-invalid {
  border-color: red
}
.rc-calendar-clear-btn {
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 20px;
  z-index: 9999
}
.rc-calendar-clear-btn:after {
  color: #aaa;
  content: "x";
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  transition: color .3s ease;
  width: 20px
}
.rc-calendar-clear-btn:hover:after {
  color: #666
}
.rc-calendar-picker {
  left: -9999px;
  position: absolute;
  top: -9999px;
  z-index: 2001
}
.rc-calendar-picker-hidden {
  display: none
}
.rc-calendar-picker-slide-up-appear, .rc-calendar-picker-slide-up-enter {
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  display: block !important;
  opacity: 0;
  transform-origin: 0 0
}
.rc-calendar-picker-slide-up-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(.6, .04, .98, .34);
  display: block !important;
  opacity: 1;
  transform-origin: 0 0
}
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight, .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft, .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running
}
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight, .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft, .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft, .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft, .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0
  }
  to {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 100% 100%
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%
  }
  to {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 100% 100%
  }
}
.rc-calendar {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  font-family: Arial, Hiragino Sans GB, Microsoft Yahei, "microsoft sans serif", WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  list-style: none;
  text-align: left;
  width: 253px
}
.rc-calendar, .rc-calendar-date-panel, .rc-calendar-panel {
  outline: none;
  position: relative
}
.rc-calendar-week-number {
  width: 286px
}
.rc-calendar-week-number-cell {
  text-align: center
}
.rc-calendar-header {
  background-color: #f8991d;
  color: #fff;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
  text-align: center;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
.rc-calendar-header > a {
  display: inline-block;
  font-weight: 700;
  line-height: 34px;
  padding: 0 5px;
  text-align: center;
  width: 30px
}
.rc-calendar-header > a:hover {
  color: #23c0fa;
  cursor: pointer
}
.rc-calendar-header .rc-calendar-prev-month-btn {
  left: 25px;
  position: absolute
}
.rc-calendar-header .rc-calendar-prev-month-btn:after {
  content: "‹"
}
.rc-calendar-header .rc-calendar-next-month-btn {
  position: absolute;
  right: 25px
}
.rc-calendar-header .rc-calendar-next-month-btn:after {
  content: "›"
}
.rc-calendar-day-select, .rc-calendar-month-select, .rc-calendar-year-select {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 34px;
  padding: 0 8px
}
.rc-calendar-day-select:hover, .rc-calendar-month-select:hover, .rc-calendar-year-select:hover {
  color: #f5f5f5;
  cursor: pointer
}
.rc-calendar-next-month-btn, .rc-calendar-next-year-btn, .rc-calendar-prev-month-btn, .rc-calendar-prev-year-btn {
  cursor: pointer;
  display: inline-block;
  font-family: Arial, Hiragino Sans GB, Microsoft Yahei, "microsoft sans serif", sans-serif;
  font-size: 16px;
  line-height: 34px;
  padding: 0 5px;
  position: absolute;
  top: 0
}
.rc-calendar-next-year-btn {
  right: 0
}
.rc-calendar-next-year-btn:after {
  content: "»"
}
.rc-calendar-prev-year-btn {
  left: 0
}
.rc-calendar-prev-year-btn:after {
  content: "«"
}
.rc-calendar-body {
  height: 255px;
  padding: 9px 10px 10px
}
.rc-calendar table {
  background-color: transparent;
  border-collapse: collapse;
  height: 100%;
  max-width: 100%;
  width: 100%
}
.rc-calendar table, .rc-calendar td, .rc-calendar th {
  border: none
}
.rc-calendar-table {
  border-spacing: 0;
  margin-bottom: 0
}
.rc-calendar-column-header {
  line-height: 18px;
  padding: 6px 0;
  text-align: center;
  width: 33px
}
.rc-calendar-column-header[title=Sun] {
  color: #d22323
}
.rc-calendar-column-header .rc-calendar-column-header-inner {
  display: block;
  font-weight: 400
}
.rc-calendar-week-number-header .rc-calendar-column-header-inner {
  display: none
}
.rc-calendar-cell {
  padding: 1px 0
}
.rc-calendar-date {
  background: 0 0;
  border-radius: 50%;
  color: #666;
  display: block;
  height: 26px;
  line-height: 26px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 26px
}
.rc-calendar-date:hover {
  background: #f5f5f5;
  cursor: pointer
}
.rc-calendar-today .rc-calendar-date {
  border: 1px solid #f8991d;
  color: #f8991d;
  font-weight: 700
}
.rc-calendar-selected-day .rc-calendar-date {
  background: #f8991d;
  color: #fff
}
.rc-calendar-selected-day .rc-calendar-date:hover {
  background: #f8991d
}
.rc-calendar-disabled-cell .rc-calendar-date {
  border-radius: 50%;
  cursor: not-allowed;
  height: 26px;
  width: 26px
}
.rc-calendar-disabled-cell .rc-calendar-date:hover {
  background: #f3f3f3
}
.rc-calendar-last-month-cell .rc-calendar-date, .rc-calendar-next-month-btn-day .rc-calendar-date {
  color: #bbb
}
.rc-calendar-footer {
  border-top: 1px solid #ccc;
  padding: 10px 0;
  position: relative;
  text-align: center
}
.rc-calendar-footer .rc-time-picker {
  width: 90px
}
.rc-calendar-footer .rc-time-picker-input {
  height: 24px
}
.rc-calendar-footer-show-ok {
  text-align: right
}
.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
  padding-right: 12px
}
.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
  margin-left: 0;
  padding: 0 12px
}
.rc-calendar-footer-show-ok .rc-calendar-today-btn {
  float: left;
  padding-left: 12px
}
.rc-calendar-footer-btn {
  margin-top: 2px
}
.rc-calendar-footer-btn:after {
  clear: both;
  content: "x";
  font-size: 0;
  height: 0;
  overflow: hidden
}
.rc-calendar-time-picker-btn {
  margin-left: 10px
}
.rc-calendar-ok-btn, .rc-calendar-time-picker-btn, .rc-calendar-today-btn {
  color: #f46830;
  display: inline-block;
  text-align: center
}
.rc-calendar-ok-btn:hover, .rc-calendar-time-picker-btn:hover, .rc-calendar-today-btn:hover {
  color: #23c0fa;
  cursor: pointer
}
.rc-calendar-ok-btn-disabled, .rc-calendar-ok-btn-disabled:hover, .rc-calendar-time-picker-btn-disabled, .rc-calendar-time-picker-btn-disabled:hover, .rc-calendar-today-btn-disabled, .rc-calendar-today-btn-disabled:hover {
  color: #bbb
}
.rc-calendar-today-btn {
  padding-left: 10px
}
.rc-calendar-time-input {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px 6px;
  color: #666;
  display: inline-block;
  height: 25px;
  line-height: 1.5;
  margin: 0;
  padding: 4px 10px;
  position: relative;
  transform: border .3s cubic-bezier(.35, 0, .25, 1), background .3s cubic-bezier(.35, 0, .25, 1), box-shadow .3s cubic-bezier(.35, 0, .25, 1);
  width: 40px
}
.rc-calendar-time-input:hover {
  border-color: #23c0fa
}
.rc-calendar-time-input:focus {
  border-color: #23c0fa;
  box-shadow: 0 0 3px #23c0fa
}
.rc-calendar-time-panel {
  background: #fff;
  bottom: 0;
  left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}
.rc-calendar-time-panel-header {
  border-bottom: 1px solid #ccc;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
.rc-calendar-time-panel-body {
  padding: 9px 10px 10px
}
.rc-calendar-time-panel-title {
  border-radius: 4px;
  display: inline-block;
  font-weight: 700;
  height: 30px;
  line-height: 22px;
  padding: 4px 5px;
  text-align: center;
  width: 180px
}
.rc-calendar-time-panel-table {
  border-collapse: separate;
  height: 255px;
  table-layout: fixed;
  width: 100%
}
.rc-calendar-time-panel-cell {
  height: 42px;
  text-align: center;
  vertical-align: middle
}
.rc-calendar-time-panel-time {
  border-radius: 4px;
  display: block;
  line-height: 26px;
  margin: 0 auto;
  width: 26px
}
.rc-calendar-time-panel-time:hover {
  background: #ebfaff;
  cursor: pointer
}
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time, .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
  background: #f8991d;
  color: #fff
}
.rc-calendar-month-panel {
  background: #fff;
  bottom: 0;
  left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}
.rc-calendar-month-panel-hidden {
  display: none
}
.rc-calendar-month-panel-header {
  background-color: #0088f3;
  border-bottom: 1px solid #ccc;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
.rc-calendar-month-panel-header > a {
  display: inline-block;
  font-weight: 700;
  padding: 4px 5px;
  text-align: center;
  width: 30px
}
.rc-calendar-month-panel-header > a:hover {
  color: #23c0fa;
  cursor: pointer
}
.rc-calendar-month-panel-next-year-btn, .rc-calendar-month-panel-prev-year-btn {
  position: absolute;
  top: 0
}
.rc-calendar-month-panel-next-year-btn:after {
  content: "»"
}
.rc-calendar-month-panel-prev-year-btn {
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.rc-calendar-month-panel-prev-year-btn:after {
  content: "«"
}
.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
  width: 180px
}
.rc-calendar-month-panel-year-select-arrow {
  display: none
}
.rc-calendar-month-panel-next-year-btn {
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.rc-calendar-month-panel-body {
  padding: 9px 10px 10px
}
.rc-calendar-month-panel-table {
  border-collapse: separate;
  height: 255px;
  table-layout: fixed;
  width: 100%
}
.rc-calendar-month-panel-cell {
  text-align: center
}
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
  background: 0 0;
  border-radius: 4px 4px;
  color: #666;
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 46px
}
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
  background: #ebfaff;
  cursor: pointer
}
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
  color: #bfbfbf
}
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
  background: #fff;
  cursor: not-allowed
}
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month, .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
  background: #f8991d;
  color: #fff
}
.rc-calendar-year-panel {
  background: #fff;
  bottom: 0;
  left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}
.rc-calendar-year-panel-hidden {
  display: none
}
.rc-calendar-year-panel-header {
  background-color: #0088f3;
  border-bottom: 1px solid #ccc;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
.rc-calendar-year-panel-header > a {
  display: inline-block;
  font-weight: 700;
  padding: 4px 5px;
  text-align: center;
  width: 30px
}
.rc-calendar-year-panel-header > a:hover {
  color: #23c0fa;
  cursor: pointer
}
.rc-calendar-year-panel-next-decade-btn, .rc-calendar-year-panel-prev-decade-btn {
  position: absolute;
  top: 0
}
.rc-calendar-year-panel-next-decade-btn:after {
  content: "»"
}
.rc-calendar-year-panel-prev-decade-btn {
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.rc-calendar-year-panel-prev-decade-btn:after {
  content: "«"
}
.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
  width: 180px
}
.rc-calendar-year-panel-decade-select-arrow {
  display: none
}
.rc-calendar-year-panel-next-decade-btn {
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.rc-calendar-year-panel-body {
  padding: 9px 10px 10px
}
.rc-calendar-year-panel-table {
  border-collapse: separate;
  height: 255px;
  table-layout: fixed;
  width: 100%
}
.rc-calendar-year-panel-cell {
  text-align: center
}
.rc-calendar-year-panel-year {
  background: 0 0;
  border-radius: 4px 4px;
  color: #666;
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 46px
}
.rc-calendar-year-panel-year:hover {
  background: #ebfaff;
  cursor: pointer
}
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year, .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
  background: #f8991d;
  color: #fff
}
.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year, .rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year:before, .rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year:before {
  content: ">";
  font-family: iconfont !important
}
.rc-calendar-decade-panel {
  background: #fff;
  bottom: 0;
  left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}
.rc-calendar-decade-panel-hidden {
  display: none
}
.rc-calendar-decade-panel-header {
  border-bottom: 1px solid #ccc;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
.rc-calendar-decade-panel-header > a {
  display: inline-block;
  font-weight: 700;
  padding: 1px 5px;
  text-align: center;
  width: 30px
}
.rc-calendar-decade-panel-header > a:hover {
  color: #23c0fa;
  cursor: pointer
}
.rc-calendar-decade-panel-next-century-btn, .rc-calendar-decade-panel-prev-century-btn {
  position: absolute;
  top: 0
}
.rc-calendar-decade-panel-next-century-btn:after {
  content: "»"
}
.rc-calendar-decade-panel-prev-century-btn {
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.rc-calendar-decade-panel-prev-century-btn:after {
  content: "«"
}
.rc-calendar-decade-panel-next-century-btn {
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.rc-calendar-decade-panel-body {
  padding: 9px 10px 10px
}
.rc-calendar-decade-panel-table {
  border-collapse: separate;
  height: 255px;
  table-layout: fixed;
  width: 100%
}
.rc-calendar-decade-panel-cell {
  text-align: center
}
.rc-calendar-decade-panel-decade {
  background: 0 0;
  border-radius: 4px 4px;
  color: #666;
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
  text-align: center
}
.rc-calendar-decade-panel-decade:hover {
  background: #ebfaff;
  cursor: pointer
}
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade, .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
  background: #f8991d;
  color: #fff
}
.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade, .rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade:before, .rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade:before {
  content: ">";
  font-family: iconfont !important
}
.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg)
}
.rc-calendar-range {
  overflow: hidden;
  width: 502px
}
.rc-calendar-range-part {
  position: relative;
  width: 250px
}
.rc-calendar-range-part .rc-calendar-time-picker {
  top: 69px
}
.rc-calendar-range-part .rc-calendar-time-picker-panel-select {
  width: 77px
}
.rc-calendar-range-left {
  float: left
}
.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
  border-right: 1px solid #e9e9e9
}
.rc-calendar-range-right {
  float: right
}
.rc-calendar-range-right .rc-calendar-time-picker-panel {
  left: 21px
}
.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
  border-left: 1px solid #e9e9e9
}
.rc-calendar-range-middle {
  color: #fff;
  height: 35px;
  line-height: 35px;
  margin-left: -10px;
  position: absolute;
  text-align: center
}
.rc-calendar-range .rc-calendar-date-panel:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden
}
.rc-calendar-range .rc-calendar-input-wrap {
  display: none;
  height: 35px
}
.rc-calendar-range .rc-calendar-input, .rc-calendar-range .rc-time-picker-input {
  height: 22px;
  padding: 1px 7px
}
.rc-calendar-range .rc-calendar-body, .rc-calendar-range .rc-calendar-decade-panel-body, .rc-calendar-range .rc-calendar-month-panel-body, .rc-calendar-range .rc-calendar-year-panel-body {
  border-bottom: 1px solid #e9e9e9
}
.rc-calendar-range.rc-calendar-week-number {
  width: 574px
}
.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
  width: 286px
}
.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
  top: 69px
}
.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
  width: 89px
}
.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
  left: 36px
}
.rc-calendar-range .rc-calendar-month-panel, .rc-calendar-range .rc-calendar-year-panel {
  top: 35px
}
.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
  top: 0
}
.rc-calendar-range .rc-calendar-decade-panel-table, .rc-calendar-range .rc-calendar-month-panel-table, .rc-calendar-range .rc-calendar-year-panel-table {
  height: 198px
}
.rc-calendar-range .rc-calendar-in-range-cell {
  border-radius: 0
}
.rc-calendar-range .rc-calendar-in-range-cell .rc-calendar-date {
  background: #efefef;
  color: #f8991d
}
.rc-calendar-range-bottom {
  text-align: right
}
.rc-calendar-range .rc-calendar-footer {
  background-color: #f4f4f4;
  border-top: none
}
.rc-calendar-range .rc-calendar-footer-btn {
  padding-right: 12px
}
.rc-calendar-range .rc-calendar-ok-btn {
  position: static
}
.rc-calendar-range .rc-calendar-today-btn {
  float: left
}
.rc-calendar-full {
  width: 275px
}
.rc-calendar-full-header {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  padding: 5px 10px;
  text-align: center;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
.rc-calendar-full-header-month-select, .rc-calendar-full-header-year-select {
  float: right;
  margin-right: 5px;
  width: 70px
}
.rc-calendar-full-header-switcher {
  display: inline-block;
  float: right
}
.rc-calendar-full-header-switcher-normal:hover {
  border-color: #23c0fa;
  box-shadow: 0 0 2px rgba(45, 183, 245, .8);
  cursor: pointer
}
.rc-calendar-full-header-switcher-focus {
  background-color: #f8991d;
  border-color: #f8991d;
  color: #fff
}
.rc-calendar-full-header-switcher > span {
  border: 1px solid #d9d9d9;
  color: #666;
  float: left;
  height: 28px;
  line-height: 24px;
  padding: 0 10px
}
.rc-calendar-full-header-switcher > span:first-child {
  border-bottom-left-radius: 4px;
  border-right: none;
  border-top-left-radius: 4px
}
.rc-calendar-full-header-switcher > span:last-child {
  border-bottom-right-radius: 4px;
  border-left: none;
  border-top-right-radius: 4px
}
.rc-calendar-fullscreen {
  width: auto
}
.rc-calendar-fullscreen .rc-calendar-full-header {
  border-bottom: none
}
.rc-calendar-fullscreen .rc-calendar-column-header {
  padding-right: 12px;
  text-align: right
}
.rc-calendar-fullscreen .rc-calendar-cell {
  padding: 0
}
.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date, .rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
  border: none;
  border-radius: 0;
  border-top: 2px solid #eee;
  display: block;
  height: 116px;
  margin: 0 4px;
  padding-right: 8px;
  text-align: right;
  width: auto
}
.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month, .rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date {
  background-color: #ebfaff;
  color: #666
}
.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month, .rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date {
  border-top-color: #f8991d;
  color: #f8991d
}
.rc-time-picker {
  display: inline-block
}
.rc-time-picker, .rc-time-picker * {
  box-sizing: border-box
}
.rc-time-picker-input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  color: #666;
  cursor: text;
  display: inline-block;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
  padding: 4px 7px;
  position: relative;
  transition: border .2s cubic-bezier(.645, .045, .355, 1), background .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1);
  width: 100%
}
.rc-time-picker-panel {
  box-sizing: border-box;
  position: absolute;
  width: 170px;
  z-index: 1070
}
.rc-time-picker-panel * {
  box-sizing: border-box
}
.rc-time-picker-panel-inner {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  list-style: none;
  outline: none;
  position: relative;
  text-align: left
}
.rc-time-picker-panel-input {
  border: 1px solid transparent;
  cursor: auto;
  line-height: 1.5;
  margin: 0;
  outline: 0;
  padding: 0;
  width: 100%
}
.rc-time-picker-panel-input-wrap {
  border-bottom: 1px solid #e9e9e9;
  box-sizing: border-box;
  padding: 6px;
  position: relative
}
.rc-time-picker-panel-input-invalid {
  border-color: red
}
.rc-time-picker-panel-clear-btn {
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 20px
}
.rc-time-picker-panel-clear-btn:after {
  color: #aaa;
  content: "x";
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  transition: color .3s;
  width: 20px
}
.rc-time-picker-panel-clear-btn:hover:after {
  color: #666
}
.rc-time-picker-panel-select {
  border: 1px solid #e9e9e9;
  border-width: 0 1px;
  box-sizing: border-box;
  float: left;
  font-size: 12px;
  margin-left: -1px;
  overflow: hidden;
  position: relative;
  width: 56px
}
.rc-time-picker-panel-select:hover {
  overflow-y: auto
}
.rc-time-picker-panel-select:first-child {
  border-left: 0;
  margin-left: 0
}
.rc-time-picker-panel-select:last-child {
  border-right: 0
}
.rc-time-picker-panel-select ul {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  max-height: 144px;
  padding: 0;
  width: 100%
}
.rc-time-picker-panel-select li {
  box-sizing: content-box;
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  list-style: none;
  margin: 0;
  padding: 0 0 0 16px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.rc-time-picker-panel-select li:hover {
  background: #edfaff
}
li.rc-time-picker-panel-select-option-selected {
  background: #edfaff;
  color: #2db7f5
}
li.rc-time-picker-panel-select-option-disabled {
  color: #bfbfbf
}
li.rc-time-picker-panel-select-option-disabled:hover {
  background: 0 0;
  cursor: not-allowed
}
.nrc-file {
  background-color: #eee;
  background-size: 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: block !important;
  height: 100px;
  position: relative;
  width: 100px
}
.nrc-file small {
  left: 240px;
  position: absolute;
  top: 30px;
  width: 500px
}
.nrc-file:before {
  color: #999;
  content: "";
  font-family: iconmps !important;
  font-size: 50px;
  height: 100px;
  left: 0;
  line-height: 100px;
  top: 0;
  transform: rotate(90deg);
  width: 100px
}
.nrc-file input {
  display: none
}
.nrc-file label {
  background-size: cover;
  left: 0;
  margin-right: 0;
  position: absolute;
  text-indent: -100000px;
  top: 0
}
.nrc-file label, .nrc-file label .icon-delete {
  cursor: pointer;
  display: block;
  height: 100px;
  width: 100px
}
.nrc-file label .icon-delete {
  background: #000;
  opacity: 0;
  position: relative
}
.nrc-file label .icon-delete:before {
  color: #fff;
  content: "";
  font-family: iconmps !important;
  font-size: 50px;
  height: 100%;
  line-height: 100px;
  width: 100%
}
.nrc-file:hover .icon-delete {
  opacity: .6
}
.nrc-file.file-uploaded label {
  background-color: #f9f9f9;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 0
}
.personal-img-uploader .invalid-msg {
  left: 120px
}
.banks-block {
  display: flex;
  flex-wrap: wrap;
  max-width: 780px;
  min-width: 800px;
  position: relative
}
.banks-block p {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #ccc;
  cursor: pointer;
  display: inline-block;
  height: 55px;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-top: 0;
  position: relative;
  text-indent: -10000px;
  transition: .3s;
  width: 170px
}
.banks-block p .logo {
  left: calc(50% - 75px);
  position: absolute;
  top: calc(50% - 17px)
}
.banks-block p.selected {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #f8991d
}
.banks-block p.selected:before {
  opacity: 1
}
.banks-block p.empty-image {
  font-size: 12px;
  text-indent: 20px
}
.banks-block p:before {
  background-color: #f8991d;
  border-radius: 15px;
  color: #fff;
  content: "";
  display: block;
  font-family: iconmps !important;
  font-size: 18px;
  height: 20px;
  line-height: 20px;
  opacity: 0;
  position: absolute;
  right: -5px;
  text-align: center;
  text-indent: 0;
  top: -5px;
  transition: .3s;
  width: 20px
}
.banks-block p:after {
  background: url(https://img.gashinzo.com/img/static/desktop/banklist.png) no-repeat;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%)
}
.banks-block p.OTHERS:after {
  background-position: -216px -228px;
  height: 22px;
  width: 38px
}
.popup {
  background-color: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100
}
.popup.loading {
  background-color: transparent;
  cursor: wait;
  z-index: 9999
}
.popup .popup-cont {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 80%
}
.popup .popup-cont.loading {
  height: 5vw;
  width: 5vw
}
.sk-cube-grid, .sk-rotating-plane {
  height: 36px;
  width: 36px
}
.sk-fade-in {
  animation: "sk-fade-in"0s
}
.nrc-carousel {
  position: relative
}
.nrc-carousel .carousel-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%
}
.nrc-carousel .carousel-wrapper .carousel-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  perspective: 1000px;
  position: relative;
  transition: transform;
  width: 100%
}
.nrc-carousel .carousel-wrapper .carousel-item.active, .nrc-carousel .carousel-wrapper .carousel-item.next, .nrc-carousel .carousel-wrapper .carousel-item.prev {
  display: flex
}
.nrc-carousel .carousel-wrapper .carousel-item.next, .nrc-carousel .carousel-wrapper .carousel-item.prev {
  position: absolute;
  top: 0
}
.nrc-carousel .carousel-wrapper .carousel-item.next.left, .nrc-carousel .carousel-wrapper .carousel-item.prev.right {
  transform: translateZ(0)
}
.nrc-carousel .carousel-wrapper .carousel-item.active.right, .nrc-carousel .carousel-wrapper .carousel-item.next {
  transform: translate3d(100%, 0, 0)
}
.nrc-carousel .carousel-wrapper .carousel-item.active.left, .nrc-carousel .carousel-wrapper .carousel-item.prev {
  transform: translate3d(-100%, 0, 0)
}
.nrc-carousel .carousel-control {
  align-items: center;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 15%
}
.nrc-carousel .carousel-control:hover {
  opacity: .9
}
.nrc-carousel .carousel-control:hover.next .icon, .nrc-carousel .carousel-control:hover.prev .icon {
  background-color: rgba(0, 0, 0, .7)
}
.nrc-carousel .carousel-control.next .icon, .nrc-carousel .carousel-control.prev .icon {
  display: inline-block;
  height: 36px;
  width: 36px
}
.nrc-carousel .carousel-control.next .icon i, .nrc-carousel .carousel-control.prev .icon i {
  font-size: 36px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.nrc-carousel .carousel-control.prev {
  left: 0
}
.nrc-carousel .carousel-control.next {
  right: 0
}
.nrc-carousel .carousel-indicators {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 1
}
.nrc-carousel .carousel-indicators li {
  background-clip: padding-box;
  background-color: #fff;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  box-sizing: content-box;
  cursor: pointer;
  flex: 0 1 auto;
  height: 3px;
  margin: 0 5px;
  opacity: .3;
  text-indent: -999px;
  transition: opacity .6s ease;
  width: 20px
}
.nrc-carousel .carousel-indicators li.active {
  opacity: 1
}
.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal, .odometer.odometer-theme-minimal .odometer-digit {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  position: relative;
  vertical-align: middle;
  *vertical-align: auto
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  bottom: 0;
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transform: translateY(0);
  transition: transform 2s
}
.odometer-digit {
  background: url(https://img.gashinzo.com/img/static/desktop/number-board.png) 0 0/100% no-repeat;
  background-position: 50%;
  background-size: 100% 70%;
  padding: 0 10px
}
.odometer {
  height: 86px;
  overflow: hidden
}
.odometer-inside {
  margin-top: -18px
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  left: 14px;
  top: 5px
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner span, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner span {
  color: #fff;
  font-size: 48px
}
.maintenance {
  cursor: not-allowed !important
}
.maintenance-block {
  background-color: rgba(0, 0, 0, .8);
  border-radius: 8px;
  box-shadow: inset 0 0 0 4px gold, 0 2px 6px rgba(0, 0, 0, .6);
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: absolute
}
.maintenance-block .time {
  color: gold;
  display: block;
  font-weight: 100;
  padding: 10px 0
}
.maintenance-block .time .duration {
  display: block;
  font-weight: 400
}
header .nav .submenu ul li.maintenance:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
header .nav .submenu ul li.maintenance a:hover {
  background-color: transparent
}
header .nav .submenu ul li.maintenance a:hover:after {
  display: none
}
header .nav .submenu ul li.maintenance img {
  filter: grayscale(60%);
  opacity: .3
}
header .nav .submenu ul li.maintenance:after {
  background-position: center 24%;
  background-repeat: no-repeat;
  background-size: 60% auto
}
header .nav .submenu ul li.maintenance .maintenance-block {
  box-shadow: inset 0 0 0 3px gold, 0 2px 5px rgba(0, 0, 0, .6);
  left: 7%;
  padding: 5px 10px;
  top: 48%;
  width: 86%
}
header .nav .submenu ul li.maintenance .maintenance-block .time {
  font-size: 11px
}
header .nav .submenu ul li.maintenance .maintenance-block .time .duration {
  font-size: 17px
}
.game-list li.maintenance {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
  color: #ccc;
  cursor: not-allowed
}
.game-list li.maintenance:after {
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: 60% auto
}
.game-list li.maintenance .cover {
  filter: grayscale(70%);
  opacity: .3
}
.game-list li.maintenance .comming-soon {
  color: #ccc
}
.game-list li.maintenance .cont .corp {
  opacity: .5
}
.game-list li.maintenance .cont p {
  border-top: 2px dotted #ccc
}
.game-list li.maintenance button {
  background-color: #f5f5f5;
  cursor: not-allowed
}
.game-list li.maintenance button:focus, .game-list li.maintenance button:hover {
  background-color: #f5f5f5
}
.game-list li.maintenance .maintenance-block {
  left: 15%;
  padding: 18px;
  top: 44%;
  width: 70%
}
.game-list li.maintenance .maintenance-block .time {
  font-size: 11px
}
.game-list li.maintenance .maintenance-block .time .duration {
  font-size: 19px
}
.game-list li.maintenance .maintenance-block .message {
  font-size: 12px;
  font-weight: 100
}
.section-egame .egame-list.maintenance {
  min-height: 400px;
  position: relative
}
.section-egame .egame-list.maintenance li {
  filter: grayscale(90%);
  opacity: .2
}
.section-egame .egame-list.maintenance:after {
  background-position: center 80px;
  background-repeat: no-repeat;
  background-size: auto
}
.section-egame .egame-list.maintenance .maintenance-block {
  left: calc(50% - 200px);
  padding: 20px;
  text-align: center;
  top: 250px;
  width: 400px
}
.section-egame .egame-list.maintenance .maintenance-block .time {
  font-size: 13px
}
.section-egame .egame-list.maintenance .maintenance-block .time .duration {
  font-size: 21px
}
.section-egame .egame-list.maintenance .maintenance-block .message {
  font-size: 13px;
  font-weight: 100
}
.fishing-game-list > li.maintenance {
  pointer-events: none !important
}
.live-highlight-banner li.maintenance.highlight:after {
  background-color: transparent;
  background-image: url(https://img.gashinzo.com/img/static/desktop/img-maintenance-sc.png);
  background-position: center 30%;
  opacity: 1;
  z-index: 2
}
.live-highlight-banner li.maintenance.highlight.en-US:after {
  background-image: url(https://img.gashinzo.com/img/static/desktop/img-maintenance-en.png)
}
.live-highlight-banner li.maintenance.highlight.en-TW:after {
  background-image: url(https://img.gashinzo.com/img/static/desktop/img-maintenance-tc.png)
}
.live-highlight-banner li.maintenance.highlight.en-CN:after {
  background-image: url(https://img.gashinzo.com/img/static/desktop/img-maintenance-sc.png)
}
.live-highlight-banner li.maintenance.highlight .maintenance-block {
  left: calc(50% - 200px);
  opacity: 1;
  padding: 20px;
  text-align: center;
  top: 55%;
  width: 400px;
  z-index: 1
}
.live-highlight-banner li.maintenance.highlight .maintenance-block .time {
  font-size: 13px
}
.live-highlight-banner li.maintenance.highlight .maintenance-block .time .duration {
  font-size: 21px
}
.live-highlight-banner li.maintenance.highlight .maintenance-block .message {
  font-size: 13px;
  font-weight: 100
}
.live-highlight-banner li.maintenance.highlight:before {
  background-color: rgba(30, 30, 30, .8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.live-highlight-banner li.maintenance:before {
  background-image: none !important;
  transition: 0s !important
}
.live-highlight-banner li.maintenance .maintenance-block {
  opacity: 0;
  transition: .2s
}
.live-highlight-banner .sub-gp ul li.maintenance img {
  opacity: .4
}
.live-highlight-banner .sub-gp ul li.maintenance:after {
  background-position: center 20%;
  background-repeat: no-repeat;
  background-size: 60% auto
}
.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block {
  box-shadow: inset 0 0 0 2px gold, 0 1px 3px rgba(0, 0, 0, .6);
  left: 2.5%;
  padding: 5px;
  top: 52%;
  width: 95%
}
.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block .time {
  font-size: 11px
}
.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block .time .duration {
  font-size: 17px
}
.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block .message {
  display: none
}
.lottery-game-list li.maintenance {
  cursor: default
}
.lottery-game-list li.maintenance .cont, .lottery-game-list li.maintenance .cover {
  filter: grayscale(60%);
  opacity: .3
}
.lottery-game-list li.maintenance:after {
  background-color: transparent;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
.lottery-game-list li.maintenance .maintenance-block {
  box-shadow: inset 0 0 0 2px gold, 0 1px 3px rgba(0, 0, 0, .6);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  z-index: 2
}
.lottery-game-list li.maintenance .maintenance-block .time {
  font-size: 11px
}
.lottery-game-list li.maintenance .maintenance-block .time .duration {
  font-size: 17px
}
.lottery-game-list li.maintenance .maintenance-block .message {
  display: none
}
.live-full-cont .cover.maintenance:before {
  background-color: rgba(0, 0, 0, .6);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 6
}
.live-full-cont .cover.maintenance:after {
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 6
}
.live-full-cont .cover.maintenance .maintenance-block {
  left: calc(50% - 200px);
  opacity: 1;
  padding: 20px;
  text-align: center;
  top: calc(50% + 80px);
  width: 400px;
  z-index: 6
}
.live-full-cont .cover.maintenance .maintenance-block .time {
  font-size: 13px
}
.live-full-cont .cover.maintenance .maintenance-block .time .duration {
  font-size: 21px
}
.live-full-cont .cover.maintenance .maintenance-block .message {
  font-size: 13px;
  font-weight: 100
}
.games-sports li.maintenance:after {
  background-position: center 12%;
  background-size: auto 50%
}
.game-item.disabled {
  cursor: not-allowed !important
}
.game-item.disabled .img {
  filter: brightness(.5) grayscale(.8);
  opacity: .8 !important
}
.game-item.disabled .link-cover {
  background: 0 0 !important;
  cursor: not-allowed !important;
  filter: blur(0) !important;
  opacity: 1 !important;
  transform: rotate3d(0, 0, 0, 0deg) !important
}
.game-item.disabled .link-cover .nrc-button {
  background: rgba(34, 34, 34, .9) !important;
  cursor: not-allowed !important;
  display: block !important
}
.game-item.disabled .link-cover .nrc-button.add-fav, .game-item.disabled .link-cover .nrc-button.remove-fav {
  display: none !important
}
.game-item.disabled .link-cover .nrc-button:before {
  peak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: gold;
  content: "";
  font-family: iconmps !important;
  font-size: 70px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  left: 50%;
  line-height: 1;
  position: absolute;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
  text-transform: none;
  top: -75px;
  transform: translateX(-50%)
}
.countdown {
  background-color: rgba(255, 255, 255, .8);
  border: 1px solid rgba(204, 204, 204, .4);
  border-radius: 6px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
  height: 132px;
  margin: 20px auto;
  width: 286px
}
.countdown p span {
  display: block;
  min-width: 80px
}
.countdown p span:first-child {
  color: #f8991d;
  font-size: 70px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 84px;
  line-height: 84px
}
.countdown p span:nth-child(2) {
  color: #aaa
}
.countdown p:nth-child(2n) {
  width: 40px
}
.countdown p:nth-child(2n) span {
  min-width: inherit;
  width: 100%
}
.countdown-container {
  height: 150px;
  position: absolute;
  right: 50px;
  top: 0;
  width: 206px
}
.countdown-container > p {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  padding: 0 10px
}
.countdown-container .countdown {
  height: 96px;
  width: 206px
}
.countdown-container .countdown p {
  width: 60px
}
.countdown-container .countdown p span {
  height: 60px;
  line-height: 60px;
  min-width: 60px
}
.countdown-container .countdown p span:first-child {
  font-size: 50px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.countdown-container .countdown p span:last-child {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: inherit;
  line-height: inherit
}
.countdown-container .countdown p:nth-child(2) {
  width: 12px
}
.countdown-container .countdown p:nth-child(2) span {
  min-width: 12px
}
.collection-small {
  border: 2px solid #ccc;
  border-radius: 3px;
  color: #222;
  cursor: pointer;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  line-height: 1.86;
  margin-bottom: 16px;
  padding: 0 10px;
  position: relative;
  transition: border .4s;
  width: 320px
}
.collection-small:before {
  background-color: #f8991d;
  border-radius: 10px;
  color: #fff;
  content: "";
  font-family: iconmps !important;
  font-size: 18px;
  height: 20px;
  opacity: 0;
  position: absolute;
  right: -10px;
  top: -10px;
  transition: opacity .4s;
  width: 20px
}
.collection-small.selected {
  border-color: #f8991d
}
.collection-small.selected:before {
  opacity: 1
}
.nrc-view-edit-wrapper .edit-mode .content div {
  margin-top: 0
}
.nrc-view-edit-wrapper .edit-mode .content form {
  display: inline-block
}
.nrc-view-edit-wrapper .edit-mode .content .nrc-form-input {
  display: block
}
.nrc-view-edit-wrapper .edit-mode button:not(.selected-flag) {
  border-radius: 100px;
  height: 36px;
  padding: 0;
  width: 92px
}
.nrc-view-edit-wrapper .edit-mode button:not(.selected-flag).button-cancel {
  margin-right: 10px
}
.nrc-view-edit-wrapper .edit-mode .button-cancel {
  background-color: #fff;
  border: 1px solid #777;
  color: #777
}
.nrc-view-edit-wrapper .edit-mode .button-confirm {
  background-color: #f8991d;
  border: 1px solid #f8991d;
  color: #fff
}
.nrc-view-edit-wrapper .view-mode .content {
  width: 250px
}
.nrc-view-edit-wrapper .view-mode .content p {
  color: #000;
  text-align: left
}
.nrc-view-edit-wrapper .view-mode .content .tel {
  margin-top: 0
}
.nrc-view-edit-wrapper .view-mode .edit-button {
  font-size: 20px;
  width: 16px
}
.edit-mode .nrc-form .nrc-form-item .nrc-form-input {
  margin-left: 0
}
.resume-details .nrc-view-edit-wrapper .edit-mode, .resume-details .nrc-view-edit-wrapper .view-mode {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start
}
.resume-details .nrc-view-edit-wrapper .view-mode .content {
  width: 455px
}
.react-tel-input {
  position: relative;
  z-index: 1
}
.react-tel-input .cn {
  background-position: -160px -22px
}
.react-tel-input .mo {
  background-position: -96px -88px
}
.react-tel-input .my {
  background-position: 0 -99px
}
.react-tel-input .th {
  background-position: -144px -132px
}
.react-tel-input .id {
  background-position: -160px -55px
}
.react-tel-input .vn {
  background-position: -240px -143px
}
.react-tel-input .ph {
  background-position: -48px -110px
}
.react-tel-input .kh {
  background-position: -128px -66px
}
.react-tel-input .sg {
  background-position: -112px -121px
}
.react-tel-input .hk {
  background-position: -80px -55px
}
.react-tel-input .np {
  background-position: -160px -99px
}
.react-tel-input .mx {
  background-position: -240px -88px
}
.react-tel-input .us {
  background-position: -112px -143px
}
.react-tel-input .in {
  background-position: -208px -55px
}
.react-tel-input .jp {
  background-position: -80px -66px
}
.react-tel-input .lk {
  background-position: -80px -77px
}
.react-tel-input .nl {
  background-position: -128px -99px
}
.react-tel-input .gb {
  background-position: -80px -44px
}
.react-tel-input .fr {
  background-position: -48px -44px
}
.react-tel-input .de {
  background-position: -32px -33px
}
.react-tel-input .ru {
  background-position: 0 -121px
}
.react-tel-input .pk {
  background-position: -64px -110px
}
.react-tel-input .mm {
  background-position: -64px -88px
}
.react-tel-input .au {
  background-position: -192px 0
}
.react-tel-input .ar {
  background-position: -144px 0
}
.react-tel-input .bd {
  background-position: -16px -11px
}
.react-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box
}
.react-tel-input .hide {
  display: none
}
.react-tel-input .v-hide {
  visibility: hidden
}
.react-tel-input input[type=tel], .react-tel-input input[type=text] {
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px #e3e3e3;
  height: 35px;
  line-height: 25px;
  margin-bottom: 0 !important;
  margin-left: 0;
  margin-top: 0 !important;
  padding-left: 44px;
  position: relative;
  width: 100%;
  z-index: 0
}
.react-tel-input input[type=tel]:focus, .react-tel-input input[type=text]:focus {
  border-color: #42bdff #42bdff #42bdff #cacaca
}
.react-tel-input input[type=tel].invalid-number, .react-tel-input input[type=tel].invalid-number:focus, .react-tel-input input[type=text].invalid-number, .react-tel-input input[type=text].invalid-number:focus {
  background-color: #faf0f0;
  border: 1px solid #d79f9f;
  border-left-color: #cacaca
}
.react-tel-input .flag-dropdown {
  background-color: #eaeaea;
  border: 1px solid #cacaca;
  border-radius: 3px 0 0 3px;
  bottom: 0;
  padding: 0;
  position: absolute;
  top: 0
}
.react-tel-input .flag-dropdown.open-dropdown {
  background: #fff;
  border-bottom: 0;
  border-radius: 3px 0 0 0
}
.react-tel-input .flag-dropdown.open-dropdown .selected-flag {
  background: #fff;
  border-radius: 3px 0 0 0
}
.react-tel-input .flag-dropdown:hover {
  cursor: pointer
}
.react-tel-input .flag-dropdown:hover .selected-flag {
  background-color: #fff
}
.react-tel-input input[disabled] + .flag-dropdown:hover {
  cursor: default
}
.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
  background-color: transparent
}
.react-tel-input .selected-flag {
  border: 0;
  border-radius: 3px 0 0 3px;
  height: 33px;
  outline: 0;
  padding: 0 0 0 8px;
  position: relative;
  width: 38px;
  z-index: 13
}
.react-tel-input .selected-flag .flag {
  background-image: url(https://img.gashinzo.com/img/static/flags/flags.png) !important;
  height: 11px;
  position: absolute;
  top: calc(50% - 5px);
  width: 16px
}
.react-tel-input .selected-flag .arrow {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
  height: 0;
  left: 20px;
  margin-top: -2px;
  position: relative;
  top: 50%;
  width: 0
}
.react-tel-input .selected-flag .arrow.up {
  border-bottom: 4px solid #555;
  border-top: none
}
.react-tel-input .country-list {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  height: auto !important;
  list-style: none;
  margin: -1px 0 0 -1px;
  max-height: 200px;
  overflow-y: scroll;
  padding: 0;
  position: absolute;
  top: 33px !important;
  width: 400px;
  z-index: 2
}
.react-tel-input .country-list .country {
  align-items: center;
  display: flex
}
.react-tel-input .country-list .flag {
  background-image: url(https://img.gashinzo.com/img/static/flags/flags.png) !important;
  display: inline-block
}
.react-tel-input .country-list .divider {
  border-bottom: 1px solid #ccc;
  display: none;
  margin-bottom: 5px;
  padding-bottom: 5px
}
.react-tel-input .country-list .country {
  padding: 5px 10px
}
.react-tel-input .country-list .country .dial-code {
  color: #999;
  letter-spacing: normal
}
.react-tel-input .country-list .country:hover {
  background-color: #e8f7fe
}
.react-tel-input .country-list .country.highlight {
  background-color: #c7e2f1
}
.react-tel-input .country-list .flag {
  height: 11px;
  margin-right: 6px;
  margin-top: 2px;
  width: 16px
}
.react-tel-input .country-list .country-name {
  letter-spacing: normal;
  margin-right: 6px
}
.nrc-form-input .react-tel-input.readOnly input {
  border: 0;
  box-shadow: none;
  color: #333;
  padding: 0 0 0 34px
}
.nrc-form-input .react-tel-input.readOnly input:hover {
  cursor: default
}
.nrc-form-input .react-tel-input.readOnly .flag-dropdown {
  background-color: transparent;
  border: 0
}
.nrc-form-input .react-tel-input.readOnly .flag-dropdown .selected-flag {
  background-color: transparent
}
.nrc-form-input .react-tel-input.readOnly .flag-dropdown .arrow {
  display: none
}
.nrc-form-input .react-tel-input.readOnly .selected-flag {
  background-color: transparent
}
.nrc-form-input .react-tel-input.readOnly .selected-flag:hover {
  background-color: transparent;
  cursor: default
}
.bank-card-add .react-tel-input, .player-info .react-tel-input, .react-tel-input {
  width: auto
}
.table-resume-data tr:nth-child(2n) {
  background-color: #eee
}
.table-resume-data td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  color: #535353;
  height: 36px;
  padding: 0 10px
}
.table-resume-data a {
  color: #00e;
  cursor: pointer;
  text-decoration: underline
}
.rdw-option-wrapper {
  align-items: center;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  margin: 0 4px;
  padding: 5px;
  text-transform: capitalize;
  width: 25px
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0 #bfbdbd
}
.rdw-option-active, .rdw-option-wrapper:active {
  box-shadow: inset 1px 1px 0 #bfbdbd
}
.rdw-option-disabled {
  cursor: default;
  opacity: .3
}
.rdw-dropdown-wrapper {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  margin: 0 3px;
  text-transform: capitalize
}
.rdw-dropdown-wrapper:focus {
  outline: none
}
.rdw-dropdown-wrapper:hover {
  background-color: #fff;
  box-shadow: 1px 1px 0 #bfbdbd
}
.rdw-dropdown-wrapper:active {
  box-shadow: inset 1px 1px 0 #bfbdbd
}
.rdw-dropdown-carettoopen {
  border-top: 6px solid #000
}
.rdw-dropdown-carettoclose, .rdw-dropdown-carettoopen {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "-";
  height: 0;
  position: absolute;
  right: 10%;
  top: 35%;
  width: 0
}
.rdw-dropdown-carettoclose {
  border-bottom: 6px solid #666
}
.rdw-dropdown-selectedtext {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 5px;
  position: relative
}
.rdw-dropdown-optionwrapper {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 98%;
  z-index: 100
}
.rdw-dropdown-optionwrapper:hover {
  background-color: #fff;
  box-shadow: 1px 1px 0 #bfbdbd
}
.rdw-dropdownoption-default {
  align-items: center;
  display: flex;
  min-height: 25px;
  padding: 0 5px
}
.rdw-dropdownoption-highlighted {
  background: #f1f1f1
}
.rdw-dropdownoption-active {
  background: #f5f5f5
}
.rdw-dropdownoption-disabled {
  cursor: default;
  opacity: .3
}
.rdw-inline-wrapper {
  display: flex;
  margin-bottom: 6px
}
.rdw-inline-dropdown {
  width: 50px
}
.rdw-inline-dropdownoption {
  display: flex;
  height: 40px;
  justify-content: center
}
.rdw-block-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px
}
.rdw-block-dropdown {
  width: 110px
}
.rdw-fontsize-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px
}
.rdw-fontsize-dropdown {
  min-width: 40px
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center
}
.rdw-fontfamily-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px
}
.rdw-fontfamily-dropdown {
  width: 115px
}
.rdw-fontfamily-placeholder {
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.rdw-fontfamily-optionwrapper {
  width: 140px
}
.rdw-list-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90
}
.rdw-list-dropdownOption {
  display: flex;
  height: 40px;
  justify-content: center
}
.rdw-text-align-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90
}
.rdw-text-align-dropdownOption {
  display: flex;
  height: 40px;
  justify-content: center
}
.rdw-right-aligned-block {
  justify-content: flex-end
}
.rdw-left-aligned-block, .rdw-right-aligned-block {
  display: flex;
  flex-direction: row
}
.rdw-left-aligned-block {
  justify-content: flex-start
}
.rdw-center-aligned-block {
  justify-content: center
}
.rdw-center-aligned-block, .rdw-justify-aligned-block {
  display: flex;
  flex-direction: row
}
.rdw-colorpicker-wrapper {
  align-items: center;
  margin-bottom: 6px;
  position: relative
}
.rdw-colorpicker-modal, .rdw-colorpicker-wrapper {
  display: flex
}
.rdw-colorpicker-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  flex-direction: column;
  height: 175px;
  left: 5px;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 320px;
  z-index: 100
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px
}
.rdw-colorpicker-modal-style-label {
  cursor: pointer;
  font-size: 15px;
  padding: 0 10px 5px;
  text-align: center;
  width: 50%
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7
}
.rdw-colorpicker-modal-options {
  display: flex;
  flex-wrap: wrap;
  height: 60%;
  margin: 5px auto;
  overflow: scroll;
  width: 100%
}
.rdw-colorpicker-cube {
  border: 1px solid #f1f1f1;
  height: 22px;
  width: 22px
}
.rdw-colorpicker-option {
  border: none;
  box-shadow: inset 1px 2px 1px #bfbdbd;
  height: 22px;
  margin: 3px;
  min-height: 20px;
  padding: 0;
  width: 22px
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #bfbdbd
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #bfbdbd
}
.rdw-colorpicker-option-active {
  box-shadow: 0 0 2px 2px #bfbdbd
}
.rdw-link-wrapper, .rdw-remove-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
  position: relative
}
.rdw-link-dropdown {
  width: 50px
}
.rdw-link-dropdownOption {
  display: flex;
  height: 40px;
  justify-content: center
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px
}
.rdw-link-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  display: flex;
  flex-direction: column;
  height: 180px;
  left: 5px;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 235px;
  z-index: 100
}
.rdw-link-modal-label {
  font-size: 15px
}
.rdw-link-modal-input {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  height: 25px;
  margin-bottom: 15px;
  margin-top: 5px
}
.rdw-link-modal-input:focus {
  outline: none
}
.rdw-link-modal-buttonsection {
  margin: 0 auto
}
.rdw-link-modal-btn {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  margin-left: 10px;
  text-transform: capitalize;
  width: 75px
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0 #bfbdbd
}
.rdw-link-modal-btn:active {
  box-shadow: inset 1px 1px 0 #bfbdbd
}
.rdw-link-modal-btn:focus {
  outline: none !important
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9
}
.rdw-link-dropdownoption {
  display: flex;
  height: 40px;
  justify-content: center
}
.rdw-embedded-wrapper {
  align-items: center;
  margin-bottom: 6px;
  position: relative
}
.rdw-embedded-modal, .rdw-embedded-wrapper {
  display: flex
}
.rdw-embedded-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  flex-direction: column;
  height: 180px;
  left: 5px;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 235px;
  z-index: 100
}
.rdw-embedded-modal-header {
  display: flex;
  font-size: 15px;
  margin: 10px 0
}
.rdw-embedded-modal-header-option {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%
}
.rdw-embedded-modal-header-label {
  background: #6eb8d4;
  border: 1px solid #f1f1f1;
  border-bottom: 2px solid #0a66b7;
  margin-top: 5px;
  width: 95px
}
.rdw-embedded-modal-link-section {
  display: flex
}
.rdw-embedded-modal-link-input {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  font-size: 15px;
  height: 35px;
  margin: 29px auto;
  padding: 0 5px;
  width: 90%
}
.rdw-embedded-modal-link-input:focus {
  outline: none
}
.rdw-embedded-modal-btn-section {
  margin: 10px auto 0
}
.rdw-embedded-modal-btn {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  margin-left: 10px;
  text-transform: capitalize;
  width: 75px
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0 #bfbdbd
}
.rdw-embedded-modal-btn:active {
  box-shadow: inset 1px 1px 0 #bfbdbd
}
.rdw-embedded-modal-btn:focus {
  outline: none !important
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9
}
.rdw-emoji-wrapper {
  align-items: center;
  margin-bottom: 6px;
  position: relative
}
.rdw-emoji-modal, .rdw-emoji-wrapper {
  display: flex
}
.rdw-emoji-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  flex-wrap: wrap;
  height: 180px;
  left: 5px;
  overflow: auto;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 235px;
  z-index: 100
}
.rdw-emoji-icon {
  cursor: pointer;
  font-size: 22px;
  height: 24px;
  margin: 2.5px;
  width: 24px
}
.rdw-emoji-icon, .rdw-spinner {
  align-items: center;
  display: flex;
  justify-content: center
}
.rdw-spinner {
  height: 100%;
  width: 100%
}
.rdw-spinner > div {
  animation: sk-bouncedelay 1.4s ease-in-out infinite both;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  height: 12px;
  width: 12px
}
.rdw-spinner .rdw-bounce1 {
  animation-delay: -.32s
}
.rdw-spinner .rdw-bounce2 {
  animation-delay: -.16s
}
@keyframes sk-bouncedelay {
  0%, 80%, to {
    transform: scale(0)
  }
  40% {
    transform: scale(1)
  }
}
.rdw-image-wrapper {
  align-items: center;
  margin-bottom: 6px;
  position: relative
}
.rdw-image-modal, .rdw-image-wrapper {
  display: flex
}
.rdw-image-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  flex-direction: column;
  height: 180px;
  left: 5px;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 235px;
  z-index: 100
}
.rdw-image-modal-header {
  display: flex;
  font-size: 15px;
  margin: 10px 0
}
.rdw-image-modal-header-option {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%
}
.rdw-image-modal-header-label {
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  width: 80px
}
.rdw-image-modal-header-label-highlighted {
  background: #6eb8d4;
  border-bottom: 2px solid #0a66b7
}
.rdw-image-modal-upload-option {
  align-items: center;
  background-color: #f1f1f1;
  border: none;
  color: gray;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  height: 75px;
  justify-content: center;
  margin: 10px 0;
  outline: 2px dashed gray;
  outline-offset: -10px;
  width: 100%
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7
}
.rdw-image-modal-upload-option-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}
.rdw-image-modal-upload-option-input {
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: .1px;
  z-index: -1
}
.rdw-image-modal-url-section {
  display: flex
}
.rdw-image-modal-url-input {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  font-size: 15px;
  height: 35px;
  margin: 29px auto;
  padding: 0 5px;
  width: 90%
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0
}
.rdw-image-modal-url-input:focus {
  outline: none
}
.rdw-image-modal-btn {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  margin-left: 10px;
  text-transform: capitalize;
  width: 75px
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0 #bfbdbd
}
.rdw-image-modal-btn:active {
  box-shadow: inset 1px 1px 0 #bfbdbd
}
.rdw-image-modal-btn:focus {
  outline: none !important
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9
}
.rdw-image-modal-spinner {
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%
}
.rdw-history-wrapper {
  align-items: center;
  margin-bottom: 6px
}
.rdw-history-dropdownoption, .rdw-history-wrapper {
  display: flex
}
.rdw-history-dropdownoption {
  height: 40px;
  justify-content: center
}
.rdw-history-dropdown {
  width: 50px
}
.rdw-link-decorator-wrapper {
  position: relative
}
.rdw-link-decorator-link {
  color: blue;
  text-decoration: underline
}
.rdw-link-decorator-icon {
  background-color: #fff;
  cursor: pointer;
  left: 40%;
  position: absolute;
  top: 0
}
.rdw-mention {
  background-color: #f0fbff;
  border-radius: 2px;
  color: #1236ff;
  padding: 1px 2px
}
.rdw-suggestion-wrapper {
  position: relative
}
.rdw-suggestion-dropdown {
  background: #fff;
  border: 1px solid #f1f1f1;
  display: flex;
  flex-direction: column;
  max-height: 150px;
  min-width: 100px;
  overflow: auto;
  position: absolute;
  z-index: 100
}
.rdw-suggestion-option {
  border-bottom: 1px solid #f1f1f1;
  padding: 7px 5px
}
.rdw-suggestion-option:hover {
  background-color: #f1f1f1
}
.rdw-image-alignment-options-popup {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  padding: 5px 2px;
  position: absolute;
  width: 105px;
  z-index: 100
}
.rdw-alignment-option-left {
  justify-content: flex-start
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px
}
.rdw-image-alignment, .rdw-image-imagewrapper {
  position: relative
}
.rdw-image-center {
  display: flex;
  float: none;
  justify-content: center
}
.rdw-image-left {
  float: left
}
.rdw-image-right {
  float: right
}
.rdw-editor-main.demo-editor-custom {
  height: 100%;
  overflow: auto;
  width: 100%
}
.rdw-editor-toolbar {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  justify-content: flex-start;
  margin-bottom: 5px;
  padding: 6px 5px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.rdw-dropdown-wrapper, .rdw-option-wrapper {
  background-color: #f9f9f9
}
.rdw-html-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
  position: relative
}
.rdw-html-icon-wrapper {
  height: 18px;
  width: 18px
}
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial
}
.DraftEditor-root {
  position: relative
}
.DraftEditor-editorContainer {
  background-color: transparent;
  border-left: .1px solid transparent;
  position: relative;
  z-index: 1
}
.public-DraftEditor-block {
  position: relative
}
.public-DraftStyleDefault-block {
  margin: 1em 0
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left
}
.DraftEditor-alignLeft .public-DraftEditorplaceholder-root {
  left: 0;
  text-align: left
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center
}
.DraftEditor-alignCenter .public-DraftEditorplaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right
}
.DraftEditor-alignRight .public-DraftEditorplaceholder-root {
  right: 0;
  text-align: right
}
.public-DraftEditorplaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0
}
.public-DraftEditorplaceholder-hasFocus {
  color: #bdc1c9
}
.DraftEditorplaceholder-hidden {
  display: none
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right
}
.public-DraftStyleDefault-listLTR {
  direction: ltr
}
.public-DraftStyleDefault-listRTL {
  direction: rtl
}
.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em
}
.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle
}
.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px
}
.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4
}
.demo-root {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Roboto;
  justify-content: center;
  width: 100%
}
.demo-editorSection {
  z-index: 0
}
.demo-wrapper-wide {
  display: block
}
.demo-editor {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  height: 80%;
  padding: 5px
}
.demo-editorWrapper, .demo-toolbar {
  width: 100%
}
.demo-content {
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  border-radius: 2px;
  height: 425px;
  height: 355px;
  margin-left: 30px;
  margin-top: 127px;
  padding: 5px;
  resize: none;
  width: 400px
}
.bordered-option-classname {
  border: 1px solid #e3e3e3
}
.demo-toolbar-custom {
  background-color: #7c838d;
  width: 100%
}
.demo-editor-custom {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  height: 200px;
  height: 75%;
  padding: 5px
}
.demo-option-custom {
  border-color: #002f7e;
  color: #002f7e;
  height: 15px;
  width: 15px
}
.demo-option-custom-wide {
  border-color: #002f7e;
  color: #002f7e;
  height: 25px;
  width: 125px
}
.demo-dropdown-custom, .demo-popup-custom {
  border-color: #002f7e
}
.demo-popup-custom {
  padding: 5px
}
.demo-popup-custom button, .demo-popup-custom input {
  border-color: #002f7e
}
.nrc-editor-hidetoolbar {
  display: none
}
.nrc-editor-view-mode {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  padding: 5px
}
.editor-invisible {
  background: 0 0;
  height: 0 !important;
  left: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  resize: none;
  top: 0;
  width: 0;
  z-index: -10
}
.editor-html {
  border: 1px solid #f1f1f1;
  height: 100%;
  width: 100%
}
.editor-table, .nrc-editor-view-mode table {
  background-color: #fff;
  border: 1px solid #111;
  border-collapse: collapse;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.editor-table-tr, .nrc-editor-view-mode tr {
  height: 25px
}
.nrc-editor-view-mode img {
  cursor: default;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative
}
.nrc-editor-view-mode a {
  color: #01b1f0;
  cursor: pointer;
  text-decoration: underline
}
.nrc-editor-view-mode a img {
  cursor: pointer
}
.nrc-editor-view-mode p {
  word-wrap: break-word;
  margin: 1em 0
}
.nrc-editor-view-mode li {
  margin: 1em 0 1em 1.5em
}
.nrc-editor-view-mode ol {
  list-style: decimal
}
.nrc-editor-view-mode ul {
  list-style: unset
}
.nrc-editor-view-mode em {
  font-style: italic
}
.editor-table-td, .nrc-editor-view-mode td {
  border: 1px solid #111;
  cursor: text;
  padding: 5px;
  width: 150px
}
.editor-table-input {
  height: 25px;
  width: 95%
}
.editor-table-active-td {
  border: 1px double #1eaae5
}
.editor-table-tool-wrapper button, .editor-table-tool-wrapper button:active, .editor-table-tool-wrapper button:focus, .editor-table-tool-wrapper button:hover {
  background: 0 0;
  height: 100%;
  outline: none;
  padding: 4px
}
.rdw-table-insert-wrapper {
  height: 22px;
  margin: 0;
  padding: 4px
}
.rdw-dropdown-table {
  position: absolute
}
.rdw-table-picker-cell {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==);
  background-repeat: repeat;
  overflow: hidden
}
.rdw-table-picker-container {
  background-color: #fff;
  cursor: pointer;
  overflow: hidden
}
.nrc-form-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-size: 14px
}
.nrc-form-table .form-table-header {
  color: #222;
  display: block;
  font-size: 21px;
  font-weight: 400;
  line-height: 2.5;
  text-indent: 20px
}
.nrc-form-table a {
  color: #f8991d;
  text-decoration: underline
}
.nrc-form-table a:hover {
  text-decoration: none
}
.nrc-form-table .form-table-body .group .header {
  font-size: 18px;
  padding: 10px 20px
}
.nrc-form-table .form-table-body .group .header:before {
  content: "•";
  margin: 0 5px
}
.nrc-form-table .form-table-body .group .body {
  border-left: 1px solid #eef1f4;
  border-top: 1px solid #eef1f4;
  margin: 0
}
.nrc-form-table .form-table-body .group .body .column {
  box-sizing: border-box;
  min-height: 46px
}
.nrc-form-table .form-table-body .group .body .column .column-title {
  background-color: #f6f8f9;
  color: #555e76;
  font-weight: 500
}
.nrc-form-table .form-table-body .group .body .column .column-content, .nrc-form-table .form-table-body .group .body .column .column-title {
  align-items: center;
  border-bottom: 1px solid #eef1f4;
  border-right: 1px solid #eef1f4;
  box-sizing: border-box;
  display: flex;
  min-height: 46px;
  padding: 8px;
  position: relative
}
.nrc-form-table .form-table-body .group .body .column .column-content {
  background-color: #fff;
  font-weight: 300
}
.nrc-form-table .form-table-body .group .body .column .column-content > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.nrc-form-table .form-table-body .group .body .column .column-content .nrc-button {
  position: absolute;
  right: 10px;
  top: calc(50% - 15px)
}
.nrc-form-table .form-table-body .group .body .column .column-content .nrc-view-edit-wrapper {
  position: absolute
}
.nrc-form-table .form-table-body .group .body .column .column-content .nrc-view-edit-wrapper .nrc-button-group {
  position: static
}
.nrc-form-table .form-table-body .group .body .column .column-content .nrc-view-edit-wrapper .nrc-button-group .nrc-button {
  position: relative
}
.lottery-game-list {
  padding: 20px 50px 120px;
  text-align: center
}
.lottery-game-list li {
  cursor: pointer;
  margin: 0 20px;
  padding-bottom: 20px;
  position: relative;
  width: calc(20% - 40px)
}
.lottery-game-list li:hover .cover {
  box-shadow: 0 0 15px #f8991d
}
.lottery-game-list li:hover .cont {
  color: #f8991d
}
.lottery-game-list li .cover {
  background-color: #fff;
  border-radius: 10px;
  margin: 8px auto 12px;
  max-width: 180px;
  overflow: hidden;
  position: relative;
  transition: .3s;
  width: 100%
}
.lottery-game-list li .cover img {
  display: block;
  height: auto;
  position: relative;
  width: 100%
}
.lottery-game-list li .cont {
  color: #fff
}
.footer-logo-box {
  display: flex;
  flex-wrap: wrap
}
.footer-logo-box > div {
  background: url(https://img.gashinzo.com/img/static/desktop/footer-logos.png) no-repeat;
  height: 50px;
  margin-right: 20px
}
.footer-logo-box > .Awesome {
  background-position: -365px 0;
  width: 36px
}
.footer-logo-box > .A-MEBA-B {
  background-position: -10px 0;
  width: 80px
}
.footer-logo-box > .A-MEBA-W, .footer-logo-box > .AMEBA {
  background-position: -110px 0;
  width: 80px
}
.footer-logo-box > .AB, .footer-logo-box > .ALLBET {
  background-position: -210px 0;
  width: 62px
}
.footer-logo-box > .AG {
  background-position: -292px 0;
  width: 53px
}
.footer-logo-box > .BACCARAT, .footer-logo-box > .MX, .footer-logo-box > .SEXYBCRT {
  background: url(https://img.gashinzo.com/img/static/gplogo/live/sexybcrt.png) 50%/100% auto no-repeat;
  width: 106px
}
.footer-logo-box > .CQ9 {
  background-position: -528px 0;
  width: 68px
}
.footer-logo-box > .Dream-Tech, .footer-logo-box > .DT {
  background-position: -616px 0;
  width: 46px
}
.footer-logo-box > .GD {
  background-position: -682px 0;
  width: 66px
}
.footer-logo-box > .GG, .footer-logo-box > .GGAMING {
  background: url(https://img.gashinzo.com/img/static/gplogo/mpg/ggaming.png) 50%/100% auto no-repeat;
  width: 80px
}
.footer-logo-box > .HY {
  background-position: -878px 0;
  width: 37px
}
.footer-logo-box > .LAX, .footer-logo-box > .LAXINO, .footer-logo-box > .LX {
  background-position: -935px 0;
  width: 140px
}
.footer-logo-box > .LG {
  background-position: -1095px 0;
  width: 109px
}
.footer-logo-box > .MEGA-WIN, .footer-logo-box > .MW {
  background-position: -1224px 0;
  width: 76px
}
.footer-logo-box > .MG, .footer-logo-box > .Micro {
  background-position: -1320px 0;
  width: 105px
}
.footer-logo-box > .NY {
  background-position: -1445px 0;
  width: 33px
}
.footer-logo-box > .RED-TIGER, .footer-logo-box > .RT {
  background-position: -1498px 0;
  width: 45px
}
.footer-logo-box > .SA {
  background-position: -1563px 0;
  width: 91px
}
.footer-logo-box > .SABA, .footer-logo-box > .SABA-SPORTS {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/saba.png) 50%/100% auto no-repeat;
  width: 130px
}
.footer-logo-box > .SB, .footer-logo-box > .SUNBET {
  background-position: -1762px 0;
  width: 51px
}
.footer-logo-box > .SV, .footer-logo-box > .SV388 {
  background-position: -1833px 0;
  width: 86px
}
.footer-logo-box > .TRC {
  background-position: -1939px 0;
  width: 73px
}
.footer-logo-box > .UG, .footer-logo-box > .UGAMING {
  background-position: -2032px 0;
  width: 76px
}
.footer-logo-box > .VENUS, .footer-logo-box > .VGS {
  background-position: -2128px 0;
  width: 54px
}
.footer-logo-box > .VR {
  background-position: -2202px 0;
  width: 56px
}
.footer-logo-box > .ZF, .footer-logo-box > .ZFB {
  background-position: -2278px 0;
  width: 98px
}
.footer-logo-box > .bbin, .footer-logo-box > .BBIN {
  background-position: -2396px 0;
  width: 64px
}
.footer-logo-box > .play-tech, .footer-logo-box > .PT {
  background-position: -2480px 0;
  width: 83px
}
.footer-logo-box > .VSL {
  background-position: -2573px 0;
  width: 83px
}
.footer-logo-box > .JDB {
  background-position: -2653px 0;
  width: 83px
}
.footer-logo-box > .SABA-en {
  background-position: -2736px 0;
  width: 80px
}
.footer-logo-box > .GG-en {
  background-position: -2816px 0;
  width: 80px
}
.footer-logo-box > .AB-en {
  background-position: -2896px 0;
  width: 80px
}
.footer-logo-box > .VT {
  background-position: -3280px 0;
  width: 100px
}
.footer-logo-box > .SUNBET-en {
  background-position: -2976px 0;
  width: 104px
}
.footer-logo-box > .RW {
  background-position: -3380px 0;
  width: 60px
}
.footer-logo-box > .PG {
  background-position: -3440px 0;
  width: 60px
}
.footer-logo-box > .KY {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/ky.png) 50%/auto 170% no-repeat;
  width: 55px
}
.footer-logo-box > .VG {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/vg.png) 50%/auto 170% no-repeat;
  width: 55px
}
.footer-logo-box > .LC {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/lc.png) 50%/100% auto no-repeat;
  width: 75px
}
.footer-logo-box > .CARD365, .footer-logo-box > .chess365 {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/365.png) 50%/auto 100% no-repeat;
  width: 55px
}
.footer-logo-box > .DS {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/ds.png) 50%/auto 100% no-repeat;
  width: 55px
}
.footer-logo-box > .PS {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/ps.png) 50%/100% no-repeat;
  width: 55px
}
.footer-logo-box > .AE_GAMING {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/ae_gaming.png) 50%/100% no-repeat;
  width: 106px
}
.footer-logo-box > .KISS918, .footer-logo-box > .s918 {
  background: url(https://img.gashinzo.com/img/static/slotking777/logo-918.png) 50%/auto 100% no-repeat;
  width: 100px
}
.footer-logo-box > .ae_c, .footer-logo-box > .AE_C {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/ae_c.png) 50%/100% auto no-repeat;
  width: 85px
}
.footer-logo-box > .IG {
  background: url(https://img.gashinzo.com/img/static/gplogo/lottery/ig.png) 50%/90% no-repeat;
  width: 55px
}
.footer-logo-box > .e-bull, .footer-logo-box > .ESPORTSBULL {
  background: url(https://img.gashinzo.com/img/static/esports/logo-eb.png) 50%/100% auto no-repeat;
  width: 125px
}
.footer-logo-box > .AE_ES {
  background: url(https://img.gashinzo.com/img/static/esports/logo-aees.png) 50%/100% auto no-repeat;
  width: 150px
}
.footer-logo-box > .AE_LOT {
  background: url(https://img.gashinzo.com/img/static/gplogo/lottery/ae_lot.png) 50%/100% auto no-repeat;
  width: 130px
}
.footer-logo-box > .AE_ES2 {
  background: url(https://img.gashinzo.com/img/static/gplogo/esports/ae_es2.png) 50%/100% auto no-repeat;
  width: 130px
}
.footer-logo-box > .AWS {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/aws.png) 50%/auto 100% no-repeat;
  width: 46px
}
.footer-logo-box > .GPI {
  background: url(https://img.gashinzo.com/img/static/gplogo/lottery/gpi.png) 50%/100% auto no-repeat;
  width: 125px
}
.footer-logo-box > .JOKER {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/joker.png) 50%/100% auto no-repeat;
  width: 100px
}
.footer-logo-box > .JILI {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/jili.png) 50%/100% auto no-repeat;
  width: 70px
}
.footer-logo-box > .BO {
  background: url(https://img.gashinzo.com/img/static/gplogo/finance/bo.png) 50%/100% auto no-repeat;
  width: 50px
}
.footer-logo-box > .CROWN, .footer-logo-box > .SINGBET, .footer-logo-box > .singbet {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/singbet.png) 50%/100% auto no-repeat;
  width: 60px
}
.footer-logo-box > .IM {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/im.png) 50%/100% auto no-repeat;
  width: 115px
}
.footer-logo-box > .JG {
  background: url(https://img.gashinzo.com/img/static/gplogo/live/jg.png) 50%/100% auto no-repeat;
  width: 68px
}
.footer-logo-box > .SIMPLEPLAY {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/simpleplay.png) 50%/100% auto no-repeat;
  width: 48px
}
.footer-logo-box > .SEA {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/sea.png) 50%/100% auto no-repeat;
  width: 48px
}
.footer-logo-box > .FC {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/fc.png) 50%/100% auto no-repeat;
  width: 48px
}
.footer-logo-box > .RICH88 {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/rich88.png) 50%/100% auto no-repeat;
  width: 110px
}
.footer-logo-box > .CMDBET {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/CMDBET/CMDBET.png) 50%/100% auto no-repeat;
  width: 68px
}
.footer-logo-box > .WM {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/WM/wm.png) 50%/90% auto no-repeat;
  width: 60px
}
.footer-logo-box > .EVO {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/EVO/evo.png) 50%/contain no-repeat;
  width: 55px
}
.footer-logo-box > .DG {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/DG/dg.png) 50%/90% auto no-repeat;
  width: 70px
}
.footer-logo-box > .SBOBET {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/SBOBET/SBOBET.png) 50%/100% auto no-repeat;
  width: 68px
}
.footer-logo-box > .TF {
  background: url(https://img.gashinzo.com/img/static/gplogo/esports/tf.png) 50%/100% auto no-repeat;
  width: 90px
}
.footer-logo-box > .S128 {
  background: url(https://img.gashinzo.com/img/static/ec-app/S128.png) 50%/100% auto no-repeat;
  width: 130px
}
.footer-logo-box > .SPR168 {
  background: url(https://img.gashinzo.com/img/static/ec-app/SPR168.png) 100%/auto 110% no-repeat;
  width: 60px
}
.footer-logo-box > .BTI {
  background: url(https://img.gashinzo.com/img/static/ec-app/BTI.png) 50%/100% auto no-repeat;
  width: 85px
}
.footer-logo-box > .AE_CRICKET {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/ae_cricket.png) 50%/100% auto no-repeat;
  width: 120px
}
.footer-logo-box > .KINGMAKER {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/kingmaker.png) 50%/100% auto no-repeat;
  width: 120px
}
.footer-logo-box > .UFABET {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/ufabet.png) 50%/100% auto no-repeat;
  width: 110px
}
.footer-logo-box > .UFASLOT {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo/ufaslot.png) 50%/100% auto no-repeat;
  width: 55px
}
.footer-logo-box > .YL {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo/yl.png) 50%/100% auto no-repeat;
  width: 55px
}
.footer-logo-box > .PP {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/pp.png) 50%/100% auto no-repeat;
  width: 57px
}
.footer-logo-box > .GW {
  background: url(https://img.gashinzo.com/img/static/gplogo/lottery/gw.png) 50%/100% auto no-repeat;
  width: 70px
}
.footer-logo-box .RCB {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c2/rcb.png) 50%/100% auto no-repeat;
  width: 70px !important
}
.footer-logo-box .AE_PLAY {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c2/ae_play.png) 50%/100% auto no-repeat;
  width: 100px !important
}
.footer-logo-box .EZUGI {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/ezugi.png) 50%/100% auto no-repeat;
  width: 100px !important
}
.footer-logo-box .AE_SEVEN {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/ae_seven.png) 50%/100% auto no-repeat;
  width: 100px !important
}
.footer-logo-box .KX {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/kx.png) 50%/contain no-repeat;
  width: 0 !important
}
.footer-logo-box .AE_LOTTO {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/ae_lotto.png) 50%/100% auto no-repeat;
  width: 80px !important
}
.footer-logo-box .OG {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/og.png) 50%/contain no-repeat;
  width: 50px !important
}
.footer-logo-box .SPADEGAMING {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/spadegaming.png) 50%/contain no-repeat;
  width: 50px !important
}
.footer-logo-box .SKM {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/skm.png) 50%/contain no-repeat;
  width: 50px !important
}
.footer-logo-box .PNG {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/png.png) 50%/100% auto no-repeat;
  width: 100px !important
}
.footer-logo-box .LUDO {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/ludo.png) 50%/100% auto no-repeat;
  width: 80px !important
}
.footer-logo-box .KA {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/ka.png) 50%/contain no-repeat;
  width: 50px !important
}
.footer-logo-box .GEN {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/gen.png) 50%/100% auto no-repeat;
  width: 80px !important
}
.footer-logo-box .AE_SPORTS {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/ae_sports.png) 50%/100% auto no-repeat;
  width: 80px !important
}
.footer-logo-box .AEUFA {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/aeufa.png) 50%/100% auto no-repeat;
  width: 100px !important
}
.footer-logo-box .MUAYSTEP {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/muaystep.png) 50%/contain no-repeat;
  width: 50px !important
}
.footer-logo-box .AE_CRIC_EX {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/ae_cric_ex.png) 50%/100% auto no-repeat;
  width: 100px !important
}
.footer-logo-box .JM {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c/jm.png) 50%/contain no-repeat;
  width: 50px !important
}
.provider-slider-wrap .footer-swiper-logo-box {
  height: 50px
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper {
  height: 100%
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide {
  margin-right: 20px;
  width: auto !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide > * {
  background: url(https://img.gashinzo.com/img/static/desktop/footer-logos.png) no-repeat;
  height: 50px
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .Awesome {
  background-position: -365px 0;
  width: 36px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .A-MEBA-B {
  background-position: -10px 0;
  width: 80px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .A-MEBA-W, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AMEBA {
  background-position: -110px 0;
  width: 80px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AB, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ALLBET {
  background-position: -210px 0;
  width: 62px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AG {
  background-position: -292px 0;
  width: 53px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .BACCARAT, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MX, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SEXYBCRT {
  background: url(https://img.gashinzo.com/img/static/gplogo/live/sexybcrt.png) 50%/100% auto no-repeat;
  width: 106px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .CQ9 {
  background-position: -528px 0;
  width: 68px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .Dream-Tech, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .DT {
  background-position: -616px 0;
  width: 46px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GD {
  background-position: -682px 0;
  width: 66px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GG, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GGAMING {
  background: url(https://img.gashinzo.com/img/static/gplogo/mpg/ggaming.png) 50%/100% auto no-repeat;
  width: 80px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .HY {
  background-position: -878px 0;
  width: 37px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LAX, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LAXINO, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LX {
  background-position: -935px 0;
  width: 140px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LG {
  background-position: -1095px 0;
  width: 109px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MEGA-WIN, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MW {
  background-position: -1224px 0;
  width: 76px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MG, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .Micro {
  background-position: -1320px 0;
  width: 105px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .NY {
  background-position: -1445px 0;
  width: 33px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .RED-TIGER, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .RT {
  background-position: -1498px 0;
  width: 45px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SA {
  background-position: -1563px 0;
  width: 91px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SABA, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SABA-SPORTS {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/saba.png) 50%/100% auto no-repeat;
  width: 130px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SB, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SUNBET {
  background-position: -1762px 0;
  width: 51px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SV, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SV388 {
  background-position: -1833px 0;
  width: 86px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .TRC {
  background-position: -1939px 0;
  width: 73px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .UG, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .UGAMING {
  background-position: -2032px 0;
  width: 76px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VENUS, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VGS {
  background-position: -2128px 0;
  width: 54px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VR {
  background-position: -2202px 0;
  width: 56px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ZF, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ZFB {
  background-position: -2278px 0;
  width: 98px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .bbin, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .BBIN {
  background-position: -2396px 0;
  width: 64px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .play-tech, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .PT {
  background-position: -2480px 0;
  width: 83px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VSL {
  background-position: -2573px 0;
  width: 83px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .JDB {
  background-position: -2653px 0;
  width: 83px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SABA-en {
  background-position: -2736px 0;
  width: 80px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GG-en {
  background-position: -2816px 0;
  width: 80px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AB-en {
  background-position: -2896px 0;
  width: 80px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VT {
  background-position: -3280px 0;
  width: 100px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SUNBET-en {
  background-position: -2976px 0;
  width: 104px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .RW {
  background-position: -3380px 0;
  width: 60px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .PG {
  background-position: -3440px 0;
  width: 60px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .KY {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/ky.png) 50%/auto 170% no-repeat;
  width: 55px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VG {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/vg.png) 50%/auto 170% no-repeat;
  width: 55px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LC {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/lc.png) 50%/100% auto no-repeat;
  width: 75px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .CARD365, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .chess365 {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/365.png) 50%/auto 100% no-repeat;
  width: 55px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .DS {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/ds.png) 50%/auto 100% no-repeat;
  width: 55px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .PS {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/ps.png) 50%/100% no-repeat;
  width: 55px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .KISS918, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .s918 {
  background: url(https://img.gashinzo.com/img/static/slotking777/logo-918.png) 50%/auto 100% no-repeat;
  width: 100px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ae_c, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_C {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/ae_c.png) 50%/100% auto no-repeat;
  width: 85px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .IG {
  background: url(https://img.gashinzo.com/img/static/gplogo/lottery/ig.png) 50%/90% no-repeat;
  width: 55px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .e-bull, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ESPORTSBULL {
  background: url(https://img.gashinzo.com/img/static/esports/logo-eb.png) 50%/100% auto no-repeat;
  width: 125px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_ES {
  background: url(https://img.gashinzo.com/img/static/esports/logo-aees.png) 50%/100% auto no-repeat;
  width: 150px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_LOT {
  background: url(https://img.gashinzo.com/img/static/gplogo/lottery/ae_lot.png) 50%/100% auto no-repeat;
  width: 150px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_ES2 {
  background: url(https://img.gashinzo.com/img/static/gplogo/esports/ae_es2.png) 50%/100% auto no-repeat;
  width: 150px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AWS {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/aws.png) 50%/auto 100% no-repeat;
  width: 46px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GPI {
  background: url(https://img.gashinzo.com/img/static/gplogo/lottery/gpi.png) 50%/100% auto no-repeat;
  width: 125px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .JOKER {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/joker.png) 50%/100% auto no-repeat;
  width: 100px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .JILI {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/jili.png) 50%/100% auto no-repeat;
  width: 70px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .BO {
  background: url(https://img.gashinzo.com/img/static/gplogo/finance/bo.png) 50%/100% auto no-repeat;
  width: 50px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .CROWN, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SINGBET, .provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .singbet {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/singbet.png) 50%/100% auto no-repeat;
  width: 60px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .IM {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/im.png) 50%/100% auto no-repeat;
  width: 115px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .JG {
  background: url(https://img.gashinzo.com/img/static/gplogo/live/jg.png) 50%/100% auto no-repeat;
  width: 68px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SIMPLEPLAY {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/simpleplay.png) 50%/100% auto no-repeat;
  width: 48px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SEA {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/sea.png) 50%/100% auto no-repeat;
  width: 48px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .CMDBET {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/CMDBET/CMDBET.png) 50%/100% auto no-repeat;
  width: 68px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .WM {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/WM/wm.png) 50%/90% auto no-repeat;
  width: 60px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .EVO {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/EVO/evo.png) 50%/contain no-repeat;
  width: 55px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .DG {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/DG/dg.png) 50%/90% auto no-repeat;
  width: 70px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SBOBET {
  background: url(https://img.gashinzo.com/img/static/game/zh-CN/SBOBET/SBOBET.png) 50%/100% auto no-repeat;
  width: 68px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .TF {
  background: url(https://img.gashinzo.com/img/static/gplogo/esports/tf.png) 50%/100% auto no-repeat;
  width: 90px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .S128 {
  background: url(https://img.gashinzo.com/img/static/ec-app/S128.png) 50%/100% auto no-repeat;
  width: 130px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SPR168 {
  background: url(https://img.gashinzo.com/img/static/ec-app/SPR168.png) 100%/auto 110% no-repeat;
  width: 60px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .BTI {
  background: url(https://img.gashinzo.com/img/static/ec-app/BTI.png) 50%/100% auto no-repeat;
  width: 85px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_CRICKET {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/ae_cricket.png) 50%/100% auto no-repeat;
  width: 120px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .KINGMAKER {
  background: url(https://img.gashinzo.com/img/static/gplogo/chess/kingmaker.png) 50%/100% auto no-repeat;
  width: 120px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .UFABET {
  background: url(https://img.gashinzo.com/img/static/gplogo/sports/ufabet.png) 50%/100% auto no-repeat;
  width: 110px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .UFASLOT {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo/ufaslot.png) 50%/100% auto no-repeat;
  width: 110px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .PP {
  background: url(https://img.gashinzo.com/img/static/gplogo/egame/pp.png) 50%/100% auto no-repeat;
  width: 57px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GW {
  background: url(https://img.gashinzo.com/img/static/gplogo/lottery/gw.png) 50%/100% auto no-repeat;
  width: 70px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .RCB {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c2/rcb.png) 50%/100% auto no-repeat;
  width: 70px !important
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_PLAY {
  background: url(https://img.gashinzo.com/img/static/yabo/mobile/gplogo-c2/ae_play.png) 50%/100% auto no-repeat;
  width: 100px !important
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  cursor: pointer;
  font-family: inherit
}
.nrc-button.DEBIT_CARD-channel:before, .nrc-button.QR_BANK-channel:before {
  color: #00468e
}
.nrc-button.WEIXIN-channel:before {
  color: #00b049
}
.nrc-button.ALIPAY-channel:before {
  color: #00a8f1
}
.nrc-button.QQ-channel:before {
  color: #201c2a
}
.btn-main {
  background-color: #f8991d;
  border-radius: 20px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  line-height: 1.1;
  padding: 11px 0;
  text-align: center;
  transition: .3s;
  width: 150px
}
.btn-main.btn-border {
  background-color: transparent;
  border: 1px solid #f8991d;
  border-radius: 4px;
  color: #f8991d;
  padding: 0 15px;
  width: auto
}
.btn-main.btn-border:focus, .btn-main.btn-border:hover {
  background-color: transparent;
  border: 1px solid #c6c6c6;
  color: #c6c6c6
}
.btn-main:focus, .btn-main:hover {
  background-color: #c6c6c6
}
.nrc-button {
  background-color: #f8991d;
  border: 0;
  border-radius: 22.5px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 45px;
  padding: 0 40px
}
.nrc-button:focus, .nrc-button:hover {
  background-color: #f48d08
}
.nrc-button:disabled {
  background-color: #ccc;
  color: #eee;
  cursor: not-allowed
}
.nrc-button.grey {
  background-color: #aaa
}
.nrc-button.grey:focus, .nrc-button.grey:hover {
  background-color: #9d9d9d
}
.nrc-button.white-border-no-bg {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff
}
.nrc-button.white-border-no-bg:focus, .nrc-button.white-border-no-bg:hover {
  border: 1px solid #f2f2f2;
  color: #f2f2f2
}
.nrc-button.rect {
  border-radius: 5px
}
.nrc-button.rect-small {
  border-radius: 5px;
  height: 40px
}
.nrc-button.rect-small, .nrc-button[data-size=small] {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.nrc-button[data-size=small] {
  height: 36px
}
.nrc-button.neutral {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #222;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding: 0 15px
}
.nrc-button.neutral.selected, .nrc-button.neutral:hover {
  background-color: #ebebeb;
  border-color: #f8991d
}
.nrc-button.square {
  border-radius: 5px;
  height: 54px;
  padding: inherit;
  width: 54px
}
.nrc-button[class$=channel] {
  padding-left: 35px;
  position: relative
}
.tabs {
  font-size: 0;
  width: 100%
}
.tabs li {
  display: inline-block;
  font-size: 18px;
  position: relative;
  text-align: center
}
.tabs li a {
  display: block;
  height: 100%;
  position: relative;
  text-decoration: none;
  width: 100%
}
.tabs.tab-skew {
  height: 70px;
  line-height: 70px;
  overflow: hidden
}
.tabs.tab-skew li {
  width: 16.66667%
}
.tabs.tab-skew li a {
  color: #fff;
  margin-left: -5px;
  z-index: 1
}
.tabs.tab-skew li:after {
  background-color: #aaa;
  border-left: 2px solid #fff;
  content: "";
  height: 100%;
  left: -10px;
  position: absolute;
  top: 0;
  transform: skewX(-12deg);
  transition: .2s;
  width: calc(100% + 20px)
}
.tabs.tab-skew li.active:after, .tabs.tab-skew li:hover:after {
  background-color: #c6c6c6
}
.tabs.tab-underline {
  border-bottom: 2px solid #ccc;
  height: 50px;
  line-height: 50px
}
.tabs.tab-underline li a {
  box-sizing: border-box;
  color: #aaa;
  padding: 0 15px;
  transition: .2s
}
.tabs.tab-underline li.active a, .tabs.tab-underline li:hover a {
  color: #f8991d
}
.tabs.tab-underline li.active:after, .tabs.tab-underline li:hover:after {
  background-color: #f8991d;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%
}
.tabs.tab-inboxhead, .tabs.tab-tablehead {
  height: 50px;
  line-height: 50px
}
.tabs.tab-inboxhead li, .tabs.tab-tablehead li {
  margin: 0 5px;
  transition: .2s;
  width: 150px
}
.tabs.tab-inboxhead li a, .tabs.tab-tablehead li a {
  color: #777
}
.tabs.tab-inboxhead li.active, .tabs.tab-inboxhead li:hover, .tabs.tab-tablehead li.active, .tabs.tab-tablehead li:hover {
  background-color: rgba(255, 255, 255, .9);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}
.inbox-head {
  background-color: #aaa;
  height: 50px;
  padding-top: 10px;
  position: relative;
  width: 100%
}
.inbox-head .tab-inboxhead {
  box-sizing: border-box;
  padding: 0 10px
}
.inbox-head .tab-inboxhead li a {
  color: #fff;
  font-size: 15px
}
.inbox-head .tab-inboxhead li.active, .inbox-head .tab-inboxhead li:hover {
  background-color: #fff
}
.inbox-head .tab-inboxhead li.active a, .inbox-head .tab-inboxhead li:hover a {
  color: #777
}
.inbox-head .btn-refresh {
  border-radius: 5px;
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 15px;
  width: 70px
}
.inbox-head .btn-refresh i {
  display: inline-block;
  vertical-align: middle
}
.nrc-tabs .nrc-tabs-nav {
  border-bottom: 2px solid #ccc;
  box-sizing: border-box
}
.nrc-tabs .nrc-tabs-nav span {
  line-height: 35px
}
.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab {
  box-sizing: border-box;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  min-width: 100px;
  padding: 16px;
  position: relative
}
.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active:after, .nrc-tabs .nrc-tabs-nav .nrc-tabs-tab:hover:after {
  background-color: #f8991d;
  bottom: -2px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%
}
.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active {
  color: #f8991d
}
.nrc-tabs.tabs-style-3 .nrc-tabs-nav {
  background-color: #aaa;
  border-bottom: none;
  box-sizing: border-box;
  padding: 25px 15% 0
}
.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab {
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin: 0 5px;
  min-width: 150px;
  padding: 16px
}
.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab.active:after, .nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab:hover:after {
  display: none
}
.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab.active, .nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab:hover {
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #777
}
.nrc-tabs.tabs-style-side {
  margin-top: 30px;
  min-height: 570px;
  position: relative
}
.nrc-tabs.tabs-style-side .nav-style-side {
  border: 0;
  display: inline-block;
  height: 100%;
  position: absolute;
  width: 180px
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  color: #535353;
  margin: 10px 0;
  overflow: hidden;
  padding: 10px 0 10px 30px;
  position: relative;
  text-align: left;
  text-indent: 10px;
  transition: .2s
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(-n+4) {
  background-color: #f5f5f5;
  color: #000
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(-n+4):before {
  background-color: #fff;
  border-radius: 50%;
  color: #eba326;
  content: "★";
  display: block;
  font-size: 12px;
  height: 20px;
  left: 12px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 17.5px;
  width: 20px
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(-n+4):after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: .2s;
  width: 100%
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(-n+4):hover:after {
  background-color: transparent;
  transform: scale(1.1)
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(2):after {
  background: url(https://img.gashinzo.com/img/static/desktop/egame-tab-01.png) 100% no-repeat
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(3):after {
  background: url(https://img.gashinzo.com/img/static/desktop/egame-tab-02.png) 100% no-repeat
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(4):after {
  background: url(https://img.gashinzo.com/img/static/desktop/egame-tab-03.png) 100% no-repeat
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:first-of-type {
  margin-top: 15px
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:first-of-type:before {
  content: "❤"
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:first-of-type.active:after {
  background: 0 0
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:after {
  display: none
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:hover {
  background-color: #fff
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:hover:before {
  background-color: #f5f5f5;
  color: #ea4747
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab.active, .nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab.active:hover {
  background-color: #eba326;
  color: #000
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:hover {
  color: #000
}
.nrc-tabs.tabs-style-side .nav-style-side + .tab-item {
  margin-left: 220px;
  position: relative;
  width: calc(100% - 220px)
}
.ads {
  position: fixed;
  z-index: 20
}
.ads .adItem {
  position: absolute;
  transition: top .2s ease-out
}
.ads .adItem.click-url, .ads i {
  cursor: pointer
}
.ads i {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 600;
  position: absolute;
  right: 0
}
.ads i:hover {
  background-color: #fff;
  border: 1px solid #000;
  color: #000
}
.ads.left-top {
  left: 0;
  top: 0;
  z-index: 22
}
.ads.left-top div {
  position: absolute
}
.ads.left-top .fade-in-out {
  opacity: .6;
  position: absolute;
  transition: all .3s ease-out
}
.ads.left-top .fade-in-out.active {
  opacity: 1
}
.ads.left-center, .ads.left-center .adItem {
  left: 0
}
.ads.right-center, .ads.right-center .adItem {
  right: 0
}
.floating-maintenance {
  background-image: linear-gradient(0deg, #000, rgba(40, 40, 40, .8));
  border: 1px solid #fff;
  border-radius: 10px;
  bottom: -165px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .5);
  color: #fff;
  left: 20px;
  padding: 10px 15px 10px 0;
  position: fixed;
  transition: bottom .5s;
  width: 300px;
  z-index: 21
}
.floating-maintenance.active {
  bottom: -10px
}
.floating-maintenance .maintenances-title {
  word-wrap: break-word;
  letter-spacing: 2px;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: center
}
.floating-maintenance .maintenances-title i {
  cursor: pointer;
  font-size: 1.3em;
  font-weight: 600;
  position: absolute;
  right: 10px
}
.floating-maintenance .maintenances-content {
  font-size: 13px;
  height: 150px;
  overflow: auto;
  padding: 0 20px
}
.floating-maintenance .maintenances-content .maintenances-item {
  margin-bottom: 15px
}
.floating-maintenance .maintenances-content .maintenances-item .maintenances-item-name {
  background-image: linear-gradient(to right bottom, #dbdb00 15%, #bb6e09 65%, #502f03 95%);
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  margin: 5px 0;
  padding: 5px 10px
}
.ad-center {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1024
}
.ad-center .ad-center-content {
  background-color: #fff;
  display: flex;
  height: 600px;
  left: 0;
  margin: auto;
  max-width: 1050px;
  position: relative;
  top: calc(50% - 300px);
  z-index: 2
}
.ad-center .ad-center-content .left {
  border-right: 1px solid #e6e6e6;
  display: flex;
  flex: 1;
  flex-direction: column
}
.ad-center .ad-center-content .left .title-list {
  flex: 1;
  overflow-y: auto
}
.ad-center .ad-center-content .left .title-list > div {
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  color: #777;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  min-height: 70px;
  padding: 15px;
  word-break: break-word
}
.ad-center .ad-center-content .left .title-list > div.active {
  background-color: #f8991d;
  color: #fff
}
.ad-center .ad-center-content .left .logo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  margin: 10px
}
.ad-center .ad-center-content .right {
  background-color: #f2f2f2;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 800px
}
.ad-center .ad-center-content .right.pointer {
  cursor: pointer
}
.ad-center .ad-center-content .close {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .31);
  color: #777;
  cursor: pointer;
  font-size: 34px;
  height: 40px;
  line-height: 46px;
  position: absolute;
  right: -20px;
  text-align: center;
  top: -20px;
  width: 40px
}
.ad-center .ad-center-overlay {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}
:root {
  --swiper-theme-color: #007aff
}
.swiper-container {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0)
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out
}
.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}
.swiper-container-3d {
  perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory
}
:root {
  --swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(var(--swiper-navigation-size)*-1/2);
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/44*27);
  z-index: 10
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
  text-transform: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev"
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  left: auto;
  right: 10px
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next"
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #fff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}
.swiper-pagination-bullet {
  background: #000;
  border-radius: 100%;
  display: inline-block;
  height: 8px;
  opacity: .2;
  width: 8px
}
button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: 1
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 6px 0
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px
}
.swiper-pagination-white {
  --swiper-pagination-color: #fff
}
.swiper-pagination-black {
  --swiper-pagination-color: #000
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  background: rgba(0, 0, 0, .1);
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none
}
.swiper-container-horizontal > .swiper-scrollbar {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50
}
.swiper-container-vertical > .swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50
}
.swiper-scrollbar-drag {
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
.swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}
.swiper-container .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube {
  overflow: visible
}
.swiper-container-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0
}
.swiper-container-cube .swiper-cube-shadow {
  background: #000;
  bottom: 0;
  filter: blur(50px);
  height: 100%;
  left: 0;
  opacity: .6;
  position: absolute;
  width: 100%;
  z-index: 0
}
.swiper-container-flip {
  overflow: visible
}
.swiper-container-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0
}
.general-layout {
  background-color: #fff;
  box-sizing: border-box;
  color: #777;
  display: flex;
  font-size: 14px;
  line-height: 1.8;
  margin: auto;
  min-height: calc(100vh - 410px);
  padding: 50px 0;
  position: relative
}
.general-layout .gr-menu {
  background-color: rgba(255, 255, 255, .9);
  text-align: center;
  width: 220px
}
.general-layout .gr-menu ul {
  list-style-type: none;
  padding: 0
}
.general-layout .gr-menu li {
  font-size: 16px
}
.general-layout .gr-menu li a {
  color: #aaa;
  cursor: pointer;
  display: block;
  line-height: 20px;
  padding: 15px 0;
  text-decoration: none;
  width: 100%
}
.general-layout .gr-menu li a.active, .general-layout .gr-menu li a:hover {
  background-color: #f8991d;
  color: #fff
}
.general-layout .cont {
  box-sizing: border-box;
  color: #777;
  font-size: 14px;
  line-height: 1.8;
  padding: 50px 100px;
  position: relative;
  width: calc(100% - 220px)
}
.general-layout .cont table {
  background-color: #fff
}
.general-layout h1, .general-layout h2, .general-layout h3, .general-layout h4, .general-layout h5, .general-layout h6 {
  font-weight: 700
}
.general-layout h1 {
  color: #f8991d;
  font-size: 2em;
  margin: .67em 0
}
.general-layout h2 {
  font-size: 1.5em;
  margin: .83em 0
}
.general-layout h3 {
  color: #f8991d;
  font-size: 1.2em;
  margin: 1em 0
}
.general-layout h4 {
  font-size: 1em;
  margin: 1.33em 0
}
.general-layout h5 {
  font-size: .83em;
  margin: 1.67em 0
}
.general-layout h6 {
  font-size: .67em;
  margin: 2.33em 0
}
.general-layout p {
  margin: .25em 0;
  white-space: pre-wrap
}
.general-layout ol, .general-layout ul {
  margin: 1em 0;
  padding-left: 30px
}
.general-layout ol {
  list-style-type: decimal
}
.general-layout ul {
  list-style-type: disc
}
.general-layout li {
  display: list-item;
  margin: 3px 0
}
.general-layout b, .general-layout strong {
  font-weight: 700
}
.general-layout em, .general-layout i {
  font-style: italic
}
.general-layout a {
  background-color: transparent
}
.general-layout a:active, .general-layout a:hover {
  outline: 0
}
.general-layout td, .general-layout th {
  border: 1px solid #ddd;
  padding: 8px
}
.general-layout th {
  background-color: rgba(240, 240, 240, .8)
}
.general-layout abbr[title] {
  border-bottom: 1px dotted
}
.general-layout dfn {
  font-style: italic
}
.general-layout mark {
  background: #ff0;
  color: #000
}
.general-layout small {
  font-size: 80%
}
.general-layout sub, .general-layout sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
.general-layout sup {
  top: -.5em
}
.general-layout sub {
  bottom: -.25em
}
.general-layout img {
  border: 0
}
.general-layout figure {
  margin: 1em 40px
}
.general-layout hr {
  box-sizing: content-box;
  height: 0
}
.general-layout pre {
  overflow: auto
}
.general-layout code, .general-layout kbd, .general-layout pre, .general-layout samp {
  font-family: monospace, monospace;
  font-size: 1em
}
.general-layout span.tip {
  color: #f8991d
}
.general-layout .faqs {
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 15px 10px 15px 40px
}
.general-layout .faqs h2 {
  color: #f8991d;
  font-size: 21px;
  line-height: 1.5;
  margin-bottom: 10px;
  margin-left: -35px
}
.app.account header {
  box-shadow: 0 2px 4px 0 rgba(204, 204, 204, .84);
  height: 110px;
  z-index: 150 !important
}
.app.account header .logo {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 90px;
  margin-top: 0;
  top: 0;
  width: 210px
}
.app.account header .hello {
  background-color: #f8991d;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  font-weight: 100;
  margin-bottom: 0;
  margin-top: 0;
  padding: 3px 10px
}
.app.account header .hello span {
  font-weight: 400
}
.app.account header .main-header {
  position: relative
}
.app.account header .main-header ul {
  list-style: none;
  position: absolute;
  right: 0;
  top: 8px
}
.app.account header .main-header ul li {
  display: inline-block;
  height: 70px;
  width: 100px
}
.app.account header .main-header ul li a {
  color: #777;
  cursor: pointer;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 100%;
  transition: .2s;
  width: 100%
}
.app.account header .main-header ul li a i {
  display: block;
  font-size: 35px;
  width: 100%
}
.app.account header .main-header ul li a span {
  display: block;
  font-size: 13px;
  margin-top: 5px;
  width: 100%
}
.app.account header .main-header ul li a.active, .app.account header .main-header ul li a:hover {
  color: #f8991d
}
.app.account .app-body {
  background-color: #e7e7e7
}
.app.account .game-record-item {
  border-bottom: 1px solid #ccc;
  text-align: left
}
.app.account .game-record-item .game {
  color: #282828;
  font-size: 16px;
  margin-left: 20px;
  padding: 20px 0;
  text-align: left;
  width: 100%
}
.app.account .game-record-item .game:after {
  content: ""
}
.app.account .game-record-item .date {
  color: #aaa;
  font-size: 14px;
  padding: 20px 0;
  text-align: left;
  width: 100%
}
.app.account .game-record-item .nrc-button {
  border-radius: 5px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  margin-right: 20px;
  margin-top: 13px;
  width: 240px
}
.app.account .bank-card-view .title {
  color: #f8991d;
  font-size: 24px;
  text-align: center
}
.app.account .bank-card-view .description {
  color: #777;
  margin-top: 14px;
  text-align: center
}
.app.account .profile {
  display: flex;
  justify-content: space-between
}
.app.account .profile > div:first-child {
  margin-right: 50px;
  width: 690px
}
.app.account .profile > div:last-child {
  width: 440px
}
.app.account .profile .box {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 100px;
  padding-right: 20px
}
.app.account .profile .box .title {
  background-image: linear-gradient(180deg, #787878, #3c3b3b);
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  padding: 0 16px;
  position: relative;
  width: 105px
}
.app.account .profile .box .title:after {
  border-bottom: 99px solid #fff;
  border-left: 16px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 0
}
.app.account .profile .box .price {
  color: #f8991d;
  flex: 1;
  font-size: 38px;
  font-weight: 300;
  line-height: 100px;
  text-align: right
}
.app.account .profile .box .info {
  flex: 1;
  padding-left: 10px
}
.app.account .profile .box .info .name {
  color: #777;
  margin: 10px 0 4px
}
.app.account .profile .box .info .card-no {
  word-break: break-all
}
.app.account .profile .box .info .bank, .app.account .profile .box .info .card-no {
  color: #ccc;
  font-size: 14px
}
.app.account .profile .box .btn {
  border: 1px solid #f8991d;
  border-radius: 5px;
  color: #f8991d;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  text-align: center;
  width: 114px
}
.app.account .profile .box .btn:hover {
  background-color: #f8991d;
  color: #fff
}
.app.account .profile .box .currency {
  font-size: 14px
}
.app.account .profile .box.wallets {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.app.account .profile .box.wallets .title {
  background-image: linear-gradient(0deg, #a82d50, #ce3e57)
}
.app.account .profile .box.bank-card {
  margin-bottom: 20px
}
.app.account .profile .box .add-info {
  align-items: center;
  color: #f8991d;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center
}
.app.account .profile .box .add-info i {
  font-size: 22px;
  margin-right: 10px
}
.app.account .profile .box .add-info .add-info-title {
  font-size: 20px;
  font-weight: 500
}
.app.account .profile .box .add-info .add-info-dec {
  font-size: 14px
}
.app.account .profile .bankDataBlock {
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 100px;
  margin-bottom: 20px;
  overflow: hidden
}
.app.account .profile .bankDataBlock > :first-child, .app.account .profile .bankDataBlock > :nth-child(2) {
  height: 100%
}
.app.account .profile .bankDataBlock > :nth-child(2) {
  margin-left: 5px;
  width: 152px
}
.app.account .profile .bankDataBlock > :nth-child(2) p {
  padding-top: 5px
}
.app.account .profile .bankDataBlock > :nth-child(2) p:first-child {
  padding-top: 10px
}
.app.account .profile .bankDataBlock > :nth-child(2) p:first-child, .app.account .profile .bankDataBlock > :nth-child(2) p:last-child {
  color: #aaa;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.app.account .profile .bankDataBlock > :nth-child(2) p:nth-child(2) {
  color: #777;
  font-size: 22px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.app.account .profile .bankDataBlock > :last-child {
  margin-left: 20px;
  padding: 0 15px;
  width: 130px
}
.app.account .profile .bankDataBlock > :first-child {
  background-image: linear-gradient(180deg, #9a9a9a, #878787);
  position: relative;
  width: 104.6px
}
.app.account .profile .bankDataBlock > :first-child:after {
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 0 100px 20px;
  height: 0;
  right: 0;
  top: 0;
  width: 0
}
.app.account .profile .bankDataBlock > :first-child span {
  color: #d8d8d8;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  left: 14px;
  line-height: 1.44;
  position: absolute;
  top: 16px
}
.app.account .profile .walletBlock {
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 150px;
  margin-bottom: 30px;
  overflow: hidden
}
.app.account .profile .walletBlock > * {
  height: 100%
}
.app.account .profile .walletBlock > :first-child {
  background-image: linear-gradient(180deg, rgba(239, 191, 89, .96), #c79e47);
  position: relative;
  width: 104.6px
}
.app.account .profile .walletBlock > :first-child:after {
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 0 150px 20px;
  height: 0;
  right: 0;
  top: 0;
  width: 0
}
.app.account .profile .walletBlock > :first-child span {
  color: #fff;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  left: 14px;
  line-height: 1.44;
  position: absolute;
  top: 16px
}
.app.account .profile .walletBlock > :last-child p {
  color: #f8991d;
  font-size: 48px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  padding-right: 25px;
  padding-top: 15px;
  width: 100%
}
.app.account .profile .walletBlock > :last-child div {
  padding-bottom: 15px;
  padding-right: 15px
}
.app.account .profile .walletBlock > :last-child div button {
  margin-left: 15px;
  padding: 0 17px;
  width: 83px
}
.activate-account .container {
  height: 250px;
  width: 400px
}
.activate-account .container h2 {
  font-size: 28px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 20px
}
.common {
  text-align: center
}
.common .promo-item {
  align-items: center;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  min-height: 70px;
  padding: 6px 0
}
.common .promo-item > * {
  box-sizing: border-box;
  padding: 0 10px;
  word-break: break-word
}
.common .promo-item .label {
  border-right: 1px dashed #ccc;
  flex: 1;
  text-align: left
}
.common .promo-item .label .date {
  color: #aaa;
  font-size: 12px
}
.common .promo-item .price {
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  width: 160px
}
.common .promo-item .status {
  color: #222;
  font-size: 14px;
  text-align: center;
  width: 130px
}
.common .promo-item .status.reject {
  color: #777
}
.common .promo-item .status.claimed div {
  border: 1px solid #f8991d;
  border-radius: 5px;
  color: #f8991d;
  height: 36px;
  line-height: 36px;
  width: 110px
}
.common .promo-item .status.claimed div:before {
  content: "";
  font-family: iconmps;
  font-size: 20px;
  vertical-align: top
}
.common .promo-item .status .timer {
  font-size: 12px;
  margin-top: 5px
}
.common .promo-item .status .timer .count-down-timer {
  margin-left: 6px
}
.common .promo-item .status .wait-for-claim {
  background-color: #f8991d;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  width: 110px
}
.common .promos-btn {
  border: 1px solid #777;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  margin: 18px auto;
  min-width: 110px;
  padding: 0 12px;
  text-align: center
}
.promos-modal {
  background-color: #fff;
  border-radius: 5px;
  height: 90%;
  max-height: 940px;
  max-width: 960px;
  min-height: 500px;
  position: absolute;
  width: 90%
}
.promos-modal .close {
  border: 1px solid #000;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
  color: #fff;
  cursor: pointer;
  font-size: 28px;
  height: 38px;
  line-height: 40px;
  position: absolute;
  right: -16px;
  top: -14px;
  width: 38px
}
.promos-modal .close, .promos-modal .header {
  background-color: #000;
  box-sizing: border-box;
  text-align: center
}
.promos-modal .header {
  color: #222;
  font-size: 24px;
  height: 70px;
  line-height: 70px
}
.promos-modal .main {
  height: 400px;
  height: calc(100% - 160px);
  margin: 20px auto;
  overflow-y: auto;
  width: 80%
}
.promos-modal .footer {
  text-align: center
}
.claimed-modal {
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: 360px;
  justify-content: center;
  width: 500px
}
.claimed-modal .icon {
  background: url(https://img.gashinzo.com/img/static/desktop/promotion-sucessful-icon.png) 50%/100% no-repeat;
  height: 82px;
  width: 82px
}
.claimed-modal .price {
  color: #f8991d;
  font-size: 42px;
  font-weight: 600
}
.claimed-modal .title {
  color: #222;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px
}
.claimed-modal .button {
  background-color: #f8991d;
  border-radius: 100px;
  color: #fff;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 150px
}
.item-inbox, .item-mission {
  position: relative
}
.item-inbox .msg-notification, .item-mission .msg-notification {
  animation: anidot 2s linear infinite both;
  background-color: #f40;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
  color: #ca1b2c;
  display: block;
  height: 12px !important;
  position: absolute;
  right: 30px;
  top: 3px;
  width: 12px !important;
  z-index: 1
}
@keyframes aninoti {
  0% {
    transform: translateX(0)
  }
  3% {
    transform: translateX(-2px)
  }
  6% {
    transform: translateX(0)
  }
  9% {
    transform: translateX(2px)
  }
  12% {
    transform: translateX(-2px)
  }
  13% {
    transform: translateX(0)
  }
}
@keyframes anidot {
  0% {
    transform: scale(0)
  }
  11% {
    transform: scale(0)
  }
  19% {
    transform: scale(1.8)
  }
  22% {
    transform: scale(1)
  }
  95% {
    transform: scale(1)
  }
  to {
    transform: scale(0)
  }
}
.account .modal.confirm-body-modal .body .nrc-form-item .nrc-form-label {
  width: 35%
}
.account .modal.confirm-body-modal .body .nrc-form-item .nrc-form-input {
  width: 65%
}
.nrc-form .nrc-form-item {
  align-items: center
}
.red-envelope.BLACK .promos-modal {
  color: initial
}
.deposit-list .deposite-head {
  padding: 20px 0 15px;
  text-align: center
}
.deposit-list .deposite-head h2 {
  color: #f8991d;
  font-size: 24px;
  line-height: 1.8
}
.deposit-list .deposite-head p {
  color: #777;
  font-size: 14px;
  letter-spacing: 3px
}
.deposit-list .options {
  display: flex;
  flex-wrap: wrap
}
.deposit-list .options.overflow .option-item .section-block-option {
  padding: 55px 10px 10px;
  position: relative;
  text-align: center
}
.deposit-list .options.overflow .option-item .section-block-option h3 {
  font-size: 15px;
  line-height: 21px;
  margin: 5px 0 0
}
.deposit-list .options.overflow .option-item .section-block-option small {
  font-size: 11px;
  line-height: 15px
}
.deposit-list .options.overflow .option-item .section-block-option:before {
  font-size: 40px;
  height: 60px;
  left: 0;
  top: 0;
  transform: none;
  width: 100% !important
}
.deposit-list .options > div {
  margin-bottom: 0;
  padding: 0
}
.deposit-list .options > div img {
  height: 100%
}
.deposit-list .options > div .section-block {
  height: calc(100% - 20px);
  padding: 10px 15px 10px 5px;
  width: 100%
}
.deposit-list .options > div .section-block p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  padding: 0 15px
}
.deposit-list .options .option-item {
  align-items: center;
  display: flex;
  flex: 1;
  margin: 0 4px 5px;
  min-height: 100px;
  overflow: hidden;
  position: relative;
  transition: .2s
}
.deposit-list .options .option-item:first-child {
  margin-left: 0
}
.deposit-list .options .option-item:last-child {
  margin-right: 0
}
.deposit-list .options .option-item:hover {
  background-color: #ebebeb;
  box-shadow: inset 0 0 0 1px #f8991d, 0 0 2px rgba(0, 0, 0, .5)
}
.deposit-list .options .option-item .section-block-option {
  box-sizing: border-box;
  cursor: pointer;
  height: auto;
  left: 0;
  padding: 0 10px 0 75px;
  top: 0;
  transition: .2s;
  width: 100%
}
.deposit-list .options .option-item .section-block-option h3 {
  color: #535353;
  font-size: 20px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1
}
.deposit-list .options .option-item .section-block-option small {
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 1px;
  text-transform: uppercase
}
.deposit-list .options .option-item .section-block-option:before {
  align-items: center;
  display: flex;
  font-family: iconmps !important;
  font-size: 40px;
  height: 60px;
  justify-content: center;
  left: 10px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 60px
}
.deposit-list .options .option-item .section-block-option.WEIXIN:before, .deposit-list .options .option-item .section-block-option.WEIXIN small {
  color: #00b049
}
.deposit-list .options .option-item .section-block-option.WEIXIN:before {
  content: ""
}
.deposit-list .options .option-item .section-block-option.ALIPAY:before, .deposit-list .options .option-item .section-block-option.ALIPAY small {
  color: #00a8f1
}
.deposit-list .options .option-item .section-block-option.ALIPAY:before {
  content: ""
}
.deposit-list .options .option-item .section-block-option.QQ:before, .deposit-list .options .option-item .section-block-option.QQ small {
  color: #201c2a
}
.deposit-list .options .option-item .section-block-option.QQ:before {
  background: url(https://img.gashinzo.com/img/static/payment/qq.svg) 50%/auto 40px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.CREDIT_CARD:before, .deposit-list .options .option-item .section-block-option.CREDIT_CARD small {
  color: #00468e
}
.deposit-list .options .option-item .section-block-option.CREDIT_CARD:before {
  content: ""
}
.deposit-list .options .option-item .section-block-option.ONLINE_BANKING:before, .deposit-list .options .option-item .section-block-option.ONLINE_BANKING small {
  color: #21d1a2
}
.deposit-list .options .option-item .section-block-option.ONLINE_BANKING:before {
  content: ""
}
.deposit-list .options .option-item .section-block-option.COMPANY_DEPOSIT:before, .deposit-list .options .option-item .section-block-option.COMPANY_DEPOSIT small {
  color: #ec7d00
}
.deposit-list .options .option-item .section-block-option.COMPANY_DEPOSIT:before {
  content: ""
}
.deposit-list .options .option-item .section-block-option.DEBIT_CARD:before, .deposit-list .options .option-item .section-block-option.DEBIT_CARD small {
  color: #2867aa
}
.deposit-list .options .option-item .section-block-option.DEBIT_CARD:before {
  content: ""
}
.deposit-list .options .option-item .section-block-option.JDPAY:before, .deposit-list .options .option-item .section-block-option.JDPAY small {
  color: #222
}
.deposit-list .options .option-item .section-block-option.JDPAY:before {
  content: ""
}
.deposit-list .options .option-item .section-block-option.UNIONPAY_SCAN:before, .deposit-list .options .option-item .section-block-option.UNIONPAY_SCAN small {
  color: #183074
}
.deposit-list .options .option-item .section-block-option.UNIONPAY_SCAN:before {
  background: url(https://img.gashinzo.com/img/static/payment/unionpay.svg) 50%/45px auto no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.MOMOPAY:before, .deposit-list .options .option-item .section-block-option.MOMOPAY small {
  color: #b30f73
}
.deposit-list .options .option-item .section-block-option.MOMOPAY:before {
  background: url(https://img.gashinzo.com/img/static/payment/momo.svg) 50%/auto 45px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.PROMPTPAY:before, .deposit-list .options .option-item .section-block-option.PROMPTPAY small {
  color: #1aa797
}
.deposit-list .options .option-item .section-block-option.PROMPTPAY:before {
  background: url(https://img.gashinzo.com/img/static/payment/prompt.png) 50%/auto 40px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.PAYTM:before, .deposit-list .options .option-item .section-block-option.PAYTM small {
  color: #1b386c
}
.deposit-list .options .option-item .section-block-option.PAYTM:before {
  background: url(https://img.gashinzo.com/img/static/payment/paytm.png) 50%/auto 40px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.NETELLER:before, .deposit-list .options .option-item .section-block-option.NETELLER small {
  color: #88b801
}
.deposit-list .options .option-item .section-block-option.NETELLER:before {
  background: url(https://img.gashinzo.com/img/static/payment/neteller.png) 50%/auto 40px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.SKRILL:before, .deposit-list .options .option-item .section-block-option.SKRILL small {
  color: #7f2371
}
.deposit-list .options .option-item .section-block-option.SKRILL:before {
  background: url(https://img.gashinzo.com/img/static/payment/skrill.png) 50%/auto 40px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.UPI:before, .deposit-list .options .option-item .section-block-option.UPI small {
  color: #eb7207
}
.deposit-list .options .option-item .section-block-option.UPI:before {
  background: url(https://img.gashinzo.com/img/static/payment/upi.png) 50%/auto 40px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.GPAY:before, .deposit-list .options .option-item .section-block-option.GPAY small {
  color: #ea4335
}
.deposit-list .options .option-item .section-block-option.GPAY:before {
  background: url(https://img.gashinzo.com/img/static/payment/gpay.png) 50%/auto 40px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.PHONEPE:before, .deposit-list .options .option-item .section-block-option.PHONEPE small {
  color: #6739b7
}
.deposit-list .options .option-item .section-block-option.PHONEPE:before {
  background: url(https://img.gashinzo.com/img/static/payment/phonepe.png) 50%/auto 40px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.BHIM:before, .deposit-list .options .option-item .section-block-option.BHIM small {
  color: #eb7207
}
.deposit-list .options .option-item .section-block-option.BHIM:before {
  background: url(https://img.gashinzo.com/img/static/payment/bhim.png) 50%/auto 40px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.ZALOPAY:before, .deposit-list .options .option-item .section-block-option.ZALOPAY small {
  color: #118acb
}
.deposit-list .options .option-item .section-block-option.ZALOPAY:before {
  background: url(https://img.gashinzo.com/img/static/payment/zalopay.svg) 50%/auto 45px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.QR_BANK:before, .deposit-list .options .option-item .section-block-option.QR_BANK small {
  color: #118acb
}
.deposit-list .options .option-item .section-block-option.QR_BANK:before {
  background: url(https://img.gashinzo.com/img/static/payment/icon-wbscan.svg) 50%/auto 45px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.VIETTELPAY:before, .deposit-list .options .option-item .section-block-option.VIETTELPAY small {
  color: #0e8682
}
.deposit-list .options .option-item .section-block-option.VIETTELPAY:before {
  background: url(https://img.gashinzo.com/img/static/payment/viettelpay.svg) 50%/auto 95% no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.MPURSE:before, .deposit-list .options .option-item .section-block-option.MPURSE small {
  color: #118613
}
.deposit-list .options .option-item .section-block-option.MPURSE:before {
  background: url(https://img.gashinzo.com/img/static/payment/mpurse.png) 50%/auto 48px no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.SCRATCHCARD:before, .deposit-list .options .option-item .section-block-option.SCRATCHCARD small {
  color: #ff570d
}
.deposit-list .options .option-item .section-block-option.SCRATCHCARD:before {
  background: url(https://img.gashinzo.com/img/static/payment/scratch.png) 50%/auto 90% no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.EXPRESSPAY:before, .deposit-list .options .option-item .section-block-option.EXPRESSPAY small {
  color: #eb5e1d
}
.deposit-list .options .option-item .section-block-option.EXPRESSPAY:before {
  content: ""
}
.deposit-list .options .option-item .section-block-option.baidu:before, .deposit-list .options .option-item .section-block-option.baidu small {
  color: #c90302
}
.deposit-list .options .option-item .section-block-option.baidu:before {
  background: url(https://img.gashinzo.com/img/static/payment/baidu.png) 50%/40px auto no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.huabei:before, .deposit-list .options .option-item .section-block-option.huabei small {
  color: #009bdf
}
.deposit-list .options .option-item .section-block-option.huabei:before {
  background: url(https://img.gashinzo.com/img/static/payment/huabei.png) 50%/45px auto no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.YIYOU:before, .deposit-list .options .option-item .section-block-option.YIYOU small {
  color: #f60
}
.deposit-list .options .option-item .section-block-option.YIYOU:before {
  content: "";
  font-size: 45px
}
.deposit-list .options .option-item .section-block-option.CRYPTO:before, .deposit-list .options .option-item .section-block-option.CRYPTO small {
  color: #f90
}
.deposit-list .options .option-item .section-block-option.CRYPTO:before {
  content: ""
}
.deposit-list .options .option-item .section-block-option.QUICKPASS:before, .deposit-list .options .option-item .section-block-option.QUICKPASS small {
  color: #f7261e
}
.deposit-list .options .option-item .section-block-option.QUICKPASS:before {
  background: url(https://img.gashinzo.com/img/static/payment/qpass.png) 50%/45px auto no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.GCASH:before, .deposit-list .options .option-item .section-block-option.GCASH small {
  color: #115faf
}
.deposit-list .options .option-item .section-block-option.GCASH:before {
  background: url(https://img.gashinzo.com/img/static/payment/gcash.png) 50%/45px auto no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.TRUEMONEY:before, .deposit-list .options .option-item .section-block-option.TRUEMONEY small {
  color: #ed1c24
}
.deposit-list .options .option-item .section-block-option.TRUEMONEY:before {
  background: url(https://img.gashinzo.com/img/static/payment/truemoney.png) 50%/45px auto no-repeat;
  color: transparent;
  content: ""
}
.deposit-list .options .option-item .section-block-option.CRYPTOH5:before {
  background: url(https://img.gashinzo.com/img/static/payment/crypto.png) 50%/auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px
}
.deposit-list .options .option-item .section-block-option.USDT:before {
  background: url(https://img.gashinzo.com/img/static/payment/usdt.png) 50%/auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px
}
.deposit-list .options .option-item .section-block-option.GRABPAY:before {
  background: url(https://img.gashinzo.com/img/static/payment/grabpay.png) 50%/auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px
}
.deposit-list .options .option-item .section-block-option.PAYMAYA:before {
  background: url(https://img.gashinzo.com/img/static/payment/paymaya.png) 50%/auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px
}
.deposit-list .options .option-item .section-block-option.REMIT:before {
  background: url(https://img.gashinzo.com/img/static/payment/remit.png) 50%/auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px
}
.deposit-list .options .option-item .section-block-option.PAYLORO:before {
  background: url(https://img.gashinzo.com/img/static/payment/payloro.png) 50%/auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px
}
.deposit-list .list {
  margin-top: 30px
}
.deposit-list .list .nrc-table-column .nrc-button {
  border-radius: 5px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding: 0 10px;
  width: 70px
}
.deposit-list .list .deposit-id-col {
  display: flex
}
.deposit-list .list .deposit-id-col .text-overflow {
  margin-right: 5px;
  width: 130px
}
.deposit-list .list .deposit-id-col .deposit-id-copy.copy-text {
  width: auto
}
.deposit-list .list .deposit-id-col .deposit-id-copy.copy-text .__react_component_tooltip {
  background-color: #909090;
  line-height: 1;
  width: 100px
}
.deposit-list .list .__react_component_tooltip {
  height: auto;
  width: 200px;
  word-break: break-all
}
.description h2 {
  color: #f8991d;
  font-size: 24px;
  margin-bottom: 12px
}
.description h2, .description p {
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.description p {
  color: #777;
  font-size: 14px;
  line-height: 1.71
}
.description p a {
  color: #f8991d;
  text-decoration: none
}
.description p a:hover {
  text-decoration: underline
}
.deposit-add {
  padding: 0 !important
}
.deposit-add .step {
  padding: 56px 0
}
.deposit-add .quota {
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  display: flex;
  height: 85px;
  justify-content: center;
  margin: 20px auto 0;
  width: 638px
}
.deposit-add .quota .quota-block {
  border-right: 1px solid #d8d8d8;
  height: 100%;
  text-align: center;
  width: 50%
}
.deposit-add .quota .quota-block h4 {
  color: #777;
  font-size: 14px;
  margin-top: 13px
}
.deposit-add .quota .quota-block .quota-amount {
  color: #000;
  font-size: 26px;
  line-height: 1.6
}
.deposit-add .quota .quota-block:last-of-type {
  border-right: 0 solid #d8d8d8
}
.deposit-add.online {
  padding: 57px 0 !important
}
.deposit-add.online .nrc-form {
  margin-top: 36px
}
.deposit-add.online .nrc-form .nrc-form-input.secure input {
  margin-right: 0
}
.deposit-add.online .cover-wrapper {
  background: rgba(0, 0, 0, .8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}
.deposit-add.online .cover-wrapper p {
  color: #ccc;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.deposit-add.online .cover-wrapper.qrcode h3 {
  color: #f8991d;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 20px
}
.deposit-add.online .cover-wrapper.qrcode p {
  color: #777;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71
}
.deposit-add.online .cover-wrapper.qrcode canvas {
  margin-top: 20px
}
.deposit-add .countdown-container {
  top: 100px
}
.deposit-min-max-block {
  border: 1px solid rgba(204, 204, 204, .5);
  border-radius: 5px;
  height: 86px;
  margin: 22px auto 0;
  width: 640px
}
.deposit-min-max-block > div {
  height: 86px;
  width: 50%
}
.deposit-min-max-block > div:first-child {
  border-right: 1px solid rgba(204, 204, 204, .5)
}
.deposit-min-max-block > div p:first-child {
  color: #777;
  font-size: 14px;
  line-height: 1.71
}
.deposit-min-max-block > div p:last-child {
  color: #000;
  font-size: 26px
}
.successSection > div:first-child {
  margin: 47px 0
}
.successSection > div:first-child img {
  width: 152px
}
.successSection > div:first-child div {
  margin-left: 43px;
  width: 380px
}
.successSection > div:first-child div h3 {
  color: #616161;
  font-size: 22px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 14px
}
.successSection > div:first-child div p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71
}
.successSection > div:last-child {
  padding-bottom: 80px
}
.successSection > div:last-child button {
  margin: 0 10px
}
.successSection .resume-details {
  background-color: #eee;
  border-radius: 5px;
  margin: 36px auto;
  padding: 36px;
  width: 529px
}
.successSection .resume-details p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.successSection .resume-details p:last-child {
  color: #222
}
.deposit-service-online {
  padding-bottom: 0
}
.deposit-service-online .non-selected-bank {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #222;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  width: 227px
}
.deposit-service-online .instruction p {
  color: #222;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 26px
}
.deposit-service-online .instruction p span {
  color: #f8991d
}
.deposit-service-online .rules {
  background-color: rgba(237, 237, 237, .15);
  border: 1px solid #eee;
  margin: 20px auto;
  min-height: 134px;
  padding: 32px 30px;
  width: 776px
}
.deposit-service-online .rules p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 26px
}
.deposit-service-online .rules p:first-child {
  color: #222
}
.deposit-service-online .rules p a {
  color: #f8991d;
  text-decoration: none
}
.deposit-service-online .rules p a:hover {
  text-decoration: underline
}
.deposit-service-online .nrc-form-input.nrc-radio small {
  display: none
}
.deposit-service-online .button-group-wrapper {
  margin-left: 20px
}
.deposit-service-online .button-group-wrapper button {
  border-radius: 5px;
  font-size: 14px;
  height: 35px;
  margin: 0 10px;
  padding: 0;
  width: 55px
}
.deposit-service-online .image-limitations {
  margin-left: 320px;
  margin-top: -20px
}
.deposit-service-online .image-limitations li {
  color: #999;
  font-size: 12px
}
.collection-infos-block {
  border: 1px solid rgba(204, 204, 204, .5);
  border-radius: 5px;
  height: 196px;
  margin: 14px auto;
  width: 640px
}
.collection-infos-block > div {
  margin-bottom: 13px
}
.collection-infos-block > div:first-child {
  margin-top: 13px
}
.collection-infos-block > div button, .collection-infos-block > div p {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.collection-infos-block > div button {
  background-color: transparent;
  border: 1px solid #f8991d;
  border-radius: 5px;
  color: #f8991d;
  height: 32px;
  padding: 0;
  position: relative;
  width: 87px
}
.collection-infos-block > div button:hover {
  color: #fff
}
.collection-infos-block > div button i {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.collection-infos-block > div button i:before {
  content: ""
}
.collection-infos-block > div p:first-child {
  color: #777;
  width: 110px
}
.collection-infos-block > div p:nth-child(2) {
  color: #222;
  width: 360px
}
.collection-infos-block > div p:nth-child(3) {
  height: 32px;
  margin-right: 30px;
  width: 87px
}
.wechat-qrcode-container {
  background-color: #fff;
  margin: 20px auto 0;
  padding: 20px;
  width: 400px
}
.wechat-qrcode-container img, .wechat-qrcode-container p {
  display: block;
  margin-bottom: 20px
}
.wechat-qrcode-container img {
  width: 100%
}
.wechat-qrcode-container .copy-text {
  display: inline-block
}
.third-party-payment-bank-code .receive-va-copy .value {
  flex: 1
}
.third-party-payment-bank-code .receive-va-copy .nrc-button {
  margin-left: 10px;
  margin-top: -12px
}
.hover-container.login .nrc-form .nrc-form-item {
  display: block !important;
  position: relative
}
.hover-container.login .nrc-form .nrc-form-item .nrc-form-label {
  display: none
}
.hover-container.login .nrc-form .nrc-form-item .nrc-form-input {
  margin-left: 0
}
.hover-container.login .nrc-form .nrc-form-item .nrc-form-input input {
  margin-right: 0;
  width: 100%
}
.hover-container.login .nrc-form .nrc-form-item small.invalid-msg {
  color: #d22323;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.hover-container.login .forget-options span {
  margin: 5px
}
.hover-container.login .nrc-form-password > div {
  position: relative;
  width: 100%
}
.hover-container.login .nrc-form-password > div i {
  color: #777;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.confirmation .infos .resume-details {
  padding: 24px 0
}
.confirmation .infos .resume-details div div, .confirmation .infos .resume-details div p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  padding-bottom: 10px
}
.confirmation .infos .resume-details div div:first-child, .confirmation .infos .resume-details div p:first-child {
  padding-left: 40px
}
.confirmation .infos .resume-details div div:last-child, .confirmation .infos .resume-details div p:last-child {
  color: #222
}
.confirmation-deposit-popup .container {
  overflow: visible !important
}
.confirmation-deposit-popup .header {
  background-color: #eee !important;
  height: 110px !important;
  position: relative
}
.confirmation-deposit-popup .header h2 {
  color: #222 !important;
  width: 100%
}
.confirmation-deposit-popup .header .close {
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px
}
.confirmation-deposit-popup .content {
  max-height: 70vh;
  overflow-y: auto
}
.confirmation-deposit-popup .infos .resume-details {
  padding: 24px 0
}
.confirmation-deposit-popup .infos .resume-details div div, .confirmation-deposit-popup .infos .resume-details div p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  padding-bottom: 10px
}
.confirmation-deposit-popup .infos .resume-details div div:first-child, .confirmation-deposit-popup .infos .resume-details div p:first-child {
  padding-left: 40px
}
.confirmation-deposit-popup .infos .resume-details div div:last-child, .confirmation-deposit-popup .infos .resume-details div p:last-child {
  color: #222
}
.confirmation-deposit-popup .footer {
  background-color: #eee;
  height: 110px
}
.confirmation-deposit-popup .footer button:first-child {
  margin-right: 20px
}
.withdraw-list {
  line-height: 1;
  max-width: 1280px
}
.withdraw-list label[for=withdrawalamt] {
  white-space: nowrap
}
.withdraw-list .boxes-container {
  flex: 2;
  margin-right: 23px;
  margin-top: 0;
  padding: 30px 50px
}
.withdraw-list .boxes-container h3 {
  color: #f8991d;
  font-size: 26px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 10px
}
.withdraw-list .boxes-container:last-child {
  flex: 1;
  margin-right: 0
}
.withdraw-list .deduction-comment {
  color: #999;
  font-size: 14px;
  margin: 10px 0
}
.withdraw-list .boxes > div {
  border: 1px solid #eee;
  border-radius: 6px;
  margin-right: 20px;
  position: relative
}
.withdraw-list .boxes > div:last-child {
  margin-right: 0
}
.withdraw-list .boxes > div > div:first-child {
  padding: 10px
}
.withdraw-list .boxes > div > div:first-child button {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 100;
  color: #ccc;
  cursor: auto;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 26px;
  padding: 0 10px;
  width: auto
}
.withdraw-list .boxes > div > div:first-child button.active {
  border-color: #f8991d;
  color: #f8991d
}
.withdraw-list .boxes > div h4 {
  background: top/auto 70px no-repeat;
  color: #999;
  font-size: 18px;
  height: 25px;
  margin-top: -10px;
  padding-top: 70px
}
.withdraw-list .boxes > div.generalfee, .withdraw-list .boxes > div.promofee {
  height: 190px;
  width: 300px
}
.withdraw-list .boxes > div.generalfee > .total, .withdraw-list .boxes > div.promofee > .total {
  border-top: 2px dotted #ccc;
  bottom: 0;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%
}
.withdraw-list .boxes > div.generalfee > .total p, .withdraw-list .boxes > div.promofee > .total p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 27px
}
.withdraw-list .boxes > div.generalfee > .total p:last-child, .withdraw-list .boxes > div.promofee > .total p:last-child {
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-left: 10px
}
.withdraw-list .boxes > div.generalfee.has-money > div:first-child button, .withdraw-list .boxes > div.promofee.has-money > div:first-child button {
  border-color: #f8991d;
  color: #f8991d
}
.withdraw-list .boxes > div.generalfee.has-money > div:last-child p:last-child, .withdraw-list .boxes > div.promofee.has-money > div:last-child p:last-child {
  color: #f8991d
}
.withdraw-list .boxes > div.promofee h4 {
  background-image: url(https://img.gashinzo.com/img/static/desktop/ic-icon-promofee.png)
}
.withdraw-list .boxes > div.promofee.has-money h4 {
  background-image: url(https://img.gashinzo.com/img/static/desktop/ic-icon-promofee-gold.png);
  color: #f8991d
}
.withdraw-list .boxes > div.generalfee h4 {
  background-image: url(https://img.gashinzo.com/img/static/desktop/ic-icon-generalfee.png)
}
.withdraw-list .boxes > div.generalfee.has-money h4 {
  background-image: url(https://img.gashinzo.com/img/static/desktop/ic-icon-generalfee-gold.png);
  color: #f8991d
}
.withdraw-list .form .my-main-wallet {
  margin-bottom: 14px
}
.withdraw-list .form .my-main-wallet p {
  color: #777
}
.withdraw-list .form .my-main-wallet p:first-child {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.withdraw-list .form .my-main-wallet p:last-child {
  font-size: 30px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.withdraw-list .form .nrc-form-item {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  position: relative
}
.withdraw-list .form .nrc-form-item .nrc-form-label {
  display: inline-block;
  left: 0;
  top: 0;
  width: auto
}
.withdraw-list .form .nrc-form-item .nrc-form-label label:after {
  display: none
}
.withdraw-list .form .nrc-form-item .nrc-form-input input {
  margin-right: 0;
  width: 100%
}
.withdraw-list .form .nrc-form-item .nrc-form-input small {
  font-size: 11px;
  line-height: 1.2;
  margin: 5px 0;
  width: auto
}
.withdraw-list .form .total-deduction {
  color: #777;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 36px
}
.withdraw-list .form .actual-withdrawal {
  border-top: 1px dotted #777;
  margin-top: 6px;
  padding-top: 6px
}
.withdraw-list .form .actual-withdrawal p:first-child {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.withdraw-list .form .actual-withdrawal p:first-child span {
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.withdraw-list .form .actual-withdrawal p:last-child {
  color: #f8991d;
  font-size: 36px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.withdraw-list .form p.invalid-msg {
  color: #d22323;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  text-align: right;
  width: auto
}
.withdraw-list .penalty-block {
  height: 330px
}
.withdraw-list .withdrawal-block {
  height: 330px;
  margin-right: 0;
  overflow: hidden;
  position: relative
}
.withdraw-list .withdrawal-block .disallowed-withdraw {
  align-content: center;
  align-items: center;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  background-color: rgba(255, 255, 255, .8);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100
}
.withdraw-list .withdrawal-block .disallowed-withdraw > .icon {
  width: 100%
}
.withdraw-list .withdrawal-block .disallowed-withdraw .disallowed-message {
  line-height: 1.6;
  margin: 16px 0 0;
  max-height: 190px;
  overflow: auto;
  text-align: center;
  white-space: pre-wrap
}
.withdraw-list .withdrawal-block > .form {
  height: 95%;
  position: relative
}
.withdraw-list .withdrawal-block > .form .withdraw-btn {
  bottom: 10px;
  position: absolute;
  width: 100%
}
.nrc-table .nrc-table-row.gray .nrc-table-column {
  color: #ccc
}
.finan-history .search-form {
  background-color: #f5f5f5;
  margin-top: 24px
}
.finan-history .search-form .form-tips {
  color: red;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .5px;
  margin: 16px 0 -6px
}
.finan-history .search-form .nrc-form-item {
  margin: 16px 20px 16px 0
}
.finan-history .search-form .nrc-form-item .nrc-form-label {
  width: auto
}
.finan-history .search-form .nrc-form-item .nrc-form-input {
  margin-left: 10px;
  width: 70%
}
.finan-history .search-form .nrc-form-item .nrc-form-input input {
  margin: 0 10px;
  width: 180px
}
.finan-history .search-form .nrc-button {
  margin-top: 21px
}
.finan-history .search-form small {
  display: none
}
.finan-history .point-block {
  align-items: center;
  background-color: #f5f5f5;
  padding: 5px
}
.finan-history .point-block .activity-points {
  color: #535353;
  font-size: 14px;
  margin: 0 20px 0 0
}
.finan-history .point-block .activity-points span {
  font-weight: 300;
  vertical-align: middle
}
.finan-history .point-block .activity-points span:last-child {
  color: #c72828;
  font-size: 20px;
  margin: 0 0 0 10px
}
.finan-history .point-block .point-tooltip {
  color: #e94951;
  font-size: 12px
}
.finan-history .point-block .point-tooltip span {
  vertical-align: middle
}
.finan-history .list .nrc-table-column .nrc-button {
  border-radius: 5px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding: 0 10px;
  width: 70px
}
.finan-history .__react_component_tooltip {
  height: auto;
  width: 200px;
  word-break: break-all
}
.game-history .search-form {
  background-color: #f5f5f5;
  margin-top: 24px
}
.game-history .search-form .form-tips {
  color: red;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .5px;
  margin-bottom: -5px
}
.game-history .search-form .nrc-form-item {
  margin: 16px 20px 16px 0
}
.game-history .search-form .nrc-form-item .nrc-form-label {
  width: auto
}
.game-history .search-form .nrc-form-item .nrc-form-input {
  margin-left: 10px;
  width: 70%
}
.game-history .search-form .nrc-form-item .nrc-form-input input {
  margin: 0 10px;
  width: 150px
}
.game-history .search-form small {
  display: none
}
.game-history .game-history-list .win {
  color: #535353
}
.game-history .game-history-list .loss {
  color: #d22323
}
.game-history .nrc-form .nrc-form-item .nrc-form-label label {
  white-space: nowrap
}
.inbox .unread {
  color: #222;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500
}
.inbox .inbox-list {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
  margin: 0 10% 5%;
  padding: 35px 50px;
  position: relative
}
.inbox .inbox-list .refresh-btn {
  position: absolute;
  right: 0;
  top: -50px
}
.inbox .inbox-list .refresh-btn .nrc-button {
  background-color: rgba(0, 0, 0, .3);
  border-color: #fff;
  font-size: 0;
  padding: 0;
  text-align: center;
  width: 36px
}
.inbox .inbox-list .refresh-btn .nrc-button i {
  color: #fff;
  font-size: 18px
}
.inbox .inbox-list .delete-btn {
  color: #f8991d;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.inbox .inbox-list .delete-btn.disabled {
  color: #aaa;
  cursor: not-allowed
}
.inbox .inbox-list .delete-btn i {
  font-size: 16px;
  margin: 4px
}
.inbox .inbox-detail {
  height: 80vh;
  overflow-y: auto;
  width: 75vw;
  word-break: break-all
}
.inbox .inbox-detail .header {
  background-color: #eee;
  min-height: 80px;
  padding: 10px 30px
}
.inbox .inbox-detail .header .title {
  color: #f8991d;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 16px
}
.inbox .inbox-detail .header .date {
  color: #535353;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.inbox .inbox-detail .content {
  word-wrap: break-word;
  line-height: 1.5;
  padding: 20px 30px;
  white-space: pre-wrap
}
.withdrawal-add .tips {
  color: #aaa;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 20px;
  margin-left: 320px;
  min-height: 1px;
  width: 400px
}
.withdrawal-add .tips p span {
  color: #f8991d
}
.withdrawal-add .tips .tip-left p:not(:last-child) {
  margin-bottom: 10px
}
.withdrawal-add .nrc-form .nrc-form-item {
  margin-bottom: 15px !important
}
.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) .Select-menu-outer {
  width: 430px
}
.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) .Select-control {
  width: 430px !important
}
.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) .Select-option {
  max-width: inherit;
  width: 430px
}
.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) small {
  display: none
}
.withdrawal-add .nrc-form .nrc-form-item.withdrawalamount .nrc-form-input input {
  width: 334px !important
}
.withdrawal-add .nrc-form .nrc-form-item.withdrawalamount small {
  width: 350px
}
.withdrawal-add .separate-line {
  margin: 20px auto;
  width: 900px
}
.news {
  color: #fff;
  font-size: 19px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  position: absolute;
  top: 0
}
.news .main-wrap {
  background: 0 0 !important
}
.news.marquee-wrap .marquee-content {
  padding-left: 100vw
}
.news.marquee-wrap .marquee-item:first-child {
  margin-left: 100px
}
.news.marquee-wrap .marquee-item:last-child {
  margin-right: 0
}
.news .news-inner {
  margin-left: 20px
}
.news .news-bar-desc {
  margin-left: 10px
}
.news-title {
  color: #ffd800;
  line-height: 41px;
  padding-left: 15px;
  position: absolute;
  top: 0
}
.news-title i {
  font-size: 24px;
  margin-right: 5px;
  vertical-align: middle
}
.news-list-wrap {
  max-height: 70vh;
  overflow-y: auto
}
.news-list-wrap em {
  font-style: italic
}
.news-list-wrap strong {
  font-weight: 700
}
.news-list {
  width: 600px
}
.news-list .news-item {
  display: flex;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  padding: 30px 40px
}
.news-list .news-item .time-column {
  color: #f8991d;
  flex-grow: 2;
  width: 130px
}
.news-list .news-item .des-column {
  color: #777;
  white-space: pre-wrap;
  width: 400px;
  word-break: break-word
}
.news-list .news-item:nth-child(2n) {
  background-color: #f5f5f5
}
.news-list .news-item:nth-child(odd) {
  background-color: #fff
}
.no-news {
  color: #777;
  height: 50px;
  line-height: 50px;
  text-align: center
}
.transfers-page .nrc-form {
  margin-bottom: 15px
}
.transfers-page .nrc-form .nrc-form-item {
  margin-bottom: 0
}
.transfers-page .nrc-form small {
  display: none
}
.transfers-page .nrc-form .nrc-form-label {
  width: auto !important
}
.transfers-page .nrc-form .nrc-form-label label:after {
  display: none
}
.transfers-page .nrc-form .nrc-form-input {
  margin-left: 0 !important
}
.transfers-page .nrc-form .Select, .transfers-page .nrc-form input {
  margin-right: 10px !important
}
.transfers-page .walletTransfer {
  padding-bottom: 40px
}
.transfers-page .walletTransfer > div {
  height: 70px;
  width: calc(50% - 10px)
}
.transfers-page .walletTransfer > div:nth-child(odd) {
  margin-right: 10px
}
.transfers-page .walletTransfer > div:nth-child(2n) {
  margin-left: 10px
}
.transfers-page .walletTransfer > div p {
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.transfers-page .walletTransfer > div p:first-child {
  color: #282828;
  margin-left: 24px
}
.transfers-page .walletTransfer > div p:last-child {
  color: #777;
  margin-right: 16px
}
.transfers-page .walletTransfer > div p:last-child button {
  background-color: transparent;
  border: 2px solid #777;
  border-radius: 5px;
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding: 0;
  width: 84.9px
}
.transfers-page .walletTransfer > div p:last-child span {
  padding-right: 14px
}
.transfers-page .walletTransfer > div.grey {
  background-color: #f5f5f5
}
.transfers-page .walletTransfer > div:first-child p:first-child {
  background-image: linear-gradient(180deg, rgba(239, 191, 89, .96), #f8991d);
  color: #fff;
  height: calc(100% - 10px);
  line-height: 1.44;
  margin-left: 0;
  padding-left: 21px;
  padding-top: 10px;
  position: relative;
  width: 88px
}
.transfers-page .walletTransfer > div:first-child p:first-child:after {
  border-color: transparent transparent #f5f5f5;
  border-style: solid;
  border-width: 0 0 70px 15px;
  height: 0;
  right: 0;
  top: 0;
  width: 0
}
.transfers-page .walletTransfer > div:first-child p:last-child button {
  border-color: #f8991d;
  color: #f8991d
}
.transfers-page .walletTransfer > div:first-child p:last-child span {
  color: #f8991d;
  font-size: 46px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  padding-right: 0
}
.transfers-page .transfer-popup {
  height: 180px;
  width: 380px
}
.transfers-page .transfer-popup div p {
  color: #282828;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.75
}
.transfers-page .transfer-popup div i {
  margin: 0 10px
}
.transfers-page .transfer-popup .amount {
  color: #f8991d;
  font-size: 46px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin: 12px 0
}
.transfers-page .transfer-popup .sure {
  color: #777;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 34px
}
.transfers-page .transfer-popup button {
  width: 150px
}
.transfers-page .transfer-popup button:first-child {
  margin-right: 38px
}
.app-body .signup {
  margin-top: 100px
}
.app-body .signup .nrc-form .nrc-form-input.secure input {
  margin-right: 0
}
.app-body .signup .nrc-form .nrc-file {
  max-width: 100px
}
.app-body .signup .nrc-form-password > div {
  position: relative
}
.app-body .signup .nrc-form-password > div i {
  color: #777;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.app-body .signup .agree-policy label {
  color: #535353;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-right: 4px
}
.app-body .signup .agree-policy .policy-btn {
  color: #f8991d;
  cursor: pointer;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.app-body .signup .validate-policy-tip {
  color: #d22323;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  text-align: center
}
.app-body .signup .policy-detail {
  height: 70vh;
  width: 50vw
}
.app-body .signup .policy-detail .header {
  background-color: #eee;
  height: 80px
}
.app-body .signup .policy-detail .header .title {
  color: #222;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.app-body .signup .policy-detail .content {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: calc(100% - 120px);
  line-height: 1.5;
  overflow: auto;
  padding: 20px 30px
}
.app-body .signup .policy-detail .content h4 {
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.app-body .signup .policy-detail .content p {
  margin-bottom: 8px;
  white-space: pre-wrap
}
.app-body .signup .policy-detail .footer {
  background-color: #eee;
  height: 80px
}
.app-body .signup input#im1, .app-body .signup input#im2 {
  box-sizing: border-box;
  width: 220px
}
.app-body .signup .input-qq .nrc-form-input:before, .app-body .signup .input-wechat .nrc-form-input:before {
  color: #f8991d;
  font-family: iconmps !important;
  font-size: 22px;
  position: absolute;
  text-align: center;
  width: 40px
}
.app-body .img-viewer {
  align-items: center;
  background-color: rgba(0, 0, 0, .85);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}
.app-body .img-viewer img {
  max-height: 70vh;
  max-width: 70vw
}
.app-body .img-viewer span {
  color: #fff;
  display: block;
  font-size: 14px;
  margin-top: 5px
}
.app-body .img-viewer-icon {
  background-color: #01b1f0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 2em;
  margin-left: .5em
}
.app-body .mobile-validate {
  align-items: center;
  display: flex
}
.app-body .mobile-validate .code-input {
  display: inline-block
}
.app-body .mobile-validate .validate-countdown {
  margin-left: 20px
}
.app-body .mobile-validate small.invalid-msg {
  margin-left: 10px;
  width: unset
}
.forget-password {
  margin-top: 100px
}
.forget-password .nrc-tab-pane {
  margin-top: 40px
}
.forget-password .nrc-tab-pane p {
  color: #f8991d;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  text-align: center
}
.forget-password .modal.alert .container .message {
  line-height: 22px
}
.reset-password .nrc-form .nrc-form-item .nrc-form-label {
  width: 30%
}
.reset-password .nrc-form .nrc-form-item .nrc-form-input {
  width: 70%
}
.hover-container.reset-info {
  z-index: 2000
}
.hover-container.reset-info > .container {
  height: 90%;
  max-width: 960px;
  overflow-y: auto;
  width: 80%
}
.hover-container.reset-info .label {
  border-bottom: 1px dashed #999;
  color: #f8991d;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 30px;
  padding-bottom: 15px
}
.hover-container.reset-info .label .star {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin: 0 6px 0 20px
}
.hover-container.reset-info .label .label-msg {
  color: #999;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300
}
.transfer-online-page {
  padding: 0 !important
}
.transfer-online-page .description h2 {
  margin-bottom: 20px;
  margin-top: 50px
}
.transfer-online-page .tips {
  background-color: rgba(238, 238, 238, .15);
  border: 1px solid #eee;
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.86;
  margin: 0 auto;
  padding: 32px 30px;
  width: 780px
}
.transfer-online-page .tips span {
  color: #222
}
.transfer-online-page > div {
  position: relative
}
.transfer-online-page .confirmation-deposit-popup .resume-details p img {
  height: auto;
  width: 200px
}
.announcement-list-wrap {
  height: calc(100% - 50px)
}
.announcement-list {
  width: 600px
}
.announcement-list .container {
  height: 420px
}
.announcement-list .announcement-list-menu {
  background-color: #f5f5f5;
  box-sizing: border-box;
  float: left;
  height: 100%;
  overflow-y: auto;
  position: relative;
  width: 30%
}
.announcement-list .announcement-list-menu .menu-item {
  word-wrap: break-word;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #777;
  cursor: pointer;
  font-size: 13px;
  list-style: none;
  padding: 15px 20px;
  position: relative;
  transition: .2s
}
.announcement-list .announcement-list-menu .menu-item.active {
  background-color: #fff;
  border-right: 1px solid #fff
}
.announcement-list .announcement-list-content {
  box-sizing: border-box;
  float: left;
  height: 100%;
  overflow-y: auto;
  padding: 20px 30px;
  width: 70%
}
.announcement-list .announcement-list-content .announcement-title {
  word-wrap: break-word;
  color: #000;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: left
}
.announcement-list .announcement-list-content .announcement-desc {
  word-wrap: break-word;
  color: #777;
  line-height: 1.6;
  white-space: pre-wrap
}
.announcement-list .announcement-list-content .announcement-time {
  color: #999;
  font-size: 12px;
  line-height: 1.6
}
.hover-container.player-info > .container {
  max-height: 500px;
  max-width: 960px;
  overflow-y: auto;
  width: 70%
}
.hover-container.player-info > .container > form {
  margin-top: 35px
}
.hover-container.player-info > .container > form .body {
  margin: 0
}
.hover-container.player-info .nrc-form .nrc-form-item .nrc-form-label {
  width: 280px
}
.hover-container.player-info .nrc-form-input small.info-msg, .hover-container.player-info .nrc-form-input small.invalid-msg {
  width: 400px
}
.info-menu {
  min-width: 220px
}
.info-content {
  width: 90%
}
.promo-selfselect-modal .nrc-table .nrc-table-row {
  padding: 0
}
.promo-selfselect-modal .nrc-table .nrc-table-row .nrc-table-column span {
  text-overflow: clip;
  white-space: normal
}
.promo-selfselect-modal .nrc-table .nrc-table-row.disabled {
  background-color: #f2f2f2
}
.promo-selfselect-modal .icon-info {
  font-size: 10px;
  margin-left: 5px
}
.promo-selfselect-modal .nrc-form .nrc-form-item .nrc-form-label label:after {
  display: none
}
.promo-selfselect-modal .nrc-form .nrc-form-item .nrc-form-input {
  margin-left: 0
}
.icon-info {
  speak: none;
  font-family: iconmps;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none
}
.icon-info:before {
  content: ""
}
.container.game-record {
  width: 80%
}
.container.game-record .bet-result-iframe {
  height: 100%;
  margin-top: 10px;
  overflow: auto;
  width: 100%
}
.container.game-record .bet-result-iframe .iframe-wrapper {
  height: 620px;
  min-width: 1200px
}
.container.game-record h3 {
  margin-bottom: 16px
}
.container.game-record .close {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px
}
.container.game-record .bet-choice {
  background-color: #eee;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 16px;
  min-height: 46px;
  padding: 5px
}
.container.game-record .nrc-form-table {
  margin-bottom: 16px
}
.container.game-record .nrc-g {
  text-rendering: optimizespeed;
  align-content: flex-start;
  display: flex;
  flex-flow: row wrap;
  letter-spacing: -.31em;
  *word-spacing: -.43em
}
.container.game-record .nrc-g .nrc-u-1-2, .container.game-record .nrc-g .nrc-u-1-3, .container.game-record .nrc-g .nrc-u-1-5, .container.game-record .nrc-g .nrc-u-2-3 {
  zoom: 1;
  text-rendering: auto;
  display: inline-block;
  *display: inline;
  letter-spacing: normal;
  vertical-align: top;
  word-spacing: normal
}
.container.game-record .nrc-g .nrc-u-1-5 {
  width: 20%;
  *width: 19.969%
}
.container.game-record .nrc-g .nrc-u-1-3 {
  width: 33.3333%;
  *width: 33.3023%
}
.container.game-record .nrc-g .nrc-u-2-3 {
  width: 66.6667%;
  *width: 66.6357%
}
.container.game-record .nrc-g .nrc-u-1-2 {
  width: 50%;
  *width: 49.969%
}
.container.game-record .top10 {
  margin-top: 10px
}
.container .mock-table-row .bet-type-dice, .container .mock-table-row .bet-type-poker {
  margin: 10px 0
}
.container .mock-table-row .bet-type-dice:not(:last-child), .container .mock-table-row .bet-type-poker:not(:last-child) {
  margin-right: 10px
}
.game-record .mock-table .mock-table-header > div {
  flex: none
}
.game-record .mock-table-row > div {
  align-items: center;
  flex: none;
  padding: 10px 5px 10px 0
}
.game-record .mock-table .game-event, .game-record .mock-table .mock-table-header > div.game-event {
  display: block;
  flex: 1
}
.game-record .mock-table .game-event > div:not(:first-child) {
  border-top: 1px dashed #ccc;
  padding-top: 10px
}
.game-record .mock-table .live-bet-type {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0 10px 0 0
}
.bet-type-poker {
  background-image: url(https://img.gashinzo.com/img/static/common/poker.png);
  background-repeat: no-repeat;
  height: 160px;
  width: 120px
}
.bet-type-poker.suitD {
  background-position-y: 0
}
.bet-type-poker.suitH {
  background-position-y: -160px
}
.bet-type-poker.suitS {
  background-position-y: -320px
}
.bet-type-poker.suitC {
  background-position-y: -480px
}
.bet-type-poker.rank1 {
  background-position-x: 0
}
.bet-type-poker.rank2 {
  background-position-x: -120px
}
.bet-type-poker.rank3 {
  background-position-x: -240px
}
.bet-type-poker.rank4 {
  background-position-x: -360px
}
.bet-type-poker.rank5 {
  background-position-x: -480px
}
.bet-type-poker.rank6 {
  background-position-x: -600px
}
.bet-type-poker.rank7 {
  background-position-x: -720px
}
.bet-type-poker.rank8 {
  background-position-x: -840px
}
.bet-type-poker.rank9 {
  background-position-x: -960px
}
.bet-type-poker.rank10 {
  background-position-x: -1080px
}
.bet-type-poker.rank11 {
  background-position-x: -1200px
}
.bet-type-poker.rank12 {
  background-position-x: -1320px
}
.bet-type-poker.rank13 {
  background-position-x: -1440px
}
.bet-type-dice {
  background-image: url(https://img.gashinzo.com/img/static/common/dice.png);
  background-repeat: no-repeat;
  background-size: 300px;
  height: 50px;
  width: 50px
}
.bet-type-dice.dice-1 {
  background-position-x: 0
}
.bet-type-dice.dice-2 {
  background-position-x: -50px
}
.bet-type-dice.dice-3 {
  background-position-x: -100px
}
.bet-type-dice.dice-4 {
  background-position-x: -150px
}
.bet-type-dice.dice-5 {
  background-position-x: -200px
}
.bet-type-dice.dice-6 {
  background-position-x: -250px
}
.section-promo {
  background: #0e0f12 url(https://img.gashinzo.com/img/static/vn/desktop/home-bg.jpg) top/100% auto no-repeat;
  min-height: calc(100vh - 375px);
  padding: 40px 0
}
.section-promo .banner-promotion {
  display: none
}
.section-promo .category {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: 20px
}
.section-promo .category .category-item {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  height: 54px;
  line-height: 54px;
  margin-right: 5px;
  margin-top: 15px;
  min-width: 135px;
  opacity: .6;
  padding: 0 15px;
  text-align: center
}
.section-promo .category .category-item.active, .section-promo .category .category-item:hover {
  background-color: #f8991d;
  cursor: pointer;
  opacity: 1
}
.section-promo .promo-grid-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  transition: all .4s ease-out
}
.section-promo .promo-grid-container .promo-grid-item {
  background-color: #fff;
  cursor: pointer;
  margin-bottom: 16px;
  min-height: 300px;
  width: 32%;
  width: calc(33% - 10px)
}
.section-promo .promo-grid-container .promo-grid-item.hide-promo-title {
  background-color: transparent;
  min-height: 100px
}
.section-promo .promo-grid-container .promo-grid-item img {
  width: 100%
}
.section-promo .promo-grid-container .promo-grid-item h3 {
  color: #46506c;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 20px;
  word-break: break-all
}
.section-promo .promo-grid-container .promo-grid-item p {
  font-size: 14px;
  padding: 0 20px
}
.section-promo .promo-grid-container .promo-grid-item p span {
  color: #d01919;
  margin-left: 8px
}
.section-promo .promo-grid-container .promo-grid-item.center {
  margin-left: 10px;
  margin-right: 10px
}
.section-promo .promo-grid-container .promo-grid-item .promo-end-date {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 20px
}
.section-promo .promo-grid-container .promo-grid-item .mps-alert {
  color: #f8991d;
  font-size: 30px
}
.hover-container.promo-detail-modal .container {
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .8);
  height: 80vh;
  max-width: 1440px;
  position: relative;
  width: 70vw
}
.hover-container.promo-detail-modal .container .toggle-btn {
  align-items: center;
  display: block;
  display: flex;
  height: 80px;
  justify-content: center;
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  z-index: 10
}
.hover-container.promo-detail-modal .container .toggle-btn:after {
  speak: none;
  align-items: center;
  background-color: rgba(239, 239, 239, .9);
  border-radius: 50%;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
  color: #f8991d;
  content: "";
  cursor: pointer;
  display: flex;
  font-family: iconmps !important;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 30px;
  justify-content: center;
  line-height: 1;
  text-indent: -2px;
  text-transform: none;
  transition: .3s ease;
  width: 30px
}
.hover-container.promo-detail-modal .container .toggle-btn:hover:after {
  background-color: #efefef;
  transform: translateY(2px)
}
.hover-container.promo-detail-modal .container .toggle-btn.min:after {
  content: "";
  text-indent: 3px
}
.hover-container.promo-detail-modal .container .header {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 100%
}
.hover-container.promo-detail-modal .container .fixed-pt {
  background-color: rgba(204, 204, 204, .1);
  box-shadow: 1px 0 0 0 rgba(204, 204, 204, .3);
  box-sizing: border-box;
  height: calc(100% - 50px);
  max-width: 350px;
  padding: 15px;
  position: absolute;
  top: 50px;
  transition: .2s ease;
  width: 35%;
  z-index: 1
}
.hover-container.promo-detail-modal .container .fixed-pt img {
  display: block;
  width: 100%
}
.hover-container.promo-detail-modal .container .fixed-pt h1.title {
  font-size: 21px;
  line-height: 1.4;
  margin: 15px 0
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress {
  bottom: 80px;
  position: absolute;
  width: calc(100% - 30px)
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress [class^=title] {
  color: #666;
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
  text-indent: 10px
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-content {
  align-items: center;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 0 0 1px rgba(204, 204, 204, .3);
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  margin: 5px auto;
  padding: 5px
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-content > div {
  text-indent: 5px
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-pending {
  color: #817a7a;
  font-size: 13px;
  margin-top: 10px;
  text-indent: 10px
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-box .progress-text {
  font-size: 11px
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-box .progress-bar {
  background-color: rgba(255, 255, 255, .3);
  height: 15px;
  justify-content: flex-end;
  margin-left: 5px;
  width: 150px
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  padding-top: 5px
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward.pending {
  display: block
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward .title-reward {
  text-indent: 10px
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward .reward-amount {
  font-size: 11px;
  text-align: right
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward .reward-amount b {
  font-size: 21px;
  font-weight: 700;
  margin-right: 3px
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward .reward-amount span {
  color: #666
}
.hover-container.promo-detail-modal .container .body {
  box-sizing: border-box;
  height: calc(100% - 50px);
  margin: 0 0 0 35%;
  overflow: auto;
  padding: 15px;
  width: 65%
}
@media screen and (min-width:1700px) {
  .hover-container.promo-detail-modal .container .body {
    margin: 0 0 0 370px;
    width: calc(100% - 370px)
  }
}
.hover-container.promo-detail-modal .container .apply-btn {
  background: 0 0;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  left: 0;
  max-width: 350px;
  padding: 20px;
  position: absolute;
  transition: .2s ease;
  width: 35%;
  z-index: 5
}
.hover-container.promo-detail-modal .container .apply-btn button {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
  cursor: pointer;
  transition: .3s ease
}
.hover-container.promo-detail-modal .container .apply-btn button:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, .2);
  transform: translateY(2px)
}
.hover-container.promo-detail-modal .container .body-scroll img, .hover-container.promo-detail-modal .container .body img {
  max-width: 100%
}
.hover-container.promo-detail-modal .container .body-scroll .nrc-editor-view-mode, .hover-container.promo-detail-modal .container .body .nrc-editor-view-mode {
  height: auto;
  line-height: 1.4
}
.hover-container.promo-detail-modal .container.min .fixed-pt {
  padding: 10px;
  width: 0
}
.hover-container.promo-detail-modal .container.min .fixed-pt h1.title, .hover-container.promo-detail-modal .container.min .fixed-pt img {
  display: none
}
.hover-container.promo-detail-modal .container.min .body {
  margin-left: 0;
  padding: 20px 50px 80px;
  width: 100%
}
.hover-container.promo-detail-modal .container.min .apply-btn {
  max-width: 100%;
  width: 100%
}
.hover-container.promo-detail-modal .promo-end-date {
  color: #f8991d;
  justify-content: flex-end;
  padding: 5px 20px
}
.promo .nrc-collapse {
  word-break: break-all
}
.promo .promo-list-item {
  cursor: pointer;
  margin: 10px 0;
  transition: .3s ease
}
.promo .promo-list-item:hover {
  transform: translateY(2px)
}
.games-fishing .fishing-game-list {
  flex-wrap: wrap;
  font-size: 0;
  padding: 100px 0 120px;
  text-align: center
}
.games-fishing .fishing-game-list li {
  cursor: pointer;
  display: inline-block;
  margin: 10px 2% 45px;
  position: relative;
  vertical-align: top;
  width: 16%
}
.games-fishing .fishing-game-list li .cover {
  background-color: rgba(0, 0, 0, .2);
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
  display: block;
  overflow: hidden;
  position: relative;
  transition: .2s;
  width: 100%
}
.games-fishing .fishing-game-list li .cover img {
  display: block;
  width: 100%
}
.games-fishing .fishing-game-list li h2 {
  color: #fff;
  font-size: 18px;
  margin: 8px 0
}
.games-fishing .fishing-game-list li:hover .cover {
  border-radius: 10px;
  box-shadow: 0 0 15px #d0edff
}
.games-fishing .fishing-game-list li:hover h2 {
  text-shadow: 0 0 3px #d0edff
}
.games-fishing .fishing-game-list li.maintenance {
  cursor: not-allowed
}
.games-fishing .fishing-game-list li.maintenance .cover {
  filter: grayscale(100%)
}
.games-fishing .fishing-game-list li.maintenance .maintenance-block {
  left: 50%;
  padding: 10px 15px;
  top: 15%;
  transform: translateX(-50%);
  width: 90%
}
.games-fishing .fishing-game-list li.maintenance:after {
  background: 0 0 !important;
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important
}
.app:not(.account) header .navigation {
  width: 100%;
    max-width: 1200px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.app:not(.account) header .navigation .nav {
  justify-content: center;
  width: 100%;
	display: flex;
}
.app:not(.account) header .navigation .nav > li.nav-item a, .app:not(.account) header .navigation .nav > li > div.nav-item {
  padding: 0 12px;
  text-transform: uppercase
}
.app:not(.account) header .navigation .nav .nav-item:not(.mobile) + .submenu:hover, .app:not(.account) header .navigation .nav .nav-item:not(.mobile):hover + .submenu {
  height: auto
}
.app:not(.account) header .navigation .nav .nav-item + .submenu ul {
  height: auto;
  width: 1200px
}
.app:not(.account) header .navigation .nav .nav-item + .submenu ul li {
  height: auto;
  width: 16.666%
}
.app:not(.account) header .navigation .nav .nav-item + .submenu ul li a {
  cursor: pointer;
  height: auto;
  padding: 15px 10px
}
.app:not(.account) header .navigation .nav .nav-item + .submenu ul li a img {
  height: auto;
  top: auto;
  width: 100%
}
.app:not(.account) header .navigation .nav .nav-item + .submenu ul li .maintenance-block {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
.app:not(.account) header .navigation .nav .nav-item.chess + .submenu ul, .app:not(.account) header .navigation .nav .nav-item.egame + .submenu ul, .app:not(.account) header .navigation .nav .nav-item.live + .submenu ul, .app:not(.account) header .navigation .nav .nav-item.mpg + .submenu ul {
  padding: 10px 0
}
.app:not(.account) header .navigation .nav .nav-item.chess + .submenu ul li a, .app:not(.account) header .navigation .nav .nav-item.egame + .submenu ul li a, .app:not(.account) header .navigation .nav .nav-item.live + .submenu ul li a, .app:not(.account) header .navigation .nav .nav-item.mpg + .submenu ul li a {
  border-radius: 5px
}
.app:not(.account) header .navigation .nav .nav-item.mpg + .submenu ul li {
  width: 12%
}
.app:not(.account) header .navigation .nav .nav-item.live + .submenu ul li {
  width: 12.5%
}
.app:not(.account) header .navigation .nav .nav-item.live + .submenu ul li a {
  padding: 15px 0
}
.app:not(.account) header .navigation .nav .nav-item.chess + .submenu ul li {
  width: 14.285%
}
.app:not(.account) header .navigation .nav .nav-item.egame + .submenu ul li {
  width: 10%
}
.app:not(.account) header .navigation .nav .nav-item.sports + .submenu ul li {
  width: 12.4%
}
.app:not(.account) header .navigation .nav .submenu ul li a:hover {
  background-color: rgba(255, 255, 255, .1)
}
.app:not(.account) .banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item img {
  width: 100% !important
}
.app-body .home-area .gamelobby-list ul li {
  box-shadow: 0 0 0 #000;
  transition: .3s ease
}
.app-body .home-area .gamelobby-list ul li:after, .app-body .home-area .gamelobby-list ul li:before {
  display: none
}
.app-body .home-area .gamelobby-list ul li:hover {
  filter: brightness(1.1) drop-shadow(0 0 10px rgba(255, 255, 238, .5));
  transform: scale(1.02)
}
.app-body .home-area .gamelobby-list ul li .game-img {
  background-size: contain
}
.side-menu li a {
  width: 220px
}
.side-menu li a:hover {
  transform: translate3d(-160px, 0, 0)
}
.event-qmenu .cont .event-item img[alt=event-mission] {
  content: url(https://img.gashinzo.com/img/static/v33vnd/event-mission.gif)
}
.event-qmenu .cont .event-item img[alt=event-vip] {
  content: url(https://img.gashinzo.com/img/static/v33vnd/event-vip.gif)
}
.event-qmenu .cont .event-item img[alt=event-envelope] {
  content: url(https://img.gashinzo.com/img/static/v33vnd/event-redenvelope.gif)
}
.event-qmenu .cont .event-item img[alt=event-roulette] {
  content: url(https://img.gashinzo.com/img/static/v33vnd/event-roulette.gif)
}
.carousel-banner-container.desktop .swiper .swiper-button-next, .carousel-banner-container.desktop .swiper .swiper-button-prev {
  top: 34%
}
@keyframes rouletteDecoShake {
  0% {
    transform: rotate(5deg)
  }
  33.33% {
    transform: rotate(-7.5deg)
  }
  66.66% {
    transform: rotate(11.25deg)
  }
  to {
    transform: rotate(-16.875deg)
  }
}
@keyframes rouletteSpecialAward {
  0% {
    box-shadow: 0 0 0 red, inset 0 0 1px red
  }
  to {
    box-shadow: 0 0 40px red, inset 0 0 1px red
  }
}
@keyframes rouletteNeonLight {
  0% {
    background-position: 0 50%
  }
  to {
    background-position: 200% 50%
  }
}
@keyframes roulettePrizeNumber {
  0% {
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent
  }
  to {
    box-shadow: 0 0 1.6666666667vw .2083333333vw rgba(255, 234, 0, .5), 0 0 .6944444444vw .1388888889vw rgba(255, 234, 0, .9)
  }
}
@keyframes roulettePrizeNumber-pigSize {
  0% {
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent
  }
  to {
    box-shadow: 0 0 24px 3px rgba(255, 234, 0, .5), 0 0 10px 2px rgba(255, 234, 0, .9)
  }
}
@keyframes roulettePrizeNumberAward {
  0% {
    text-shadow: 0 .0694444444vw 0 #d49b5d, 0 -.0694444444vw 0 #d49b5d, -.0694444444vw 0 0 #d49b5d, .0694444444vw 0 0 #d49b5d, .0694444444vw .0694444444vw 0 #d49b5d, .0694444444vw -.0694444444vw 0 #d49b5d, -.0694444444vw -.0694444444vw 0 #d49b5d, -.0694444444vw .0694444444vw 0 #d49b5d, -.0694444444vw -.1388888889vw 0 transparent, 0 -.1388888889vw 0 transparent, .0694444444vw -.1388888889vw 0 transparent, .1388888889vw -.1388888889vw 0 transparent, .1388888889vw -.0694444444vw 0 transparent, .1388888889vw 0 0 transparent, .1388888889vw .0694444444vw 0 transparent, .1388888889vw .1388888889vw 0 transparent, .0694444444vw .1388888889vw 0 transparent, 0 .1388888889vw 0 transparent, -.0694444444vw .1388888889vw 0 transparent, -.1388888889vw .1388888889vw 0 transparent, -.1388888889vw .0694444444vw 0 transparent, -.1388888889vw 0 0 transparent, -.1388888889vw -.0694444444vw 0 transparent, -.1388888889vw -.1388888889vw 0 transparent
  }
  to {
    text-shadow: 0 .0694444444vw 0 #d49b5d, 0 -.0694444444vw 0 #d49b5d, -.0694444444vw 0 0 #d49b5d, .0694444444vw 0 0 #d49b5d, .0694444444vw .0694444444vw 0 #d49b5d, .0694444444vw -.0694444444vw 0 #d49b5d, -.0694444444vw -.0694444444vw 0 #d49b5d, -.0694444444vw .0694444444vw 0 #d49b5d, -.0694444444vw -.1388888889vw .2083333333vw rgba(255, 234, 0, .5), 0 -.1388888889vw .2083333333vw rgba(255, 234, 0, .5), .0694444444vw -.1388888889vw .2083333333vw rgba(255, 234, 0, .5), .1388888889vw -.1388888889vw .2083333333vw rgba(255, 234, 0, .5), .1388888889vw -.0694444444vw .2083333333vw rgba(255, 234, 0, .5), .1388888889vw 0 .2083333333vw rgba(255, 234, 0, .5), .1388888889vw .0694444444vw .2083333333vw rgba(255, 234, 0, .5), .1388888889vw .1388888889vw .2083333333vw rgba(255, 234, 0, .5), .0694444444vw .1388888889vw .2083333333vw rgba(255, 234, 0, .5), 0 .1388888889vw .2083333333vw rgba(255, 234, 0, .5), -.0694444444vw .1388888889vw .2083333333vw rgba(255, 234, 0, .5), -.1388888889vw .1388888889vw .2083333333vw rgba(255, 234, 0, .5), -.1388888889vw .0694444444vw .2083333333vw rgba(255, 234, 0, .5), -.1388888889vw 0 .2083333333vw rgba(255, 234, 0, .5), -.1388888889vw -.0694444444vw .2083333333vw rgba(255, 234, 0, .5), -.1388888889vw -.1388888889vw .2083333333vw rgba(255, 234, 0, .5)
  }
}
@keyframes roulettePrizeNumberAward-pigSize {
  0% {
    text-shadow: 0 1px 0 #d49b5d, 0 -1px 0 #d49b5d, -1px 0 0 #d49b5d, 1px 0 0 #d49b5d, 1px 1px 0 #d49b5d, 1px -1px 0 #d49b5d, -1px -1px 0 #d49b5d, -1px 1px 0 #d49b5d, -1px -2px 0 transparent, 0 -2px 0 transparent, 1px -2px 0 transparent, 2px -2px 0 transparent, 2px -1px 0 transparent, 2px 0 0 transparent, 2px 1px 0 transparent, 2px 2px 0 transparent, 1px 2px 0 transparent, 0 2px 0 transparent, -1px 2px 0 transparent, -2px 2px 0 transparent, -2px 1px 0 transparent, -2px 0 0 transparent, -2px -1px 0 transparent, -2px -2px 0 transparent
  }
  to {
    text-shadow: 0 1px 0 #d49b5d, 0 -1px 0 #d49b5d, -1px 0 0 #d49b5d, 1px 0 0 #d49b5d, 1px 1px 0 #d49b5d, 1px -1px 0 #d49b5d, -1px -1px 0 #d49b5d, -1px 1px 0 #d49b5d, -1px -2px 3px rgba(255, 234, 0, .5), 0 -2px 3px rgba(255, 234, 0, .5), 1px -2px 3px rgba(255, 234, 0, .5), 2px -2px 3px rgba(255, 234, 0, .5), 2px -1px 3px rgba(255, 234, 0, .5), 2px 0 3px rgba(255, 234, 0, .5), 2px 1px 3px rgba(255, 234, 0, .5), 2px 2px 3px rgba(255, 234, 0, .5), 1px 2px 3px rgba(255, 234, 0, .5), 0 2px 3px rgba(255, 234, 0, .5), -1px 2px 3px rgba(255, 234, 0, .5), -2px 2px 3px rgba(255, 234, 0, .5), -2px 1px 3px rgba(255, 234, 0, .5), -2px 0 3px rgba(255, 234, 0, .5), -2px -1px 3px rgba(255, 234, 0, .5), -2px -2px 3px rgba(255, 234, 0, .5)
  }
}
@keyframes roulettePrizeNumber0Shadow {
  0% {
    text-shadow: -.2083333333vw -.2777777778vw 0 transparent, -.1388888889vw -.2777777778vw 0 transparent, -.0694444444vw -.2777777778vw 0 transparent, 0 -.2777777778vw 0 transparent, .0694444444vw -.2777777778vw 0 transparent, .1388888889vw -.2777777778vw 0 transparent, .2083333333vw -.2777777778vw 0 transparent, .2777777778vw -.2777777778vw 0 transparent, .2777777778vw -.2083333333vw 0 transparent, .2777777778vw -.1388888889vw 0 transparent, .2777777778vw -.0694444444vw 0 transparent, .2777777778vw 0 0 transparent, .2777777778vw .0694444444vw 0 transparent, .2777777778vw .1388888889vw 0 transparent, .2777777778vw .2083333333vw 0 transparent, .2777777778vw .2777777778vw 0 transparent, .2083333333vw .2777777778vw 0 transparent, .1388888889vw .2777777778vw 0 transparent, .0694444444vw .2777777778vw 0 transparent, 0 .2777777778vw 0 transparent, -.0694444444vw .2777777778vw 0 transparent, -.1388888889vw .2777777778vw 0 transparent, -.2083333333vw .2777777778vw 0 transparent, -.2777777778vw .2777777778vw 0 transparent, -.2777777778vw .2083333333vw 0 transparent, -.2777777778vw .1388888889vw 0 transparent, -.2777777778vw .0694444444vw 0 transparent, -.2777777778vw 0 0 transparent, -.2777777778vw -.0694444444vw 0 transparent, -.2777777778vw -.1388888889vw 0 transparent, -.2777777778vw -.2083333333vw 0 transparent, -.2777777778vw -.2777777778vw 0 transparent
  }
  to {
    text-shadow: -.2083333333vw -.2777777778vw .5555555556vw rgba(255, 234, 0, .3), -.1388888889vw -.2777777778vw .5555555556vw rgba(255, 234, 0, .3), -.0694444444vw -.2777777778vw .5555555556vw rgba(255, 234, 0, .3), 0 -.2777777778vw .5555555556vw rgba(255, 234, 0, .3), .0694444444vw -.2777777778vw .5555555556vw rgba(255, 234, 0, .3), .1388888889vw -.2777777778vw .5555555556vw rgba(255, 234, 0, .3), .2083333333vw -.2777777778vw .5555555556vw rgba(255, 234, 0, .3), .2777777778vw -.2777777778vw .5555555556vw rgba(255, 234, 0, .3), .2777777778vw -.2083333333vw .5555555556vw rgba(255, 234, 0, .3), .2777777778vw -.1388888889vw .5555555556vw rgba(255, 234, 0, .3), .2777777778vw -.0694444444vw .5555555556vw rgba(255, 234, 0, .3), .2777777778vw 0 .5555555556vw rgba(255, 234, 0, .3), .2777777778vw .0694444444vw .5555555556vw rgba(255, 234, 0, .3), .2777777778vw .1388888889vw .5555555556vw rgba(255, 234, 0, .3), .2777777778vw .2083333333vw .5555555556vw rgba(255, 234, 0, .3), .2777777778vw .2777777778vw .5555555556vw rgba(255, 234, 0, .3), .2083333333vw .2777777778vw .5555555556vw rgba(255, 234, 0, .3), .1388888889vw .2777777778vw .5555555556vw rgba(255, 234, 0, .3), .0694444444vw .2777777778vw .5555555556vw rgba(255, 234, 0, .3), 0 .2777777778vw .5555555556vw rgba(255, 234, 0, .3), -.0694444444vw .2777777778vw .5555555556vw rgba(255, 234, 0, .3), -.1388888889vw .2777777778vw .5555555556vw rgba(255, 234, 0, .3), -.2083333333vw .2777777778vw .5555555556vw rgba(255, 234, 0, .3), -.2777777778vw .2777777778vw .5555555556vw rgba(255, 234, 0, .3), -.2777777778vw .2083333333vw .5555555556vw rgba(255, 234, 0, .3), -.2777777778vw .1388888889vw .5555555556vw rgba(255, 234, 0, .3), -.2777777778vw .0694444444vw .5555555556vw rgba(255, 234, 0, .3), -.2777777778vw 0 .5555555556vw rgba(255, 234, 0, .3), -.2777777778vw -.0694444444vw .5555555556vw rgba(255, 234, 0, .3), -.2777777778vw -.1388888889vw .5555555556vw rgba(255, 234, 0, .3), -.2777777778vw -.2083333333vw .5555555556vw rgba(255, 234, 0, .3), -.2777777778vw -.2777777778vw .5555555556vw rgba(255, 234, 0, .3)
  }
}
@keyframes roulettePrizeNumber0Shadow-pigSize {
  0% {
    text-shadow: -3px -4px 0 transparent, -2px -4px 0 transparent, -1px -4px 0 transparent, 0 -4px 0 transparent, 1px -4px 0 transparent, 2px -4px 0 transparent, 3px -4px 0 transparent, 4px -4px 0 transparent, 4px -3px 0 transparent, 4px -2px 0 transparent, 4px -1px 0 transparent, 4px 0 0 transparent, 4px 1px 0 transparent, 4px 2px 0 transparent, 4px 3px 0 transparent, 4px 4px 0 transparent, 3px 4px 0 transparent, 2px 4px 0 transparent, 1px 4px 0 transparent, 0 4px 0 transparent, -1px 4px 0 transparent, -2px 4px 0 transparent, -3px 4px 0 transparent, -4px 4px 0 transparent, -4px 3px 0 transparent, -4px 2px 0 transparent, -4px 1px 0 transparent, -4px 0 0 transparent, -4px -1px 0 transparent, -4px -2px 0 transparent, -4px -3px 0 transparent, -4px -4px 0 transparent
  }
  to {
    text-shadow: -3px -4px 8px rgba(255, 234, 0, .3), -2px -4px 8px rgba(255, 234, 0, .3), -1px -4px 8px rgba(255, 234, 0, .3), 0 -4px 8px rgba(255, 234, 0, .3), 1px -4px 8px rgba(255, 234, 0, .3), 2px -4px 8px rgba(255, 234, 0, .3), 3px -4px 8px rgba(255, 234, 0, .3), 4px -4px 8px rgba(255, 234, 0, .3), 4px -3px 8px rgba(255, 234, 0, .3), 4px -2px 8px rgba(255, 234, 0, .3), 4px -1px 8px rgba(255, 234, 0, .3), 4px 0 8px rgba(255, 234, 0, .3), 4px 1px 8px rgba(255, 234, 0, .3), 4px 2px 8px rgba(255, 234, 0, .3), 4px 3px 8px rgba(255, 234, 0, .3), 4px 4px 8px rgba(255, 234, 0, .3), 3px 4px 8px rgba(255, 234, 0, .3), 2px 4px 8px rgba(255, 234, 0, .3), 1px 4px 8px rgba(255, 234, 0, .3), 0 4px 8px rgba(255, 234, 0, .3), -1px 4px 8px rgba(255, 234, 0, .3), -2px 4px 8px rgba(255, 234, 0, .3), -3px 4px 8px rgba(255, 234, 0, .3), -4px 4px 8px rgba(255, 234, 0, .3), -4px 3px 8px rgba(255, 234, 0, .3), -4px 2px 8px rgba(255, 234, 0, .3), -4px 1px 8px rgba(255, 234, 0, .3), -4px 0 8px rgba(255, 234, 0, .3), -4px -1px 8px rgba(255, 234, 0, .3), -4px -2px 8px rgba(255, 234, 0, .3), -4px -3px 8px rgba(255, 234, 0, .3), -4px -4px 8px rgba(255, 234, 0, .3)
  }
}
@keyframes roulettePrizeNumberText {
  0% {
    text-shadow: -.2083333333vw -.2777777778vw 0 #d49b5d, -.1388888889vw -.2777777778vw 0 #d49b5d, -.0694444444vw -.2777777778vw 0 #d49b5d, 0 -.2777777778vw 0 #d49b5d, .0694444444vw -.2777777778vw 0 #d49b5d, .1388888889vw -.2777777778vw 0 #d49b5d, .2083333333vw -.2777777778vw 0 #d49b5d, .2777777778vw -.2777777778vw 0 #d49b5d, .2777777778vw -.2083333333vw 0 #d49b5d, .2777777778vw -.1388888889vw 0 #d49b5d, .2777777778vw -.0694444444vw 0 #d49b5d, .2777777778vw 0 0 #d49b5d, .2777777778vw .0694444444vw 0 #d49b5d, .2777777778vw .1388888889vw 0 #d49b5d, .2777777778vw .2083333333vw 0 #d49b5d, .2777777778vw .2777777778vw 0 #d49b5d, .2083333333vw .2777777778vw 0 #d49b5d, .1388888889vw .2777777778vw 0 #d49b5d, .0694444444vw .2777777778vw 0 #d49b5d, 0 .2777777778vw 0 #d49b5d, -.0694444444vw .2777777778vw 0 #d49b5d, -.1388888889vw .2777777778vw 0 #d49b5d, -.2083333333vw .2777777778vw 0 #d49b5d, -.2777777778vw .2777777778vw 0 #d49b5d, -.2777777778vw .2083333333vw 0 #d49b5d, -.2777777778vw .1388888889vw 0 #d49b5d, -.2777777778vw .0694444444vw 0 #d49b5d, -.2777777778vw 0 0 #d49b5d, -.2777777778vw -.0694444444vw 0 #d49b5d, -.2777777778vw -.1388888889vw 0 #d49b5d, -.2777777778vw -.2083333333vw 0 #d49b5d, -.2777777778vw -.2777777778vw 0 #d49b5d, -.3472222222vw -.4166666667vw 0 transparent, -.2777777778vw -.4166666667vw 0 transparent, -.2083333333vw -.4166666667vw 0 transparent, -.1388888889vw -.4166666667vw 0 transparent, -.0694444444vw -.4166666667vw 0 transparent, 0 -.4166666667vw 0 transparent, .0694444444vw -.4166666667vw 0 transparent, .1388888889vw -.4166666667vw 0 transparent, .2083333333vw -.4166666667vw 0 transparent, .2777777778vw -.4166666667vw 0 transparent, .3472222222vw -.4166666667vw 0 transparent, .4166666667vw -.4166666667vw 0 transparent, .4166666667vw -.3472222222vw 0 transparent, .4166666667vw -.2777777778vw 0 transparent, .4166666667vw -.2083333333vw 0 transparent, .4166666667vw -.1388888889vw 0 transparent, .4166666667vw -.0694444444vw 0 transparent, .4166666667vw 0 0 transparent, .0694444444vw .4166666667vw 0 transparent, .1388888889vw .4166666667vw 0 transparent, .2083333333vw .4166666667vw 0 transparent, .2777777778vw .4166666667vw 0 transparent, .3472222222vw .4166666667vw 0 transparent, .4166666667vw .4166666667vw 0 transparent, .3472222222vw .4166666667vw 0 transparent, .2777777778vw .4166666667vw 0 transparent, .2083333333vw .4166666667vw 0 transparent, .1388888889vw .4166666667vw 0 transparent, .0694444444vw .4166666667vw 0 transparent, 0 .4166666667vw 0 transparent, -.0694444444vw .4166666667vw 0 transparent, -.1388888889vw .4166666667vw 0 transparent, -.2083333333vw .4166666667vw 0 transparent, -.2777777778vw .4166666667vw 0 transparent, -.3472222222vw .4166666667vw 0 transparent, -.4166666667vw .4166666667vw 0 transparent, -.4166666667vw .3472222222vw 0 transparent, -.4166666667vw .2777777778vw 0 transparent, -.4166666667vw .2083333333vw 0 transparent, -.4166666667vw .1388888889vw 0 transparent, -.4166666667vw .0694444444vw 0 transparent, -.4166666667vw 0 0 transparent, -.4166666667vw -.0694444444vw 0 transparent, -.4166666667vw -.1388888889vw 0 transparent, -.4166666667vw -.2083333333vw 0 transparent, -.4166666667vw -.2777777778vw 0 transparent, -.4166666667vw -.3472222222vw 0 transparent, -.4166666667vw -.4166666667vw 0 transparent
  }
  to {
    text-shadow: -.2777777778vw -.2777777778vw 0 #d49b5d, -.2083333333vw -.2777777778vw 0 #d49b5d, -.1388888889vw -.2777777778vw 0 #d49b5d, -.0694444444vw -.2777777778vw 0 #d49b5d, 0 -.2777777778vw 0 #d49b5d, .0694444444vw -.2777777778vw 0 #d49b5d, .1388888889vw -.2777777778vw 0 #d49b5d, .2083333333vw -.2777777778vw 0 #d49b5d, .2777777778vw -.2777777778vw 0 #d49b5d, .2777777778vw -.2083333333vw 0 #d49b5d, .2777777778vw -.1388888889vw 0 #d49b5d, .2777777778vw -.0694444444vw 0 #d49b5d, .2777777778vw 0 0 #d49b5d, .2777777778vw .0694444444vw 0 #d49b5d, .2777777778vw .1388888889vw 0 #d49b5d, .2777777778vw .2083333333vw 0 #d49b5d, .2777777778vw .2777777778vw 0 #d49b5d, .2083333333vw .2777777778vw 0 #d49b5d, .1388888889vw .2777777778vw 0 #d49b5d, .0694444444vw .2777777778vw 0 #d49b5d, 0 .2777777778vw 0 #d49b5d, -.0694444444vw .2777777778vw 0 #d49b5d, -.1388888889vw .2777777778vw 0 #d49b5d, -.2083333333vw .2777777778vw 0 #d49b5d, -.2777777778vw .2777777778vw 0 #d49b5d, -.2777777778vw .2083333333vw 0 #d49b5d, -.2777777778vw .1388888889vw 0 #d49b5d, -.2777777778vw .0694444444vw 0 #d49b5d, -.2777777778vw 0 0 #d49b5d, -.2777777778vw -.0694444444vw 0 #d49b5d, -.2777777778vw -.1388888889vw 0 #d49b5d, -.2777777778vw -.2083333333vw 0 #d49b5d, -.2777777778vw -.2777777778vw 0 #d49b5d, -.3472222222vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.2777777778vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.2083333333vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.1388888889vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.0694444444vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), 0 -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), .0694444444vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), .1388888889vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), .2083333333vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), .2777777778vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), .3472222222vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), .4166666667vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25), .4166666667vw -.3472222222vw .4166666667vw rgba(255, 234, 0, .25), .4166666667vw -.2777777778vw .4166666667vw rgba(255, 234, 0, .25), .4166666667vw -.2083333333vw .4166666667vw rgba(255, 234, 0, .25), .4166666667vw -.1388888889vw .4166666667vw rgba(255, 234, 0, .25), .4166666667vw -.0694444444vw .4166666667vw rgba(255, 234, 0, .25), .4166666667vw 0 .4166666667vw rgba(255, 234, 0, .25), .0694444444vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .1388888889vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .2083333333vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .2777777778vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .3472222222vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .4166666667vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .3472222222vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .2777777778vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .2083333333vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .1388888889vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), .0694444444vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), 0 .4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.0694444444vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.1388888889vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.2083333333vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.2777777778vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.3472222222vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw .4166666667vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw .3472222222vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw .2777777778vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw .2083333333vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw .1388888889vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw .0694444444vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw 0 .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw -.0694444444vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw -.1388888889vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw -.2083333333vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw -.2777777778vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw -.3472222222vw .4166666667vw rgba(255, 234, 0, .25), -.4166666667vw -.4166666667vw .4166666667vw rgba(255, 234, 0, .25)
  }
}
@keyframes roulettePrizeNumberText-pigSize {
  0% {
    text-shadow: -3px -4px 0 #d49b5d, -2px -4px 0 #d49b5d, -1px -4px 0 #d49b5d, 0 -4px 0 #d49b5d, 1px -4px 0 #d49b5d, 2px -4px 0 #d49b5d, 3px -4px 0 #d49b5d, 4px -4px 0 #d49b5d, 4px -3px 0 #d49b5d, 4px -2px 0 #d49b5d, 4px -1px 0 #d49b5d, 4px 0 0 #d49b5d, 4px 1px 0 #d49b5d, 4px 2px 0 #d49b5d, 4px 3px 0 #d49b5d, 4px 4px 0 #d49b5d, 3px 4px 0 #d49b5d, 2px 4px 0 #d49b5d, 1px 4px 0 #d49b5d, 0 4px 0 #d49b5d, -1px 4px 0 #d49b5d, -2px 4px 0 #d49b5d, -3px 4px 0 #d49b5d, -4px 4px 0 #d49b5d, -4px 3px 0 #d49b5d, -4px 2px 0 #d49b5d, -4px 1px 0 #d49b5d, -4px 0 0 #d49b5d, -4px -1px 0 #d49b5d, -4px -2px 0 #d49b5d, -4px -3px 0 #d49b5d, -4px -4px 0 #d49b5d, -5px -6px 0 transparent, -4px -6px 0 transparent, -3px -6px 0 transparent, -2px -6px 0 transparent, -1px -6px 0 transparent, 0 -6px 0 transparent, 1px -6px 0 transparent, 2px -6px 0 transparent, 3px -6px 0 transparent, 4px -6px 0 transparent, 5px -6px 0 transparent, 6px -6px 0 transparent, 6px -5px 0 transparent, 6px -4px 0 transparent, 6px -3px 0 transparent, 6px -2px 0 transparent, 6px -1px 0 transparent, 6px 0 0 transparent, 1px 6px 0 transparent, 2px 6px 0 transparent, 3px 6px 0 transparent, 4px 6px 0 transparent, 5px 6px 0 transparent, 6px 6px 0 transparent, 5px 6px 0 transparent, 4px 6px 0 transparent, 3px 6px 0 transparent, 2px 6px 0 transparent, 1px 6px 0 transparent, 0 6px 0 transparent, -1px 6px 0 transparent, -2px 6px 0 transparent, -3px 6px 0 transparent, -4px 6px 0 transparent, -5px 6px 0 transparent, -6px 6px 0 transparent, -6px 5px 0 transparent, -6px 4px 0 transparent, -6px 3px 0 transparent, -6px 2px 0 transparent, -6px 1px 0 transparent, -6px 0 0 transparent, -6px -1px 0 transparent, -6px -2px 0 transparent, -6px -3px 0 transparent, -6px -4px 0 transparent, -6px -5px 0 transparent, -6px -6px 0 transparent
  }
  to {
    text-shadow: -4px -4px 0 #d49b5d, -3px -4px 0 #d49b5d, -2px -4px 0 #d49b5d, -1px -4px 0 #d49b5d, 0 -4px 0 #d49b5d, 1px -4px 0 #d49b5d, 2px -4px 0 #d49b5d, 3px -4px 0 #d49b5d, 4px -4px 0 #d49b5d, 4px -3px 0 #d49b5d, 4px -2px 0 #d49b5d, 4px -1px 0 #d49b5d, 4px 0 0 #d49b5d, 4px 1px 0 #d49b5d, 4px 2px 0 #d49b5d, 4px 3px 0 #d49b5d, 4px 4px 0 #d49b5d, 3px 4px 0 #d49b5d, 2px 4px 0 #d49b5d, 1px 4px 0 #d49b5d, 0 4px 0 #d49b5d, -1px 4px 0 #d49b5d, -2px 4px 0 #d49b5d, -3px 4px 0 #d49b5d, -4px 4px 0 #d49b5d, -4px 3px 0 #d49b5d, -4px 2px 0 #d49b5d, -4px 1px 0 #d49b5d, -4px 0 0 #d49b5d, -4px -1px 0 #d49b5d, -4px -2px 0 #d49b5d, -4px -3px 0 #d49b5d, -4px -4px 0 #d49b5d, -5px -6px 6px rgba(255, 234, 0, .25), -4px -6px 6px rgba(255, 234, 0, .25), -3px -6px 6px rgba(255, 234, 0, .25), -2px -6px 6px rgba(255, 234, 0, .25), -1px -6px 6px rgba(255, 234, 0, .25), 0 -6px 6px rgba(255, 234, 0, .25), 1px -6px 6px rgba(255, 234, 0, .25), 2px -6px 6px rgba(255, 234, 0, .25), 3px -6px 6px rgba(255, 234, 0, .25), 4px -6px 6px rgba(255, 234, 0, .25), 5px -6px 6px rgba(255, 234, 0, .25), 6px -6px 6px rgba(255, 234, 0, .25), 6px -5px 6px rgba(255, 234, 0, .25), 6px -4px 6px rgba(255, 234, 0, .25), 6px -3px 6px rgba(255, 234, 0, .25), 6px -2px 6px rgba(255, 234, 0, .25), 6px -1px 6px rgba(255, 234, 0, .25), 6px 0 6px rgba(255, 234, 0, .25), 1px 6px 6px rgba(255, 234, 0, .25), 2px 6px 6px rgba(255, 234, 0, .25), 3px 6px 6px rgba(255, 234, 0, .25), 4px 6px 6px rgba(255, 234, 0, .25), 5px 6px 6px rgba(255, 234, 0, .25), 6px 6px 6px rgba(255, 234, 0, .25), 5px 6px 6px rgba(255, 234, 0, .25), 4px 6px 6px rgba(255, 234, 0, .25), 3px 6px 6px rgba(255, 234, 0, .25), 2px 6px 6px rgba(255, 234, 0, .25), 1px 6px 6px rgba(255, 234, 0, .25), 0 6px 6px rgba(255, 234, 0, .25), -1px 6px 6px rgba(255, 234, 0, .25), -2px 6px 6px rgba(255, 234, 0, .25), -3px 6px 6px rgba(255, 234, 0, .25), -4px 6px 6px rgba(255, 234, 0, .25), -5px 6px 6px rgba(255, 234, 0, .25), -6px 6px 6px rgba(255, 234, 0, .25), -6px 5px 6px rgba(255, 234, 0, .25), -6px 4px 6px rgba(255, 234, 0, .25), -6px 3px 6px rgba(255, 234, 0, .25), -6px 2px 6px rgba(255, 234, 0, .25), -6px 1px 6px rgba(255, 234, 0, .25), -6px 0 6px rgba(255, 234, 0, .25), -6px -1px 6px rgba(255, 234, 0, .25), -6px -2px 6px rgba(255, 234, 0, .25), -6px -3px 6px rgba(255, 234, 0, .25), -6px -4px 6px rgba(255, 234, 0, .25), -6px -5px 6px rgba(255, 234, 0, .25), -6px -6px 6px rgba(255, 234, 0, .25)
  }
}
@keyframes rouletteMainBoxPart {
  0% {
    transform: rotate(0deg)
  }
  50% {
    transform: rotate(180deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@keyframes rouletteMainBoxBtnShadow {
  0% {
    box-shadow: 0 0 16px rgba(0, 0, 0, .3), 0 2px 3px 1px rgba(0, 0, 0, .35), inset -1px 0 1px rgba(0, 0, 0, .5), inset 1px 1px 1px #fff
  }
  to {
    box-shadow: 0 0 42px rgba(0, 0, 0, .8), 0 2px 3px 1px rgba(0, 0, 0, .35), inset -1px 0 1px rgba(0, 0, 0, .5), inset 1px 1px 1px #fff
  }
}
@keyframes rouletteMainBoxBtnLight {
  0% {
    transform: translate3d(-60%, 0, 0) rotate(-45deg)
  }
  to {
    transform: translate3d(60%, 0, 0) rotate(-45deg)
  }
}
@keyframes rouletteBoxCoin {
  0% {
    opacity: .5;
    transform: scale3d(.6, .6, 1)
  }
  25% {
    opacity: .8;
    transform: scale3d(.8, .8, 1)
  }
  50% {
    opacity: 1;
    transform: scaleX(1)
  }
  75% {
    opacity: .6;
    transform: scale3d(1.15, 1.15, 1)
  }
  to {
    opacity: .1;
    transform: scale3d(1.3, 1.3, 1)
  }
}
@keyframes rouletteMain_P6789_N0 {
  0% {
    transform: rotate(-2turn)
  }
  to {
    transform: rotate(0deg)
  }
}
@keyframes rouletteMain_P6_N1 {
  0% {
    transform: rotate(-780deg)
  }
  to {
    transform: rotate(-60deg)
  }
}
@keyframes rouletteMain_P6_N2_P9_N3 {
  0% {
    transform: rotate(-840deg)
  }
  to {
    transform: rotate(-120deg)
  }
}
@keyframes rouletteMain_P6_N3_P8_N4 {
  0% {
    transform: rotate(-900deg)
  }
  to {
    transform: rotate(-180deg)
  }
}
@keyframes rouletteMain_P6_N4_P9_N6 {
  0% {
    transform: rotate(-960deg)
  }
  to {
    transform: rotate(-240deg)
  }
}
@keyframes rouletteMain_P6_N5 {
  0% {
    transform: rotate(-1020deg)
  }
  to {
    transform: rotate(-300deg)
  }
}
@keyframes rouletteMain_P7_N1 {
  0% {
    transform: rotate(-771.4285714286deg)
  }
  to {
    transform: rotate(-51.4285714286deg)
  }
}
@keyframes rouletteMain_P7_N2 {
  0% {
    transform: rotate(-822.8571428571deg)
  }
  to {
    transform: rotate(-102.8571428571deg)
  }
}
@keyframes rouletteMain_P7_N3 {
  0% {
    transform: rotate(-874.2857142857deg)
  }
  to {
    transform: rotate(-154.2857142857deg)
  }
}
@keyframes rouletteMain_P7_N4 {
  0% {
    transform: rotate(-925.7142857143deg)
  }
  to {
    transform: rotate(-205.7142857143deg)
  }
}
@keyframes rouletteMain_P7_N5 {
  0% {
    transform: rotate(-977.1428571429deg)
  }
  to {
    transform: rotate(-257.1428571429deg)
  }
}
@keyframes rouletteMain_P7_N6 {
  0% {
    transform: rotate(-1028.5714285714deg)
  }
  to {
    transform: rotate(-308.5714285714deg)
  }
}
@keyframes rouletteMain_P8_N1 {
  0% {
    transform: rotate(-765deg)
  }
  to {
    transform: rotate(-45deg)
  }
}
@keyframes rouletteMain_P8_N2 {
  0% {
    transform: rotate(-810deg)
  }
  to {
    transform: rotate(-90deg)
  }
}
@keyframes rouletteMain_P8_N3 {
  0% {
    transform: rotate(-855deg)
  }
  to {
    transform: rotate(-135deg)
  }
}
@keyframes rouletteMain_P8_N5 {
  0% {
    transform: rotate(-945deg)
  }
  to {
    transform: rotate(-225deg)
  }
}
@keyframes rouletteMain_P8_N6 {
  0% {
    transform: rotate(-990deg)
  }
  to {
    transform: rotate(-270deg)
  }
}
@keyframes rouletteMain_P8_N7 {
  0% {
    transform: rotate(-1035deg)
  }
  to {
    transform: rotate(-315deg)
  }
}
@keyframes rouletteMain_P9_N1 {
  0% {
    transform: rotate(-760deg)
  }
  to {
    transform: rotate(-40deg)
  }
}
@keyframes rouletteMain_P9_N2 {
  0% {
    transform: rotate(-800deg)
  }
  to {
    transform: rotate(-80deg)
  }
}
@keyframes rouletteMain_P9_N4 {
  0% {
    transform: rotate(-880deg)
  }
  to {
    transform: rotate(-160deg)
  }
}
@keyframes rouletteMain_P9_N5 {
  0% {
    transform: rotate(-920deg)
  }
  to {
    transform: rotate(-200deg)
  }
}
@keyframes rouletteMain_P9_N7 {
  0% {
    transform: rotate(-1000deg)
  }
  to {
    transform: rotate(-280deg)
  }
}
@keyframes rouletteMain_P9_N8 {
  0% {
    transform: rotate(-1040deg)
  }
  to {
    transform: rotate(-320deg)
  }
}
@keyframes rouletteTiger {
  0%, to {
    transform: translate3d(30%, -100%, 0)
  }
  10%, 20% {
    transform: translate3d(30%, -100%, 0) scale3d(.975, .975, 1) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    transform: translate3d(30%, -100%, 0) scale3d(1.025, 1.025, 1) rotate(3deg)
  }
  40%, 60%, 80% {
    transform: translate3d(30%, -100%, 0) scale3d(1.025, 1.025, 1) rotate(-3deg)
  }
}
@font-face {
  font-family: rouletteStar;
  src: url(https://img.gashinzo.com/img/static/roulette/fonts/icomoon.eot?p6x2l0=);
  src: url(https://img.gashinzo.com/img/static/roulette/fonts/icomoon.ttf?p6x2l0=) format("truetype")
}
#root .rouletteMain_box_coinWrap:after, #root .roulettePopup_box, #root .roulettePopup_box:after, #root .roulettePopup_box:before, #root .rouletteRule:after {
  background-size: cover
}
#root .rouletteMain, #root .rouletteMain:after, #root .rouletteMain:before, #root .rouletteMain_awards_item.special .rouletteMain_awards_medals, #root .rouletteMain_awards_item > div, #root .rouletteMain_box_btn, #root .rouletteMain_box_numberTimes, #root .rouletteMain_box_wrap:before, #root .rouletteMain_winner, #root .rouletteMain_winner_head_cursor, #root .rouletteMain_winner_wrap:after, #root .rouletteMain_winner_wrap:before, #root .rouletteMain_wrap:after, #root .rouletteMain_wrap:before {
  background-size: 100% 100%
}
#root .rouletteMain, #root .rouletteMain_awards_item, #root .rouletteMain_body:after, #root .rouletteMain_body:before, #root .rouletteMain_box, #root .rouletteMain_winner, #root .rouletteMain_winner_head_cursor, #root .rouletteMain_winner_wrap:after, #root .rouletteMain_winner_wrap:before, #root .rouletteRule:after {
  height: 0
}
#root .rouletteMain_body:after, #root .rouletteMain_body:before, #root .rouletteMain_box_btn:after, #root .rouletteMain_box_coinWrap:after, #root .rouletteMain_box_part_color:after, #root .rouletteMain_box_part_color:before, #root .rouletteMain_box_part_list:before, #root .rouletteMain_item > a:after, #root .rouletteMain_winner_wrap:after, #root .rouletteMain_winner_wrap:before, #root .rouletteMain_wrap:after, #root .rouletteMain_wrap:before, #root .roulettePopup_box:after, #root .roulettePopup_box:before, #root .roulettePopup_close > div:after, #root .roulettePopup_close > div:before, #root .rouletteRule_wrap:after, #root .rouletteRule_wrap:before {
  content: "";
  position: absolute
}
#root .roulette .unavailable, #root .rouletteMain:after, #root .rouletteMain:before, #root .rouletteMain_awards_item > div, #root .rouletteMain_box_coinWrap, #root .rouletteMain_box_numberTimes > div:last-child, #root .rouletteMain_box_part_color, #root .rouletteMain_box_wrap, #root .rouletteMain_box_wrap:after, #root .rouletteMain_box_wrap:before, #root .rouletteMain_winner_wrap, #root .rouletteMain_wrap, #root .roulettePopup_wrap:before {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
#root .roulette {
  font-family: Arial, Helvetica, Microsoft YaHei, Microsoft JhengHei, PingFangTC, sans-serif;
  overflow: hidden;
  width: 100%
}
#root .roulette-period {
  color: #ffefbd;
  font-size: 21px;
  left: 50%;
  margin-top: 0;
  position: absolute;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .8);
  top: 80px;
  transform: translate3d(-50%, 0, 0)
}
#root .rouletteMain {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_main.jpg);
  margin: 0 auto;
  max-width: 1440px;
  padding-bottom: 57.6388888889%;
  position: relative;
  width: 100%
}
#root .rouletteMain:after, #root .rouletteMain:before {
  animation: rouletteDecoShake 25s infinite;
  content: ""
}
#root .rouletteMain:before {
  animation-direction: alternate;
  animation-timing-function: linear;
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_balloon.png)
}
#root .rouletteMain:after {
  animation-direction: alternate-reverse;
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_ball.png)
}
#root .rouletteMain_wrap:after, #root .rouletteMain_wrap:before {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_main.jpg);
  height: 100%;
  top: 0;
  transform: rotateY(180deg);
  width: 100%;
  z-index: -1
}
#root .rouletteMain_wrap:before {
  left: -100%
}
#root .rouletteMain_wrap:after {
  left: 100%
}
#root .rouletteMain_head {
  display: flex;
  justify-content: center;
  margin-bottom: 4.8611111111%;
  padding: 6px 0;
  position: relative;
  z-index: 1
}
#root .rouletteMain_item + .rouletteMain_item {
  margin-left: 36px
}
#root .rouletteMain_item > a {
  color: #fff;
  display: block;
  font-size: 20px;
  line-height: 48px;
  padding: 0 3px;
  position: relative;
  text-decoration: none
}
#root .rouletteMain_item > a:after {
  background-color: #ffdb00;
  border-radius: 5px;
  bottom: 0;
  height: 5px;
  left: 0;
  transition: width .3s;
  width: 0
}
#root .rouletteMain_item > a.active:after, #root .rouletteMain_item > a:hover:after {
  width: 100%
}
#root .rouletteMain_body {
  display: flex;
  justify-content: space-evenly
}
#root .rouletteMain_body:after, #root .rouletteMain_body:before {
  bottom: 0
}
#root .rouletteMain_body:before {
  background-image: linear-gradient(180deg, rgba(51, 33, 10, 0), #33210a 75%);
  left: 0;
  padding-bottom: 25%;
  width: 100%
}
#root .rouletteMain_body:after {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/newyear_bg.png);
  background-size: cover;
  left: 50%;
  padding-bottom: 23.6805555556%;
  transform: translate3d(-50%, -8%, 0);
  width: 59.7222222222%
}
#root .rouletteMain_awards, #root .rouletteMain_winner {
  flex: 0 0 20.4861111111%;
  position: relative;
  z-index: 1
}
#root .rouletteMain_awards {
  align-self: center
}
#root .rouletteMain_awards_item {
  padding-bottom: 21.6949152542%;
  position: relative;
  width: 100%
}
#root .rouletteMain_awards_item.special > div {
  animation: rouletteSpecialAward .6s infinite alternate both;
  border-radius: 30px
}
#root .rouletteMain_awards_item.special .rouletteMain_awards_medals {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/rouletteMain_awards_medals_0.png);
  height: 100%;
  margin-top: 2.8%;
  width: 18.91%
}
#root .rouletteMain_awards_item:first-of-type .rouletteMain_awards_medals {
  background-position: 0 0;
  color: #be5a18
}
#root .rouletteMain_awards_item:nth-of-type(2) .rouletteMain_awards_medals {
  background-position: 33.3333% 0;
  color: #6f6f80
}
#root .rouletteMain_awards_item:nth-of-type(3) .rouletteMain_awards_medals {
  background-position: 66.6666% 0;
  color: #7c5552
}
#root .rouletteMain_awards_item:nth-of-type(n+4) .rouletteMain_awards_medals {
  filter: hue-rotate(110deg) brightness(.9)
}
#root .rouletteMain_awards_item:first-of-type .rouletteMain_awards_medals:before {
  content: "1"
}
#root .rouletteMain_awards_item:nth-of-type(2) .rouletteMain_awards_medals:before {
  content: "2"
}
#root .rouletteMain_awards_item:nth-of-type(3) .rouletteMain_awards_medals:before {
  content: "3"
}
#root .rouletteMain_awards_item:nth-of-type(4) .rouletteMain_awards_medals:before {
  content: "4"
}
#root .rouletteMain_awards_item:nth-of-type(5) .rouletteMain_awards_medals:before {
  content: "5"
}
#root .rouletteMain_awards_item:nth-of-type(6) .rouletteMain_awards_medals:before {
  content: "6"
}
#root .rouletteMain_awards_item:nth-of-type(7) .rouletteMain_awards_medals:before {
  content: "7"
}
#root .rouletteMain_awards_item:nth-of-type(8) .rouletteMain_awards_medals:before {
  content: "8"
}
#root .rouletteMain_awards_item:nth-of-type(9) .rouletteMain_awards_medals:before {
  content: "9"
}
#root .rouletteMain_awards_item > div {
  align-items: center;
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/rouletteMain_awards_item.png);
  display: flex;
  justify-content: space-between;
  padding: 0 3.39%
}
#root .rouletteMain_awards_item + .rouletteMain_awards_item {
  margin-top: 8.6%
}
#root .rouletteMain_awards_medals {
  align-items: center;
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/rouletteMain_awards_medals.png);
  background-image: url(https://img.gashinzo.com/img/static/roulette/rouletteMain_awards_medals.png);
  background-position: 100% 0;
  background-size: 400% 100%;
  color: #674170;
  display: flex;
  font-size: 1.3888888889vw;
  font-weight: 700;
  height: 68.75%;
  justify-content: center;
  width: 16%
}
#root .rouletteMain_awards_prize {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 30%
}
#root .rouletteMain_awards_prize > img {
  display: block;
  max-height: 90%;
  max-width: 100%
}
#root .rouletteMain_awards_text {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .8);
  width: 60%
}
#root .rouletteMain_box {
  flex: 0 0 41.6666666667%;
  padding-bottom: 41.6666666667%;
  position: relative;
  z-index: 1
}
#root .rouletteMain_box_wrap {
  padding: 5.5%
}
#root .rouletteMain_box_wrap:after, #root .rouletteMain_box_wrap:before {
  content: "";
  z-index: 2
}
#root .rouletteMain_box_wrap:before {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_frame.png)
}
#root .rouletteMain_box_wrap:after {
  animation: rouletteNeonLight 1s steps(2) infinite;
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_neonLight.png);
  background-size: 200% 100%
}
#root .rouletteMain_box_part {
  border-radius: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  transform: rotate3d(0, 0, 0, 0deg);
  transition: filter .4s;
  width: 100%
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list {
  left: 25%;
  width: 50%
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list:before {
  transform: rotate(-30deg)
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list.special > .rouletteMain_box_part_color:after {
  background: 0 0
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list:first-of-type {
  transform: rotate(0deg)
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list:nth-of-type(2) {
  transform: rotate(60deg)
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list:nth-of-type(3) {
  transform: rotate(120deg)
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list:nth-of-type(4) {
  transform: rotate(180deg)
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list:nth-of-type(5) {
  transform: rotate(240deg)
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list:nth-of-type(6) {
  transform: rotate(300deg)
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list:nth-of-type(odd) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-41deg, #b97111 12%, #d79636 54%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-6 > .rouletteMain_box_part_list:nth-of-type(2n) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-41deg, #a44d06 12%, #cf7b31 54%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-6 .rouletteMain_box_part_color:before {
  transform: rotate(60deg) skew(30deg)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list {
  left: 28.3%;
  width: 43.4%
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:before {
  transform: rotate(-25.7142857143deg)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(2) {
  transform: rotate(51.4285714286deg)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(3) {
  transform: rotate(102.8571428571deg)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(4) {
  transform: rotate(154.2857142857deg)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(5) {
  transform: rotate(205.7142857143deg)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(6) {
  transform: rotate(257.1428571429deg)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(7) {
  transform: rotate(308.5714285714deg)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(8) {
  transform: rotate(1turn)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_color:before, #root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_color:before, #root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(8) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-38deg, #b97111 12%, #d79636 52%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(8) > .rouletteMain_box_part_color:after {
  background-image: linear-gradient(38deg, #b97111 12%, #d79636 52%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_color:before, #root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-38deg, #a44d06 12%, #cf7b31 52%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_color:after {
  background-image: linear-gradient(38deg, #a44d06 12%, #cf7b31 52%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_color:before, #root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-38deg, #ff9000 12%, #fff118 52%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part-7 > .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_color:after {
  background-image: linear-gradient(38deg, #ff9000 12%, #fff118 52%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-7 .rouletteMain_box_part_color:before {
  transform: rotate(64.4deg) skew(38.8deg)
}
#root .rouletteMain_box_part-7 .rouletteMain_box_part_color:after {
  transform: rotate(-64.4deg) skew(-38.8deg)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list {
  left: 30.9%;
  width: 38.2%
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:before {
  transform: rotate(-22.5deg)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(2) {
  transform: rotate(45deg)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(3) {
  transform: rotate(90deg)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(4) {
  transform: rotate(135deg)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(5) {
  transform: rotate(180deg)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(6) {
  transform: rotate(225deg)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(7) {
  transform: rotate(270deg)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(8) {
  transform: rotate(315deg)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(odd) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-35.3deg, #a44d06 12%, #cf7b31 50%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(odd) > .rouletteMain_box_part_color:after {
  background-image: linear-gradient(35.3deg, #a44d06 12%, #cf7b31 50%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(2n) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-35.3deg, #ff9000 12%, #fff118 50%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-8 > .rouletteMain_box_part_list:nth-of-type(2n) > .rouletteMain_box_part_color:after {
  background-image: linear-gradient(35.3deg, #ff9000 12%, #fff118 50%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-8 .rouletteMain_box_part_color:before {
  transform: rotate(67.5deg) skew(45deg)
}
#root .rouletteMain_box_part-8 .rouletteMain_box_part_color:after {
  transform: rotate(-67.5deg) skew(-45deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list {
  left: 33%;
  width: 34%
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:before {
  transform: rotate(-20deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(2) {
  transform: rotate(40deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(3) {
  transform: rotate(80deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(4) {
  transform: rotate(120deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(5) {
  transform: rotate(160deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(6) {
  transform: rotate(200deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(7) {
  transform: rotate(240deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(8) {
  transform: rotate(280deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(9) {
  transform: rotate(320deg)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_color:before, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_color:before, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(8) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-32.7deg, #b97111 12%, #d79636 48%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(8) > .rouletteMain_box_part_color:after {
  background-image: linear-gradient(32.7deg, #b97111 12%, #d79636 48%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_color:before, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_color:before, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(9) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-32.7deg, #a44d06 12%, #cf7b31 48%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(9) > .rouletteMain_box_part_color:after {
  background-image: linear-gradient(32.7deg, #a44d06 12%, #cf7b31 48%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_color:before, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_color:before {
  background-image: linear-gradient(-32.7deg, #ff9000 12%, #fff118 48%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part-9 > .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_color:after {
  background-image: linear-gradient(32.7deg, #ff9000 12%, #fff118 48%, hsla(0, 0%, 100%, 0) 0)
}
#root .rouletteMain_box_part-9 .rouletteMain_box_part_color:before {
  transform: rotate(70deg) skew(50deg)
}
#root .rouletteMain_box_part-9 .rouletteMain_box_part_color:after {
  transform: rotate(-70deg) skew(-50deg)
}
#root .rouletteMain_box_part_list {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  height: 50%;
  justify-content: center;
  padding-bottom: 2%;
  position: absolute;
  top: 0;
  transform-origin: 50% 100%
}
#root .rouletteMain_box_part_list:before {
  animation-direction: alternate;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  background-image: linear-gradient(0deg, #8a542c, #b7854b 25%, #fff 55%, #fff 65%, #e8a569 95%);
  height: 100%;
  left: 50%;
  margin-left: -1px;
  top: 0;
  transform-origin: 50% 100%;
  transition: width .3s, margin-left .3s;
  width: 2px;
  z-index: 1
}
#root .rouletteMain_box_part_list:after {
  font-family: Verdana, sans-serif;
  font-size: 4.5833333333vw;
  font-weight: 700;
  position: relative;
  text-shadow: -.2083333333vw -.2777777778vw 0 #d49b5d, -.1388888889vw -.2777777778vw 0 #d49b5d, -.0694444444vw -.2777777778vw 0 #d49b5d, 0 -.2777777778vw 0 #d49b5d, .0694444444vw -.2777777778vw 0 #d49b5d, .1388888889vw -.2777777778vw 0 #d49b5d, .2083333333vw -.2777777778vw 0 #d49b5d, .2777777778vw -.2777777778vw 0 #d49b5d, .2777777778vw -.2083333333vw 0 #d49b5d, .2777777778vw -.1388888889vw 0 #d49b5d, .2777777778vw -.0694444444vw 0 #d49b5d, .2777777778vw 0 0 #d49b5d, .2777777778vw .0694444444vw 0 #d49b5d, .2777777778vw .1388888889vw 0 #d49b5d, .2777777778vw .2083333333vw 0 #d49b5d, .2777777778vw .2777777778vw 0 #d49b5d, .2083333333vw .2777777778vw 0 #d49b5d, .1388888889vw .2777777778vw 0 #d49b5d, .0694444444vw .2777777778vw 0 #d49b5d, 0 .2777777778vw 0 #d49b5d, -.0694444444vw .2777777778vw 0 #d49b5d, -.1388888889vw .2777777778vw 0 #d49b5d, -.2083333333vw .2777777778vw 0 #d49b5d, -.2777777778vw .2777777778vw 0 #d49b5d, -.2777777778vw .2083333333vw 0 #d49b5d, -.2777777778vw .1388888889vw 0 #d49b5d, -.2777777778vw .0694444444vw 0 #d49b5d, -.2777777778vw 0 0 #d49b5d, -.2777777778vw -.0694444444vw 0 #d49b5d, -.2777777778vw -.1388888889vw 0 #d49b5d, -.2777777778vw -.2083333333vw 0 #d49b5d, -.2777777778vw -.2777777778vw 0 #d49b5d
}
#root .rouletteMain_box_part_list.special:after {
  -webkit-text-stroke: 3px #d49b5d;
  content: "";
  font-family: rouletteStar;
  text-shadow: none
}
#root .rouletteMain_box_part_list.special > .rouletteMain_box_part_color:after, #root .rouletteMain_box_part_list.special > .rouletteMain_box_part_color:before {
  background-color: #eca95e
}
#root .rouletteMain_box_part_list:first-of-type:after {
  content: "1"
}
#root .rouletteMain_box_part_list:nth-of-type(2):after {
  content: "2"
}
#root .rouletteMain_box_part_list:nth-of-type(3):after {
  content: "3"
}
#root .rouletteMain_box_part_list:nth-of-type(4):after {
  content: "4"
}
#root .rouletteMain_box_part_list:nth-of-type(5):after {
  content: "5"
}
#root .rouletteMain_box_part_list:nth-of-type(6):after {
  content: "6"
}
#root .rouletteMain_box_part_list:nth-of-type(7):after {
  content: "7"
}
#root .rouletteMain_box_part_list:nth-of-type(8):after {
  content: "8"
}
#root .rouletteMain_box_part_list:nth-of-type(9):after {
  content: "9"
}
#root .rouletteMain_box_part_color:after, #root .rouletteMain_box_part_color:before {
  height: 100%;
  top: 0;
  width: 100%
}
#root .rouletteMain_box_part_color:before {
  left: -50%;
  transform-origin: 100% 100%
}
#root .rouletteMain_box_part_color:after {
  left: 50%;
  transform-origin: 0 100%
}
#root .rouletteMain_box_part_pic {
  display: none;
  max-height: 40%;
  max-width: 50%;
  position: relative
}
#root .rouletteMain_box_part_award {
  line-height: 1.2;
  padding-bottom: 1.25vw;
  position: relative;
  text-align: center;
  width: 70%
}
#root .rouletteMain_box_coin {
  height: 125%;
  left: -25%;
  pointer-events: none;
  position: absolute;
  top: -12.5%;
  width: 150%;
  z-index: 3
}
#root .rouletteMain_box_coinWrap {
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: rouletteBoxCoin;
  animation-timing-function: linear
}
#root .rouletteMain_box_coinWrap:first-of-type {
  animation-delay: -1s;
  animation-duration: 5s
}
#root .rouletteMain_box_coinWrap:first-of-type:after {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_coin_1.png);
  left: 76%;
  padding-bottom: 9.3333333333%;
  top: 47%;
  width: 12.7777777778%
}
#root .rouletteMain_box_coinWrap:nth-of-type(2) {
  animation-delay: -2s;
  animation-duration: 7s
}
#root .rouletteMain_box_coinWrap:nth-of-type(2):after {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_coin_2.png);
  left: 15%;
  padding-bottom: 5.2222222222%;
  top: 26%;
  width: 9.2222222222%
}
#root .rouletteMain_box_coinWrap:nth-of-type(3) {
  animation-delay: -1.5s;
  animation-duration: 6s
}
#root .rouletteMain_box_coinWrap:nth-of-type(3):after {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_coin_3.png);
  left: 68%;
  padding-bottom: 13.5555555556%;
  top: 71%;
  width: 15.4444444444%
}
#root .rouletteMain_box_coinWrap:nth-of-type(4) {
  animation-delay: -.5s;
  animation-duration: 4s
}
#root .rouletteMain_box_coinWrap:nth-of-type(4):after {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_coin_4.png);
  left: 11%;
  padding-bottom: 23.6666666667%;
  top: 71%;
  width: 30.4444444444%
}
#root .rouletteMain_box_coinWrap:nth-of-type(5) {
  animation-delay: -2.5s;
  animation-duration: 8s
}
#root .rouletteMain_box_coinWrap:nth-of-type(5):after {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_coin_5.png);
  left: 73%;
  padding-bottom: 13.2222222222%;
  top: 17%;
  width: 17.1111111111%
}
#root .rouletteMain_box_coinWrap:nth-of-type(6) {
  animation-delay: -3s;
  animation-duration: 9s
}
#root .rouletteMain_box_coinWrap:nth-of-type(6):after {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_coin_6.png);
  left: 24%;
  padding-bottom: 7%;
  top: 4%;
  width: 7.3333333333%
}
#root .rouletteMain_box_coin_1, #root .rouletteMain_box_coin_2, #root .rouletteMain_box_coin_3, #root .rouletteMain_box_coin_4, #root .rouletteMain_box_coin_5, #root .rouletteMain_box_coin_6 {
  display: none
}
#root .rouletteMain_box_btn, #root .rouletteMain_box_numberTimes {
  position: absolute;
  z-index: 3
}
#root .rouletteMain_box_btn {
  animation: rouletteMainBoxBtnShadow .65s infinite alternate both;
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_btn.png);
  background-position: 0 0;
  background-size: 200% 100%;
  border-radius: 50%;
  bottom: 0;
  box-shadow: 0 0 46px rgba(0, 0, 0, .75), 0 2px 3px 1px rgba(0, 0, 0, .35), inset -1px 0 1px rgba(0, 0, 0, .5), inset 1px 1px 1px #fff;
  cursor: pointer;
  display: flex;
  height: 18.3333333333%;
  left: 0;
  margin: auto;
  overflow: hidden;
  padding-bottom: 1.5%;
  right: 0;
  top: 0;
  width: 18.3333333333%
}
#root .rouletteMain_box_btn:after {
  animation: rouletteMainBoxBtnLight 2s infinite both;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .7) 60%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, 0));
  height: 40%;
  left: -40%;
  top: 30%;
  transform: translate3d(80%, 0, 0) rotate(-45deg);
  width: 180%
}
#root .rouletteMain_box_logo {
  margin: auto;
  max-width: 78%;
  pointer-events: none
}
#root .rouletteMain_box_numberTimes {
  animation: rouletteNumberTimes .6s .6s infinite alternate both;
  background-image: url(https://img.gashinzo.com/img/static/roulette/roulette_numberTimes.png);
  border-radius: 9%/18.75%;
  box-shadow: 0 0 16px 2px rgba(252, 255, 0, .5), inset 0 0 1px rgba(252, 255, 0, .5);
  height: 0;
  padding-bottom: 12%;
  right: 0;
  top: 0;
  width: 25%
}
#root .rouletteMain_box_numberTimes > .point_rate {
  background-color: rgba(93, 56, 12, .85);
  border-radius: 100px;
  box-shadow: inset 0 0 0 1px #ffcf7c, inset 0 0 10px #b87100, 0 2px 6px rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  padding: 1px 15px 0;
  position: absolute;
  right: -10px;
  text-shadow: 0 1px 1px #33210a;
  top: -8px
}
#root .rouletteMain_box_numberTimes > .point_rate > b {
  color: #ffefbd;
  font-size: 16px;
  font-weight: 700;
  vertical-align: bottom
}
#root .rouletteMain_box_numberTimes > div:last-child {
  align-items: center;
  color: #ff4100;
  display: flex;
  font-weight: 700;
  justify-content: center;
  padding-bottom: 1%;
  text-shadow: 2px 2px 0 #f3cb00;
  transform: skew(-6deg)
}
#root .rouletteMain_box_numberTimes span:first-of-type {
  font-size: 28px
}
#root .rouletteMain_box_numberTimes span:nth-of-type(2) {
  font-size: 14px;
  letter-spacing: -1px;
  margin-left: 4px
}
#root .rouletteMain_winner {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/rouletteMain_winnerList.png);
  padding-bottom: 41.6666666667%
}
#root .rouletteMain_winner_wrap {
  display: flex;
  flex-direction: column;
  padding: 5.0847457627%
}
#root .rouletteMain_winner_wrap:after, #root .rouletteMain_winner_wrap:before {
  left: 50%;
  z-index: 1
}
#root .rouletteMain_winner_wrap:before {
  background-image: url(https://img.gashinzo.com/img/static/roulette/rouletteMain_winnerList_t.png);
  padding-bottom: 40.6779661017%;
  top: 0;
  transform: translate(-50%, -95%);
  width: 86.7796610169%
}
#root .rouletteMain_winner_wrap:after {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/rouletteMain_winnerList_b.png);
  bottom: 0;
  padding-bottom: 28.813559322%;
  transform: translate(-50%, 40%);
  width: 124.0677966102%
}
#root .rouletteMain_winner_head {
  background-color: rgba(255, 255, 255, .15);
  border-radius: 20px;
  display: flex;
  margin-bottom: 5.6603773585%;
  position: relative
}
#root .rouletteMain_winner_head_item {
  color: #ffd6d6;
  cursor: pointer;
  flex: 1 1 0;
  font-size: 1.25vw;
  line-height: 2.3611111111vw;
  position: relative;
  text-align: center;
  transition: color .4s, text-shadow .4s;
  z-index: 1
}
#root .rouletteMain_winner_head_cursor {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/rouletteMain_winner_btn.png);
  margin: -2px 0 0 -4px;
  padding-bottom: 14.3396226415%;
  position: absolute;
  top: 0;
  transition: left .4s;
  width: 52.8301886792%
}
#root .rouletteMain_winner_head.winnerList > div:first-of-type {
  color: #fff;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, .6)
}
#root .rouletteMain_winner_head.winnerList + .rouletteMain_winner_slider > ul, #root .rouletteMain_winner_head.winnerList > .rouletteMain_winner_head_cursor {
  left: 0
}
#root .rouletteMain_winner_head.winnerRecord > div:nth-of-type(2) {
  color: #fff;
  text-shadow: 0 1px 1px #5a29a7
}
#root .rouletteMain_winner_head.winnerRecord > .rouletteMain_winner_head_cursor {
  left: 50%
}
#root .rouletteMain_winner_head.winnerRecord + .rouletteMain_winner_slider > ul:first-of-type, #root .rouletteMain_winner_head.winnerRecord + .rouletteMain_winner_slider > ul:nth-of-type(2) {
  left: -100%
}
#root .rouletteMain_winner_slider {
  display: flex;
  flex: 1 1 0;
  overflow: hidden
}
#root .rouletteMain_winner_list {
  flex: 0 0 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  transition: left .4s
}
#root .rouletteMain_winner_list.animation {
  overflow: visible;
  transition: transform 1s, left .4s
}
#root .rouletteMain_winner_item {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  justify-content: center;
  line-height: 38px;
  padding: 0 3.5%
}
#root .rouletteMain_winner_item > span {
  line-height: 1.5em
}
#root .rouletteMain_winner_date {
  display: flex;
  font-size: 15px;
  justify-content: space-between;
  text-align: center;
  white-space: nowrap
}
#root .rouletteMain_winner_date > span {
  display: inline-block;
  flex: 1;
  height: 22px
}
#root .rouletteMain_winner_date > span:first-child {
  text-align: left
}
#root .rouletteMain_winner_date > span:nth-child(2) {
  text-align: right
}
#root .rouletteMain_winner_prize {
  color: #ffdb00;
  display: inline-block;
  height: 22px;
  margin-right: 10%;
  text-align: right;
  width: 100%
}
#root .rouletteMain_winner .winner-top-banner {
  margin-bottom: 5.0847457627%
}
#root .rouletteMain_winner .winner-top-banner img {
  width: 100%
}
#root .rouletteRule {
  background-image: linear-gradient(180deg, #33210a 120px, #17120c);
  padding: 68px 0 85px;
  position: relative
}
#root .rouletteRule:after {
  animation: rouletteTiger 2s linear infinite;
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/tiger.png);
  content: "";
  left: 50%;
  padding-bottom: 14.1666666667%;
  position: absolute;
  top: 0;
  transform: translate3d(30%, -100%, 0);
  width: 21.8055555556%;
  z-index: 1
}
#root .rouletteRule_wrap {
  background-image: linear-gradient(180deg, #b3894d, #5d380c);
  border-radius: 20px;
  box-shadow: 0 0 46px rgba(0, 0, 0, .5), inset 0 4px 7px rgba(255, 255, 255, .25), inset 0 -4px 7px rgba(0, 0, 0, .25);
  color: #fff;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 350px;
  padding: 80px 45px;
  position: relative
}
#root .rouletteRule_wrap:before {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/tree_left.png);
  bottom: 100px;
  height: 249px;
  left: -200px;
  width: 232px
}
#root .rouletteRule_wrap:after {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/tree_right.png);
  height: 183px;
  right: -120px;
  top: 100px;
  width: 150px
}
#root .rouletteRule_title {
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_rule_title.png);
  box-sizing: content-box;
  font-size: 24px;
  font-weight: 700;
  height: 75px;
  left: 50%;
  line-height: 76px;
  margin-top: -30px;
  padding-top: 0;
  position: absolute;
  text-align: center;
  text-shadow: 0 -2px 0 rgba(0, 0, 0, .5);
  top: 0;
  transform: translate3d(-50%, 0, 0);
  width: 366px
}
#root .rouletteRule_text {
  color: #fff;
  font-size: 16px;
  line-height: 1.5
}
#root .rouletteRule_text + .rouletteRule_text {
  margin-top: 24px
}
#root .rouletteRule_text strong {
  font-weight: 700
}
#root .rouletteRule_text p {
  min-height: 16px
}
#root .rouletteRule_text a {
  color: inherit
}
#root .rouletteRule_text img {
  width: 100%
}
#root .roulettePopup {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -2
}
#root .roulettePopup_wrap {
  display: flex;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1
}
#root .roulettePopup_wrap:before {
  background-color: transparent;
  content: "";
  transition: background-color .2s, -webkit-backdrop-filter .2s;
  transition: background-color .2s, backdrop-filter .2s;
  transition: background-color .2s, backdrop-filter .2s, -webkit-backdrop-filter .2s;
  z-index: -1
}
#root .roulettePopup_box {
  align-items: center;
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulettePopup_box.png);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 72vh;
  justify-content: center;
  margin: auto;
  max-height: 630px;
  max-width: 776px;
  min-height: 430px;
  opacity: 0;
  position: relative;
  transform: scale3d(.5, .5, 1);
  transition: opacity .3s .1s, transform .3s .1s;
  width: 88.6857142857vh
}
#root .roulettePopup_box:after, #root .roulettePopup_box:before {
  height: 80.9523809524%;
  left: 2%;
  pointer-events: none;
  top: 10%;
  width: 103.0927835052%
}
#root .roulettePopup_box:before {
  animation-direction: alternate;
  animation-timing-function: linear;
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulettePopup_blue.png);
  transform-origin: 40% 50%
}
#root .roulettePopup_box:after {
  animation-direction: alternate-reverse;
  background-image: url(https://img.gashinzo.com/img/static/roulette/roulettePopup_red.png);
  transform-origin: 55% 40%
}
#root .roulettePopup_box > p {
  font-size: 1.4583333333vw;
  padding: 1.1111111111vw 0
}
#root .roulettePopup_box > h3 {
  font-size: 2.6388888889vw;
  font-weight: 700;
  padding-bottom: 1.1111111111vw;
  position: relative;
  text-shadow: 0 0 1.25vw #ffba00, 0 0 2.5vw #ffba00, 0 1px 2.5vw #ffba00;
  z-index: 1
}
#root .roulettePopup_box > img {
  margin-bottom: 5px;
  position: relative;
  width: 15.9722222222vw;
  z-index: 1
}
#root .roulettePopup_tenTimes {
  align-content: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 12.8708333333vw;
  justify-content: center;
  margin-bottom: 10px;
  position: relative;
  width: 80%;
  z-index: 1
}
#root .roulettePopup_tenTimes > h3 {
  align-items: center;
  background-color: rgba(0, 0, 0, .7);
  border-radius: 100px;
  display: flex;
  font-size: 16px;
  height: 17%;
  line-height: 1;
  margin: .5% 2px 0;
  padding: 0 5px;
  text-shadow: 0 0 .6944444444vw #ffba00, 0 0 1.5277777778vw #ffba00, 0 1px 1.5277777778vw #ffba00;
  width: 50%
}
#root .roulettePopup_tenTimes > h3 b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#root .roulettePopup_tenTimes > h3:before {
  background-color: #ffba00;
  border-radius: 50%;
  box-shadow: .5px 0 0 2px #ffba00;
  display: inline-block;
  flex: 1.3368055556vw 0 0;
  font-size: 1.1111111111vw;
  font-weight: 400;
  height: 1.3368055556vw;
  line-height: 1.3368055556vw;
  margin-right: .4166666667vw;
  text-align: center;
  vertical-align: top;
  width: 1.3888888889vw
}
#root .roulettePopup_tenTimes > h3:first-of-type:before {
  content: "1"
}
#root .roulettePopup_tenTimes > h3:nth-of-type(2):before {
  content: "2"
}
#root .roulettePopup_tenTimes > h3:nth-of-type(3):before {
  content: "3"
}
#root .roulettePopup_tenTimes > h3:nth-of-type(4):before {
  content: "4"
}
#root .roulettePopup_tenTimes > h3:nth-of-type(5):before {
  content: "5"
}
#root .roulettePopup_tenTimes > h3:nth-of-type(6):before {
  content: "6"
}
#root .roulettePopup_tenTimes > h3:nth-of-type(7):before {
  content: "7"
}
#root .roulettePopup_tenTimes > h3:nth-of-type(8):before {
  content: "8"
}
#root .roulettePopup_tenTimes > h3:nth-of-type(9):before {
  content: "9"
}
#root .roulettePopup_tenTimes > h3:nth-of-type(10):before {
  content: "10"
}
#root .roulettePopup_btnWrap {
  display: flex;
  margin-bottom: 15px;
  position: relative;
  z-index: 1
}
#root .roulettePopup_btnWrap > .roulettePopup_btn {
  padding: 0 19px
}
#root .roulettePopup_btnWrap > .roulettePopup_btn + .roulettePopup_btn {
  margin-left: 20px
}
#root .roulettePopup .roulettePopup_btn {
  cursor: pointer
}
#root .roulettePopup_btn {
  background-color: rgba(0, 0, 0, .75);
  background-image: url(https://img.gashinzo.com/img/static/roulette/golden/roulette_winner_btn_lm.png), url(https://img.gashinzo.com/img/static/roulette/golden/roulette_winner_btn_cm.png), url(https://img.gashinzo.com/img/static/roulette/golden/roulette_winner_btn_rm.png);
  background-position: 0 0, 50% 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 19px 100%, calc(100% - 36px) 100%, 19px 100%;
  border-radius: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .75), inset 0 0 2px 2px rgba(0, 0, 0, .75);
  font-size: 16px;
  line-height: 38px;
  padding: 0 36px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .75)
}
#root .roulettePopup_btn.disabled {
  filter: grayscale(1)
}
#root .roulettePopup_close {
  height: 50px;
  padding: 6px;
  position: absolute;
  right: 7.5%;
  top: 7.5%;
  width: 50px
}
#root .roulettePopup_close > div {
  background-color: rgba(255, 255, 255, .6);
  border-radius: 50%;
  cursor: pointer;
  height: 100%
}
#root .roulettePopup_close > div:after, #root .roulettePopup_close > div:before {
  background-color: #000;
  border-radius: 2px;
  height: 2px;
  left: 50%;
  top: 50%;
  width: 22px
}
#root .roulettePopup_close > div:before {
  transform: translate3d(-50%, -50%, 0) rotate(45deg)
}
#root .roulettePopup_close > div:after {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}
#root .rouletteMain_box_btn.disabled {
  background-position: 100% 0;
  pointer-events: none
}
#root .rouletteMain_box_btn.disabled:after {
  animation-name: none
}
#root .rouletteMain_box_btn.disabled .rouletteMain_box_logo {
  filter: grayscale(1)
}
#root .rouletteMain_box_wrap-rotate > .rouletteMain_box_part {
  animation-iteration-count: infinite;
  animation-name: rouletteMainBoxPart;
  animation-timing-function: linear
}
#root .rouletteMain_box_wrap-rotate > .rouletteMain_box_part-9 {
  animation-duration: .3s
}
#root .rouletteMain_box_wrap-rotate > .rouletteMain_box_part-8 {
  animation-duration: .275s
}
#root .rouletteMain_box_wrap-rotate > .rouletteMain_box_part-7 {
  animation-duration: .25s
}
#root .rouletteMain_box_wrap-rotate > .rouletteMain_box_part-6 {
  animation-duration: .225s
}
#root .rouletteMain_box_wrap-rotate .rouletteMain_box_btn {
  background-position: 100% 0;
  pointer-events: none
}
#root .rouletteMain_box_wrap-rotate .rouletteMain_box_btn:after {
  animation-name: none
}
#root .rouletteMain_box_wrap-rotate .rouletteMain_box_logo {
  filter: grayscale(1)
}
#root .rouletteMain_P6_N0 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P6_N0 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P6_N1 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P6_N1 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P6_N2 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P6_N2 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P6_N3 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P6_N3 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P6_N4 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P6_N4 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P6_N5 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P6_N5 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P7_N0 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P7_N0 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P7_N1 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P7_N1 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P7_N2 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P7_N2 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P7_N3 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P7_N3 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P7_N4 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P7_N4 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P7_N5 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P7_N5 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P7_N6 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P7_N6 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P8_N0 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P8_N0 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P8_N1 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P8_N1 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P8_N2 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P8_N2 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P8_N3 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P8_N3 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P8_N4 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P8_N4 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P8_N5 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P8_N5 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P8_N6 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P8_N6 .rouletteMain_box_part_list:nth-of-type(8):before, #root .rouletteMain_P8_N7 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P8_N7 .rouletteMain_box_part_list:nth-of-type(8):before, #root .rouletteMain_P9_N0 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P9_N0 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P9_N1 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P9_N1 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P9_N2 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P9_N2 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P9_N3 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P9_N3 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P9_N4 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P9_N4 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P9_N5 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P9_N5 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P9_N6 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P9_N6 .rouletteMain_box_part_list:nth-of-type(8):before, #root .rouletteMain_P9_N7 .rouletteMain_box_part_list:nth-of-type(8):before, #root .rouletteMain_P9_N7 .rouletteMain_box_part_list:nth-of-type(9):before, #root .rouletteMain_P9_N8 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P9_N8 .rouletteMain_box_part_list:nth-of-type(9):before {
  animation-delay: 2.2s;
  animation-name: roulettePrizeNumber;
  margin-left: -2px;
  transition-delay: 2.2s;
  width: 4px
}
#root .rouletteMain_P6_N0 > .rouletteMain_box_part, #root .rouletteMain_P6_N1 > .rouletteMain_box_part, #root .rouletteMain_P6_N2 > .rouletteMain_box_part, #root .rouletteMain_P6_N3 > .rouletteMain_box_part, #root .rouletteMain_P6_N4 > .rouletteMain_box_part, #root .rouletteMain_P6_N5 > .rouletteMain_box_part, #root .rouletteMain_P6_N6 > .rouletteMain_box_part, #root .rouletteMain_P6_N7 > .rouletteMain_box_part, #root .rouletteMain_P6_N8 > .rouletteMain_box_part, #root .rouletteMain_P7_N0 > .rouletteMain_box_part, #root .rouletteMain_P7_N1 > .rouletteMain_box_part, #root .rouletteMain_P7_N2 > .rouletteMain_box_part, #root .rouletteMain_P7_N3 > .rouletteMain_box_part, #root .rouletteMain_P7_N4 > .rouletteMain_box_part, #root .rouletteMain_P7_N5 > .rouletteMain_box_part, #root .rouletteMain_P7_N6 > .rouletteMain_box_part, #root .rouletteMain_P7_N7 > .rouletteMain_box_part, #root .rouletteMain_P7_N8 > .rouletteMain_box_part, #root .rouletteMain_P8_N0 > .rouletteMain_box_part, #root .rouletteMain_P8_N1 > .rouletteMain_box_part, #root .rouletteMain_P8_N2 > .rouletteMain_box_part, #root .rouletteMain_P8_N3 > .rouletteMain_box_part, #root .rouletteMain_P8_N4 > .rouletteMain_box_part, #root .rouletteMain_P8_N5 > .rouletteMain_box_part, #root .rouletteMain_P8_N6 > .rouletteMain_box_part, #root .rouletteMain_P8_N7 > .rouletteMain_box_part, #root .rouletteMain_P8_N8 > .rouletteMain_box_part, #root .rouletteMain_P9_N0 > .rouletteMain_box_part, #root .rouletteMain_P9_N1 > .rouletteMain_box_part, #root .rouletteMain_P9_N2 > .rouletteMain_box_part, #root .rouletteMain_P9_N3 > .rouletteMain_box_part, #root .rouletteMain_P9_N4 > .rouletteMain_box_part, #root .rouletteMain_P9_N5 > .rouletteMain_box_part, #root .rouletteMain_P9_N6 > .rouletteMain_box_part, #root .rouletteMain_P9_N7 > .rouletteMain_box_part, #root .rouletteMain_P9_N8 > .rouletteMain_box_part {
  animation-duration: 2.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, .15, 1.1)
}
#root .rouletteMain_P6_N0 .rouletteMain_box_part_award, #root .rouletteMain_P6_N0 .rouletteMain_box_part_list:after, #root .rouletteMain_P6_N1 .rouletteMain_box_part_award, #root .rouletteMain_P6_N1 .rouletteMain_box_part_list:after, #root .rouletteMain_P6_N2 .rouletteMain_box_part_award, #root .rouletteMain_P6_N2 .rouletteMain_box_part_list:after, #root .rouletteMain_P6_N3 .rouletteMain_box_part_award, #root .rouletteMain_P6_N3 .rouletteMain_box_part_list:after, #root .rouletteMain_P6_N4 .rouletteMain_box_part_award, #root .rouletteMain_P6_N4 .rouletteMain_box_part_list:after, #root .rouletteMain_P6_N5 .rouletteMain_box_part_award, #root .rouletteMain_P6_N5 .rouletteMain_box_part_list:after, #root .rouletteMain_P6_N6 .rouletteMain_box_part_award, #root .rouletteMain_P6_N6 .rouletteMain_box_part_list:after, #root .rouletteMain_P6_N7 .rouletteMain_box_part_award, #root .rouletteMain_P6_N7 .rouletteMain_box_part_list:after, #root .rouletteMain_P6_N8 .rouletteMain_box_part_award, #root .rouletteMain_P6_N8 .rouletteMain_box_part_list:after, #root .rouletteMain_P7_N0 .rouletteMain_box_part_award, #root .rouletteMain_P7_N0 .rouletteMain_box_part_list:after, #root .rouletteMain_P7_N1 .rouletteMain_box_part_award, #root .rouletteMain_P7_N1 .rouletteMain_box_part_list:after, #root .rouletteMain_P7_N2 .rouletteMain_box_part_award, #root .rouletteMain_P7_N2 .rouletteMain_box_part_list:after, #root .rouletteMain_P7_N3 .rouletteMain_box_part_award, #root .rouletteMain_P7_N3 .rouletteMain_box_part_list:after, #root .rouletteMain_P7_N4 .rouletteMain_box_part_award, #root .rouletteMain_P7_N4 .rouletteMain_box_part_list:after, #root .rouletteMain_P7_N5 .rouletteMain_box_part_award, #root .rouletteMain_P7_N5 .rouletteMain_box_part_list:after, #root .rouletteMain_P7_N6 .rouletteMain_box_part_award, #root .rouletteMain_P7_N6 .rouletteMain_box_part_list:after, #root .rouletteMain_P7_N7 .rouletteMain_box_part_award, #root .rouletteMain_P7_N7 .rouletteMain_box_part_list:after, #root .rouletteMain_P7_N8 .rouletteMain_box_part_award, #root .rouletteMain_P7_N8 .rouletteMain_box_part_list:after, #root .rouletteMain_P8_N0 .rouletteMain_box_part_award, #root .rouletteMain_P8_N0 .rouletteMain_box_part_list:after, #root .rouletteMain_P8_N1 .rouletteMain_box_part_award, #root .rouletteMain_P8_N1 .rouletteMain_box_part_list:after, #root .rouletteMain_P8_N2 .rouletteMain_box_part_award, #root .rouletteMain_P8_N2 .rouletteMain_box_part_list:after, #root .rouletteMain_P8_N3 .rouletteMain_box_part_award, #root .rouletteMain_P8_N3 .rouletteMain_box_part_list:after, #root .rouletteMain_P8_N4 .rouletteMain_box_part_award, #root .rouletteMain_P8_N4 .rouletteMain_box_part_list:after, #root .rouletteMain_P8_N5 .rouletteMain_box_part_award, #root .rouletteMain_P8_N5 .rouletteMain_box_part_list:after, #root .rouletteMain_P8_N6 .rouletteMain_box_part_award, #root .rouletteMain_P8_N6 .rouletteMain_box_part_list:after, #root .rouletteMain_P8_N7 .rouletteMain_box_part_award, #root .rouletteMain_P8_N7 .rouletteMain_box_part_list:after, #root .rouletteMain_P8_N8 .rouletteMain_box_part_award, #root .rouletteMain_P8_N8 .rouletteMain_box_part_list:after, #root .rouletteMain_P9_N0 .rouletteMain_box_part_award, #root .rouletteMain_P9_N0 .rouletteMain_box_part_list:after, #root .rouletteMain_P9_N1 .rouletteMain_box_part_award, #root .rouletteMain_P9_N1 .rouletteMain_box_part_list:after, #root .rouletteMain_P9_N2 .rouletteMain_box_part_award, #root .rouletteMain_P9_N2 .rouletteMain_box_part_list:after, #root .rouletteMain_P9_N3 .rouletteMain_box_part_award, #root .rouletteMain_P9_N3 .rouletteMain_box_part_list:after, #root .rouletteMain_P9_N4 .rouletteMain_box_part_award, #root .rouletteMain_P9_N4 .rouletteMain_box_part_list:after, #root .rouletteMain_P9_N5 .rouletteMain_box_part_award, #root .rouletteMain_P9_N5 .rouletteMain_box_part_list:after, #root .rouletteMain_P9_N6 .rouletteMain_box_part_award, #root .rouletteMain_P9_N6 .rouletteMain_box_part_list:after, #root .rouletteMain_P9_N7 .rouletteMain_box_part_award, #root .rouletteMain_P9_N7 .rouletteMain_box_part_list:after, #root .rouletteMain_P9_N8 .rouletteMain_box_part_award, #root .rouletteMain_P9_N8 .rouletteMain_box_part_list:after {
  animation-delay: 2.2s;
  animation-direction: alternate;
  animation-duration: .5s;
  animation-iteration-count: infinite
}
#root .rouletteMain_P6_N0 .rouletteMain_box_btn, #root .rouletteMain_P6_N0 .rouletteMain_box_btn:after, #root .rouletteMain_P6_N1 .rouletteMain_box_btn, #root .rouletteMain_P6_N1 .rouletteMain_box_btn:after, #root .rouletteMain_P6_N2 .rouletteMain_box_btn, #root .rouletteMain_P6_N2 .rouletteMain_box_btn:after, #root .rouletteMain_P6_N3 .rouletteMain_box_btn, #root .rouletteMain_P6_N3 .rouletteMain_box_btn:after, #root .rouletteMain_P6_N4 .rouletteMain_box_btn, #root .rouletteMain_P6_N4 .rouletteMain_box_btn:after, #root .rouletteMain_P6_N5 .rouletteMain_box_btn, #root .rouletteMain_P6_N5 .rouletteMain_box_btn:after, #root .rouletteMain_P6_N6 .rouletteMain_box_btn, #root .rouletteMain_P6_N6 .rouletteMain_box_btn:after, #root .rouletteMain_P6_N7 .rouletteMain_box_btn, #root .rouletteMain_P6_N7 .rouletteMain_box_btn:after, #root .rouletteMain_P6_N8 .rouletteMain_box_btn, #root .rouletteMain_P6_N8 .rouletteMain_box_btn:after, #root .rouletteMain_P7_N0 .rouletteMain_box_btn, #root .rouletteMain_P7_N0 .rouletteMain_box_btn:after, #root .rouletteMain_P7_N1 .rouletteMain_box_btn, #root .rouletteMain_P7_N1 .rouletteMain_box_btn:after, #root .rouletteMain_P7_N2 .rouletteMain_box_btn, #root .rouletteMain_P7_N2 .rouletteMain_box_btn:after, #root .rouletteMain_P7_N3 .rouletteMain_box_btn, #root .rouletteMain_P7_N3 .rouletteMain_box_btn:after, #root .rouletteMain_P7_N4 .rouletteMain_box_btn, #root .rouletteMain_P7_N4 .rouletteMain_box_btn:after, #root .rouletteMain_P7_N5 .rouletteMain_box_btn, #root .rouletteMain_P7_N5 .rouletteMain_box_btn:after, #root .rouletteMain_P7_N6 .rouletteMain_box_btn, #root .rouletteMain_P7_N6 .rouletteMain_box_btn:after, #root .rouletteMain_P7_N7 .rouletteMain_box_btn, #root .rouletteMain_P7_N7 .rouletteMain_box_btn:after, #root .rouletteMain_P7_N8 .rouletteMain_box_btn, #root .rouletteMain_P7_N8 .rouletteMain_box_btn:after, #root .rouletteMain_P8_N0 .rouletteMain_box_btn, #root .rouletteMain_P8_N0 .rouletteMain_box_btn:after, #root .rouletteMain_P8_N1 .rouletteMain_box_btn, #root .rouletteMain_P8_N1 .rouletteMain_box_btn:after, #root .rouletteMain_P8_N2 .rouletteMain_box_btn, #root .rouletteMain_P8_N2 .rouletteMain_box_btn:after, #root .rouletteMain_P8_N3 .rouletteMain_box_btn, #root .rouletteMain_P8_N3 .rouletteMain_box_btn:after, #root .rouletteMain_P8_N4 .rouletteMain_box_btn, #root .rouletteMain_P8_N4 .rouletteMain_box_btn:after, #root .rouletteMain_P8_N5 .rouletteMain_box_btn, #root .rouletteMain_P8_N5 .rouletteMain_box_btn:after, #root .rouletteMain_P8_N6 .rouletteMain_box_btn, #root .rouletteMain_P8_N6 .rouletteMain_box_btn:after, #root .rouletteMain_P8_N7 .rouletteMain_box_btn, #root .rouletteMain_P8_N7 .rouletteMain_box_btn:after, #root .rouletteMain_P8_N8 .rouletteMain_box_btn, #root .rouletteMain_P8_N8 .rouletteMain_box_btn:after, #root .rouletteMain_P9_N0 .rouletteMain_box_btn, #root .rouletteMain_P9_N0 .rouletteMain_box_btn:after, #root .rouletteMain_P9_N1 .rouletteMain_box_btn, #root .rouletteMain_P9_N1 .rouletteMain_box_btn:after, #root .rouletteMain_P9_N2 .rouletteMain_box_btn, #root .rouletteMain_P9_N2 .rouletteMain_box_btn:after, #root .rouletteMain_P9_N3 .rouletteMain_box_btn, #root .rouletteMain_P9_N3 .rouletteMain_box_btn:after, #root .rouletteMain_P9_N4 .rouletteMain_box_btn, #root .rouletteMain_P9_N4 .rouletteMain_box_btn:after, #root .rouletteMain_P9_N5 .rouletteMain_box_btn, #root .rouletteMain_P9_N5 .rouletteMain_box_btn:after, #root .rouletteMain_P9_N6 .rouletteMain_box_btn, #root .rouletteMain_P9_N6 .rouletteMain_box_btn:after, #root .rouletteMain_P9_N7 .rouletteMain_box_btn, #root .rouletteMain_P9_N7 .rouletteMain_box_btn:after, #root .rouletteMain_P9_N8 .rouletteMain_box_btn, #root .rouletteMain_P9_N8 .rouletteMain_box_btn:after {
  animation-delay: 2.2s
}
#root .rouletteMain_P6_N0 .rouletteMain_box_btn, #root .rouletteMain_P6_N0 .rouletteMain_box_logo, #root .rouletteMain_P6_N1 .rouletteMain_box_btn, #root .rouletteMain_P6_N1 .rouletteMain_box_logo, #root .rouletteMain_P6_N2 .rouletteMain_box_btn, #root .rouletteMain_P6_N2 .rouletteMain_box_logo, #root .rouletteMain_P6_N3 .rouletteMain_box_btn, #root .rouletteMain_P6_N3 .rouletteMain_box_logo, #root .rouletteMain_P6_N4 .rouletteMain_box_btn, #root .rouletteMain_P6_N4 .rouletteMain_box_logo, #root .rouletteMain_P6_N5 .rouletteMain_box_btn, #root .rouletteMain_P6_N5 .rouletteMain_box_logo, #root .rouletteMain_P6_N6 .rouletteMain_box_btn, #root .rouletteMain_P6_N6 .rouletteMain_box_logo, #root .rouletteMain_P6_N7 .rouletteMain_box_btn, #root .rouletteMain_P6_N7 .rouletteMain_box_logo, #root .rouletteMain_P6_N8 .rouletteMain_box_btn, #root .rouletteMain_P6_N8 .rouletteMain_box_logo, #root .rouletteMain_P7_N0 .rouletteMain_box_btn, #root .rouletteMain_P7_N0 .rouletteMain_box_logo, #root .rouletteMain_P7_N1 .rouletteMain_box_btn, #root .rouletteMain_P7_N1 .rouletteMain_box_logo, #root .rouletteMain_P7_N2 .rouletteMain_box_btn, #root .rouletteMain_P7_N2 .rouletteMain_box_logo, #root .rouletteMain_P7_N3 .rouletteMain_box_btn, #root .rouletteMain_P7_N3 .rouletteMain_box_logo, #root .rouletteMain_P7_N4 .rouletteMain_box_btn, #root .rouletteMain_P7_N4 .rouletteMain_box_logo, #root .rouletteMain_P7_N5 .rouletteMain_box_btn, #root .rouletteMain_P7_N5 .rouletteMain_box_logo, #root .rouletteMain_P7_N6 .rouletteMain_box_btn, #root .rouletteMain_P7_N6 .rouletteMain_box_logo, #root .rouletteMain_P7_N7 .rouletteMain_box_btn, #root .rouletteMain_P7_N7 .rouletteMain_box_logo, #root .rouletteMain_P7_N8 .rouletteMain_box_btn, #root .rouletteMain_P7_N8 .rouletteMain_box_logo, #root .rouletteMain_P8_N0 .rouletteMain_box_btn, #root .rouletteMain_P8_N0 .rouletteMain_box_logo, #root .rouletteMain_P8_N1 .rouletteMain_box_btn, #root .rouletteMain_P8_N1 .rouletteMain_box_logo, #root .rouletteMain_P8_N2 .rouletteMain_box_btn, #root .rouletteMain_P8_N2 .rouletteMain_box_logo, #root .rouletteMain_P8_N3 .rouletteMain_box_btn, #root .rouletteMain_P8_N3 .rouletteMain_box_logo, #root .rouletteMain_P8_N4 .rouletteMain_box_btn, #root .rouletteMain_P8_N4 .rouletteMain_box_logo, #root .rouletteMain_P8_N5 .rouletteMain_box_btn, #root .rouletteMain_P8_N5 .rouletteMain_box_logo, #root .rouletteMain_P8_N6 .rouletteMain_box_btn, #root .rouletteMain_P8_N6 .rouletteMain_box_logo, #root .rouletteMain_P8_N7 .rouletteMain_box_btn, #root .rouletteMain_P8_N7 .rouletteMain_box_logo, #root .rouletteMain_P8_N8 .rouletteMain_box_btn, #root .rouletteMain_P8_N8 .rouletteMain_box_logo, #root .rouletteMain_P9_N0 .rouletteMain_box_btn, #root .rouletteMain_P9_N0 .rouletteMain_box_logo, #root .rouletteMain_P9_N1 .rouletteMain_box_btn, #root .rouletteMain_P9_N1 .rouletteMain_box_logo, #root .rouletteMain_P9_N2 .rouletteMain_box_btn, #root .rouletteMain_P9_N2 .rouletteMain_box_logo, #root .rouletteMain_P9_N3 .rouletteMain_box_btn, #root .rouletteMain_P9_N3 .rouletteMain_box_logo, #root .rouletteMain_P9_N4 .rouletteMain_box_btn, #root .rouletteMain_P9_N4 .rouletteMain_box_logo, #root .rouletteMain_P9_N5 .rouletteMain_box_btn, #root .rouletteMain_P9_N5 .rouletteMain_box_logo, #root .rouletteMain_P9_N6 .rouletteMain_box_btn, #root .rouletteMain_P9_N6 .rouletteMain_box_logo, #root .rouletteMain_P9_N7 .rouletteMain_box_btn, #root .rouletteMain_P9_N7 .rouletteMain_box_logo, #root .rouletteMain_P9_N8 .rouletteMain_box_btn, #root .rouletteMain_P9_N8 .rouletteMain_box_logo {
  transition-delay: 2.2s
}
#root .rouletteMain_P6_N0 > .rouletteMain_box_part, #root .rouletteMain_P7_N0 > .rouletteMain_box_part, #root .rouletteMain_P8_N0 > .rouletteMain_box_part, #root .rouletteMain_P9_N0 > .rouletteMain_box_part {
  animation-name: rouletteMain_P6789_N0
}
#root .rouletteMain_P6_N0 .rouletteMain_box_part_list:first-of-type:after, #root .rouletteMain_P7_N0 .rouletteMain_box_part_list:first-of-type:after, #root .rouletteMain_P8_N0 .rouletteMain_box_part_list:first-of-type:after, #root .rouletteMain_P9_N0 .rouletteMain_box_part_list:first-of-type:after {
  animation-name: roulettePrizeNumber0Shadow
}
#root .rouletteMain_P6_N0 .rouletteMain_box_part_list:first-of-type > .rouletteMain_box_part_award, #root .rouletteMain_P7_N0 .rouletteMain_box_part_list:first-of-type > .rouletteMain_box_part_award, #root .rouletteMain_P8_N0 .rouletteMain_box_part_list:first-of-type > .rouletteMain_box_part_award, #root .rouletteMain_P9_N0 .rouletteMain_box_part_list:first-of-type > .rouletteMain_box_part_award {
  animation-name: roulettePrizeNumberAward
}
#root .rouletteMain_P6_N1 .rouletteMain_box_part_list:nth-of-type(2):after, #root .rouletteMain_P7_N1 .rouletteMain_box_part_list:nth-of-type(2):after, #root .rouletteMain_P8_N1 .rouletteMain_box_part_list:nth-of-type(2):after, #root .rouletteMain_P9_N1 .rouletteMain_box_part_list:nth-of-type(2):after {
  animation-name: roulettePrizeNumberText
}
#root .rouletteMain_P6_N1 .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N1 .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N1 .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N1 .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_award {
  animation-name: roulettePrizeNumberAward
}
#root .rouletteMain_P6_N2 .rouletteMain_box_part_list:nth-of-type(3):after, #root .rouletteMain_P7_N2 .rouletteMain_box_part_list:nth-of-type(3):after, #root .rouletteMain_P8_N2 .rouletteMain_box_part_list:nth-of-type(3):after, #root .rouletteMain_P9_N2 .rouletteMain_box_part_list:nth-of-type(3):after {
  animation-name: roulettePrizeNumberText
}
#root .rouletteMain_P6_N2 .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N2 .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N2 .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N2 .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_award {
  animation-name: roulettePrizeNumberAward
}
#root .rouletteMain_P6_N3 .rouletteMain_box_part_list:nth-of-type(4):after, #root .rouletteMain_P7_N3 .rouletteMain_box_part_list:nth-of-type(4):after, #root .rouletteMain_P8_N3 .rouletteMain_box_part_list:nth-of-type(4):after, #root .rouletteMain_P9_N3 .rouletteMain_box_part_list:nth-of-type(4):after {
  animation-name: roulettePrizeNumberText
}
#root .rouletteMain_P6_N3 .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N3 .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N3 .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N3 .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_award {
  animation-name: roulettePrizeNumberAward
}
#root .rouletteMain_P6_N4 .rouletteMain_box_part_list:nth-of-type(5):after, #root .rouletteMain_P7_N4 .rouletteMain_box_part_list:nth-of-type(5):after, #root .rouletteMain_P8_N4 .rouletteMain_box_part_list:nth-of-type(5):after, #root .rouletteMain_P9_N4 .rouletteMain_box_part_list:nth-of-type(5):after {
  animation-name: roulettePrizeNumberText
}
#root .rouletteMain_P6_N4 .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N4 .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N4 .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N4 .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_award {
  animation-name: roulettePrizeNumberAward
}
#root .rouletteMain_P6_N5 .rouletteMain_box_part_list:nth-of-type(6):after, #root .rouletteMain_P7_N5 .rouletteMain_box_part_list:nth-of-type(6):after, #root .rouletteMain_P8_N5 .rouletteMain_box_part_list:nth-of-type(6):after, #root .rouletteMain_P9_N5 .rouletteMain_box_part_list:nth-of-type(6):after {
  animation-name: roulettePrizeNumberText
}
#root .rouletteMain_P6_N5 .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N5 .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N5 .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N5 .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_award {
  animation-name: roulettePrizeNumberAward
}
#root .rouletteMain_P7_N6 .rouletteMain_box_part_list:nth-of-type(7):after, #root .rouletteMain_P8_N6 .rouletteMain_box_part_list:nth-of-type(7):after, #root .rouletteMain_P9_N6 .rouletteMain_box_part_list:nth-of-type(7):after {
  animation-name: roulettePrizeNumberText
}
#root .rouletteMain_P7_N6 .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N6 .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N6 .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_award {
  animation-name: roulettePrizeNumberAward
}
#root .rouletteMain_P8_N7 .rouletteMain_box_part_list:nth-of-type(8):after, #root .rouletteMain_P9_N7 .rouletteMain_box_part_list:nth-of-type(8):after {
  animation-name: roulettePrizeNumberText
}
#root .rouletteMain_P8_N7 .rouletteMain_box_part_list:nth-of-type(8) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N7 .rouletteMain_box_part_list:nth-of-type(8) > .rouletteMain_box_part_award {
  animation-name: roulettePrizeNumberAward
}
#root .rouletteMain_P9_N1 > .rouletteMain_box_part {
  animation-name: rouletteMain_P9_N1
}
#root .rouletteMain_P9_N2 > .rouletteMain_box_part {
  animation-name: rouletteMain_P9_N2
}
#root .rouletteMain_P9_N3 > .rouletteMain_box_part {
  animation-name: rouletteMain_P6_N2_P9_N3
}
#root .rouletteMain_P9_N4 > .rouletteMain_box_part {
  animation-name: rouletteMain_P9_N4
}
#root .rouletteMain_P9_N5 > .rouletteMain_box_part {
  animation-name: rouletteMain_P9_N5
}
#root .rouletteMain_P9_N6 > .rouletteMain_box_part {
  animation-name: rouletteMain_P6_N4_P9_N6
}
#root .rouletteMain_P9_N7 > .rouletteMain_box_part {
  animation-name: rouletteMain_P9_N7
}
#root .rouletteMain_P9_N8 > .rouletteMain_box_part {
  animation-name: rouletteMain_P9_N8
}
#root .rouletteMain_P9_N8 .rouletteMain_box_part_list:nth-of-type(9):after {
  animation-name: roulettePrizeNumberText
}
#root .rouletteMain_P9_N8 .rouletteMain_box_part_list:nth-of-type(9) > .rouletteMain_box_part_award {
  animation-name: roulettePrizeNumberAward
}
#root .rouletteMain_P8_N1 > .rouletteMain_box_part {
  animation-name: rouletteMain_P8_N1
}
#root .rouletteMain_P8_N2 > .rouletteMain_box_part {
  animation-name: rouletteMain_P8_N2
}
#root .rouletteMain_P8_N3 > .rouletteMain_box_part {
  animation-name: rouletteMain_P8_N3
}
#root .rouletteMain_P8_N4 > .rouletteMain_box_part {
  animation-name: rouletteMain_P6_N3_P8_N4
}
#root .rouletteMain_P8_N5 > .rouletteMain_box_part {
  animation-name: rouletteMain_P8_N5
}
#root .rouletteMain_P8_N6 > .rouletteMain_box_part {
  animation-name: rouletteMain_P8_N6
}
#root .rouletteMain_P8_N7 > .rouletteMain_box_part {
  animation-name: rouletteMain_P8_N7
}
#root .rouletteMain_P7_N1 > .rouletteMain_box_part {
  animation-name: rouletteMain_P7_N1
}
#root .rouletteMain_P7_N2 > .rouletteMain_box_part {
  animation-name: rouletteMain_P7_N2
}
#root .rouletteMain_P7_N3 > .rouletteMain_box_part {
  animation-name: rouletteMain_P7_N3
}
#root .rouletteMain_P7_N4 > .rouletteMain_box_part {
  animation-name: rouletteMain_P7_N4
}
#root .rouletteMain_P7_N5 > .rouletteMain_box_part {
  animation-name: rouletteMain_P7_N5
}
#root .rouletteMain_P7_N6 > .rouletteMain_box_part {
  animation-name: rouletteMain_P7_N6
}
#root .rouletteMain_P6_N1 > .rouletteMain_box_part {
  animation-name: rouletteMain_P6_N1
}
#root .rouletteMain_P6_N2 > .rouletteMain_box_part {
  animation-name: rouletteMain_P6_N2_P9_N3
}
#root .rouletteMain_P6_N3 > .rouletteMain_box_part {
  animation-name: rouletteMain_P6_N3_P8_N4
}
#root .rouletteMain_P6_N4 > .rouletteMain_box_part {
  animation-name: rouletteMain_P6_N4_P9_N6
}
#root .rouletteMain_P6_N5 > .rouletteMain_box_part {
  animation-name: rouletteMain_P6_N5
}
#root .roulette.roulette-popupOpen .rouletteMain:after, #root .roulette.roulette-popupOpen .rouletteMain:before, #root .roulette.roulette-popupOpen .rouletteMain_awards_item.special > div, #root .roulette.roulette-popupOpen .rouletteMain_box_btn, #root .roulette.roulette-popupOpen .rouletteMain_box_btn:after, #root .roulette.roulette-popupOpen .rouletteMain_box_coinWrap, #root .roulette.roulette-popupOpen .rouletteMain_box_part_award, #root .roulette.roulette-popupOpen .rouletteMain_box_part_list:after, #root .roulette.roulette-popupOpen .rouletteMain_box_part_list:before, #root .roulette.roulette-popupOpen .rouletteMain_box_wrap:after {
  animation-play-state: paused
}
#root .roulette.roulette-popupOpen > .roulettePopup {
  z-index: 3
}
#root .roulette.roulette-popupOpen .roulettePopup_wrap:before {
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  background-color: rgba(0, 0, 0, .7)
}
#root .roulette.roulette-popupOpen .roulettePopup_box {
  opacity: 1;
  transform: scaleX(1)
}
#root .roulette.roulette-popupOpen .roulettePopup_box:after, #root .roulette.roulette-popupOpen .roulettePopup_box:before {
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-name: rouletteDecoShake
}
@media screen and (max-width:1366px) {
  #root .rouletteMain_winner_item {
    font-size: 14px;
    line-height: 34px
  }
}
@media screen and (max-width:1280px) {
  #root .rouletteMain_winner_item {
    font-size: 13px;
    line-height: 32px
  }
}
@media screen and (max-width:1024px) {
  #root .rouletteMain_box_part_list {
    font-size: 16px
  }
  #root .rouletteMain_winner_item {
    font-size: 12px;
    line-height: 30px
  }
}
@media screen and (min-width:1440px) {
  #root .rouletteMain_P6_N1 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P6_N1 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P6_N2 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P6_N2 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P6_N3 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P6_N3 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P6_N4 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P6_N4 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P6_N5 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P6_N5 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P7_N1 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P7_N1 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P7_N2 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P7_N2 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P7_N3 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P7_N3 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P7_N4 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P7_N4 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P7_N5 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P7_N5 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P7_N6 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P7_N6 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P8_N1 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P8_N1 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P8_N2 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P8_N2 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P8_N3 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P8_N3 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P8_N4 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P8_N4 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P8_N5 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P8_N5 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P8_N6 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P8_N6 .rouletteMain_box_part_list:nth-of-type(8):before, #root .rouletteMain_P8_N7 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P8_N7 .rouletteMain_box_part_list:nth-of-type(8):before, #root .rouletteMain_P9_N1 .rouletteMain_box_part_list:nth-of-type(2):before, #root .rouletteMain_P9_N1 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P9_N2 .rouletteMain_box_part_list:nth-of-type(3):before, #root .rouletteMain_P9_N2 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P9_N3 .rouletteMain_box_part_list:nth-of-type(4):before, #root .rouletteMain_P9_N3 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P9_N4 .rouletteMain_box_part_list:nth-of-type(5):before, #root .rouletteMain_P9_N4 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P9_N5 .rouletteMain_box_part_list:nth-of-type(6):before, #root .rouletteMain_P9_N5 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P9_N6 .rouletteMain_box_part_list:nth-of-type(7):before, #root .rouletteMain_P9_N6 .rouletteMain_box_part_list:nth-of-type(8):before, #root .rouletteMain_P9_N7 .rouletteMain_box_part_list:nth-of-type(8):before, #root .rouletteMain_P9_N7 .rouletteMain_box_part_list:nth-of-type(9):before, #root .rouletteMain_P9_N8 .rouletteMain_box_part_list:first-of-type:before, #root .rouletteMain_P9_N8 .rouletteMain_box_part_list:nth-of-type(9):before {
    animation-name: roulettePrizeNumber-pigSize
  }
  #root .rouletteMain_P6_N0 .rouletteMain_box_part_list:first-of-type > .rouletteMain_box_part_award, #root .rouletteMain_P6_N1 .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_award, #root .rouletteMain_P6_N2 .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_award, #root .rouletteMain_P6_N3 .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_award, #root .rouletteMain_P6_N4 .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_award, #root .rouletteMain_P6_N5 .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N0 .rouletteMain_box_part_list:first-of-type > .rouletteMain_box_part_award, #root .rouletteMain_P7_N1 .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N2 .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N3 .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N4 .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N5 .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_award, #root .rouletteMain_P7_N6 .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N0 .rouletteMain_box_part_list:first-of-type > .rouletteMain_box_part_award, #root .rouletteMain_P8_N1 .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N2 .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N3 .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N4 .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N5 .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N6 .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_award, #root .rouletteMain_P8_N7 .rouletteMain_box_part_list:nth-of-type(8) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N0 .rouletteMain_box_part_list:first-of-type > .rouletteMain_box_part_award, #root .rouletteMain_P9_N1 .rouletteMain_box_part_list:nth-of-type(2) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N2 .rouletteMain_box_part_list:nth-of-type(3) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N3 .rouletteMain_box_part_list:nth-of-type(4) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N4 .rouletteMain_box_part_list:nth-of-type(5) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N5 .rouletteMain_box_part_list:nth-of-type(6) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N6 .rouletteMain_box_part_list:nth-of-type(7) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N7 .rouletteMain_box_part_list:nth-of-type(8) > .rouletteMain_box_part_award, #root .rouletteMain_P9_N8 .rouletteMain_box_part_list:nth-of-type(9) > .rouletteMain_box_part_award {
    animation-name: roulettePrizeNumberAward-pigSize
  }
  #root .rouletteMain_P6_N1 .rouletteMain_box_part_list:nth-of-type(2):after, #root .rouletteMain_P6_N2 .rouletteMain_box_part_list:nth-of-type(3):after, #root .rouletteMain_P6_N3 .rouletteMain_box_part_list:nth-of-type(4):after, #root .rouletteMain_P6_N4 .rouletteMain_box_part_list:nth-of-type(5):after, #root .rouletteMain_P6_N5 .rouletteMain_box_part_list:nth-of-type(6):after, #root .rouletteMain_P7_N1 .rouletteMain_box_part_list:nth-of-type(2):after, #root .rouletteMain_P7_N2 .rouletteMain_box_part_list:nth-of-type(3):after, #root .rouletteMain_P7_N3 .rouletteMain_box_part_list:nth-of-type(4):after, #root .rouletteMain_P7_N4 .rouletteMain_box_part_list:nth-of-type(5):after, #root .rouletteMain_P7_N5 .rouletteMain_box_part_list:nth-of-type(6):after, #root .rouletteMain_P7_N6 .rouletteMain_box_part_list:nth-of-type(7):after, #root .rouletteMain_P8_N1 .rouletteMain_box_part_list:nth-of-type(2):after, #root .rouletteMain_P8_N2 .rouletteMain_box_part_list:nth-of-type(3):after, #root .rouletteMain_P8_N3 .rouletteMain_box_part_list:nth-of-type(4):after, #root .rouletteMain_P8_N4 .rouletteMain_box_part_list:nth-of-type(5):after, #root .rouletteMain_P8_N5 .rouletteMain_box_part_list:nth-of-type(6):after, #root .rouletteMain_P8_N6 .rouletteMain_box_part_list:nth-of-type(7):after, #root .rouletteMain_P8_N7 .rouletteMain_box_part_list:nth-of-type(8):after, #root .rouletteMain_P9_N1 .rouletteMain_box_part_list:nth-of-type(2):after, #root .rouletteMain_P9_N2 .rouletteMain_box_part_list:nth-of-type(3):after, #root .rouletteMain_P9_N3 .rouletteMain_box_part_list:nth-of-type(4):after, #root .rouletteMain_P9_N4 .rouletteMain_box_part_list:nth-of-type(5):after, #root .rouletteMain_P9_N5 .rouletteMain_box_part_list:nth-of-type(6):after, #root .rouletteMain_P9_N6 .rouletteMain_box_part_list:nth-of-type(7):after, #root .rouletteMain_P9_N7 .rouletteMain_box_part_list:nth-of-type(8):after, #root .rouletteMain_P9_N8 .rouletteMain_box_part_list:nth-of-type(9):after {
    animation-name: roulettePrizeNumberText-pigSize
  }
  #root .roulette-period {
    top: 84px
  }
  #root .rouletteMain {
    padding-bottom: 830px
  }
  #root .rouletteMain_head {
    margin-bottom: 70px
  }
  #root .rouletteMain_body:before {
    left: -50%;
    padding-bottom: 360px;
    width: 200%
  }
  #root .rouletteMain_body:after {
    padding-bottom: 341px;
    width: 860px
  }
  #root .rouletteMain_awards_medals_1, #root .rouletteMain_awards_medals_2, #root .rouletteMain_awards_medals_3, #root .rouletteMain_awards_medals_4 {
    font-size: 20px
  }
  #root .rouletteMain_box_part_list:after {
    font-size: 66px;
    text-shadow: -3px -4px 0 #d49b5d, -2px -4px 0 #d49b5d, -1px -4px 0 #d49b5d, 0 -4px 0 #d49b5d, 1px -4px 0 #d49b5d, 2px -4px 0 #d49b5d, 3px -4px 0 #d49b5d, 4px -4px 0 #d49b5d, 4px -3px 0 #d49b5d, 4px -2px 0 #d49b5d, 4px -1px 0 #d49b5d, 4px 0 0 #d49b5d, 4px 1px 0 #d49b5d, 4px 2px 0 #d49b5d, 4px 3px 0 #d49b5d, 4px 4px 0 #d49b5d, 3px 4px 0 #d49b5d, 2px 4px 0 #d49b5d, 1px 4px 0 #d49b5d, 0 4px 0 #d49b5d, -1px 4px 0 #d49b5d, -2px 4px 0 #d49b5d, -3px 4px 0 #d49b5d, -4px 4px 0 #d49b5d, -4px 3px 0 #d49b5d, -4px 2px 0 #d49b5d, -4px 1px 0 #d49b5d, -4px 0 0 #d49b5d, -4px -1px 0 #d49b5d, -4px -2px 0 #d49b5d, -4px -3px 0 #d49b5d, -4px -4px 0 #d49b5d
  }
  #root .rouletteMain_box_part_list:first-of-type:after {
    height: 67px;
    text-align: center;
    width: 70px
  }
  #root .rouletteMain_box_part_award {
    padding-bottom: 18px
  }
  #root .rouletteMain_winner_head_item {
    font-size: 18px;
    line-height: 34px
  }
  #root .rouletteMain_P6_N0 .rouletteMain_box_part_list:first-of-type:after, #root .rouletteMain_P7_N0 .rouletteMain_box_part_list:first-of-type:after, #root .rouletteMain_P8_N0 .rouletteMain_box_part_list:first-of-type:after, #root .rouletteMain_P9_N0 .rouletteMain_box_part_list:first-of-type:after {
    animation-name: roulettePrizeNumber0Shadow-pigSize
  }
  #root .rouletteRule {
    padding-top: 68px
  }
  #root .rouletteRule:after {
    padding-bottom: 204px;
    width: 314px
  }
  #root .roulettePopup_box > p {
    font-size: 21px;
    padding: 16px 0
  }
  #root .roulettePopup_box > h3 {
    font-size: 38px;
    padding-bottom: 16px;
    text-shadow: 0 0 18px #33210a, 0 0 36px #33210a, 0 1px 36px #33210a
  }
  #root .roulettePopup_box > img {
    width: 230px
  }
  #root .roulettePopup_tenTimes {
    height: 188px;
    padding-bottom: 10px
  }
  #root .roulettePopup_tenTimes > h3 {
    font-size: 20px;
    padding-bottom: 10px;
    text-shadow: 0 0 10px #33210a, 0 0 22px #33210a, 0 1px 22px #33210a
  }
  #root .roulettePopup_tenTimes > h3:before {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin-right: 6px;
    width: 20px
  }
}
#root .roulette .unavailable {
  align-content: center;
  align-items: center;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-shadow: 0 2px 5px #000;
  z-index: 1000
}
#root .roulette .unavailable h2 {
  color: #ffefbd;
  font-size: 29px;
  margin-top: 10px;
  text-align: center;
  width: 100%
}
#root .roulette .unavailable i {
  font-size: 80px
}
#root .roulette .unavailable + div {
  filter: grayscale(.7) blur(2px) brightness(.3)
}
.roulette .roulette-period {
  display: none !important
}
.app.gamelobby.live .app-body {
  background: url("../images/bg.jpg") top/cover no-repeat
}
.app.gamelobby.live .live-container {
  background: 0 0;
  height: auto;
  padding-bottom: 0
}
.app.gamelobby.live .live-container .live-wrapper {
  left: unset;
  margin: 60px auto 40px;
  position: relative;
  top: unset;
  transform: unset
}
.app.gamelobby.animal .games-animal {
  min-height: 650px
}
.app.gamelobby.animal .games-animal .game-wrap {
  width: 300px
}
.app.promotions .section-promo {
  background: url(https://img.gashinzo.com/img/static/v33vnd/desktop/bg-promo.png) 50%/cover no-repeat fixed
}
a{
	text-decoration: none;
	color:#000000;
}