.gobuy-page {
  background-color: #fff;
  padding: 15px 20px;
}
.gobuy-page form {
  margin: 0px auto;
}

.goods-page {
  width: 1280px;
  margin: 0 auto;
}
.goods-page .goods-header {
  margin-bottom: 10px;
  background-color: #fff;
  padding: 15px 15px 10px;
}
.goods-page .goods-header .ant-descriptions-header {
  margin-bottom: 10px;
  display: none;
}
.goods-page .goods-header .ant-descriptions-item-container .ant-descriptions-item-label {
  width: 100px;
  line-height: 32px;
}
.goods-page .goods-header .ant-descriptions-item-container .ant-descriptions-item-content {
  flex-wrap: wrap;
}
.goods-page .goods-header .ant-descriptions-row > td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f0f0f0;
}
.goods-page .goods-header .ant-descriptions-row > td .ant-input-search {
  width: 50%;
}
.goods-page .goods-header .ant-segmented {
  width: 100%;
}
.goods-page .goods-header .ant-segmented .ant-segmented-item {
  width: 120px;
}
.goods-page .goods-header .ant-segmented .ant-segmented-group .ant-segmented-item:last-child {
  position: absolute;
  right: 0;
  font-size: 20px;
  color: #000;
}
.goods-page .list-item .list-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
  flex-wrap: wrap;
  background: #fff;
  margin: 10px 0;
}
.goods-page .list-item .list-info img {
  width: 200px;
  height: 100%;
  border-radius: 5px;
}
.goods-page .list-item .list-info .info-desc {
  width: calc(100% - 400px);
  flex: 1;
  margin-left: 30px;
}
.goods-page .list-item .list-info .info-desc .info-title {
  font-size: 16px;
  font-weight: 600;
}
.goods-page .list-item .list-info .info-desc .ant-descriptions {
  margin-top: 10px;
}
.goods-page .list-item .list-info .info-desc .ant-descriptions-row > td {
  padding-bottom: 0px;
}
.goods-page .list-item .list-info .info-desc .hot-item img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.goods-page .list-item .list-info .price {
  color: #faad14;
}
.goods-page .list-item .list-info:hover {
  background-color: #fff1b8;
}
.goods-page .ant-pagination {
  text-align: center;
}
.goods-card .goods-item {
  margin: 0 10px 10px;
}
.goods-card .goods-item .area-hot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.goods-card .goods-item .area-hot .hot-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.goods-card .goods-item .area-hot .hot-item img {
  margin-right: 5px;
}
.goods-card .goods-item .price {
  margin-top: 5px;
}
.goods-card .goods-item .price .goods-price {
  font-size: 14px;
  color: #ff0000;
}
.goods-card .goods-item .ant-card {
  width: 300px;
}
.goods-card .goods-item .ant-card-body {
  padding: 12px;
  font-size: 12px;
  color: #000;
}
.goods-card .goods-item .ant-card-meta-description {
  color: #000;
}
.goods-card .goods-item .ant-card-cover img {
  height: 190px;
  width: 300px;
}
@media screen and (max-width: 600px) {
  .goods-page .ant-segmented .ant-segmented-item {
    width: 60px !important;
  }
}

.goods-detail-page .goods-detail-info {
  margin-bottom: 30px;
  background-color: #fff;
  padding: 15px 20px;
}
.goods-detail-page .goods-detail-info .goods-info-title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
.goods-detail-page .goods-detail-info .goods-info-title .ant-descriptions-item-content {
  font-size: 20px;
  margin-top: 5px;
}
.goods-detail-page .goods-detail-info .goods-info-title .ant-tag-gold {
  font-size: 18px;
}
.goods-detail-page .goods-detail-info .goods-info {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  position: relative;
  justify-content: space-between;
  flex-flow: wrap;
}
.goods-detail-page .goods-detail-info .goods-info .ant-image {
  margin-right: 40px;
  width: 50%;
}
.goods-detail-page .goods-detail-info .goods-info .ant-image img {
  width: 100%;
  height: 400px;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions {
  width: 45%;
  font-size: 16px;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions .ant-descriptions-row > td {
  padding-left: 10px;
  padding-right: 10px;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions .ant-descriptions-item-label {
  word-break: keep-all;
  align-items: center;
  font-size: 18px !important ;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions h1 {
  font-size: 36px;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions .price {
  background-color: rgba(248, 0, 0, 0.06);
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions .price .ant-descriptions-item-content {
  color: #faad14;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions .price .ant-descriptions-item-label {
  letter-spacing: 5px;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions .ant-btn {
  margin-left: 10px;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions .ant-descriptions-item-container .ant-descriptions-item-content {
  flex: inherit;
  align-items: center;
  margin-top: 5px;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions .opt-btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.goods-detail-page .goods-detail-info .goods-info .ant-descriptions .opt-btn .ant-descriptions-item-content {
  align-items: center;
}
.goods-detail-page .goods-detail-info .goods-extra-info {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}
.goods-detail-page .goods-detail-info .goods-extra-info .small-card {
  margin-right: 30px;
}
.goods-detail-page .goods-detail-info .goods-extra-info .small-card .anticon {
  margin-right: 4px;
  font-size: 16px;
  vertical-align: text-bottom;
}
.goods-detail-page .goods-detail-info .goods-extra-info .small-card .anticon-star {
  color: #ffa940;
}
.goods-detail-page .goods-detail-info .goods-extra-info .small-card .anticon-share-alt {
  color: #1677ff;
}
.goods-detail-page .goods-detail-info .goods-extra-info .small-card .anticon-shop {
  color: #ff4d4f;
}
.goods-detail-page .goods-detail-info .goods-extra-info .small-card .anticon-wechat {
  color: #52c41a;
}
.goods-detail-page .goods-detail-info .goods-extra-info .can-click {
  cursor: pointer;
}
.goods-detail-page h3 {
  font-size: 16px;
}
.goods-detail-page .goods-detail-content {
  background-color: #fff;
  padding: 15px 20px;
}
.goods-detail-page .custem-content img {
  max-width: 1200px;
}
.goods-detail-page .goods-gallery-image {
  max-width: 1200px;
}
@media screen and (max-width: 600px) {
  .goods-detail-page .goods-info .ant-image img {
    width: calc(100vw - 40px) !important;
    height: 200px !important;
  }
  .goods-detail-page .goods-info .ant-descriptions {
    width: 100% !important;
  }
  .goods-detail-page .goods-info .ant-descriptions .opt-btn {
    position: initial;
  }
  .goods-detail-page .ant-descriptions-item-container .ant-descriptions-item-content {
    flex-wrap: wrap;
  }
  .goods-detail-page .custem-content img {
    max-width: calc(100vw - 40px);
  }
}

.home-page {
  padding-top: 0px !important;
}
.home-page .home-bg {
  background: url(/f9ab022ba9dbe8dbf5ef.jpg) no-repeat;
  height: 700px;
  position: absolute;
  top: 200px;
  width: 100%;
  left: 0;
  background-size: cover;
  overflow: hidden;
}
.home-page .ant-carousel {
  position: relative;
  background: url(/f9ab022ba9dbe8dbf5ef.jpg) no-repeat;
  width: 1280px;
  height: 700px;
  margin: 0 auto;
}
.home-page .ant-carousel img {
  width: 1280px;
  height: 700px;
}
.home-page .ant-carousel .slick-prev,
.home-page .ant-carousel .slick-next,
.home-page .ant-carousel .slick-prev:hover,
.home-page .ant-carousel .slick-next:hover,
.home-page .ant-carousel .slick-prev:focus,
.home-page .ant-carousel .slick-next:focus {
  font-size: 40px;
  color: #fff;
  z-index: 1;
}
.home-page .ant-carousel .slick-slider {
  position: static;
  height: 100%;
}
.home-page .ant-carousel .slick-list {
  height: 100%;
}
.home-page .ant-carousel .slick-prev,
.home-page .ant-carousel .slick-prev:hover {
  left: 10px;
}
.home-page .ant-carousel .slick-next,
.home-page .ant-carousel .slick-next:hover {
  right: 30px;
}
.home-page .custom-content {
  width: 1280px;
  margin: 0 auto;
}
.home-page .ant-alert {
  margin-top: 20px;
}
.home-page .games-types {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 50px;
}
.home-page .games-types .type-card {
  width: 30%;
  height: 300px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  line-height: 300px;
  border-radius: 15px;
}
.home-page .games-types .type-card:first-child {
  background: url(/8409b75bfcf9ad311f42.png);
  background-size: cover;
}
.home-page .games-types .type-card:nth-child(2) {
  background: url(/236766addd50d00773a6.png);
  background-size: cover;
}
.home-page .games-types .type-card:last-child {
  background: url(/56db701be05e5c091589.png);
  background-size: cover;
}
.home-page .hot-games-group {
  background: url(/85723a7b4a6644eae5ad.png) no-repeat;
  background-size: cover;
}
.home-page .hot-games-group > div {
  width: 1280px;
  margin: 0 auto;
}
.home-page .hot-games-group .group-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.home-page .hot-games-group .group-title .ant-segmented .ant-segmented-item {
  width: 100px;
}
.home-page .hot-games-group .group-title .title {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  z-index: 88;
}
@media screen and (max-width: 600px) {
  .home-page .custom-content {
    width: auto;
  }
  .home-page .hot-games-group > div {
    width: auto;
  }
}

.login-bg {
  background: url(/b38e879e334a4d3f89ec.png) no-repeat;
  height: calc(100vh - 100px);
  position: absolute;
  width: 100%;
  left: 0;
  top: 40px;
  background-size: cover;
  overflow: hidden;
}
.register-bg {
  background: url(/6cb92f2dff4925443a15.png) no-repeat;
  height: calc(100vh - 100px);
  position: absolute;
  width: 100%;
  left: 0;
  top: 40px;
  background-size: cover;
  overflow: hidden;
}
.login-page {
  height: calc(100vh - 150px);
  width: 100%;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.login-page .ant-form {
  background-color: #fff;
  z-index: 10;
  padding: 20px;
  width: 350px;
  border-radius: 5px;
}
.login-page .ant-form h2 {
  color: #faad14;
  text-align: center;
}
.login-page .ant-form .other-type .ant-form-item-control-input-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.login-page .ant-form .ant-btn-link {
  color: #faad14;
}
.login-page .ant-form .captcha {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.login-page .ant-form .captcha .ant-input-affix-wrapper {
  width: 200px;
}
.login-page .ant-form .submit-btn button {
  width: 100%;
}

html,
body {
  zoom: 95%;
}
html *,
body * {
  box-sizing: border-box;
  outline: none;
  padding: 0;
  margin: 0;
  font-family: NotoSansHansRegular, Arial;
}
html,
body,
#app,
#__next,
.admin-main {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  display: inline-block;
  float: left;
  background-color: #fff;
}
ul li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px !important;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.no-select {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
a {
  color: #000;
  text-decoration: unset;
}
.wrap {
  word-break: break-all !important;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}
.header-container {
  background-color: #f3f3f3;
  width: 100%;
}
.monthday-main {
  position: relative;
  min-height: 100vh;
  background: #f1f1f1;
}
.monthday-main .ant-affix {
  background-color: #fff;
}
.monthday-main .monthday-header {
  max-width: 2000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}
.monthday-main .monthday-header .monthday-header-person {
  cursor: pointer;
}
.monthday-main .nav {
  width: 100%;
  background-color: #fff;
  height: 150px;
  padding: 10px 10px;
}
.monthday-main .monthday-search {
  height: 100px;
  width: 1280px;
  margin: 30px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.monthday-main .monthday-search .logo img {
  width: 400px;
  height: 100px;
  cursor: pointer;
}
.monthday-main .monthday-search .monthday-search-bar {
  width: 60%;
  margin: 0 auto;
}
.monthday-main .monthday-search .monthday-search-bar .hot-key {
  margin-top: 10px;
  margin-left: 10px;
  color: #999;
}
.monthday-main .monthday-search .monthday-search-bar .hot-key span {
  margin-right: 10px;
  cursor: pointer;
}
.monthday-main .monthday-menu {
  width: 100%;
  z-index: 20;
  background-color: #001529;
}
.monthday-main .monthday-menu .ant-menu {
  max-width: 1280px;
  margin: 0 auto;
}
.monthday-main .monthday-menu .ant-menu-item {
  width: 25%;
  text-align: center;
}
.monthday-main .monthday-menu .ant-menu-item span {
  color: #fff;
  font-size: 18px;
}
.monthday-main .monthday-container {
  min-height: calc(100vh - 184px);
  padding: 20px 0;
}
.monthday-main .affix-footer-bug .ant-affix {
  bottom: 0px !important;
}
.monthday-main .monthday-footer {
  position: relative;
  z-index: 1;
  width: 100%;
  font-size: 12px;
  color: #ffffffa6;
  background: #001529;
  text-align: center;
  padding: 15px;
}
.monthday-main .monthday-footer div:first-child {
  margin-bottom: 15px;
}
.monthday-main .monthday-footer .footer-img {
  margin-top: 10px;
}
.monthday-main .monthday-footer .footer-img a {
  color: #bbb;
}
.monthday-main .monthday-footer .footer-img a img {
  width: 106px;
  height: 42px;
  border-radius: 5px;
  margin-right: 10px;
}
.header-person-dropdown .ant-dropdown-menu-item {
  padding: 5px 0px !important;
}
.header-person-dropdown .ant-dropdown-menu-item .ant-btn {
  width: 100%;
}
.handbook-page {
  background-color: #fff;
  padding: 15px 20px;
  width: 1280px;
  margin: 0 auto;
  min-height: 300px;
}
.handbook-page .ant-tabs-nav-operations {
  display: none !important;
}
.handbook-page .ant-tabs-content-holder {
  min-height: 700px;
}
.goods-page,
.goods-detail-page {
  width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .monthday-main .monthday-search {
    width: auto;
  }
  .monthday-main .monthday-container {
    width: auto;
  }
  .goods-page .goods-detail-page {
    width: auto;
  }
}