html {
  overflow-x: hidden;
}
img {
  max-width: auto;
}
body {
  padding-top: 371px !important;
  margin-top: 49px !important;
  background: url('//pic.cgyouxi.com/orange/upload/202512/25322333_4a57904bf3cb381baf1916ac204fda26.png') no-repeat center 49px / auto 600px;
  background-color: #fff2eb !important;
}
* {
  box-sizing: border-box;
  font-family: NotoSansHans-Regular, 'Microsoft YaHei', '微软雅黑';
}
img {
  user-select: none;
  /* 标准语法 */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  -webkit-user-select: none;
  /* Chrome, Safari, Opera */
}
a:focus {
  outline: none !important;
}
button,
input {
  outline: none;
}
[v-clock] {
  display: none;
}
.channelTabBox {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  margin-bottom: 27px;
  width: 1471px;
  height: 100px;
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_3f9d71a1637234c6633a31717aa9cea4.png') no-repeat center / 100%;
  box-sizing: border-box;
}
.channelTabBox .tabItem {
  flex: 0 0 240px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  cursor: pointer;
  margin-left: 12px;
  margin-right: 12px;
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_19c780fc3e5a713e3711b22d4e121f10.png') no-repeat center / 100%;
  font-weight: 400;
  font-size: 18px;
  color: #753E22;
}
.channelTabBox .tabItem.active {
  font-weight: 600;
  flex: 0 0 252px;
  font-size: 18px;
  color: #753E22;
  height: 84px;
  line-height: 84px;
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_185f059678fb479d3cd7bbd70619358a.png') no-repeat center / 100%;
}
.tabBox {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
}
.tabBox .tabItem {
  text-align: center;
  font-weight: 400;
  font-size: 17px;
  color: #1e0e52;
  flex: 0 0 372px;
  height: 102px;
  cursor: pointer;
}
.tabBox .tabItem.serialize {
  margin-right: 26px;
  background: url('//pic.cgyouxi.com/orange/upload/202512/25322333_dc2b5ad57d425f90e0670903f7b40cf5.png') no-repeat center / 100%;
}
.tabBox .tabItem.serialize.active {
  background: url('//pic.cgyouxi.com/orange/upload/202512/25322333_e71cf6d90fc4a63a2386492ee5d2fa15.png') no-repeat center / 100%;
}
.tabBox .tabItem.complete {
  background: url('//pic.cgyouxi.com/orange/upload/202512/25322333_10615164475590f0ef2ec039582d58ae.png') no-repeat center / 100%;
}
.tabBox .tabItem.complete.active {
  background: url('//pic.cgyouxi.com/orange/upload/202512/25322333_307d9f02c79016b87d8960bbb6ae5bd2.png') no-repeat center / 100%;
}
.fav-btn-new .icon-xinjian {
  vertical-align: top!important;
}
.org-content {
  position: relative;
  width: 880px;
  margin: 0 auto 64px;
  background: linear-gradient(180deg, #FFB6C3 0%, #FFCBE9 100%);
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 16px;
}
.org-content::before {
  content: '';
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 880px;
  height: 94px;
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_9d58183a9fff465c6c56c2cef0b94651.png') no-repeat center / 100%;
}
.org-content .listTabBox {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  margin-bottom: 20px;
}
.org-content .listTabBox .listTabItem {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  color: #753E22;
  cursor: pointer;
  transform: translateZ(10px);
}
.org-content .listTabBox .listTabItem.active {
  font-weight: 600;
  font-size: 18px;
  color: #753E22;
}
.org-content .listTabBox .listTabItem.leftItem {
  flex: 0 0 131px;
  height: 50px;
  line-height: 50px;
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_d831ef342ecd67e5f1c2cd6ef723674c.png') no-repeat center / 100%;
}
.org-content .listTabBox .listTabItem.leftItem.active {
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_dfa381b4d55e891fb198251ec0cb3839.png') no-repeat center / 100%;
}
.org-content .listTabBox .listTabItem.centerItem {
  flex: 0 0 138px;
  height: 50px;
  line-height: 50px;
  margin: 0 -8px;
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_0098c014dd2c9a54e8cce5ccace34238.png') no-repeat center / 100%;
}
.org-content .listTabBox .listTabItem.centerItem.active {
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_662420e8cdb2ca5dc4f3f17768faf09a.png') no-repeat center / 100%;
}
.org-content .listTabBox .listTabItem.rightItem {
  flex: 0 0 130px;
  height: 50px;
  line-height: 50px;
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_e66d9fb74ac76261d72e45b05eb8369f.png') no-repeat center / 100%;
}
.org-content .listTabBox .listTabItem.rightItem.active {
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_e4517ddb98973ab2d8bc5251e1f0a4bf.png') no-repeat center / 100%;
}
.org-content .game-list-wrapper {
  padding: 0 20px 24px;
  border-radius: 16px;
  border-top: none;
  box-sizing: border-box;
  min-height: 340px;
}
.org-content .game-list-wrapper .no-data-container {
  width: 100%;
  padding-top: 100px;
}
.org-content .game-list-wrapper .no-data-container img {
  width: 319px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.org-content .game-list-wrapper .no-data-container .tips-text {
  margin-top: 28px;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  color: #753E22;
  line-height: 25px;
}
.org-content .game-list-wrapper .game-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}
.org-content .game-list-wrapper .game-name a {
  max-width: 330px;
  font-size: 19px;
  color: #333333;
  line-height: 19px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.org-content .game-list-wrapper .game-name button {
  width: 26px;
  height: 26px;
  border: 0;
  background: url('//pic.cgyouxi.com/orange/upload/202403/59029616_4731c69ef4ad3267e0e22ec87a28dc4a.png') no-repeat center / 100%;
  cursor: pointer;
}
.org-content .game-list-wrapper .game-name button.s-act {
  background-image: url('//pic.cgyouxi.com/orange/upload/202403/59029616_19b84649e27ae5762f1c550a1b5a5661.png');
}
.org-content .game-list-wrapper .author-info,
.org-content .game-list-wrapper .other-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.org-content .game-list-wrapper .author-info a,
.org-content .game-list-wrapper .other-info a {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  color: #999999;
  line-height: 18px;
}
.org-content .game-list-wrapper .author-info a img,
.org-content .game-list-wrapper .other-info a img {
  width: 18px;
  margin-left: 8px;
}
.org-content .game-list-wrapper .author-info .btn-follow,
.org-content .game-list-wrapper .other-info .btn-follow {
  flex-shrink: 0;
  width: 54px;
  height: 22px;
  border: 1px solid #F66F0C;
  border-radius: 2px;
  font-size: 14px;
  color: #F66F0C;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
.org-content .game-list-wrapper .game-data {
  display: inline-flex;
  align-items: center;
}
.org-content .game-list-wrapper .game-data span {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.org-content .game-list-wrapper .game-data span::before {
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background: no-repeat center / 100%;
}
.org-content .game-list-wrapper .game-data span.i-flower {
  margin-right: 16px;
}
.org-content .game-list-wrapper .game-data span.i-flower::before {
  background-image: url('../../img/public/flower/f_60.png');
}
.org-content .game-list-wrapper .game-data span.i-word::before {
  background-image: url('//pic.cgyouxi.com/orange/upload/202403/59029616_a4678b4bfa621f0441b6f14b77c0fe1f.png');
}
.org-content .game-list-wrapper .game-list {
  display: flex;
  flex-wrap: wrap;
}
.org-content .game-list-wrapper .game-list .game-list-item {
  width: 407px;
  height: 340px;
  background: linear-gradient(180deg, #FFF3E1 0%, #FFFFFF 99%);
  border-radius: 10px;
  padding: 20px;
  margin: 0 22px 20px 0;
  box-sizing: border-box;
}
.org-content .game-list-wrapper .game-list .game-list-item:nth-child(2n) {
  margin-right: 0;
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover {
  position: relative;
  width: 100%;
  height: 206px;
  margin-bottom: 15px;
  border-radius: 6px;
  overflow: hidden;
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover .gameData {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 46px;
  padding: 18px 0 10px 12px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  border-radius: 0px 0px 6px 6px;
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover .gameData span {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  margin-right: 12px;
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover .gameData span::before {
  content: '';
  width: 18px;
  height: 18px;
  margin-right: 2px;
  background: no-repeat center / 100%;
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover .gameData span.flowerIcon::before {
  background-image: url('//pic.cgyouxi.com/orange/upload/202404/59029616_57e18925874d52764603e085785c1563.png');
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover .gameData span.wordIcon::before {
  background-image: url('//pic.cgyouxi.com/orange/upload/202404/59029616_aa9150346d990b004d0e39722a26a9e8.png');
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover .gameData span.popIcon::before {
  background-image: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_86c1125e3cc6fdac61598a894b811724.png');
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover .gameData span.popIcon.complete::before {
  background-image: url('https://pic.cgyouxi.com/orange/upload/202512/94700550_fc89772eed200729bf8c6bb3a29872e0.png');
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover a {
  width: 100%;
  display: block;
}
.org-content .game-list-wrapper .game-list .game-list-item .game-cover a img {
  width: 100%;
}
.org-content .game-list-wrapper .game-list .game-list-item .other-info {
  margin-bottom: 9px;
}
.org-content .game-list-wrapper .game-list .game-list-item .other-info > div {
  display: inline-flex;
  align-items: center;
}
.org-content .game-list-wrapper .game-list .game-list-item .other-info > div a span {
  display: block;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.org-content .game-list-wrapper .game-list .game-list-item .other-info > div .game-data {
  margin-left: 24px;
}
.org-content .game-list-wrapper .game-list .game-list-item .game-recommend {
  margin-bottom: 12px;
}
.org-content .game-list-wrapper .game-list .game-list-item .game-desc {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.org-content .game-list-wrapper .game-list .game-list-item .game-desc span {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}
.org-content .large-image-pop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.org-content .large-image-pop div {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 678px;
  height: 509px;
}
.org-content .large-image-pop div img {
  width: 100%;
  border-radius: 12px;
}
.org-content .large-image-pop div button {
  position: absolute;
  top: -49px;
  right: -49px;
  width: 46px;
  height: 46px;
  border: 0;
  background: url('//pic.cgyouxi.com/orange/upload/202404/59029616_31c61ed318deb238325fd806539bccea.png') no-repeat center / 100%;
  cursor: pointer;
}
.org-content .large-image-pop div button:hover {
  background-image: url('//pic.cgyouxi.com/orange/upload/202404/59029616_c5f72f86df268602ee7f3e9f6b406517.png');
}
.update-info {
  text-align: center;
  font-weight: 400;
  font-size: 11px;
  color: #666666;
}
.year-nav-container {
  position: absolute;
  top: 72px;
  right: -120px;
  width: 88px;
  height: a;
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_1e46d6fd4fa6dca627adfb7f39874b21.png') no-repeat center center;
  background-size: 100% 100%;
  transform-style: preserve-3d;
}
.year-nav-container .chengniang-icon {
  position: absolute;
  top: -71px;
  left: 4px;
  width: 83px;
  height: 81px;
  background: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_51c6f13eff13bea4a922a9cb7b66b729.png') no-repeat center center;
  background-size: 100% 100%;
  transform: translateZ(-1px);
}
.year-nav-container .flutter-nav {
  padding: 11px 0;
}
.year-nav-container .flutter-nav .flutter-nav-item {
  border-left: 2px solid transparent;
  font-size: 20px;
  color: #595959;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
}
.year-nav-container .flutter-nav .flutter-nav-item.s-act {
  border-left: 2px solid #FF9299;
  background: linear-gradient(90deg, #FFAEAC 0%, rgba(252, 112, 22, 0) 100%);
  font-size: 20px;
  color: #FF9299;
}
/*---底部开始---*/
.footer {
  background-color: #fff;
  border-top: 1px solid #e7e7e7;
  text-align: center;
  padding-top: 24px;
  height: 128px !important;
  width: 100%;
  margin-top: 20px;
}
.footer div {
  line-height: 26px;
}
.footer a,
.footer a:link,
.footer a:hover,
.footer a:active {
  color: #a0a1a6;
  font-size: 12px;
  text-decoration: none;
  padding: 0 12px;
}
.footer span {
  display: inline-block;
  vertical-align: middle;
}
.toast {
  z-index: 999999;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 5px;
  padding: 8px 18px;
  max-width: 600px;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  font-family: arial, MicrosoftYaHei;
  background-color: rgba(0, 0, 0, 0.8);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
/* 滚动加载状态样式 */
.loading-status {
  text-align: center;
  padding: 5px 0;
}
.loading-tip {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 11px;
}
.loading-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #F66F0C;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.no-more-tip {
  color: #666;
  font-size: 11px;
}
.cgBackTop {
  margin-left: 393px!important;
  width: 87px!important;
  height: 51px!important;
  background: transparent!important;
  border: none!important;
}
.cgBackTop .ico {
  display: inline-block;
  width: 52px!important;
  height: 53px!important;
  margin-top: 0!important;
  background-image: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_0a88eda7d0b9b7562faba17fcfb90c23.png') !important;
  background-repeat: no-repeat !important;
  background-position: 0 0!important;
  background-size: 100% auto;
}
.cgBackTop .ico:hover {
  background-image: url('https://pic.cgyouxi.com/orange/upload/202512/25322333_0a88eda7d0b9b7562faba17fcfb90c23.png') !important;
}
