.bottom-download-container[data-v-6f07f69a] {
  height: 60px;
  width: 738px;
  box-sizing: border-box;
  position: fixed;
  bottom: 160px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 12px;
  outline: 1px solid rgba(255, 255, 255, 0.3);
  background: linear-gradient(91deg, #B029CB -0.65%, #3E144E 24.6%, #11224B 78.57%, #113284 94.41%);
  z-index: 500;
  display: flex;
  align-items: center;
}
.bottom-download-container .logo[data-v-6f07f69a] {
  width: 166px;
  margin-left: 10px;
}
.bottom-download-container .download-txt[data-v-6f07f69a] {
  margin-left: 24px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
}
.bottom-download-container .btn-download[data-v-6f07f69a] {
  display: flex;
  width: 108px;
  height: 38px;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 46px;
  background: #F7BA1E;
  margin-left: 24px;
  align-items: center;
  cursor: pointer;
}
.bottom-download-container .btn-download[data-v-6f07f69a]:hover {
  background: var(---Gold-hover, #FADC6C);
}
.bottom-download-container .btn-download[data-v-6f07f69a]:active {
  background: var(---Gold-click, #F7C034);
}
.bottom-download-container .btn-download img[data-v-6f07f69a] {
  width: 16x;
  height: 16px;
  margin-right: 5px;
}
.bottom-download-container .btn-download span[data-v-6f07f69a] {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}


.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(//s0.ssl.qhres2.com/static/9614c2f5266b153d.woff?nver=1.0.2655) format("woff"),url(//s0.ssl.qhres2.com/static/6060d8354f2d7817.ttf?nver=1.0.2655) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\E6A0"}.el-icon-ice-cream-square:before{content:"\E6A3"}.el-icon-lollipop:before{content:"\E6A4"}.el-icon-potato-strips:before{content:"\E6A5"}.el-icon-milk-tea:before{content:"\E6A6"}.el-icon-ice-drink:before{content:"\E6A7"}.el-icon-ice-tea:before{content:"\E6A9"}.el-icon-coffee:before{content:"\E6AA"}.el-icon-orange:before{content:"\E6AB"}.el-icon-pear:before{content:"\E6AC"}.el-icon-apple:before{content:"\E6AD"}.el-icon-cherry:before{content:"\E6AE"}.el-icon-watermelon:before{content:"\E6AF"}.el-icon-grape:before{content:"\E6B0"}.el-icon-refrigerator:before{content:"\E6B1"}.el-icon-goblet-square-full:before{content:"\E6B2"}.el-icon-goblet-square:before{content:"\E6B3"}.el-icon-goblet-full:before{content:"\E6B4"}.el-icon-goblet:before{content:"\E6B5"}.el-icon-cold-drink:before{content:"\E6B6"}.el-icon-coffee-cup:before{content:"\E6B8"}.el-icon-water-cup:before{content:"\E6B9"}.el-icon-hot-water:before{content:"\E6BA"}.el-icon-ice-cream:before{content:"\E6BB"}.el-icon-dessert:before{content:"\E6BC"}.el-icon-sugar:before{content:"\E6BD"}.el-icon-tableware:before{content:"\E6BE"}.el-icon-burger:before{content:"\E6BF"}.el-icon-knife-fork:before{content:"\E6C1"}.el-icon-fork-spoon:before{content:"\E6C2"}.el-icon-chicken:before{content:"\E6C3"}.el-icon-food:before{content:"\E6C4"}.el-icon-dish-1:before{content:"\E6C5"}.el-icon-dish:before{content:"\E6C6"}.el-icon-moon-night:before{content:"\E6EE"}.el-icon-moon:before{content:"\E6F0"}.el-icon-cloudy-and-sunny:before{content:"\E6F1"}.el-icon-partly-cloudy:before{content:"\E6F2"}.el-icon-cloudy:before{content:"\E6F3"}.el-icon-sunny:before{content:"\E6F6"}.el-icon-sunset:before{content:"\E6F7"}.el-icon-sunrise-1:before{content:"\E6F8"}.el-icon-sunrise:before{content:"\E6F9"}.el-icon-heavy-rain:before{content:"\E6FA"}.el-icon-lightning:before{content:"\E6FB"}.el-icon-light-rain:before{content:"\E6FC"}.el-icon-wind-power:before{content:"\E6FD"}.el-icon-baseball:before{content:"\E712"}.el-icon-soccer:before{content:"\E713"}.el-icon-football:before{content:"\E715"}.el-icon-basketball:before{content:"\E716"}.el-icon-ship:before{content:"\E73F"}.el-icon-truck:before{content:"\E740"}.el-icon-bicycle:before{content:"\E741"}.el-icon-mobile-phone:before{content:"\E6D3"}.el-icon-service:before{content:"\E6D4"}.el-icon-key:before{content:"\E6E2"}.el-icon-unlock:before{content:"\E6E4"}.el-icon-lock:before{content:"\E6E5"}.el-icon-watch:before{content:"\E6FE"}.el-icon-watch-1:before{content:"\E6FF"}.el-icon-timer:before{content:"\E702"}.el-icon-alarm-clock:before{content:"\E703"}.el-icon-map-location:before{content:"\E704"}.el-icon-delete-location:before{content:"\E705"}.el-icon-add-location:before{content:"\E706"}.el-icon-location-information:before{content:"\E707"}.el-icon-location-outline:before{content:"\E708"}.el-icon-location:before{content:"\E79E"}.el-icon-place:before{content:"\E709"}.el-icon-discover:before{content:"\E70A"}.el-icon-first-aid-kit:before{content:"\E70B"}.el-icon-trophy-1:before{content:"\E70C"}.el-icon-trophy:before{content:"\E70D"}.el-icon-medal:before{content:"\E70E"}.el-icon-medal-1:before{content:"\E70F"}.el-icon-stopwatch:before{content:"\E710"}.el-icon-mic:before{content:"\E711"}.el-icon-copy-document:before{content:"\E718"}.el-icon-full-screen:before{content:"\E719"}.el-icon-switch-button:before{content:"\E71B"}.el-icon-aim:before{content:"\E71C"}.el-icon-crop:before{content:"\E71D"}.el-icon-odometer:before{content:"\E71E"}.el-icon-time:before{content:"\E71F"}.el-icon-bangzhu:before{content:"\E724"}.el-icon-close-notification:before{content:"\E726"}.el-icon-microphone:before{content:"\E727"}.el-icon-turn-off-microphone:before{content:"\E728"}.el-icon-position:before{content:"\E729"}.el-icon-postcard:before{content:"\E72A"}.el-icon-message:before{content:"\E72B"}.el-icon-chat-line-square:before{content:"\E72D"}.el-icon-chat-dot-square:before{content:"\E72E"}.el-icon-chat-dot-round:before{content:"\E72F"}.el-icon-chat-square:before{content:"\E730"}.el-icon-chat-line-round:before{content:"\E731"}.el-icon-chat-round:before{content:"\E732"}.el-icon-set-up:before{content:"\E733"}.el-icon-turn-off:before{content:"\E734"}.el-icon-open:before{content:"\E735"}.el-icon-connection:before{content:"\E736"}.el-icon-link:before{content:"\E737"}.el-icon-cpu:before{content:"\E738"}.el-icon-thumb:before{content:"\E739"}.el-icon-female:before{content:"\E73A"}.el-icon-male:before{content:"\E73B"}.el-icon-guide:before{content:"\E73C"}.el-icon-news:before{content:"\E73E"}.el-icon-price-tag:before{content:"\E744"}.el-icon-discount:before{content:"\E745"}.el-icon-wallet:before{content:"\E747"}.el-icon-coin:before{content:"\E748"}.el-icon-money:before{content:"\E749"}.el-icon-bank-card:before{content:"\E74A"}.el-icon-box:before{content:"\E74B"}.el-icon-present:before{content:"\E74C"}.el-icon-sell:before{content:"\E6D5"}.el-icon-sold-out:before{content:"\E6D6"}.el-icon-shopping-bag-2:before{content:"\E74D"}.el-icon-shopping-bag-1:before{content:"\E74E"}.el-icon-shopping-cart-2:before{content:"\E74F"}.el-icon-shopping-cart-1:before{content:"\E750"}.el-icon-shopping-cart-full:before{content:"\E751"}.el-icon-smoking:before{content:"\E752"}.el-icon-no-smoking:before{content:"\E753"}.el-icon-house:before{content:"\E754"}.el-icon-table-lamp:before{content:"\E755"}.el-icon-school:before{content:"\E756"}.el-icon-office-building:before{content:"\E757"}.el-icon-toilet-paper:before{content:"\E758"}.el-icon-notebook-2:before{content:"\E759"}.el-icon-notebook-1:before{content:"\E75A"}.el-icon-files:before{content:"\E75B"}.el-icon-collection:before{content:"\E75C"}.el-icon-receiving:before{content:"\E75D"}.el-icon-suitcase-1:before{content:"\E760"}.el-icon-suitcase:before{content:"\E761"}.el-icon-film:before{content:"\E763"}.el-icon-collection-tag:before{content:"\E765"}.el-icon-data-analysis:before{content:"\E766"}.el-icon-pie-chart:before{content:"\E767"}.el-icon-data-board:before{content:"\E768"}.el-icon-data-line:before{content:"\E76D"}.el-icon-reading:before{content:"\E769"}.el-icon-magic-stick:before{content:"\E76A"}.el-icon-coordinate:before{content:"\E76B"}.el-icon-mouse:before{content:"\E76C"}.el-icon-brush:before{content:"\E76E"}.el-icon-headset:before{content:"\E76F"}.el-icon-umbrella:before{content:"\E770"}.el-icon-scissors:before{content:"\E771"}.el-icon-mobile:before{content:"\E773"}.el-icon-attract:before{content:"\E774"}.el-icon-monitor:before{content:"\E775"}.el-icon-search:before{content:"\E778"}.el-icon-takeaway-box:before{content:"\E77A"}.el-icon-paperclip:before{content:"\E77D"}.el-icon-printer:before{content:"\E77E"}.el-icon-document-add:before{content:"\E782"}.el-icon-document:before{content:"\E785"}.el-icon-document-checked:before{content:"\E786"}.el-icon-document-copy:before{content:"\E787"}.el-icon-document-delete:before{content:"\E788"}.el-icon-document-remove:before{content:"\E789"}.el-icon-tickets:before{content:"\E78B"}.el-icon-folder-checked:before{content:"\E77F"}.el-icon-folder-delete:before{content:"\E780"}.el-icon-folder-remove:before{content:"\E781"}.el-icon-folder-add:before{content:"\E783"}.el-icon-folder-opened:before{content:"\E784"}.el-icon-folder:before{content:"\E78A"}.el-icon-edit-outline:before{content:"\E764"}.el-icon-edit:before{content:"\E78C"}.el-icon-date:before{content:"\E78E"}.el-icon-c-scale-to-original:before{content:"\E7C6"}.el-icon-view:before{content:"\E6CE"}.el-icon-loading:before{content:"\E6CF"}.el-icon-rank:before{content:"\E6D1"}.el-icon-sort-down:before{content:"\E7C4"}.el-icon-sort-up:before{content:"\E7C5"}.el-icon-sort:before{content:"\E6D2"}.el-icon-finished:before{content:"\E6CD"}.el-icon-refresh-left:before{content:"\E6C7"}.el-icon-refresh-right:before{content:"\E6C8"}.el-icon-refresh:before{content:"\E6D0"}.el-icon-video-play:before{content:"\E7C0"}.el-icon-video-pause:before{content:"\E7C1"}.el-icon-d-arrow-right:before{content:"\E6DC"}.el-icon-d-arrow-left:before{content:"\E6DD"}.el-icon-arrow-up:before{content:"\E6E1"}.el-icon-arrow-down:before{content:"\E6DF"}.el-icon-arrow-right:before{content:"\E6E0"}.el-icon-arrow-left:before{content:"\E6DE"}.el-icon-top-right:before{content:"\E6E7"}.el-icon-top-left:before{content:"\E6E8"}.el-icon-top:before{content:"\E6E6"}.el-icon-bottom:before{content:"\E6EB"}.el-icon-right:before{content:"\E6E9"}.el-icon-back:before{content:"\E6EA"}.el-icon-bottom-right:before{content:"\E6EC"}.el-icon-bottom-left:before{content:"\E6ED"}.el-icon-caret-top:before{content:"\E78F"}.el-icon-caret-bottom:before{content:"\E790"}.el-icon-caret-right:before{content:"\E791"}.el-icon-caret-left:before{content:"\E792"}.el-icon-d-caret:before{content:"\E79A"}.el-icon-share:before{content:"\E793"}.el-icon-menu:before{content:"\E798"}.el-icon-s-grid:before{content:"\E7A6"}.el-icon-s-check:before{content:"\E7A7"}.el-icon-s-data:before{content:"\E7A8"}.el-icon-s-opportunity:before{content:"\E7AA"}.el-icon-s-custom:before{content:"\E7AB"}.el-icon-s-claim:before{content:"\E7AD"}.el-icon-s-finance:before{content:"\E7AE"}.el-icon-s-comment:before{content:"\E7AF"}.el-icon-s-flag:before{content:"\E7B0"}.el-icon-s-marketing:before{content:"\E7B1"}.el-icon-s-shop:before{content:"\E7B4"}.el-icon-s-open:before{content:"\E7B5"}.el-icon-s-management:before{content:"\E7B6"}.el-icon-s-ticket:before{content:"\E7B7"}.el-icon-s-release:before{content:"\E7B8"}.el-icon-s-home:before{content:"\E7B9"}.el-icon-s-promotion:before{content:"\E7BA"}.el-icon-s-operation:before{content:"\E7BB"}.el-icon-s-unfold:before{content:"\E7BC"}.el-icon-s-fold:before{content:"\E7A9"}.el-icon-s-platform:before{content:"\E7BD"}.el-icon-s-order:before{content:"\E7BE"}.el-icon-s-cooperation:before{content:"\E7BF"}.el-icon-bell:before{content:"\E725"}.el-icon-message-solid:before{content:"\E799"}.el-icon-video-camera:before{content:"\E772"}.el-icon-video-camera-solid:before{content:"\E796"}.el-icon-camera:before{content:"\E779"}.el-icon-camera-solid:before{content:"\E79B"}.el-icon-download:before{content:"\E77C"}.el-icon-upload2:before{content:"\E77B"}.el-icon-upload:before{content:"\E7C3"}.el-icon-picture-outline-round:before{content:"\E75F"}.el-icon-picture-outline:before{content:"\E75E"}.el-icon-picture:before{content:"\E79F"}.el-icon-close:before{content:"\E6DB"}.el-icon-check:before{content:"\E6DA"}.el-icon-plus:before{content:"\E6D9"}.el-icon-minus:before{content:"\E6D8"}.el-icon-help:before{content:"\E73D"}.el-icon-s-help:before{content:"\E7B3"}.el-icon-circle-close:before{content:"\E78D"}.el-icon-circle-check:before{content:"\E720"}.el-icon-circle-plus-outline:before{content:"\E723"}.el-icon-remove-outline:before{content:"\E722"}.el-icon-zoom-out:before{content:"\E776"}.el-icon-zoom-in:before{content:"\E777"}.el-icon-error:before{content:"\E79D"}.el-icon-success:before{content:"\E79C"}.el-icon-circle-plus:before{content:"\E7A0"}.el-icon-remove:before{content:"\E7A2"}.el-icon-info:before{content:"\E7A1"}.el-icon-question:before{content:"\E7A4"}.el-icon-warning-outline:before{content:"\E6C9"}.el-icon-warning:before{content:"\E7A3"}.el-icon-goods:before{content:"\E7C2"}.el-icon-s-goods:before{content:"\E7B2"}.el-icon-star-off:before{content:"\E717"}.el-icon-star-on:before{content:"\E797"}.el-icon-more-outline:before{content:"\E6CC"}.el-icon-more:before{content:"\E794"}.el-icon-phone-outline:before{content:"\E6CB"}.el-icon-phone:before{content:"\E795"}.el-icon-user:before{content:"\E6E3"}.el-icon-user-solid:before{content:"\E7A5"}.el-icon-setting:before{content:"\E6CA"}.el-icon-s-tools:before{content:"\E7AC"}.el-icon-delete:before{content:"\E6D7"}.el-icon-delete-solid:before{content:"\E7C9"}.el-icon-eleme:before{content:"\E7C7"}.el-icon-platform-eleme:before{content:"\E7CA"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}

.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#FFF}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover{background-color:#fff}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409EFF;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#FFF;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #409EFF;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #E4E7ED;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{line-height:56px;padding:0 20px;list-style:none;position:relative;white-space:nowrap}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{height:56px;font-size:14px;color:#303133;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#ecf5ff}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#409EFF}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{height:56px;font-size:14px;color:#303133;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#ecf5ff}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:#ecf5ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#409EFF}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}
.start[data-v-1d969146] {
  border-radius: 34px;
  background: #f7ba1e;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  right: 16px;
}
.start[data-v-1d969146]::before {
  background: url(//p2.ssl.qhimg.com/t11b673bcd6381ac73bedbde017.png?nver=1.0.2655) center no-repeat;
  background-size: cover;
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 4px;
  position: relative;
  top: 3px;
}
.start.gray[data-v-1d969146] {
  color: rgba(0, 0, 0, 0.9);
  background: rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.9);
}
.start.gray[data-v-1d969146]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd635405d5df893af41.png?nver=1.0.2655) center no-repeat;
  background-size: cover;
}
.start.trans[data-v-1d969146] {
  border: 1px solid #f7ba1e;
  color: #f7ba1e;
  background: transparent;
}
.start.trans[data-v-1d969146]::before {
  background: url(//p2.ssl.qhimg.com/t11b673bcd6462ee5c36d1233ab.png?nver=1.0.2655) center no-repeat;
  background-size: cover;
}
.start.searchpage[data-v-1d969146] {
  width: 60px;
  padding: 0;
  margin-left: 10px;
}

.kf_wrap[data-v-8ab32c5e] {
  padding: 20px;
  padding-right: 10px;
  background: #fff;
  width: 380px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}
.kf_wrap .header[data-v-8ab32c5e] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kf_wrap .header span[data-v-8ab32c5e]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd633c1264f58252ae9.png?nver=1.0.2655);
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.kf_wrap .header a[data-v-8ab32c5e] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.kf_wrap .header a[data-v-8ab32c5e]:hover {
  text-decoration: underline;
}
.kf_wrap .conster[data-v-8ab32c5e] {
  /* 自定义整个滚动条 */
  /* 滚动条轨道 */
  /* 滚动条滑块 */
  /* 滑块hover效果 */
  padding-top: 16px;
  max-height: 476px;
  overflow-y: scroll;
  padding-right: 10px;
}
.kf_wrap .conster[data-v-8ab32c5e]::-webkit-scrollbar {
  width: 5px;
  /* 滚动条宽度 */
}
.kf_wrap .conster[data-v-8ab32c5e]::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* 轨道颜色 */
}
.kf_wrap .conster[data-v-8ab32c5e]::-webkit-scrollbar-thumb {
  background: #e0e0e7;
  /* 滑块颜色 */
}
.kf_wrap .conster[data-v-8ab32c5e]::-webkit-scrollbar-thumb:hover {
  background: #b4afaf;
  /* 滑块hover颜色 */
}
.kf_wrap .conster li[data-v-8ab32c5e]:nth-child(odd) {
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.06);
}
.kf_wrap .conster li[data-v-8ab32c5e] {
  padding: 7px 16px;
}
.kf_wrap .conster li .mobilegame-list[data-v-8ab32c5e] {
  text-align: left;
  width: 100%;
  overflow: hidden;
  height: 34px;
  line-height: 34px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.kf_wrap .conster li .mobilegame-list img[data-v-8ab32c5e] {
  width: 32px;
  height: 32px;
  border-radius: 9px;
}
.kf_wrap .conster li .mobilegame-list .list_center .start[data-v-8ab32c5e] {
  display: none;
}
.kf_wrap .conster li .mobilegame-list span[data-v-8ab32c5e] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
}
.kf_wrap .conster li .mobilegame-list .title[data-v-8ab32c5e] {
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.kf_wrap .conster li .mobilegame-list .time[data-v-8ab32c5e] {
  display: inline-block;
  width: 56px;
  padding-right: 16px;
}
.kf_wrap .conster li:active .start[data-v-8ab32c5e] {
  background: #cc9213 !important;
}
.kf_wrap .conster li:hover .start[data-v-8ab32c5e] {
  background: #f9cc45 !important;
}
.kf_wrap .conster li:hover .list_center .start[data-v-8ab32c5e] {
  display: inline-block;
}
.kf_wrap .conster li:hover .list_center .title[data-v-8ab32c5e] {
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-decoration: underline;
}
.kf_wrap .conster li:active .start[data-v-8ab32c5e] {
  background: #cc9213 !important;
}
.kf_wrap .conster li.recLi[data-v-8ab32c5e] {
  background: linear-gradient(90deg, rgba(255, 11, 11, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.kf_wrap .conster li.recLi .list_center span.time[data-v-8ab32c5e] {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6b55c66a638181e2e.png?nver=1.0.2655) center no-repeat;
  background-size: 100%;
  color: #fff;
}
.kf_wrap .conster li.recLi .list_center span.time i[data-v-8ab32c5e] {
  background: url(//p2.ssl.qhimg.com/t11b673bcd6f777d21fc79cf1e2.gif?nver=1.0.2655) center no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  float: left;
  margin: 6px 4px auto 6px;
}

.kf_wrap[data-v-198c81a8] {
  padding: 24px;
  background: #fff;
  width: 504px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  font-family: 'Microsoft YaHei UI';
}
.kf_wrap .header[data-v-198c81a8] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  align-items: center;
  line-height: 30px;
  height: 30px;
  display: flex;
  justify-content: space-between;
}
.kf_wrap .header ul li[data-v-198c81a8] {
  float: left;
  margin-right: 24px;
  font-weight: 400;
}
.kf_wrap .header ul li p[data-v-198c81a8] {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(247, 186, 30, 0) 0%, #f7ba1e 100%);
  height: 4px;
  display: none;
}
.kf_wrap .header ul li.active[data-v-198c81a8] {
  font-weight: 700;
}
.kf_wrap .header ul li.active p[data-v-198c81a8] {
  display: block;
}
.kf_wrap .header span[data-v-198c81a8]::before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.kf_wrap .header span.pageGame[data-v-198c81a8]::before {
  background: url(//p2.ssl.qhimg.com/t11b673bcd696e358f7a341dc6f.png?nver=1.0.2655);
  background-size: cover;
}
.kf_wrap .header span.mobileGame[data-v-198c81a8]::before {
  background: url(//p2.ssl.qhimg.com/t11b673bcd69439e1566851a25d.png?nver=1.0.2655);
  background-size: cover;
}
.kf_wrap .header span.miniGame[data-v-198c81a8]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6f224d4734879185f.png?nver=1.0.2655);
  background-size: cover;
}
.kf_wrap .header a[data-v-198c81a8] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.kf_wrap .header a[data-v-198c81a8]:hover {
  text-decoration: underline;
}
.kf_wrap .gamelib ul[data-v-198c81a8] {
  display: flex;
  flex-wrap: wrap;
  padding-top: 18px;
}
.kf_wrap .gamelib ul li[data-v-198c81a8] {
  width: 160px;
  height: 90px;
  position: relative;
  margin-right: 12px;
  margin-bottom: 12px;
}
.kf_wrap .gamelib ul li[data-v-198c81a8]:nth-child(3n) {
  margin-right: 0px;
}
.kf_wrap .gamelib ul li .minigame-list[data-v-198c81a8] {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.kf_wrap .gamelib ul li .minigame-list img[data-v-198c81a8] {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.2s linear;
}
.kf_wrap .gamelib ul li .minigame-list span[data-v-198c81a8] {
  position: absolute;
  width: 100%;
  height: 24px;
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  line-height: 24px;
  text-align: center;
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}
.kf_wrap .gamelib ul li .minigame-list p[data-v-198c81a8] {
  position: absolute;
  width: 100%;
  height: 24px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  bottom: 0;
  left: 0;
  line-height: 24px;
  text-align: center;
  filter: blur(5px);
}
.kf_wrap .gamelib ul li:hover .minigame-list img[data-v-198c81a8] {
  transform: scale(1.03);
}

.kf_wrap[data-v-35ffb926] {
  padding: 20px;
  background: #fff;
  height: 208px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  font-family: 'Microsoft YaHei UI';
}
.kf_wrap .header[data-v-35ffb926] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kf_wrap .header span[data-v-35ffb926]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6212ce34b1d3c3bb9.png?nver=1.0.2655);
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.kf_wrap .header a[data-v-35ffb926] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.kf_wrap .header a[data-v-35ffb926]:hover {
  text-decoration: underline;
}
.kf_wrap .conster[data-v-35ffb926] {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}
.kf_wrap .conster li[data-v-35ffb926] {
  flex: 1;
  width: 88px;
  position: relative;
  margin: 0 10px;
}
.kf_wrap .conster li[data-v-35ffb926]:last-child {
  margin-right: 0px;
}
.kf_wrap .conster li[data-v-35ffb926]:first-child {
  margin-left: 0px;
}
.kf_wrap .conster li .mobilegame-list[data-v-35ffb926] {
  text-align: center;
}
.kf_wrap .conster li .mobilegame-list img[data-v-35ffb926] {
  width: 100%;
  height: 88px;
  display: block;
  border-radius: 16px;
}
.kf_wrap .conster li .mobilegame-list .game_bottom[data-v-35ffb926] {
  position: relative;
}
.kf_wrap .conster li .mobilegame-list .game_bottom .title[data-v-35ffb926] {
  color: rgba(0, 0, 0, 0.9);
  height: 24px;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 8px auto;
  width: 100%;
  overflow: hidden;
}
.kf_wrap .conster li:hover .title[data-v-35ffb926] {
  text-decoration: underline;
}
.kf_wrap .conster li:hover .start[data-v-35ffb926] {
  background: #f9cc45 !important;
}
.kf_wrap .conster li:active .start[data-v-35ffb926] {
  background: #cc9213 !important;
}

.kf_wrap[data-v-56ba61ae] {
  padding: 20px;
  background: #fff;
  height: 208px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  font-family: 'Microsoft YaHei UI';
}
.kf_wrap .header[data-v-56ba61ae] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kf_wrap .header span[data-v-56ba61ae]::before {
  background: url(//p2.ssl.qhimg.com/t11b673bcd6c56b8c96083b2de3.png?nver=1.0.2655);
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.kf_wrap .header a[data-v-56ba61ae] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.kf_wrap .header a[data-v-56ba61ae]:hover {
  text-decoration: underline;
}
.kf_wrap .conster[data-v-56ba61ae] {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  gap: 20px;
}
.kf_wrap .conster li[data-v-56ba61ae] {
  flex: 1;
  width: 88px;
  position: relative;
}
.kf_wrap .conster li .mobilegame-list[data-v-56ba61ae] {
  text-align: center;
}
.kf_wrap .conster li .mobilegame-list img[data-v-56ba61ae] {
  width: 100%;
  height: 88px;
  display: block;
  border-radius: 16px;
}
.kf_wrap .conster li .mobilegame-list .game_bottom[data-v-56ba61ae] {
  position: relative;
}
.kf_wrap .conster li .mobilegame-list .game_bottom .title[data-v-56ba61ae] {
  color: rgba(0, 0, 0, 0.9);
  height: 24px;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 8px auto;
  width: 100%;
  overflow: hidden;
}
.kf_wrap .conster li:hover .title[data-v-56ba61ae] {
  text-decoration: underline;
}
.kf_wrap .conster li:hover .start[data-v-56ba61ae] {
  background: #f9cc45 !important;
}
.kf_wrap .conster li:active .start[data-v-56ba61ae] {
  background: #cc9213 !important;
}

.kf_wrap[data-v-cec06a78] {
  padding: 20px;
  background: #fff;
  height: 235px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}
.kf_wrap .header[data-v-cec06a78] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kf_wrap .header span[data-v-cec06a78]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd650857b0632c4c653.png?nver=1.0.2655);
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.kf_wrap .header a[data-v-cec06a78] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.kf_wrap .header a[data-v-cec06a78]:hover {
  text-decoration: underline;
}
.kf_wrap .conster[data-v-cec06a78] {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}
.kf_wrap .conster li[data-v-cec06a78] {
  width: 120px;
  flex: 1;
  position: relative;
  margin: 0 10px;
}
.kf_wrap .conster li[data-v-cec06a78]:last-child {
  margin-right: 0px;
}
.kf_wrap .conster li[data-v-cec06a78]:first-child {
  margin-left: 0px;
}
.kf_wrap .conster li .absolute-a[data-v-cec06a78] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 999999;
}
.kf_wrap .conster li .mobilegame-list[data-v-cec06a78] {
  text-align: center;
}
.kf_wrap .conster li .mobilegame-list img[data-v-cec06a78] {
  width: 100%;
  height: 160px;
  display: block;
  border-radius: 16px;
  margin-bottom: 12px;
  transition: all 0.2s linear;
}
.kf_wrap .conster li .mobilegame-list span[data-v-cec06a78] {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: block;
  height: 24px;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.kf_wrap .conster li:hover img[data-v-cec06a78] {
  transform: scale(1.03);
}
.kf_wrap .conster li:hover span[data-v-cec06a78] {
  color: #f7ba1e;
}

.biggame_box:not(.resilt) .game_bottom[data-v-675b5048] {
  background: rgba(0, 0, 0, 0.06);
}
.biggame_box[data-v-675b5048] {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}
.biggame_box li[data-v-675b5048] {
  width: 264px;
  flex: 1;
  position: relative;
  margin: 0 10px;
}
.biggame_box li[data-v-675b5048]:last-child {
  margin-right: 0px;
}
.biggame_box li[data-v-675b5048]:first-child {
  margin-left: 0px;
}
.biggame_box li .mobilegame-list[data-v-675b5048] {
  text-align: center;
  border-radius: 16px 16px 0 0;
  position: relative;
  overflow: hidden;
  z-index: 77;
}
.biggame_box li .mobilegame-list .game_bottom_bg[data-v-675b5048] {
  position: absolute;
  width: 100%;
  height: 56px;
  left: 0;
  bottom: 72px;
  z-index: 88;
}
.biggame_box li .mobilegame-list img[data-v-675b5048] {
  width: 100%;
  height: 160px;
  display: block;
  border-radius: 16px 16px 0 0;
  transition: all 0.2s linear;
}
.biggame_box li .mobilegame-list .game_bottom[data-v-675b5048] {
  position: relative;
  border-radius: 0 0 16px 16px;
  height: 48px;
  display: flex;
  padding: 12px 16px 12px 12px;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.biggame_box li .mobilegame-list .game_bottom .game_bottom_in[data-v-675b5048] {
  display: flex;
  gap: 8px;
}
.biggame_box li .mobilegame-list .game_bottom .game_bottom_center[data-v-675b5048] {
  text-align: left;
  min-width: 100px;
}
.biggame_box li .mobilegame-list .game_bottom .logo[data-v-675b5048] {
  width: 48px;
  height: 48px;
  border-radius: 16px;
}
.biggame_box li .mobilegame-list .game_bottom .title[data-v-675b5048] {
  color: rgba(0, 0, 0, 0.9);
  height: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 90px;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}
.biggame_box li .mobilegame-list .game_bottom .desc[data-v-675b5048] {
  color: rgba(0, 0, 0, 0.9);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  /* 169.231% */
}
.biggame_box li:hover .bigImg[data-v-675b5048] {
  transform: scale(1.03);
}
.biggame_box li:hover .start[data-v-675b5048] {
  background: #f9cc45 !important;
}
.biggame_box li:hover .start.trans[data-v-675b5048] {
  border: 1px solid #f9cc45 !important;
  background: transparent !important;
  color: #f9cc45 !important;
}
.biggame_box li:hover .start.gray[data-v-675b5048] {
  background: rgba(255, 255, 255, 0.55) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.biggame_box li:active .start[data-v-675b5048] {
  background: #cc9213 !important;
}
.biggame_box li:active .start.trans[data-v-675b5048] {
  border: 1px solid #cc9213 !important;
  background: transparent !important;
  color: #cc9213 !important;
}
.biggame_box li:active .start.gray[data-v-675b5048] {
  background: rgba(255, 255, 255, 0.22) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.biggame_box.resilt[data-v-675b5048] {
  flex-wrap: wrap;
}
.biggame_box.resilt li .mobilegame-list img[data-v-675b5048] {
  height: 153px;
}
.biggame_box.resilt li .mobilegame-list .game_bottom .game_bottom_center .desc[data-v-675b5048] {
  color: rgba(255, 255, 255, 0.6);
}
.biggame_box.resilt li .mobilegame-list .game_bottom .game_bottom_center .title[data-v-675b5048] {
  color: rgba(255, 255, 255, 0.9);
}
.biggame_box.searchpage li[data-v-675b5048] {
  margin-bottom: 10px;
}
.biggame_box.searchpage li[data-v-675b5048]:first-of-type {
  margin-left: 10px;
}

.kf_wrap[data-v-0459a62a] {
  padding: 20px;
  background: #fff;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  font-family: 'Microsoft YaHei UI';
}
.kf_wrap .header[data-v-0459a62a] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kf_wrap .header span[data-v-0459a62a]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd629aef1881f123c0f.png?nver=1.0.2655);
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.kf_wrap .header a[data-v-0459a62a] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.kf_wrap .header a[data-v-0459a62a]:hover {
  text-decoration: underline;
}

.kf_wrap[data-v-5ff658c8] {
  padding: 8px;
  background: #fff;
  width: 140px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}
.kf_wrap .conster li[data-v-5ff658c8] {
  padding: 7px 8px;
  margin-bottom: 4px;
  position: relative;
}
.kf_wrap .conster li[data-v-5ff658c8]:last-child {
  margin-bottom: 0px;
}
.kf_wrap .conster li[data-v-5ff658c8]:hover {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.06);
}
.kf_wrap .conster li[data-v-5ff658c8]:active {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.18);
}
.kf_wrap .conster li .mobilegame-list[data-v-5ff658c8] {
  text-align: left;
  width: 100%;
  overflow: hidden;
  height: 22px;
  line-height: 22px;
}
.kf_wrap .conster li .mobilegame-list i[data-v-5ff658c8] {
  width: 20px;
  height: 20px;
  background-size: cover;
  display: inline-block;
}
.kf_wrap .conster li .mobilegame-list em[data-v-5ff658c8] {
  color: red;
}
.kf_wrap .conster li .mobilegame-list span[data-v-5ff658c8] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 4px;
}

.header[data-v-ef18167e] {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.header span[data-v-ef18167e]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6255a293fe9d3ffb1.png?nver=1.0.2655);
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.header.header_label span[data-v-ef18167e]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6579901a4e3532c7f.png?nver=1.0.2655);
  background-size: cover;
}
.search_up_box[data-v-ef18167e] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 4px;
}
.search_up_box li[data-v-ef18167e] {
  width: 185px;
  line-height: 48px;
}
.search_up_box .search_up[data-v-ef18167e] {
  cursor: pointer;
  position: relative;
  display: flex;
}
.search_up_box .search_up:hover span[data-v-ef18167e] {
  text-decoration: underline;
}
.search_up_box .search_up .addr[data-v-ef18167e] {
  width: 126px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.search_up_box .search_up img[data-v-ef18167e] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  vertical-align: middle;
  margin-right: 12px;
}

.smallgame_box[data-v-3e50b97d] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -6px;
}
.smallgame_box li[data-v-3e50b97d] {
  margin-top: 24px;
  width: 272px;
}
.smallgame_box li .mobilegame-list[data-v-3e50b97d] {
  position: relative;
}
.smallgame_box li .mobilegame-list .game_bottom[data-v-3e50b97d] {
  position: relative;
  height: 64px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}
.smallgame_box li .mobilegame-list .game_bottom .game_bottom_center[data-v-3e50b97d] {
  text-align: left;
  width: 102px;
}
.smallgame_box li .mobilegame-list .game_bottom i[data-v-3e50b97d] {
  color: rgba(255, 255, 255, 0.35);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 140% */
}
.smallgame_box li .mobilegame-list .game_bottom .logo[data-v-3e50b97d] {
  width: 64px;
  height: 64px;
  border-radius: 16px;
}
.smallgame_box li .mobilegame-list .game_bottom .title[data-v-3e50b97d] {
  color: rgba(0, 0, 0, 0.9);
  height: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
  text-align: left;
}
.smallgame_box li .mobilegame-list .game_bottom .desc[data-v-3e50b97d] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 169.231% */
  white-space: nowrap;
}
.smallgame_box li .mobilegame-list .game_bottom .desc .desc_lable_1 i[data-v-3e50b97d] {
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 1px;
}
.smallgame_box li:hover .start[data-v-3e50b97d] {
  background: #f9cc45 !important;
}
.smallgame_box li:hover .start.trans[data-v-3e50b97d] {
  border: 1px solid #f9cc45 !important;
  background: transparent !important;
  color: #f9cc45 !important;
}
.smallgame_box li:hover .game_bottom .title[data-v-3e50b97d] {
  text-decoration: underline;
}
.smallgame_box li:active .start[data-v-3e50b97d] {
  background: #cc9213 !important;
}
.smallgame_box li:active .start.trans[data-v-3e50b97d] {
  border: 1px solid #cc9213 !important;
  background: transparent !important;
  color: #cc9213 !important;
}
.smallgame_box.resilt[data-v-3e50b97d] {
  color: rgba(255, 255, 255, 0.9);
  flex-wrap: wrap;
}
.smallgame_box.resilt li[data-v-3e50b97d] {
  height: 56px;
  margin-top: 24px;
}
.smallgame_box.resilt li:hover .desc span[data-v-3e50b97d] {
  text-decoration: underline !important;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom[data-v-3e50b97d] {
  height: 56px;
  padding: 0;
  gap: 12px;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_center[data-v-3e50b97d] {
  width: 66px;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_index[data-v-3e50b97d] {
  width: 26px;
  display: inline-block;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_index_1[data-v-3e50b97d] {
  color: #ff5664;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_index_2[data-v-3e50b97d] {
  color: #f7ba1e;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_index_3[data-v-3e50b97d] {
  color: #fadc19;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .logo[data-v-3e50b97d] {
  width: 56px;
  height: 56px;
  border-radius: 16px;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .desc[data-v-3e50b97d] {
  color: rgba(255, 255, 255, 0.6);
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .desc .desc_lable_1 i[data-v-3e50b97d] {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  height: 12px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 1px;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .title[data-v-3e50b97d] {
  color: rgba(255, 255, 255, 0.9);
}

.search_sousuo .header[data-v-f295f496] {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.search_sousuo .header span[data-v-f295f496]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6255a293fe9d3ffb1.png?nver=1.0.2655);
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.search_sousuo .header.header_label[data-v-f295f496] {
  padding-bottom: 12px;
}
.search_sousuo .header.header_label span[data-v-f295f496]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6579901a4e3532c7f.png?nver=1.0.2655);
  background-size: cover;
}
.search_sousuo .header_sousuo[data-v-f295f496] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  position: relative;
  line-height: 24px;
  /* 150% */
  display: flex;
  justify-content: space-between;
}
.search_sousuo .header_sousuo ul[data-v-f295f496] {
  height: 30px;
}
.search_sousuo .header_sousuo ul li[data-v-f295f496] {
  float: left;
  margin-right: 24px;
  font-weight: 400;
  cursor: pointer;
  position: relative;
}
.search_sousuo .header_sousuo ul li p[data-v-f295f496] {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(247, 186, 30, 0) 0%, #f7ba1e 100%);
  height: 4px;
  display: none;
}
.search_sousuo .header_sousuo ul li.active[data-v-f295f496] {
  font-weight: 700;
}
.search_sousuo .header_sousuo ul li.active p[data-v-f295f496] {
  display: block;
}
.search_sousuo .header_sousuo span[data-v-f295f496]::before {
  background: url(//p2.ssl.qhimg.com/t11b673bcd62ec4df540840e995.png?nver=1.0.2655);
  display: inline-block;
  background-size: cover;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.search_sousuo .header_sousuo span.webgame[data-v-f295f496]::before {
  background: url(//p2.ssl.qhimg.com/t11b673bcd696e358f7a341dc6f.png?nver=1.0.2655);
  background-size: cover;
}
.search_sousuo .header_sousuo span.flashgame[data-v-f295f496]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6f224d4734879185f.png?nver=1.0.2655);
  background-size: cover;
}
.search_sousuo .header_sousuo span.clientgame[data-v-f295f496]::before {
  background: url(//p2.ssl.qhimg.com/t11b673bcd69439e1566851a25d.png?nver=1.0.2655);
  background-size: cover;
}
.search_sousuo .header_sousuo a[data-v-f295f496] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 146.667% */
}
.search_sousuo .header_sousuo a[data-v-f295f496]:hover {
  text-decoration: underline;
}
.search_sousuo .header_sousuo .search_up_box[data-v-f295f496] {
  display: flex;
  flex-wrap: wrap;
}
.search_sousuo .header_sousuo .search_up_box li[data-v-f295f496] {
  width: 33.3%;
  line-height: 48px;
  margin-bottom: 16px;
}
.search_sousuo .header_sousuo .search_up_box .search_up[data-v-f295f496] {
  cursor: pointer;
  position: relative;
}
.search_sousuo .header_sousuo .search_up_box .search_up:hover span[data-v-f295f496] {
  text-decoration: underline;
}
.search_sousuo .header_sousuo .search_up_box .search_up img[data-v-f295f496] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  vertical-align: middle;
  margin-right: 12px;
}
.search_sousuo .line[data-v-f295f496] {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 20px auto;
}
.search_sousuo .search_label_none[data-v-f295f496] {
  text-align: center;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.search_sousuo .search_game_none[data-v-f295f496] {
  text-align: center;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding-top: 72px;
  background: url(//p1.ssl.qhimg.com/t11b673bcd69477695d5b2aafec.png?nver=1.0.2655) center 0 no-repeat;
  margin-top: 71px;
  margin-bottom: 71px;
  background-size: 64px 64px;
}
.search_sousuo .search_label[data-v-f295f496] {
  display: flex;
  flex-wrap: wrap;
}
.search_sousuo .search_label li[data-v-f295f496] {
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  position: relative;
}
.search_sousuo .search_label li p[data-v-f295f496] {
  color: #f7ba1e;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 8px 16px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.06);
}
.search_sousuo .search_label li p span[data-v-f295f496] {
  color: rgba(0, 0, 0, 0.9);
}
.search_sousuo .search_label li:hover p[data-v-f295f496] {
  background: rgba(0, 0, 0, 0.1);
}
.search_sousuo .search_label li:active p[data-v-f295f496] {
  background: rgba(0, 0, 0, 0.15);
}
.search_sousuo .search_more_game[data-v-f295f496] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 146.667% */
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 16px;
}
.search_sousuo .search_more_game.search_more_label[data-v-f295f496] {
  margin-top: 4px;
}
.search_sousuo .search_more_game[data-v-f295f496]:hover {
  text-decoration: underline;
}

.menu_search[data-v-4d3cd408] {
  position: relative;
  font-family: 'Microsoft YaHei UI';
}
.menu_search .searchIcon[data-v-4d3cd408] {
  display: flex;
  justify-content: space-between;
  position: absolute;
  right: 16px;
  top: 0;
  height: 44px;
  align-items: center;
  cursor: pointer;
  z-index: 99;
}
.menu_search .searchIcon .searchIcon_icon[data-v-4d3cd408] {
  width: 24px;
  height: 24px;
  background: url(//p1.ssl.qhimg.com/t11b673bcd68c1592f6ecc92f40.png?nver=1.0.2655) center no-repeat;
  background-size: cover;
}
.menu_search .searchIcon .searchIcon_text[data-v-4d3cd408] {
  line-height: 44px;
  padding-left: 4px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.menu_search .menu_search_in[data-v-4d3cd408] {
  position: relative;
  color: #000;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 324px;
  height: 44px;
}
.menu_search .menu_search_in input[data-v-4d3cd408] {
  padding: 0 16px;
  width: 221px;
  height: 44px;
  line-height: 44px;
  outline: none;
  border-radius: 50px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.15) url(//p1.ssl.qhimg.com/t11b673bcd68541c28b569f58a5.png?nver=1.0.2655) 0 0 no-repeat;
  vertical-align: middle;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  padding-right: 85px;
  border: none;
  transition: all 0.2s ease;
  box-sizing: content-box;
}
.menu_search .menu_search_in input[data-v-4d3cd408]::placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.menu_search .menu_search_in .menu_search_box[data-v-4d3cd408] {
  width: 592px;
  padding: 24px;
  background: #fff;
  position: absolute;
  top: 56px;
  right: 0px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}
.menu_search .menu_search_in .iptMask[data-v-4d3cd408] {
  width: 290px;
  height: 44px;
  padding: 0 16px;
  border-radius: 50px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0;
  background: rgba(255, 255, 255, 0.15) var(--search-border-big-img) 0 0 no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox[data-v-4d3cd408] {
  height: 44px;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox .swiper-slide[data-v-4d3cd408] {
  line-height: 44px;
  color: rgba(255, 255, 255, 0.55);
  vertical-align: middle;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  width: 75%;
  background: transparent;
  position: relative;
  display: flex;
  align-items: center;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox .swiper-slide .swiper-slide-text[data-v-4d3cd408] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox .swiper-slide[data-v-4d3cd408]:hover {
  cursor: text;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox .swiper-slide img[data-v-4d3cd408] {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 8px;
}
.menu_search .menu_search_in .iptMask.swiper-slide-hover .swiper-searchbox .swiper-slide[data-v-4d3cd408] {
  width: 65%;
}
.menu_search .menu_search_in.menu_search_samll[data-v-4d3cd408] {
  width: 200px;
}
.menu_search .menu_search_in.menu_search_samll .iptMask[data-v-4d3cd408] {
  width: 168px;
  background: rgba(255, 255, 255, 0.15) var(--search-border-small-img) 0 0 no-repeat;
  background-size: 100% 100%;
}
.menu_search .menu_search_in.menu_search_samll input[data-v-4d3cd408] {
  width: 99px;
  background: rgba(255, 255, 255, 0.15) url(//p1.ssl.qhimg.com/t11b673bcd628b52663173e2686.png?nver=1.0.2655) 0 0 no-repeat;
}

.tools_box[data-v-509926db] {
  position: relative;
  font-family: 'Microsoft YaHei UI';
  height: 44px;
  padding: 12px 0;
  display: flex;
  align-items: center;
}
.tools_box .tools_download[data-v-509926db] {
  width: 136px;
  height: 44px;
  background: #f9cc44;
  border-radius: 34px;
  text-align: center;
  line-height: 44px;
  /* all/1  6-Bold */
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
.tools_box .tools_download a[data-v-509926db] {
  color: rgba(0, 0, 0, 0.9);
}
.tools_box .tools_download a[data-v-509926db]::before {
  background: url('https://p4.ssl.qhimg.com/t110b9a93014f2fd7174e4ece9d.png') center no-repeat;
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 4px;
  position: relative;
  top: 4px;
}
.tools_box .tools_download[data-v-509926db]:hover {
  background: #fadc6c;
}
.tools_box .tools_download[data-v-509926db]:active {
  background: #f7c034;
}
.tools_box .line[data-v-509926db] {
  width: 32px;
  height: 32px;
  position: relative;
}
.tools_box .line p[data-v-509926db] {
  position: absolute;
  height: 16px;
  top: 8px;
  left: 15px;
  background: rgba(255, 255, 255, 0.3);
  width: 1px;
}
.tools_box .tools_wrap[data-v-509926db] {
  display: flex;
  align-items: center;
}
.tools_box .tools_wrap .lifir[data-v-509926db] {
  position: relative;
}
.tools_box .tools_wrap .tools_box_select[data-v-509926db] {
  width: 264px;
  height: 160px;
  position: absolute;
  padding: 8px 8px 0 8px;
  border-radius: 16px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  top: 42px;
  background: #161822 url('https://p0.ssl.qhimg.com/t110b9a93016c6ce23530c38395.png') 0 0 no-repeat;
  background-size: 80%;
}
.tools_box .tools_wrap .tools_box_select .line_tools[data-v-509926db] {
  position: absolute;
  height: 8px;
  top: 144px;
  left: 141px;
  background: rgba(255, 255, 255, 0.1);
  width: 1px;
}
.tools_box .tools_wrap .tools_box_select .tol_bottom[data-v-509926db] {
  display: flex;
}
.tools_box .tools_wrap .tools_box_select .tol_bottom li[data-v-509926db] {
  width: 50%;
  height: 40px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.55);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  position: relative;
}
.tools_box .tools_wrap .tools_box_select .tol_bottom li span[data-v-509926db]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd691681b3fb5dd68d4.png?nver=1.0.2655);
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 4px;
  position: relative;
  top: 3px;
}
.tools_box .tools_wrap .tools_box_select .tol_bottom li span[data-v-509926db]:hover {
  color: rgba(255, 255, 255, 0.9);
}
.tools_box .tools_wrap .tools_box_select .tol_bottom li.tols_change span[data-v-509926db]::before {
  background: url(//p1.ssl.qhimg.com/t11b673bcd684950bd918744a9a.png?nver=1.0.2655);
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in[data-v-509926db] {
  width: 264px;
  height: 120px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px);
  position: relative;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_top i[data-v-509926db] {
  width: 48px;
  height: 48px;
  background: url(//p2.ssl.qhimg.com/t11b673bcd688ce2f057635a0f4.png?nver=1.0.2655) center no-repeat;
  display: block;
  background-size: cover;
  position: absolute;
  top: 12px;
  left: 12px;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_top div[data-v-509926db] {
  background: linear-gradient(180deg, #fefbf7 11.98%, #f3cc9c 89.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  height: 24px;
  top: 12px;
  left: 68px;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_top p[data-v-509926db] {
  color: rgba(255, 235, 212, 0.9);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 169.231% */
  height: 22px;
  position: absolute;
  top: 37px;
  left: 68px;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_btn[data-v-509926db] {
  width: 240px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_btn a[data-v-509926db] {
  width: 240px;
  height: 32px;
  border-radius: 34px;
  background: linear-gradient(90deg, #f7ba1e 0%, #ffdf6e 100%);
  color: #1f1b1e;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: block;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_btn a[data-v-509926db]:hover {
  background: #f9cc45;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_btn a[data-v-509926db]:active {
  background: #cc9213;
}
.tools_box .tools_wrap .message_box[data-v-509926db] {
  position: absolute;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  width: 140px;
  padding: 8px;
  top: 40px;
}
.tools_box .tools_wrap .message_box .conster li[data-v-509926db] {
  padding: 7px 8px;
  margin-bottom: 4px;
  position: relative;
}
.tools_box .tools_wrap .message_box .conster li[data-v-509926db]:last-child {
  margin-bottom: 0px;
}
.tools_box .tools_wrap .message_box .conster li[data-v-509926db]:hover {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.06);
}
.tools_box .tools_wrap .message_box .conster li[data-v-509926db]:active {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.18);
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list[data-v-509926db] {
  text-align: left;
  width: 100%;
  overflow: hidden;
  height: 22px;
  position: relative;
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list .redPoint[data-v-509926db] {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #ff3049;
  position: absolute;
  right: 30px;
  top: 0;
  display: block;
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list img[data-v-509926db] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list em[data-v-509926db] {
  color: red;
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list span[data-v-509926db] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 4px;
  line-height: 22px;
}
.tools_box .tools_wrap .lifir[data-v-509926db] {
  width: 32px;
  height: 32px;
  display: flex;
  margin-right: 8px;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.tools_box .tools_wrap .lifir.lifir_alltools[data-v-509926db] {
  margin-right: 0;
}
.tools_box .tools_wrap .lifir.lifir_message[data-v-509926db] {
  margin-right: 0;
}
.tools_box .tools_wrap .lifir.lifir_message .redPoint[data-v-509926db] {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #ff3049;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}
.tools_box .tools_wrap .lifir[data-v-509926db]:hover {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
}
.tools_box .tools_wrap .lifir[data-v-509926db]:active {
  background: rgba(255, 255, 255, 0.15);
}
.tools_box .tools_wrap .lifir .lispan[data-v-509926db] {
  width: 21px;
  height: 21px;
  display: block;
}
.tools_box .tools_wrap .lifir .qiandao[data-v-509926db] {
  background: url(//p2.ssl.qhimg.com/t11b673bcd67370bcd6b841ad57.png?nver=1.0.2655) center no-repeat;
  background-size: cover;
}
.tools_box .tools_wrap .lifir .message[data-v-509926db] {
  background: url(//p1.ssl.qhimg.com/t11b673bcd69862aa119dd1462d.png?nver=1.0.2655) center no-repeat;
  background-size: cover;
}
.tools_box .tools_wrap .lifir .tools[data-v-509926db] {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6f4665e1bfd7294e7.png?nver=1.0.2655) center no-repeat;
  background-size: cover;
}
.tools_box .tools_wrap .lifir .alltools[data-v-509926db] {
  background: url(//p1.ssl.qhimg.com/t11b673bcd6e85fb7444a559fff.png?nver=1.0.2655) center no-repeat;
  background-size: cover;
}

.kf_wrap[data-v-0d763b51] {
  padding: 20px;
  background: #fff;
  height: 208px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  font-family: 'Microsoft YaHei UI';
  display: none !important;
}

.vip_wrap[data-v-503a5368] {
  background: #f5eace;
  border-radius: 16px;
  white-space: nowrap;
  padding: 0px 8px;
  line-height: 32px;
  /* 157.143% */
  height: 32px;
  position: relative;
  left: 4px;
  cursor: pointer;
}
.vip_wrap .title[data-v-503a5368] {
  padding-left: 28px;
  background: url(https://p4.ssl.qhimg.com/t110b9a930177ff77a061ae908e.webp) left center / 24px no-repeat;
  color: #6d3b0c;
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.vip_wrap .vip_iframe[data-v-503a5368] {
  position: absolute;
  width: 380px;
  height: 552px;
  left: 50%;
  margin-left: -190px;
  border-radius: 16px;
  overflow: hidden;
}
.vip_wrap .vip_iframe iframe[data-v-503a5368] {
  border: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.menu_wrap_box[data-v-d766f0fa] {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  font-family: 'Microsoft YaHei UI';
  position: fixed;
  backdrop-filter: blur(50px);
  background: var(--nav-bg-color);
}
.menu_wrap_box .menu_logo[data-v-d766f0fa] {
  width: 164px;
  height: 36px;
  background: url(https://p0.ssl.qhimg.com/t110b9a930185bfb4d727bc75e5.png) center no-repeat;
  background-size: cover;
  margin-right: 16px;
}
.menu_wrap_box.menu_wrap_blur[data-v-d766f0fa] {
  background: linear-gradient(0deg, rgba(7, 11, 21, 0) 0%, #070b15 100%);
  backdrop-filter: none;
}
.menu_wrap_box .vip_menuLis[data-v-d766f0fa] {
  display: none;
}
.menu_wrap_box.menu_wrap_vip .vip_menuLis[data-v-d766f0fa] {
  display: block;
}
.menu_wrap_box.menu_wrap_browser[data-v-d766f0fa] {
  min-width: 1200px;
  position: fixed;
}
.menu_wrap_box.menu_wrap_browser .menu_wrap[data-v-d766f0fa] {
  min-width: 1200px;
}
.menu_wrap_box.menu_wrap_browser .menu_wrap .header_right[data-v-d766f0fa] {
  padding-right: 16px;
  gap: 16px;
}
.menu_wrap_box.menu_wrap_browser .menu_wrap .header_left[data-v-d766f0fa] {
  margin-left: 24px;
}
.menu_wrap[data-v-d766f0fa] {
  width: 100%;
  height: 44px;
  padding: 12px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu_wrap .header_left[data-v-d766f0fa] {
  display: flex;
  align-items: center;
}
.menu_wrap .header_right[data-v-d766f0fa] {
  height: 44px;
  padding-right: 187px;
  padding-left: 50px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}
.menu_wrap .el-menu-ul[data-v-d766f0fa] {
  position: relative;
  transition: none !important;
  height: 44px;
}
.menu_wrap .menu_bottom[data-v-d766f0fa] {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(247, 186, 30, 0) 0%, #f7ba1e 100%);
  height: 4px;
  width: 80%;
  position: absolute;
  bottom: 0;
  margin-left: -40%;
  left: 50%;
  display: none;
}
.menu_wrap .nav_hot[data-v-d766f0fa] {
  position: absolute;
  font-size: 12px;
  top: 3px;
  right: 9px;
  background: url(//p1.ssl.qhimg.com/t11b673bcd6f608501b5fed6344.png?nver=1.0.2655) center no-repeat;
  background-size: cover;
  width: 30px;
  height: 8px;
}
.menu_wrap .nav_hot.nav_vip_icon[data-v-d766f0fa] {
  background: url(https://p5.ssl.qhimg.com/t110b9a930191f800b6c24d5f8c.gif) center no-repeat;
  background-size: cover;
  width: 69px;
  height: 16px;
  top: -2px;
  right: -4px;
}
.menu_wrap[data-v-d766f0fa] .el-icon-nav {
  background-size: cover;
  height: 20px;
  width: 20px !important;
}
.menu_wrap[data-v-d766f0fa] .el-icon-nav-hover {
  background-size: cover;
  height: 20px;
  width: 20px !important;
  display: none;
}
.menu_wrap[data-v-d766f0fa] .el-icon-nav-active {
  background-size: cover;
  height: 20px;
  width: 20px !important;
  display: none;
}
.menu_wrap[data-v-d766f0fa] .el-icon-arrow-down:before {
  display: none;
}
.menu_wrap[data-v-d766f0fa] .el-submenu {
  background-color: transparent !important;
}
.menu_wrap[data-v-d766f0fa] .el-submenu .el-submenu__icon-arrow {
  display: none !important;
}
.menu_wrap[data-v-d766f0fa] .el-menu-item {
  background-color: transparent !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  padding: 0 12px;
  height: 44px;
}
.menu_wrap[data-v-d766f0fa] .el-menu-item:hover {
  color: #f7ba1e !important;
}
.menu_wrap[data-v-d766f0fa] .el-menu-item:hover .el-icon-nav-hover {
  display: inline-block;
}
.menu_wrap[data-v-d766f0fa] .el-menu-item:hover .el-icon-nav {
  display: none;
}
.menu_wrap[data-v-d766f0fa] .el-menu-item.is-active {
  border-bottom-color: transparent !important;
}
.menu_wrap[data-v-d766f0fa] .el-menu-item.is-active .menu_bottom {
  display: block;
}
.menu_wrap[data-v-d766f0fa] .el-menu-item.is-active .el-icon-nav-hover {
  display: inline-block;
}
.menu_wrap[data-v-d766f0fa] .el-menu-item.is-active .el-icon-nav {
  display: none;
}
.menu_wrap[data-v-d766f0fa] .el-submenu.is-active .menu_bottom {
  display: block;
}
.menu_wrap[data-v-d766f0fa] .el-submenu.is-active .el-icon-nav-hover {
  display: inline-block;
}
.menu_wrap[data-v-d766f0fa] .el-submenu.is-active .el-icon-nav {
  display: none;
}
.menu_wrap[data-v-d766f0fa] .el-submenu .el-submenu__title {
  background-color: transparent !important;
  padding: 0 5px;
}
.menu_wrap[data-v-d766f0fa] .el-submenu .el-submenu__title .el-icon-menu {
  margin-right: 8px;
}
.menu_wrap[data-v-d766f0fa] .el-menu.el-menu--horizontal {
  border-bottom: 0;
  float: left;
  position: relative;
}
.menu_wrap[data-v-d766f0fa] .el-menu--horizontal > .el-menu-item {
  height: 44px;
  position: relative;
}
.menu_wrap[data-v-d766f0fa] .el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 44px;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  padding: 0 12px;
  border-bottom-color: transparent !important;
}
.menu_wrap[data-v-d766f0fa] .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
  color: #f7b91d !important;
}
.menu_wrap[data-v-d766f0fa] .el-menu--horizontal > .el-submenu:hover .el-submenu__title .el-icon-nav-hover {
  display: inline-block;
}
.menu_wrap[data-v-d766f0fa] .el-menu--horizontal > .el-submenu:hover .el-submenu__title .el-icon-nav {
  display: none;
}
.menu_wrap[data-v-d766f0fa] .el-icon-menu {
  margin-right: 4px;
}

.menu_wrap_pop {
  transition: none !important;
}
.menu_wrap_pop .kf_list {
  width: 800px;
  height: 200px;
  background: red;
}
.menu_wrap_pop .el-menu--popup {
  box-shadow: none;
}
.menu_wrap_pop .el-menu-item {
  background-color: transparent !important;
  padding: 0 !important;
}
.menu_wrap_pop .el-menu--horizontal .el-menu .el-menu-item,
.menu_wrap_pop .el-menu--horizontal .el-menu .el-submenu__title {
  padding: 0;
}
.menu_wrap_pop .el-menu--popup-bottom-start {
  margin-top: 0;
}
.menu_wrap_pop .el-menu--popup {
  padding: 0;
}

.menu_wrap_box .guajian[data-v-d766f0fa] {
  position: fixed;
  top: 0;
  right: 0;
  height: 304px;
  width: 72px;
  background-image: var(--right-top-big-img);
  z-index: 9999999;
}
.menu_wrap_box .guajian.anim[data-v-d766f0fa] {
  animation: guajian-anim-d766f0fa 0.5s linear;
}
.menu_wrap_box .guajian .guajian-click[data-v-d766f0fa] {
  height: 236px;
  width: 72px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@keyframes guajian-anim-d766f0fa {
0% {
    transform: translateY(-100%);
}
80% {
    transform: translateY(20px);
}
100% {
    transform: translateY(0);
}
}
@media screen and (max-height: 799px) {
.menu_wrap_box .guajian[data-v-d766f0fa] {
    height: 200px;
    width: 72px;
    background-image: var(--right-top-small-img);
}
.menu_wrap_box .guajian .guajian-click[data-v-d766f0fa] {
    height: 132px;
    width: 72px;
}
}

.kf_wrap[data-v-9798811c] {
  padding: 8px;
  background: #fff;
  width: 140px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}
.kf_wrap .conster li[data-v-9798811c] {
  padding: 7px 8px;
  margin-bottom: 4px;
  position: relative;
}
.kf_wrap .conster li[data-v-9798811c]:last-child {
  margin-bottom: 0px;
}
.kf_wrap .conster li[data-v-9798811c]:hover {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.06);
}
.kf_wrap .conster li[data-v-9798811c]:active {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.18);
}
.kf_wrap .conster li .mobilegame-list[data-v-9798811c] {
  text-align: left;
  width: 100%;
  overflow: hidden;
  height: 22px;
  line-height: 22px;
}
.kf_wrap .conster li .mobilegame-list i[data-v-9798811c] {
  width: 20px;
  height: 20px;
  background-size: cover;
  display: inline-block;
}
.kf_wrap .conster li .mobilegame-list em[data-v-9798811c] {
  color: red;
}
.kf_wrap .conster li .mobilegame-list span[data-v-9798811c] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 4px;
}

.start[data-v-3fbc2283] {
  border-radius: 34px;
  background: #f7ba1e;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  right: 16px;
}
.start[data-v-3fbc2283]::before {
  background: url('https://p1.ssl.qhimg.com/t110b9a9301d0d5c036892333e4.png') center no-repeat;
  background-size: cover;
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 4px;
  position: relative;
  top: 3px;
}
.start.gray[data-v-3fbc2283] {
  color: rgba(0, 0, 0, 0.9);
  background: rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.9);
}
.start.gray[data-v-3fbc2283]::before {
  background: url('https://p1.ssl.qhimg.com/t110b9a930189113edfc32f96e3.png') center no-repeat;
  background-size: cover;
}
.start.trans[data-v-3fbc2283] {
  border: 1px solid #f7ba1e;
  color: #f7ba1e;
  background: transparent;
}
.start.trans[data-v-3fbc2283]::before {
  background: url('https://p1.ssl.qhimg.com/t110b9a930189113edfc32f96e3.png') center no-repeat;
  background-size: cover;
}
.start.searchpage[data-v-3fbc2283] {
  width: 60px;
  padding: 0;
  margin-left: 10px;
}

.biggame_box:not(.resilt) .game_bottom[data-v-5e788410] {
  background: rgba(0, 0, 0, 0.06);
}
.biggame_box[data-v-5e788410] {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}
.biggame_box li[data-v-5e788410] {
  width: 264px;
  flex: 1;
  position: relative;
  margin: 0 10px;
}
.biggame_box li[data-v-5e788410]:last-child {
  margin-right: 0px;
}
.biggame_box li[data-v-5e788410]:first-child {
  margin-left: 0px;
}
.biggame_box li .mobilegame-list[data-v-5e788410] {
  text-align: center;
  border-radius: 16px 16px 0 0;
  position: relative;
  overflow: hidden;
  z-index: 77;
}
.biggame_box li .mobilegame-list .game_bottom_bg[data-v-5e788410] {
  position: absolute;
  width: 100%;
  height: 56px;
  left: 0;
  bottom: 72px;
  z-index: 88;
}
.biggame_box li .mobilegame-list img[data-v-5e788410] {
  width: 100%;
  height: 160px;
  display: block;
  border-radius: 16px 16px 0 0;
  transition: all 0.2s linear;
}
.biggame_box li .mobilegame-list .game_bottom[data-v-5e788410] {
  position: relative;
  border-radius: 0 0 16px 16px;
  height: 48px;
  display: flex;
  padding: 12px 16px 12px 12px;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.biggame_box li .mobilegame-list .game_bottom .game_bottom_in[data-v-5e788410] {
  display: flex;
  gap: 8px;
}
.biggame_box li .mobilegame-list .game_bottom .game_bottom_center[data-v-5e788410] {
  text-align: left;
  min-width: 100px;
}
.biggame_box li .mobilegame-list .game_bottom .logo[data-v-5e788410] {
  width: 48px;
  height: 48px;
  border-radius: 16px;
}
.biggame_box li .mobilegame-list .game_bottom .title[data-v-5e788410] {
  color: rgba(0, 0, 0, 0.9);
  height: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 90px;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}
.biggame_box li .mobilegame-list .game_bottom .desc[data-v-5e788410] {
  color: rgba(0, 0, 0, 0.9);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  /* 169.231% */
}
.biggame_box li:hover .bigImg[data-v-5e788410] {
  transform: scale(1.03);
}
.biggame_box li:hover .start[data-v-5e788410] {
  background: #f9cc45 !important;
}
.biggame_box li:hover .start.trans[data-v-5e788410] {
  border: 1px solid #f9cc45 !important;
  background: transparent !important;
  color: #f9cc45 !important;
}
.biggame_box li:hover .start.gray[data-v-5e788410] {
  background: rgba(255, 255, 255, 0.55) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.biggame_box li:active .start[data-v-5e788410] {
  background: #cc9213 !important;
}
.biggame_box li:active .start.trans[data-v-5e788410] {
  border: 1px solid #cc9213 !important;
  background: transparent !important;
  color: #cc9213 !important;
}
.biggame_box li:active .start.gray[data-v-5e788410] {
  background: rgba(255, 255, 255, 0.22) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.biggame_box.resilt[data-v-5e788410] {
  flex-wrap: wrap;
}
.biggame_box.resilt li .mobilegame-list img[data-v-5e788410] {
  height: 153px;
}
.biggame_box.resilt li .mobilegame-list .game_bottom .game_bottom_center .desc[data-v-5e788410] {
  color: rgba(255, 255, 255, 0.6);
}
.biggame_box.resilt li .mobilegame-list .game_bottom .game_bottom_center .title[data-v-5e788410] {
  color: rgba(255, 255, 255, 0.9);
}
.biggame_box.searchpage li[data-v-5e788410] {
  margin-bottom: 10px;
}
.biggame_box.searchpage li[data-v-5e788410]:first-of-type {
  margin-left: 10px;
}

.header[data-v-49be9378] {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.header span[data-v-49be9378]::before {
  background: url(https://p4.ssl.qhimg.com/t110b9a930125dde7ce5b993d60.png);
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.header.header_label span[data-v-49be9378]::before {
  background: url(https://p5.ssl.qhimg.com/t110b9a9301a7f53045f092ca96.png);
  background-size: cover;
}
.search_up_box[data-v-49be9378] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 4px;
}
.search_up_box li[data-v-49be9378] {
  width: 185px;
  line-height: 48px;
}
.search_up_box .search_up[data-v-49be9378] {
  cursor: pointer;
  position: relative;
  display: flex;
}
.search_up_box .search_up:hover span[data-v-49be9378] {
  text-decoration: underline;
}
.search_up_box .search_up .addr[data-v-49be9378] {
  width: 126px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.search_up_box .search_up img[data-v-49be9378] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  vertical-align: middle;
  margin-right: 12px;
}

.smallgame_box[data-v-41d53d03] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -6px;
}
.smallgame_box li[data-v-41d53d03] {
  margin-top: 24px;
  width: 272px;
}
.smallgame_box li .mobilegame-list[data-v-41d53d03] {
  position: relative;
}
.smallgame_box li .mobilegame-list .game_bottom[data-v-41d53d03] {
  position: relative;
  height: 64px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}
.smallgame_box li .mobilegame-list .game_bottom .game_bottom_center[data-v-41d53d03] {
  text-align: left;
  width: 102px;
}
.smallgame_box li .mobilegame-list .game_bottom i[data-v-41d53d03] {
  color: rgba(255, 255, 255, 0.35);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 140% */
}
.smallgame_box li .mobilegame-list .game_bottom .logo[data-v-41d53d03] {
  width: 64px;
  height: 64px;
  border-radius: 16px;
}
.smallgame_box li .mobilegame-list .game_bottom .title[data-v-41d53d03] {
  color: rgba(0, 0, 0, 0.9);
  height: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.smallgame_box li .mobilegame-list .game_bottom .desc[data-v-41d53d03] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 169.231% */
  white-space: nowrap;
}
.smallgame_box li .mobilegame-list .game_bottom .desc .desc_lable_1 i[data-v-41d53d03] {
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 1px;
}
.smallgame_box li:hover .start[data-v-41d53d03] {
  background: #f9cc45 !important;
}
.smallgame_box li:hover .start.trans[data-v-41d53d03] {
  border: 1px solid #f9cc45 !important;
  background: transparent !important;
  color: #f9cc45 !important;
}
.smallgame_box li:hover .game_bottom .title[data-v-41d53d03] {
  text-decoration: underline;
}
.smallgame_box li:active .start[data-v-41d53d03] {
  background: #cc9213 !important;
}
.smallgame_box li:active .start.trans[data-v-41d53d03] {
  border: 1px solid #cc9213 !important;
  background: transparent !important;
  color: #cc9213 !important;
}
.smallgame_box.resilt[data-v-41d53d03] {
  color: rgba(255, 255, 255, 0.9);
  flex-wrap: wrap;
}
.smallgame_box.resilt li[data-v-41d53d03] {
  height: 56px;
  margin-top: 24px;
}
.smallgame_box.resilt li:hover .desc span[data-v-41d53d03] {
  text-decoration: underline !important;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom[data-v-41d53d03] {
  height: 56px;
  padding: 0;
  gap: 12px;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_center[data-v-41d53d03] {
  width: 66px;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_index[data-v-41d53d03] {
  width: 26px;
  display: inline-block;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_index_1[data-v-41d53d03] {
  color: #ff5664;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_index_2[data-v-41d53d03] {
  color: #f7ba1e;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .game_bottom_index_3[data-v-41d53d03] {
  color: #fadc19;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .logo[data-v-41d53d03] {
  width: 56px;
  height: 56px;
  border-radius: 16px;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .desc[data-v-41d53d03] {
  color: rgba(255, 255, 255, 0.6);
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .desc .desc_lable_1 i[data-v-41d53d03] {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  height: 12px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 1px;
}
.smallgame_box.resilt li .mobilegame-list .game_bottom .title[data-v-41d53d03] {
  color: rgba(255, 255, 255, 0.9);
}

.search_sousuo .header[data-v-3fc1b560] {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.search_sousuo .header span[data-v-3fc1b560]::before {
  background: url(https://p4.ssl.qhimg.com/t110b9a930125dde7ce5b993d60.png);
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.search_sousuo .header.header_label[data-v-3fc1b560] {
  padding-bottom: 12px;
}
.search_sousuo .header.header_label span[data-v-3fc1b560]::before {
  background: url(https://p5.ssl.qhimg.com/t110b9a9301a7f53045f092ca96.png);
  background-size: cover;
}
.search_sousuo .header_sousuo[data-v-3fc1b560] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  position: relative;
  line-height: 24px;
  /* 150% */
  display: flex;
  justify-content: space-between;
}
.search_sousuo .header_sousuo ul[data-v-3fc1b560] {
  height: 30px;
}
.search_sousuo .header_sousuo ul li[data-v-3fc1b560] {
  float: left;
  margin-right: 24px;
  font-weight: 400;
  cursor: pointer;
  position: relative;
}
.search_sousuo .header_sousuo ul li p[data-v-3fc1b560] {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(247, 186, 30, 0) 0%, #f7ba1e 100%);
  height: 4px;
  display: none;
}
.search_sousuo .header_sousuo ul li.active[data-v-3fc1b560] {
  font-weight: 700;
}
.search_sousuo .header_sousuo ul li.active p[data-v-3fc1b560] {
  display: block;
}
.search_sousuo .header_sousuo span[data-v-3fc1b560]::before {
  background: url(https://p0.ssl.qhimg.com/t110b9a930129c5e956e066c327.png);
  display: inline-block;
  background-size: cover;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.search_sousuo .header_sousuo span.webgame[data-v-3fc1b560]::before {
  background: url(https://p1.ssl.qhimg.com/t110b9a93017d62859de260886f.png);
  background-size: cover;
}
.search_sousuo .header_sousuo span.flashgame[data-v-3fc1b560]::before {
  background: url(https://p5.ssl.qhimg.com/t110b9a9301d1bcfb4544f2ae41.png);
  background-size: cover;
}
.search_sousuo .header_sousuo span.clientgame[data-v-3fc1b560]::before {
  background: url(https://p3.ssl.qhimg.com/t110b9a9301d8cdaeee00af49de.png);
  background-size: cover;
}
.search_sousuo .header_sousuo a[data-v-3fc1b560] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 146.667% */
}
.search_sousuo .header_sousuo a[data-v-3fc1b560]:hover {
  text-decoration: underline;
}
.search_sousuo .header_sousuo .search_up_box[data-v-3fc1b560] {
  display: flex;
  flex-wrap: wrap;
}
.search_sousuo .header_sousuo .search_up_box li[data-v-3fc1b560] {
  width: 33.3%;
  line-height: 48px;
  margin-bottom: 16px;
}
.search_sousuo .header_sousuo .search_up_box .search_up[data-v-3fc1b560] {
  cursor: pointer;
  position: relative;
}
.search_sousuo .header_sousuo .search_up_box .search_up:hover span[data-v-3fc1b560] {
  text-decoration: underline;
}
.search_sousuo .header_sousuo .search_up_box .search_up img[data-v-3fc1b560] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  vertical-align: middle;
  margin-right: 12px;
}
.search_sousuo .line[data-v-3fc1b560] {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 20px auto;
}
.search_sousuo .search_label_none[data-v-3fc1b560] {
  text-align: center;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.search_sousuo .search_game_none[data-v-3fc1b560] {
  text-align: center;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding-top: 72px;
  background: url(https://p5.ssl.qhimg.com/t110b9a93015d5812d4814fde55.png) center 0 no-repeat;
  margin-top: 71px;
  margin-bottom: 71px;
  background-size: 64px 64px;
}
.search_sousuo .search_label[data-v-3fc1b560] {
  display: flex;
  flex-wrap: wrap;
}
.search_sousuo .search_label li[data-v-3fc1b560] {
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  position: relative;
}
.search_sousuo .search_label li p[data-v-3fc1b560] {
  color: #f7ba1e;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 8px 16px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.06);
}
.search_sousuo .search_label li p span[data-v-3fc1b560] {
  color: rgba(0, 0, 0, 0.9);
}
.search_sousuo .search_label li:hover p[data-v-3fc1b560] {
  background: rgba(0, 0, 0, 0.1);
}
.search_sousuo .search_label li:active p[data-v-3fc1b560] {
  background: rgba(0, 0, 0, 0.15);
}
.search_sousuo .search_more_game[data-v-3fc1b560] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 146.667% */
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 16px;
}
.search_sousuo .search_more_game.search_more_label[data-v-3fc1b560] {
  margin-top: 4px;
}
.search_sousuo .search_more_game[data-v-3fc1b560]:hover {
  text-decoration: underline;
}

.menu_search[data-v-4946aaaf] {
  position: relative;
  font-family: 'Microsoft YaHei UI';
}
.menu_search .searchIcon[data-v-4946aaaf] {
  display: flex;
  justify-content: space-between;
  position: absolute;
  right: 8px;
  top: 0;
  height: 28px;
  align-items: center;
  cursor: pointer;
  z-index: 99;
}
.menu_search .searchIcon .searchIcon_icon[data-v-4946aaaf] {
  width: 16px;
  height: 16px;
  background: url(https://p0.ssl.qhimg.com/t110b9a9301498e9c7b25c02c39.png) center no-repeat;
  background-size: cover;
}
.menu_search .searchIcon .searchIcon_text[data-v-4946aaaf] {
  padding-left: 4px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.menu_search .menu_search_in[data-v-4946aaaf] {
  position: relative;
  color: #000;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 200px;
  height: 28px;
}
.menu_search .menu_search_in input[data-v-4946aaaf] {
  padding: 0 70px 0 8px;
  box-sizing: border-box;
  width: 200px;
  height: 28px;
  line-height: 44px;
  outline: none;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.15) url(https://p2.ssl.qhimg.com/t110b9a9301ab7fe212d7a74d1d.png) 0 0 no-repeat;
  background-size: contain;
  vertical-align: middle;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  border: none;
  transition: all 0.2s ease;
}
.menu_search .menu_search_in input[data-v-4946aaaf]::placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.menu_search .menu_search_in .menu_search_box[data-v-4946aaaf] {
  width: 592px;
  padding: 24px;
  background: #fff;
  position: absolute;
  top: 38px;
  right: 0px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}
.menu_search .menu_search_in .iptMask[data-v-4946aaaf] {
  width: 200px;
  height: 28px;
  border-radius: 50px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0;
  background: rgba(255, 255, 255, 0.15) var(--search-border-big-img) 0 0 no-repeat;
  background-size: 100% 100%;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox[data-v-4946aaaf] {
  height: 28px;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox .swiper-slide[data-v-4946aaaf] {
  padding-left: 4px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.55);
  vertical-align: middle;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  width: 75%;
  background: transparent;
  position: relative;
  display: flex;
  align-items: center;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox .swiper-slide .swiper-slide-text[data-v-4946aaaf] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox .swiper-slide[data-v-4946aaaf]:hover {
  cursor: text;
}
.menu_search .menu_search_in .iptMask .swiper-searchbox .swiper-slide img[data-v-4946aaaf] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 8px;
}
.menu_search .menu_search_in .iptMask.swiper-slide-hover .swiper-searchbox .swiper-slide[data-v-4946aaaf] {
  width: 65%;
}
.menu_search .menu_search_in.menu_search_samll[data-v-4946aaaf] {
  width: 200px;
}
.menu_search .menu_search_in.menu_search_samll .iptMask[data-v-4946aaaf] {
  width: 168px;
  background: rgba(255, 255, 255, 0.15) var(--search-border-small-img) 0 0 no-repeat;
  background-size: 100% 100%;
}
.menu_search .menu_search_in.menu_search_samll input[data-v-4946aaaf] {
  width: 99px;
  background: rgba(255, 255, 255, 0.15) url(https://p4.ssl.qhimg.com/t110b9a930144aa8be0aa4adaa0.png) 0 0 no-repeat;
}

.tools_box[data-v-656d8161] {
  position: relative;
  font-family: 'Microsoft YaHei UI';
  height: 32px;
  display: flex;
  align-items: center;
}
.tools_box .tools_download[data-v-656d8161] {
  width: 136px;
  height: 44px;
  background: #f9cc44;
  border-radius: 34px;
  text-align: center;
  line-height: 44px;
  /* all/1  6-Bold */
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
.tools_box .tools_download a[data-v-656d8161] {
  color: rgba(0, 0, 0, 0.9);
}
.tools_box .tools_download a[data-v-656d8161]::before {
  background: url('https://p4.ssl.qhimg.com/t110b9a93014f2fd7174e4ece9d.png') center no-repeat;
  background-size: cover;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 4px;
  position: relative;
  top: 4px;
}
.tools_box .tools_download[data-v-656d8161]:hover {
  background: #fadc6c;
}
.tools_box .tools_download[data-v-656d8161]:active {
  background: #f7c034;
}
.tools_box .line[data-v-656d8161] {
  width: 32px;
  height: 32px;
  position: relative;
}
.tools_box .line p[data-v-656d8161] {
  position: absolute;
  height: 16px;
  top: 8px;
  left: 15px;
  background: rgba(255, 255, 255, 0.3);
  width: 1px;
}
.tools_box .tools_wrap[data-v-656d8161] {
  display: flex;
  align-items: center;
}
.tools_box .tools_wrap .lifir[data-v-656d8161] {
  position: relative;
}
.tools_box .tools_wrap .tools_box_select[data-v-656d8161] {
  width: 264px;
  height: 160px;
  position: absolute;
  padding: 8px 8px 0 8px;
  border-radius: 16px;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  top: 42px;
  background: #161822 url('https://p0.ssl.qhimg.com/t110b9a93016c6ce23530c38395.png') 0 0 no-repeat;
  background-size: 80%;
}
.tools_box .tools_wrap .tools_box_select .line_tools[data-v-656d8161] {
  position: absolute;
  height: 8px;
  top: 144px;
  left: 141px;
  background: rgba(255, 255, 255, 0.1);
  width: 1px;
}
.tools_box .tools_wrap .tools_box_select .tol_bottom[data-v-656d8161] {
  display: flex;
}
.tools_box .tools_wrap .tools_box_select .tol_bottom li[data-v-656d8161] {
  width: 50%;
  height: 40px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.55);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  position: relative;
}
.tools_box .tools_wrap .tools_box_select .tol_bottom li span[data-v-656d8161]::before {
  background: url(https://p3.ssl.qhimg.com/t110b9a9301dbabc63c0035886a.png);
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 4px;
  position: relative;
  top: 3px;
}
.tools_box .tools_wrap .tools_box_select .tol_bottom li span[data-v-656d8161]:hover {
  color: rgba(255, 255, 255, 0.9);
}
.tools_box .tools_wrap .tools_box_select .tol_bottom li.tols_change span[data-v-656d8161]::before {
  background: url(https://p4.ssl.qhimg.com/t110b9a9301098667ff1112518d.png);
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in[data-v-656d8161] {
  width: 264px;
  height: 120px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px);
  position: relative;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_top i[data-v-656d8161] {
  width: 48px;
  height: 48px;
  background: url(https://p3.ssl.qhimg.com/t110b9a9301755b7a59cef2299f.png) center no-repeat;
  display: block;
  background-size: cover;
  position: absolute;
  top: 12px;
  left: 12px;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_top div[data-v-656d8161] {
  background: linear-gradient(180deg, #fefbf7 11.98%, #f3cc9c 89.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  height: 24px;
  top: 12px;
  left: 68px;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_top p[data-v-656d8161] {
  color: rgba(255, 235, 212, 0.9);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 169.231% */
  height: 22px;
  position: absolute;
  top: 37px;
  left: 68px;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_btn[data-v-656d8161] {
  width: 240px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_btn a[data-v-656d8161] {
  width: 240px;
  height: 32px;
  border-radius: 34px;
  background: linear-gradient(90deg, #f7ba1e 0%, #ffdf6e 100%);
  color: #1f1b1e;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: block;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_btn a[data-v-656d8161]:hover {
  background: #f9cc45;
}
.tools_box .tools_wrap .tools_box_select .tools_box_select_in .tol_btn a[data-v-656d8161]:active {
  background: #cc9213;
}
.tools_box .tools_wrap .message_box[data-v-656d8161] {
  position: absolute;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  width: 140px;
  padding: 8px;
  top: 40px;
}
.tools_box .tools_wrap .message_box .conster li[data-v-656d8161] {
  padding: 7px 8px;
  margin-bottom: 4px;
  position: relative;
}
.tools_box .tools_wrap .message_box .conster li[data-v-656d8161]:last-child {
  margin-bottom: 0px;
}
.tools_box .tools_wrap .message_box .conster li[data-v-656d8161]:hover {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.06);
}
.tools_box .tools_wrap .message_box .conster li[data-v-656d8161]:active {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.18);
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list[data-v-656d8161] {
  text-align: left;
  width: 100%;
  overflow: hidden;
  height: 22px;
  position: relative;
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list .redPoint[data-v-656d8161] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #FF5664;
  position: absolute;
  right: 30px;
  top: 0;
  display: block;
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list img[data-v-656d8161] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list em[data-v-656d8161] {
  color: red;
}
.tools_box .tools_wrap .message_box .conster li .mobilegame-list span[data-v-656d8161] {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-left: 4px;
  line-height: 22px;
}
.tools_box .tools_wrap .lifir[data-v-656d8161] {
  width: 32px;
  height: 32px;
  display: flex;
  margin-right: 8px;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.tools_box .tools_wrap .lifir.lifir_alltools[data-v-656d8161] {
  margin-right: 0;
}
.tools_box .tools_wrap .lifir.lifir_message[data-v-656d8161] {
  margin-right: 0;
}
.tools_box .tools_wrap .lifir.lifir_message .redPoint[data-v-656d8161] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #ff3049;
  position: absolute;
  right: 5px;
  top: 4px;
  display: block;
}
.tools_box .tools_wrap .lifir[data-v-656d8161]:hover {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
}
.tools_box .tools_wrap .lifir[data-v-656d8161]:active {
  background: rgba(255, 255, 255, 0.15);
}
.tools_box .tools_wrap .lifir .lispan[data-v-656d8161] {
  width: 16px;
  height: 16px;
  display: block;
}
.tools_box .tools_wrap .lifir .qiandao[data-v-656d8161] {
  background: url(https://p1.ssl.qhimg.com/t110b9a9301c818d0c591893c2f.png) center no-repeat;
  background-size: cover;
}
.tools_box .tools_wrap .lifir .message[data-v-656d8161] {
  background: url(https://p4.ssl.qhimg.com/t110b9a930161bdb810fea560ec.png) center no-repeat;
  background-size: cover;
}
.tools_box .tools_wrap .lifir .tools[data-v-656d8161] {
  background: url(https://p5.ssl.qhimg.com/t110b9a93013681706e11b7557a.png) center no-repeat;
  background-size: cover;
}
.tools_box .tools_wrap .lifir .alltools[data-v-656d8161] {
  background: url(https://p4.ssl.qhimg.com/t110b9a930161bdb810fea560ec.webp) center no-repeat;
  background-size: cover;
}

.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#FFF}.el-tooltip__popper.is-light{background:#FFF;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#FFF}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#FFF}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#FFF}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#FFF}
.level-head[data-v-53cbfb6c] {
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: contain;
}
.level-head img[data-v-53cbfb6c] {
  height: 100%;
}


.el-tooltip__popper{
  z-index: 1000000!important;
}

.hover-padding[data-v-409a3cd1] {
  width: 240px;
  position: absolute;
  left: 0px;
  top: 22px;
  z-index: 1000;
  padding-top: 16px;
}
.avatar-click-menu-container[data-v-409a3cd1] {
  width: 240px;
  box-sizing: border-box;
  padding: 8px 8px 8px 8px;
  border-radius: 8px;
  border: 0.5px solid var(--15, rgba(0, 0, 0, 0.15));
  background: var(--normal-white, #FFF);
  min-height: 311px;
  /* 中层投影 */
  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
}
.avatar-click-menu-container .menu-header[data-v-409a3cd1] {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  align-items: center;
  margin-bottom: 8px;
  height: 56px;
}
.avatar-click-menu-container .menu-header .header-img[data-v-409a3cd1] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.avatar-click-menu-container .menu-header .header-img img[data-v-409a3cd1] {
  width: 100%;
}
.avatar-click-menu-container .menu-header .username[data-v-409a3cd1] {
  padding: 0 8px;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--90, rgba(0, 0, 0, 0.9));
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}
.avatar-click-menu-container .menu-header .level-wrap[data-v-409a3cd1] {
  display: flex;
  align-items: center;
  height: 20px;
  border: 1px solid #F7BA1E;
  background: #F9CC45;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 0 5px;
}
.avatar-click-menu-container .menu-header .level-wrap .level-num[data-v-409a3cd1] {
  color: #6D3D0F;
  height: 14px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.avatar-click-menu-container .menu-item[data-v-409a3cd1] {
  padding: 3px 8px;
  display: flex;
  height: 32px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.avatar-click-menu-container .menu-item[data-v-409a3cd1]:hover {
  border-radius: var(---2, 2px);
  background: var(--0-hover-6, rgba(0, 0, 0, 0.06));
}
.avatar-click-menu-container .menu-item[data-v-409a3cd1]:active {
  border-radius: var(---2, 2px);
  background: var(--0-click-10, rgba(0, 0, 0, 0.1));
}
.avatar-click-menu-container .menu-item .menu-item-icon[data-v-409a3cd1] {
  width: 20px;
  height: 20px;
}
.avatar-click-menu-container .menu-item .menu-item-icon img[data-v-409a3cd1] {
  width: 100%;
}
.avatar-click-menu-container .menu-item .menu-item-text[data-v-409a3cd1] {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding-left: 8px;
}
.avatar-click-menu-container .divider-line[data-v-409a3cd1] {
  width: 208px;
  border-bottom: 1px solid var(--10, rgba(0, 0, 0, 0.1));
  margin: 2px 8px;
  height: 0px;
}

.login-wrap[data-v-5a423d63] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.login-wrap .header-bg[data-v-5a423d63] {
  width: 24px;
  height: 24px;
  display: flex;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
}
.login-wrap .header-bg img[data-v-5a423d63] {
  margin: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.login-wrap .txt[data-v-5a423d63] {
  color: var(--90, rgba(255, 255, 255, 0.9));
  text-align: left;
  /* all/12-Regular */
  font-family: "Microsoft YaHei UI";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
  max-width: 117px;
}
.login-wrap .login-menu-hover[data-v-5a423d63] {
  display: none;
}
.login-wrap:hover .icon-caret[data-v-5a423d63] {
  transform: rotateZ(180deg);
}
.login-wrap:hover .login-menu-hover[data-v-5a423d63] {
  display: block;
}

.un-login-wrap[data-v-a2d20614] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.un-login-wrap .header-bg[data-v-a2d20614] {
  width: 24px;
  height: 24px;
  display: flex;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
}
.un-login-wrap .header-bg img[data-v-a2d20614] {
  margin: auto;
}
.un-login-wrap .txt[data-v-a2d20614] {
  color: var(--90, rgba(255, 255, 255, 0.9));
  text-align: center;
  /* all/12-Regular */
  font-family: "Microsoft YaHei UI";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
}

.login-wrap[data-v-06f9f4f4] {
  height: 24px;
}

.btn-wraps-item[data-v-c92f51d8] {
  width: 32px;
  height: 32px;
  display: flex;
  margin: auto;
  border-radius: 4px;
  background: var(--0-normal-0, rgba(255, 255, 255, 0));
  position: relative;
}
.btn-wraps-item[data-v-c92f51d8]:hover {
  background: var(--0-hover-6, rgba(255, 255, 255, 0.06));
}
.btn-wraps-item[data-v-c92f51d8]:active {
  background: var(--0-click-10, rgba(255, 255, 255, 0.1));
}
.btn-wraps-item .icon[data-v-c92f51d8] {
  width: 16px;
  height: 16px;
  background: url("https://p2.ssl.qhimg.com/t110b9a9301d1242154a29c7ea5.webp");
  background-size: contain;
  box-sizing: border-box;
  margin: auto;
}
.btn-wraps-item .icon.dot[data-v-c92f51d8]:after {
  position: absolute;
  right: -4px;
  top: -4px;
  width: 6px;
  height: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #FF5664;
  content: '';
}


.dialog-close-btn.checkin-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 4px !important;
  background: url('https://p1.ssl.qhimg.com/t110b9a930135eb3778441e9fe5.webp') center / 16px 16px no-repeat !important;
  top: 2px !important;
  right: 2px !important;
  padding: 0!important;
}
.dialog-close-btn.checkin-close:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dialog-close-btn.checkin-close:active {
  background-color: rgba(255, 255, 255, 0.15) !important;
}


.btns-wrap[data-v-00d63d36] {
  height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ads-wrap[data-v-7698ea9c] {
  height: 32px;
  max-width: 360px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-right: 16px;
}
.ads-wrap img[data-v-7698ea9c] {
  height: 26px;
}

.nav-top-wrap[data-v-fa27c004] {
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 175px;
  box-sizing: border-box;
}
.nav-top-wrap .content-space[data-v-fa27c004] {
  flex: 1;
}

.guajian-wrap .guajian[data-v-2bcb15a0] {
  position: fixed;
  top: 68px;
  right: 8px;
  height: 248px;
  width: 72px;
  background-image: var(--right-top-big-img);
  z-index: 9999999;
}
.guajian-wrap .guajian.anim[data-v-2bcb15a0] {
  animation: guajian-anim-2bcb15a0 0.5s linear;
}
.guajian-wrap .guajian .guajian-click[data-v-2bcb15a0] {
  height: 182px;
  width: 72px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@keyframes guajian-anim-2bcb15a0 {
0% {
    transform: translateY(-100%);
}
80% {
    transform: translateY(20px);
}
100% {
    transform: translateY(0);
}
}
@media screen and (max-height: 839px) {
.menu_wrap_box .guajian[data-v-2bcb15a0] {
    height: 188px;
    width: 72px;
    background-image: var(--right-top-small-img);
}
.menu_wrap_box .guajian .guajian-click[data-v-2bcb15a0] {
    height: 132px;
    width: 72px;
}
}

.menu_wrap_box[data-v-7574b504] {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  font-family: 'Microsoft YaHei UI';
  position: fixed;
  backdrop-filter: blur(50px);
  background: var(--nav-bg-color);
}
.menu_wrap_box .menu_logo[data-v-7574b504] {
  width: 164px;
  height: 28px;
  background: url(https://p0.ssl.qhimg.com/t110b9a930185bfb4d727bc75e5.png) center no-repeat;
  background-size: cover;
  margin-right: 16px;
}
.menu_wrap_box.menu_wrap_blur[data-v-7574b504] {
  background: linear-gradient(0deg, rgba(7, 11, 21, 0) 0%, #070b15 100%);
  backdrop-filter: none;
}
.menu_wrap_box .vip_menuLis[data-v-7574b504] {
  display: none;
}
.menu_wrap_box.menu_wrap_vip .vip_menuLis[data-v-7574b504] {
  display: block;
}
.menu_wrap_box.menu_wrap_browser[data-v-7574b504] {
  min-width: 1200px;
  position: fixed;
}
.menu_wrap_box.menu_wrap_browser .menu_wrap[data-v-7574b504] {
  min-width: 1200px;
}
.menu_wrap_box.menu_wrap_browser .menu_wrap .header_right[data-v-7574b504] {
  padding-right: 20px;
  gap: 8px;
}
.menu_wrap_box.menu_wrap_browser .menu_wrap .header_left[data-v-7574b504] {
  margin-left: 20px;
}
.menu_wrap[data-v-7574b504] {
  width: 100%;
  height: 28px;
  padding: 0px 0px 8px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu_wrap .header_left[data-v-7574b504] {
  display: flex;
  align-items: center;
}
.menu_wrap .header_right[data-v-7574b504] {
  height: 28px;
  padding-right: 20px;
  padding-left: 16px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}
.menu_wrap .el-menu-ul[data-v-7574b504] {
  position: relative;
  transition: none !important;
  height: 28px;
}
.menu_wrap .menu_bottom[data-v-7574b504] {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(247, 186, 30, 0) 0%, #f7ba1e 100%);
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: -4px;
  display: none;
}
.menu_wrap .nav_hot[data-v-7574b504] {
  position: absolute;
  font-size: 12px;
  top: 3px;
  right: 9px;
  background: url(https://p2.ssl.qhimg.com/t110b9a93010a29f7150492650a.png) center no-repeat;
  background-size: cover;
  width: 30px;
  height: 8px;
}
.menu_wrap .nav_hot.nav_vip_icon[data-v-7574b504] {
  background: url(https://p5.ssl.qhimg.com/t110b9a930191f800b6c24d5f8c.gif) center no-repeat;
  background-size: cover;
  width: 69px;
  height: 16px;
  top: -2px;
  right: -4px;
}
.menu_wrap[data-v-7574b504] .el-icon-nav {
  background-size: cover;
  height: 20px;
  width: 20px !important;
}
.menu_wrap[data-v-7574b504] .el-icon-nav-hover {
  background-size: cover;
  height: 20px;
  width: 20px !important;
  display: none;
}
.menu_wrap[data-v-7574b504] .el-icon-nav-active {
  background-size: cover;
  height: 20px;
  width: 20px !important;
  display: none;
}
.menu_wrap[data-v-7574b504] .el-icon-arrow-down:before {
  display: none;
}
.menu_wrap[data-v-7574b504] .el-submenu {
  background-color: transparent !important;
}
.menu_wrap[data-v-7574b504] .el-submenu .el-submenu__icon-arrow {
  display: none !important;
}
.menu_wrap[data-v-7574b504] .el-menu-item {
  background-color: transparent !important;
  font-size: 15px;
  font-style: normal;
  line-height: 28px;
  padding: 0 8px;
  height: 28px;
  border: none!important;
  margin-left: 8px;
}
.menu_wrap[data-v-7574b504] .el-menu-item:first-of-type {
  margin-left: 0;
}
.menu_wrap[data-v-7574b504] .el-menu-item:hover {
  color: #f7ba1e !important;
}
.menu_wrap[data-v-7574b504] .el-menu-item:hover .el-icon-nav-hover {
  display: inline-block;
}
.menu_wrap[data-v-7574b504] .el-menu-item:hover .el-icon-nav {
  display: none;
}
.menu_wrap[data-v-7574b504] .el-menu-item.is-active {
  border-bottom-color: transparent !important;
  border: none!important;
  font-weight: 700!important;
}
.menu_wrap[data-v-7574b504] .el-menu-item.is-active .menu_bottom {
  display: block;
}
.menu_wrap[data-v-7574b504] .el-menu-item.is-active .el-icon-nav-hover {
  display: inline-block;
}
.menu_wrap[data-v-7574b504] .el-menu-item.is-active .el-icon-nav {
  display: none;
}
.menu_wrap[data-v-7574b504] .el-submenu.is-active .menu_bottom {
  display: block;
}
.menu_wrap[data-v-7574b504] .el-submenu.is-active .el-icon-nav-hover {
  display: inline-block;
}
.menu_wrap[data-v-7574b504] .el-submenu.is-active .el-icon-nav {
  display: none;
}
.menu_wrap[data-v-7574b504] .el-submenu .el-submenu__title {
  background-color: transparent !important;
  padding: 0 5px;
}
.menu_wrap[data-v-7574b504] .el-submenu .el-submenu__title .el-icon-menu {
  margin-right: 8px;
}
.menu_wrap[data-v-7574b504] .el-menu.el-menu--horizontal {
  border-bottom: 0;
  float: left;
  position: relative;
}
.menu_wrap[data-v-7574b504] .el-menu--horizontal > .el-menu-item {
  height: 28px;
  position: relative;
}
.menu_wrap[data-v-7574b504] .el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 28px;
  font-size: 15px;
  font-style: normal;
  line-height: 28px;
  padding: 0 12px;
  border-bottom-color: transparent !important;
}
.menu_wrap[data-v-7574b504] .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
  color: #f7b91d !important;
}
.menu_wrap[data-v-7574b504] .el-menu--horizontal > .el-submenu:hover .el-submenu__title .el-icon-nav-hover {
  display: inline-block;
}
.menu_wrap[data-v-7574b504] .el-menu--horizontal > .el-submenu:hover .el-submenu__title .el-icon-nav {
  display: none;
}
.menu_wrap[data-v-7574b504] .el-icon-menu {
  margin-right: 4px;
}

.menu_wrap_pop {
  transition: none !important;
}
.menu_wrap_pop .kf_list {
  width: 800px;
  height: 200px;
  background: red;
}
.menu_wrap_pop .el-menu--popup {
  box-shadow: none;
}
.menu_wrap_pop .el-menu-item {
  background-color: transparent !important;
  padding: 0 !important;
}
.menu_wrap_pop .el-menu--horizontal .el-menu .el-menu-item,
.menu_wrap_pop .el-menu--horizontal .el-menu .el-submenu__title {
  padding: 0;
}
.menu_wrap_pop .el-menu--popup-bottom-start {
  margin-top: 0;
}
.menu_wrap_pop .el-menu--popup {
  padding: 0;
}


.banner-img[data-v-06b9149c] {
  height: 100%;
  width: 100%;
  background: url() center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 3;
}

.startgame[data-v-18667259] {
  width: 100%;
  height: 100%;
  border-radius: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
}
.startgame .arrow[data-v-18667259] {
  height: 24px;
  width: 24px;
  margin-left: 10px;
}
.startgame.yellow[data-v-18667259] {
  background: #f7ba1e;
  color: rgba(0, 0, 0, 0.9);
}
.startgame.yellow .arrow[data-v-18667259] {
  background-image: url('https://p2.ssl.qhimg.com/t110b9a93011384cd208ac71943.webp');
}

.pageCont[data-v-60d265cd] {
  height: 32px;
  width: 116px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.pageCont .turn[data-v-60d265cd] {
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 8px;
  background-size: 100% 100%;
  font-size: 0;
}
.pageCont .turnLeft[data-v-60d265cd] {
  background: url('https://p5.ssl.qhimg.com/t110b9a93017f3ae236cf2cfaa4.webp') center center no-repeat;
}
.pageCont .turnLeft[data-v-60d265cd]:hover {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a930143838487935c3c74.webp');
}
.pageCont .turnLeft[data-v-60d265cd]:active {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a9301c62f007ea26c9fa3.webp');
}
.pageCont .turnLeft.swiper-button-disabled[data-v-60d265cd] {
  background-image: url('https://p4.ssl.qhimg.com/t110b9a93016b19970d809da326.webp');
}
.pageCont .turnRight[data-v-60d265cd] {
  background: url('https://p5.ssl.qhimg.com/t110b9a93017f3ae236cf2cfaa4.webp') center center no-repeat;
  transform: rotate(180deg);
}
.pageCont .turnRight[data-v-60d265cd]:hover {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a930143838487935c3c74.webp');
}
.pageCont .turnRight[data-v-60d265cd]:active {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a9301c62f007ea26c9fa3.webp');
}
.pageCont .turnRight.swiper-button-disabled[data-v-60d265cd] {
  background-image: url('https://p4.ssl.qhimg.com/t110b9a93016b19970d809da326.webp');
}
.pageCont .pagePart[data-v-60d265cd] {
  width: 36px;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.55);
  text-align: center;
}

.adimg[data-v-6b29e0fc] {
  width: 100%;
  height: 128px;
  margin-bottom: 8px;
  border-radius: 8px;
  position: relative;
  background-size: 100% 100% !important;
}
.adimg .simg[data-v-6b29e0fc] {
  position: absolute;
}

.img-wrap[data-v-b67222fc] {
  width: 100%;
  height: 100%;
}
.img-wrap .video[data-v-b67222fc] {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}

.banner-img[data-v-11884699] {
  background: url() center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 3;
  display: flex;
  margin: auto;
  width: 100%;
  height: 100%;
}

.img-wrap[data-v-3a47b939] {
  width: 100%;
  height: 100%;
  display: flex;
}
.img-wrap .img-wrap-inner[data-v-3a47b939] {
  border-radius: 8px;
  overflow: hidden;
  margin: auto;
}
.img-wrap .img-wrap-inner.img-vertical[data-v-3a47b939] {
  width: calc(17.34375%);
  height: calc(92.5%);
}
.img-wrap .img-wrap-inner.img-horizontal[data-v-3a47b939] {
  width: calc(55%);
  height: calc(93.90625%);
}
.img-wrap .img-wrap-inner .video[data-v-3a47b939] {
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  z-index: 1;
  border-radius: 8px;
}

.adimg[data-v-6853d86e] {
  width: 100%;
  height: 128px;
  margin-bottom: 8px;
  border-radius: 8px;
  position: relative;
  background-size: 100% 100% !important;
  display: flex;
}
.adimg .simg[data-v-6853d86e] {
  margin: auto;
  background: no-repeat center;
  background-size: cover;
}
.adimg .simg.img-vertical[data-v-6853d86e] {
  width: calc(75%);
  height: 100%;
}
.adimg .simg.img-horizontal[data-v-6853d86e] {
  width: 100%;
  height: calc(42%);
}

.bannerpart[data-v-51533a2a] {
  width: 100%;
  overflow: hidden;
  min-height: 550px;
}
.bannerpart .banner[data-v-51533a2a] {
  width: 100%;
  height: 100%;
  max-width: 1920px;
  position: relative;
  margin: 0 auto;
  min-width: 1200px;
}
.bannerpart .banner .meng[data-v-51533a2a] {
  width: 100vw;
  height: 260px;
  background: linear-gradient(0deg, var(--color) 0%, rgba(7, 11, 21, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 6;
}
.bannerpart .banner .leftmeng[data-v-51533a2a] {
  width: 480px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.bannerpart .banner .leftmengout[data-v-51533a2a] {
  width: 100vw;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 5;
}
.bannerpart .banner .rightmeng[data-v-51533a2a] {
  width: 120px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.bannerpart .banner .rightmengout[data-v-51533a2a] {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 5;
}
.bannerpart .banner .swiper-container-big[data-v-51533a2a] {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.bannerpart .banner .swiper-container-big .swiper-wrapper .swiper-slide[data-v-51533a2a] {
  height: 100%;
  width: 100%;
  position: relative;
}
.bannerpart .banner .swiper-container-big .swiper-wrapper .swiper-slide .video[data-v-51533a2a] {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.bannerpart .banner .bottompart[data-v-51533a2a] {
  height: 344px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding-left: 56px;
  padding-right: 72px;
  box-sizing: border-box;
}
.bannerpart .banner .bottompart .bottom[data-v-51533a2a] {
  width: 100%;
  max-width: 1696px;
  min-width: 868px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.bannerpart .banner .bottompart .bottom .gameinfos[data-v-51533a2a] {
  height: 100%;
  width: 420px;
  flex-grow: 0;
  padding-bottom: 32px;
  box-sizing: border-box;
}
.bannerpart .banner .bottompart .bottom .gameinfos .icon[data-v-51533a2a] {
  width: 120px;
  height: 120px;
  display: block;
  margin-bottom: 16px;
  border-radius: 16px;
}
.bannerpart .banner .bottompart .bottom .gameinfos .icon.skin[data-v-51533a2a] {
  position: relative;
}
.bannerpart .banner .bottompart .bottom .gameinfos .icon.skin[data-v-51533a2a]::before {
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  top: -32px;
  left: -32px;
  background: var(--icon) center center no-repeat;
  background-size: 100% 100%;
}
.bannerpart .banner .bottompart .bottom .gameinfos .name[data-v-51533a2a] {
  height: 48px;
  line-height: 48px;
  font-size: 40px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 16px;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.12);
}
.bannerpart .banner .bottompart .bottom .gameinfos .brief[data-v-51533a2a] {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.12);
}
.bannerpart .banner .bottompart .bottom .gameinfos .startgame[data-v-51533a2a] {
  margin-top: 32px;
  height: 56px;
  width: 194px;
  border-radius: 36px;
  line-height: 56px;
}
.bannerpart .banner .bottompart .bottom .smalllunbo[data-v-51533a2a] {
  width: 880px;
  height: 158px;
  position: relative;
  z-index: 99;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .pageup[data-v-51533a2a] {
  float: left;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .pagedown[data-v-51533a2a] {
  float: right;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small[data-v-51533a2a] {
  height: 100%;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide[data-v-51533a2a] {
  width: 100%;
  height: 100%;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart[data-v-51533a2a] {
  width: 100%;
  height: 100%;
  display: grid;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-51533a2a] {
  width: 96px;
  height: 100%;
  position: relative;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart .eachgame a[data-v-51533a2a] {
  height: 128px;
  border-radius: 8px;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart .eachgame.active-slide[data-v-51533a2a]::before {
  content: '';
  position: absolute;
  height: 128px;
  width: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 3px solid #f7ba1e;
  border-radius: 8px;
  z-index: 1;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart .eachgame.active-slide a[data-v-51533a2a] {
  background: rgba(0, 0, 0, 0);
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart .eachgame.active-slide .name[data-v-51533a2a] {
  color: rgba(255, 255, 255, 0.9);
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-51533a2a]:last-of-type {
  margin-right: 0;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart .eachgame .icon[data-v-51533a2a] {
  width: 100%;
  height: 128px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: url() center center no-repeat;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart .eachgame .name[data-v-51533a2a] {
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.55);
}
.bannerpart .banner .bottompart .bottom .smalllunbo .pagation[data-v-51533a2a] {
  width: 40px;
  height: 128px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: url('') center center no-repeat;
  background-size: 40px 40px;
  margin-bottom: 30px;
  font-size: 0;
}
.bannerpart .banner .bottompart .bottom .smalllunbo .pagation.pageup[data-v-51533a2a] {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a93010ccf5cf7ec81b890.webp');
}
.bannerpart .banner .bottompart .bottom .smalllunbo .pagation.pagedown[data-v-51533a2a] {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a9301da991cd77457353e.webp');
}
.bannerpart .banner .bottompart.mauto .bottom[data-v-51533a2a] {
  margin: 0 auto;
}


@media screen and (min-width: 1921px) {
.bannerpart .banner[data-v-51533a2a] {
    height: 640px;
}
.bannerpart .banner .bottompart.expand-bottom[data-v-51533a2a] {
    padding-left: 0;
}
}
@media screen and (max-width: 1920px) and (min-width: 1650px) {
.bannerpart .banner[data-v-51533a2a] {
    aspect-ratio: 1920/640;
}
.bannerpart .banner[data-v-51533a2a]::before {
    content: '';
    display: block;
    padding-top: calc(640 / 1920 * 100%);
}
}
@media screen and (max-width: 1649px) and (min-width: 1418px) {
.bannerpart .banner[data-v-51533a2a] {
    aspect-ratio: 1649/640;
}
.bannerpart .banner[data-v-51533a2a]::before {
    content: '';
    display: block;
    padding-top: calc(640 / 1649 * 100%);
}
}
@media screen and (max-width: 1417px) and (min-width: 1218px) {
.bannerpart .banner[data-v-51533a2a] {
    aspect-ratio: 1417/640;
}
.bannerpart .banner[data-v-51533a2a]::before {
    content: '';
    display: block;
    padding-top: calc(640 / 1417 * 100%);
}
}
@media screen and (max-width: 1217px) {
.bannerpart .banner[data-v-51533a2a] {
    height: 640px;
}
}


.bannerpart .banner:hover .startgame[data-v-51533a2a] .arrow {
  animation: banner-arrow-move-51533a2a 0.6s infinite;
}
@keyframes banner-arrow-move-51533a2a {
0% {
    transform: translateX(0);
}
50% {
    transform: translateX(8px);
}
100% {
    transform: translateX(0);
}
}
.bannerpart .banner .bottompart .bottom .smalllunbo .swiper-container-small .swiper-wrapper .swiper-slide .gamepart[data-v-51533a2a] {
  grid-template-columns: repeat(var(--column-nums), 1fr);
  column-gap: 16px;
}
.class1 .smalllunbo[data-v-51533a2a] {
  width: 688px !important;
  height: 124px !important;
}
.class1 .smalllunbo .eachgame[data-v-51533a2a] {
  width: 72px !important;
}
.class1 .smalllunbo .eachgame.active-slide[data-v-51533a2a]::before {
  height: 96px !important;
}
.class1 .smalllunbo .eachgame a[data-v-51533a2a] {
  height: 124px !important;
}
.class1 .smalllunbo .icon[data-v-51533a2a] {
  height: 96px !important;
  width: 72px !important;
}
.class1 .smalllunbo .name[data-v-51533a2a] {
  font-size: 12px !important;
  height: 20px !important;
  line-height: 20px !important;
}
.class2 .bottompart[data-v-51533a2a] {
  height: 288px !important;
}
.class2 .gameinfos[data-v-51533a2a] {
  width: 212px !important;
  padding-bottom: 24px !important;
}
.class2 .gameinfos .icon[data-v-51533a2a] {
  height: 96px !important;
  width: 96px !important;
}
.class2 .gameinfos .icon.skin[data-v-51533a2a]::before {
  top: -26px !important;
  left: -26px !important;
  height: 64px !important;
  width: 64px !important;
}
.class2 .gameinfos .name[data-v-51533a2a] {
  font-size: 20px !important;
  height: 28px !important;
  line-height: 28px !important;
  margin-bottom: 8px !important;
}
.class2 .gameinfos .brief[data-v-51533a2a] {
  height: 44px !important;
  line-height: 22px !important;
  font-size: 13px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  white-space: normal !important;
}
.class2 .gameinfos .startgame[data-v-51533a2a] {
  margin-top: 24px !important;
  height: 48px !important;
  width: 146px !important;
}
.class2 .gameinfos .startgame .startgame[data-v-51533a2a] {
  font-size: 16px !important;
}
.class3 .smalllunbo[data-v-51533a2a] {
  width: 632px !important;
}
.class3 .smalllunbo .gamepart[data-v-51533a2a] {
  width: 632px !important;
  column-gap: 8px !important;
}

.vx-img[data-v-8827f9f4] {
  width: 100%;
  height: 100%;
  display: flex;
}
.vx-img .img-wrap[data-v-8827f9f4] {
  margin: auto;
}
.vx-img .img-wrap .video-select[data-v-8827f9f4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vx-img .img-wrap.img-horizontal[data-v-8827f9f4] {
  width: 100%;
  height: 100%;
}
.vx-img .img-wrap.img-vertical[data-v-8827f9f4] {
  width: calc(28.125%);
  height: calc(88.88888889%);
}

.startBtn {
  width: 100%;
  height: 100%;
  line-height: 100%;
  border-radius: 34px;
  border: 0px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.startBtn .shandian {
  height: 16px;
  width: 16px;
  background: url() center center no-repeat;
  background-size: 100% 100%;
  margin-right: 4px;
}
.startBtn.yellow {
  background: #f7ba1e;
  outline: #f7ba1e;
  color: rgba(0, 0, 0, 0.9);
}
.startBtn.yellow .shandian {
  background-image: url('https://p4.ssl.qhimg.com/t110b9a9301a57c25db8f7e4694.webp');
}
.startBtn.yellow-border {
  border: 1px solid #f7ba1e;
  color: #f7ba1e;
}
.startBtn.yellow-border .shandian {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a9301f6f6ac54d50a5faf.webp');
}
.startBtn.grey {
  background: rgba(255, 255, 255, 0.35);
  outline: rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.9);
}
.startBtn.grey .shandian {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a93013535eed0efcb6b52.webp');
}

hover .start .yellow[data-v-33ada998] {
  background: #f9cc45;
}
hover .start .yellow-border[data-v-33ada998] {
  border: 1px solid #f9cc45;
  color: #f9cc45;
}
hover .start .yellow-border .shandian[data-v-33ada998] {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a930116c5a1bf4127e5fa.webp');
}
hover .start .grey[data-v-33ada998] {
  background: rgba(255, 255, 255, 0.55);
}
active .start .yellow[data-v-33ada998] {
  background: #cc9213;
}
active .start .yellow-border[data-v-33ada998] {
  border: 1px solid #cc9213;
  color: #cc9213;
}
active .start .yellow-border .shandian[data-v-33ada998] {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a9301136388aeab32c0e0.webp');
}
active .start .grey[data-v-33ada998] {
  background: rgba(255, 255, 255, 0.22);
}

.startBtn {
  width: 100%;
  height: 100%;
  border-radius: 34px;
  border: 0px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.startBtn .shandian {
  height: 16px;
  width: 16px;
  background: url() center center no-repeat;
  background-size: 100% 100%;
  margin-right: 4px;
}
.startBtn.yellow {
  background: #f7ba1e;
  outline: #f7ba1e;
  color: rgba(0, 0, 0, 0.9);
}
.startBtn.yellow .shandian {
  background-image: url('https://p4.ssl.qhimg.com/t110b9a9301d08b5092e973fb8c.webp');
}

hover .start .yellow[data-v-1a56cb76] {
  background: #f9cc45;
}
active .start .yellow[data-v-1a56cb76] {
  background: #cc9213;
}

.jingxuangame[data-v-bf71d8b6] {
  width: 100%;
  max-width: 1696px;
  margin: 0 auto 48px;
  padding-top: 32px;
  position: relative;
}
.jingxuangame .mao[data-v-bf71d8b6] {
  position: absolute;
  top: -38px;
  left: 0;
  height: 2px;
  width: 2px;
}
.jingxuangame .skin[data-v-bf71d8b6] {
  height: 224px;
  width: 320px;
  position: absolute;
  right: 64px;
  top: 0;
  z-index: 0;
}
.jingxuangame .skin .video[data-v-bf71d8b6] {
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.jingxuangame .top[data-v-bf71d8b6] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  position: relative;
}
.jingxuangame .top .title[data-v-bf71d8b6] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
  flex-shrink: 0;
}
.jingxuangame .top .title[data-v-bf71d8b6]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p2.ssl.qhimg.com/t110b9a9301c498848a611d29b8.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.jingxuangame .top .gametags[data-v-bf71d8b6] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
  flex-grow: 1;
  margin-right: 132px;
}
.jingxuangame .top .gametags li[data-v-bf71d8b6] {
  box-sizing: border-box;
  margin: 4px 0;
  height: 32px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  padding: 5px 12px;
  margin-left: 12px;
  position: relative;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
}
.jingxuangame .top .gametags li[data-v-bf71d8b6]:first-of-type {
  margin-left: 0;
}
.jingxuangame .top .gametags li.active[data-v-bf71d8b6] {
  color: #f7ba1e;
  background: rgba(255, 255, 255, 0.06);
}
.jingxuangame .top .gametags li[data-v-bf71d8b6]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.jingxuangame .top .gametags li img[data-v-bf71d8b6] {
  height: 20px;
  width: 20px;
  margin-right: 4px;
}
.jingxuangame .bottom[data-v-bf71d8b6] {
  width: 100%;
}
.jingxuangame .bottom .swiper-container[data-v-bf71d8b6] {
  width: 100%;
  height: 100%;
  overflow-y: visible !important;
  overflow-x: clip;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide[data-v-bf71d8b6] {
  width: 100%;
  height: 100%;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart[data-v-bf71d8b6] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(var(--column-nums), 1fr);
  row-gap: 20px;
  column-gap: 24px;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-bf71d8b6] {
  border-radius: 16px;
  position: relative;
  min-width: 240px;
  overflow: hidden;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .imgbox[data-v-bf71d8b6] {
  width: 100%;
  aspect-ratio: 1.77777778;
  border-radius: 16px 16px 0 0;
  position: relative;
  overflow: hidden;
  opacity: 0.99;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .imgbox .img[data-v-bf71d8b6] {
  height: 100%;
  width: 100%;
  background: url() center center no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s linear;
  position: absolute;
  top: 0;
  left: 0;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .imgbox .jianbian[data-v-bf71d8b6] {
  position: absolute;
  width: 100%;
  height: 56px;
  left: 0;
  bottom: 0;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot[data-v-bf71d8b6] {
  width: 100%;
  height: 72px;
  padding: 12px 16px 12px 12px;
  box-sizing: border-box;
  border-radius: 0 0 16px 16px;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .logo[data-v-bf71d8b6] {
  height: 48px;
  width: 48px;
  float: left;
  border-radius: 12px;
  margin-right: 8px;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .start[data-v-bf71d8b6] {
  float: right;
  margin-top: 8px;
  width: 71px;
  height: 32px;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .start:hover .grey[data-v-bf71d8b6] {
  background: rgba(255, 255, 255, 0.55);
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .start:active .grey[data-v-bf71d8b6] {
  background: rgba(255, 255, 255, 0.22);
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .name[data-v-bf71d8b6] {
  margin-top: 1px;
  height: 24px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 400;
  padding-right: 8px;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .num[data-v-bf71d8b6] {
  height: 22px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
  font-weight: 400;
  padding-right: 8px;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .imgbox .img[data-v-bf71d8b6] {
  transform: scale(1.03);
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .foot .name[data-v-bf71d8b6] {
  color: #f7ba1e;
}


.class3 .eachgame[data-v-bf71d8b6] {
  min-width: 187px !important;
}
.class4 .eachgame[data-v-bf71d8b6] {
  min-width: 199px !important;
}
.class4 .gamepart[data-v-bf71d8b6] {
  column-gap: 20px !important;
}
.jingxuangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .imgbox[data-v-bf71d8b6]::before {
  content: '';
  display: block;
  padding-top: calc(9 / 16 * 100%);
}

.koubeigame[data-v-f981e68a] {
  width: 100%;
  max-width: 1696px;
  margin: 0px auto 48px;
  position: relative;
}
.koubeigame .mao[data-v-f981e68a] {
  position: absolute;
  top: -70px;
  left: 0;
  height: 2px;
  width: 2px;
}
.koubeigame .top[data-v-f981e68a] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.koubeigame .top .title[data-v-f981e68a] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
}
.koubeigame .top .title[data-v-f981e68a]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p5.ssl.qhimg.com/t110b9a93012cdd708fba99b639.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.koubeigame .bottom[data-v-f981e68a] {
  width: 100%;
}
.koubeigame .bottom .swiper-container[data-v-f981e68a] {
  width: 100%;
  height: 100%;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide[data-v-f981e68a] {
  width: 100%;
  height: 100%;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart[data-v-f981e68a] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  row-gap: 31px;
  column-gap: 48px;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-f981e68a] {
  border-radius: 16px;
  position: relative;
  height: 104px;
  min-width: 300px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .logobox[data-v-f981e68a] {
  position: relative;
  width: 104px;
  aspect-ratio: 1;
  margin-right: 16px;
  flex-shrink: 0;
  border-radius: 16px;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .logobox[data-v-f981e68a]::before {
  content: '';
  display: block;
  padding-top: calc(100%);
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .logobox .logo[data-v-f981e68a] {
  height: 100%;
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .cont[data-v-f981e68a] {
  height: 100%;
  width: 116px;
  flex-grow: 1;
  overflow: hidden;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .cont .name[data-v-f981e68a] {
  height: 24px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 4px;
  margin-top: 9.5px;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .cont .tags[data-v-f981e68a] {
  width: 100%;
  height: 24px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: 11px;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .cont .tags .tag[data-v-f981e68a] {
  height: 100%;
  line-height: 20px;
  padding: 1px 7px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  margin-left: 8px;
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  font-weight: 400;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .cont .tags .tag[data-v-f981e68a]:first-of-type {
  margin-left: 0;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .cont .score[data-v-f981e68a] {
  display: inline-block;
  padding-left: 24px;
  height: 22px;
  line-height: 22px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  position: relative;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .cont .score[data-v-f981e68a]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  height: 20px;
  width: 20px;
  background: url('https://p3.ssl.qhimg.com/t110b9a930177305552edb260a9.webp') center center no-repeat;
  background-size: 100% 100%;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .start[data-v-f981e68a] {
  width: 72px;
  height: 32px;
  flex-shrink: 0;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .cont .name[data-v-f981e68a] {
  color: #f7ba1e;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .cont .tags .tag[data-v-f981e68a] {
  background: rgba(255, 255, 255, 0.06);
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .start .yellow-border[data-v-f981e68a] {
  border: 1px solid #f9cc45;
  color: #f9cc45;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .start .yellow-border .shandian[data-v-f981e68a] {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a930116c5a1bf4127e5fa.webp');
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .cont .name[data-v-f981e68a] {
  color: #f7ba1e;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .cont .tags .tag[data-v-f981e68a] {
  background: rgba(255, 255, 255, 0.1);
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .start .yellow-border[data-v-f981e68a] {
  border: 1px solid #cc9213;
  color: #cc9213;
}
.koubeigame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .start .yellow-border .shandian[data-v-f981e68a] {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a9301136388aeab32c0e0.webp');
}


.gamepart[data-v-f981e68a] {
  grid-template-columns: repeat(var(--column-nums), 1fr);
}

.xinyougame[data-v-25ca19cf] {
  width: 100%;
  max-width: 1696px;
  margin: 0px auto 48px;
  position: relative;
}
.xinyougame .mao[data-v-25ca19cf] {
  position: absolute;
  top: -70px;
  left: 0;
  height: 2px;
  width: 2px;
}
.xinyougame .top[data-v-25ca19cf] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.xinyougame .top .title[data-v-25ca19cf] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
}
.xinyougame .top .title[data-v-25ca19cf]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p4.ssl.qhimg.com/t110b9a9301efb4b3a628565886.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.xinyougame .bottom[data-v-25ca19cf] {
  width: 100%;
}
.xinyougame .bottom .swiper-container[data-v-25ca19cf] {
  width: 100%;
  height: 100%;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide[data-v-25ca19cf] {
  width: 100%;
  height: 100%;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart[data-v-25ca19cf] {
  width: 100%;
  height: 100%;
  display: grid;
  column-gap: 28px;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-25ca19cf] {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  min-width: 248px;
  opacity: 0.99;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .imgbox[data-v-25ca19cf] {
  aspect-ratio: 0.75;
  margin-bottom: 72px;
  border-radius: 16px 16px 0 0;
  position: relative;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .imgbox[data-v-25ca19cf]::before {
  content: '';
  display: block;
  padding-top: calc(133.33333333%);
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .imgbox .img[data-v-25ca19cf] {
  display: block;
  border-radius: 16px 16px 0 0;
  width: 100%;
  transition: all 0.2s linear;
  position: absolute;
  top: 0;
  left: 0;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .meng[data-v-25ca19cf] {
  width: 100%;
  height: 56px;
  position: absolute;
  bottom: 72px;
  left: 0;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot[data-v-25ca19cf] {
  border-radius: 0 0 16px 16px;
  width: 100%;
  height: 72px;
  padding: 12px 16px 12px 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 7;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .logo[data-v-25ca19cf] {
  height: 48px;
  width: 48px;
  float: left;
  border-radius: 12px;
  margin-right: 10px;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .mid[data-v-25ca19cf] {
  height: 100%;
  flex-grow: 1;
  margin-right: 8px;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .mid .name[data-v-25ca19cf] {
  margin-top: 1px;
  height: 24px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 400;
  max-width: 97px;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .mid .tags[data-v-25ca19cf] {
  max-width: 97px;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.55);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .mid .tags .tag[data-v-25ca19cf] {
  display: flex;
  align-items: center;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .mid .tags .tag .line[data-v-25ca19cf] {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.1);
  margin-right: 4px;
  margin-left: 4px;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .start[data-v-25ca19cf] {
  float: right;
  width: 72px;
  height: 32px;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .imgbox .img[data-v-25ca19cf] {
  transform: scale(1.03);
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .foot .start .yellow[data-v-25ca19cf] {
  background: #f9cc45;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .foot .tags .tag[data-v-25ca19cf] {
  text-decoration: underline;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .imgbox .img[data-v-25ca19cf] {
  transform: scale(1.03);
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .foot .start .yellow[data-v-25ca19cf] {
  background: #cc9213;
}
.xinyougame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .foot .tags .tag[data-v-25ca19cf] {
  text-decoration: underline;
}


.gamepart[data-v-25ca19cf] {
  grid-template-columns: repeat(var(--column-nums), 1fr);
}

.lovegame[data-v-7ecfacf4] {
  width: 100%;
  max-width: 1696px;
  margin: 0px auto 48px;
  position: relative;
}
.lovegame .mao[data-v-7ecfacf4] {
  position: absolute;
  top: -70px;
  left: 0;
  height: 2px;
  width: 2px;
}
.lovegame .top[data-v-7ecfacf4] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.lovegame .top .title[data-v-7ecfacf4] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
}
.lovegame .top .title[data-v-7ecfacf4]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p5.ssl.qhimg.com/t110b9a930149144aef57b3be84.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.lovegame .bottom[data-v-7ecfacf4] {
  width: 100%;
}
.lovegame .bottom .swiper-container[data-v-7ecfacf4] {
  width: 100%;
  height: 100%;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide[data-v-7ecfacf4] {
  width: 100%;
  height: 100%;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart[data-v-7ecfacf4] {
  width: 100%;
  height: 308px;
  display: grid;
  column-gap: 28px;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-7ecfacf4] {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  height: 100%;
  min-width: 380px;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .img[data-v-7ecfacf4] {
  display: block;
  width: 100%;
  height: 250px;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 59px;
  opacity: 0.99;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .img .iimg[data-v-7ecfacf4] {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  background: url() left center no-repeat;
  background-size: cover;
  transition: all 0.2s linear;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .meng[data-v-7ecfacf4] {
  width: 300px;
  height: 250px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
  border-radius: 0 16px 16px 0;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot[data-v-7ecfacf4] {
  width: 184px;
  height: 267px;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 5;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .logo[data-v-7ecfacf4] {
  height: 120px;
  width: 120px;
  border-radius: 16px;
  margin: 0 auto;
  display: block;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .name[data-v-7ecfacf4] {
  margin-top: 7px;
  margin-bottom: 4px;
  height: 28px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  font-size: 20px;
  font-weight: 700;
  padding: 0 4px;
  text-align: center;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .tags[data-v-7ecfacf4] {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.55);
  text-align: center;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .tags .tag[data-v-7ecfacf4] {
  height: 100%;
  line-height: 20px;
  display: flex;
  align-items: center;
  padding: 2px 8px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .star[data-v-7ecfacf4] {
  height: 20px;
  width: 130px;
  margin: 7px auto 25px;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .star .star-out[data-v-7ecfacf4] {
  height: 100%;
  width: 108px;
  background: url('https://p0.ssl.qhimg.com/t110b9a9301a595176852e65f1b.webp') center center no-repeat;
  background-size: 100% 100%;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .star .star-out .star-in[data-v-7ecfacf4] {
  height: 100%;
  background: url('https://p5.ssl.qhimg.com/t110b9a93019636cd6aec95d7df.webp') left center no-repeat;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .star .score[data-v-7ecfacf4] {
  float: right;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .start[data-v-7ecfacf4] {
  width: 72px;
  height: 32px;
  margin: 0 auto;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .img .iimg[data-v-7ecfacf4] {
  transform: scale(1.03);
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .foot .tags .tag[data-v-7ecfacf4] {
  background: rgba(255, 255, 255, 0.06);
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .foot .start .yellow[data-v-7ecfacf4] {
  background: #f9cc45;
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .img .iimg[data-v-7ecfacf4] {
  transform: scale(1.03);
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .foot .tags .tag[data-v-7ecfacf4] {
  background: rgba(255, 255, 255, 0.1);
}
.lovegame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .foot .start .yellow[data-v-7ecfacf4] {
  background: #cc9213;
}


.gamepart[data-v-7ecfacf4] {
  grid-template-columns: repeat(var(--column-nums), 1fr);
}

.tuijiangame[data-v-665f8e6f] {
  margin: 0px 48px 48px 0;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}
.tuijiangame .mao[data-v-665f8e6f] {
  position: absolute;
  top: -70px;
  left: 0;
  height: 2px;
  width: 2px;
}
.tuijiangame .top[data-v-665f8e6f] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.tuijiangame .top .title[data-v-665f8e6f] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
}
.tuijiangame .top .title[data-v-665f8e6f]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p4.ssl.qhimg.com/t110b9a9301e9afb667d2f2bd22.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.tuijiangame .bottom[data-v-665f8e6f] {
  width: 100%;
  max-width: 1228px;
}
.tuijiangame .bottom .swiper-container[data-v-665f8e6f] {
  width: 100%;
  height: 100%;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide[data-v-665f8e6f] {
  width: 100%;
  height: 100%;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart[data-v-665f8e6f] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex[data-v-665f8e6f] {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex[data-v-665f8e6f]:last-of-type {
  margin-bottom: 0;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame[data-v-665f8e6f] {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  width: 120px;
  height: 200px;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame .logobox[data-v-665f8e6f] {
  max-width: 120px;
  position: relative;
  aspect-ratio: 1;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame .logobox[data-v-665f8e6f]::before {
  content: '';
  display: block;
  padding-top: calc(100%);
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame .logobox .logo[data-v-665f8e6f] {
  width: 100%;
  display: block;
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame .name[data-v-665f8e6f] {
  width: 100%;
  height: 24px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
  margin-top: 12px;
  padding: 0 4px;
  box-sizing: border-box;
  text-align: center;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame .start[data-v-665f8e6f] {
  margin: 0 auto;
  width: 72px;
  height: 32px;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame:hover .name[data-v-665f8e6f] {
  color: #f7ba1e;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame:hover .start .yellow-border[data-v-665f8e6f] {
  border: 1px solid #f9cc45;
  color: #f9cc45;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame:hover .start .yellow-border .shandian[data-v-665f8e6f] {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a930116c5a1bf4127e5fa.webp');
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame:active .name[data-v-665f8e6f] {
  color: #f7ba1e;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame:active .start .yellow-border[data-v-665f8e6f] {
  border: 1px solid #cc9213;
  color: #cc9213;
}
.tuijiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .showFlex .eachgame:active .start .yellow-border .shandian[data-v-665f8e6f] {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a9301136388aeab32c0e0.webp');
}

.newopengame[data-v-ae74bbe0] {
  flex-shrink: 0;
  position: relative;
}
.newopengame .mao[data-v-ae74bbe0] {
  position: absolute;
  top: -70px;
  left: 0;
  height: 2px;
  width: 2px;
}
.newopengame .top[data-v-ae74bbe0] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.newopengame .top .title[data-v-ae74bbe0] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
}
.newopengame .top .title[data-v-ae74bbe0]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p3.ssl.qhimg.com/t110b9a93011cf803bfb0ae059a.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.newopengame .bottom[data-v-ae74bbe0] {
  width: 100%;
  height: 664px;
}
.newopengame .bottom .swiper-container[data-v-ae74bbe0] {
  width: 100%;
  height: 100%;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide[data-v-ae74bbe0] {
  width: 100%;
  height: 100%;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart[data-v-ae74bbe0] {
  width: 100%;
  height: 100%;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-ae74bbe0] {
  border-radius: 9px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 48px;
  padding: 8px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-ae74bbe0]:last-of-type {
  margin-bottom: 0;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-ae74bbe0]:nth-of-type(2n-1) {
  background: rgba(255, 255, 255, 0.06);
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .time[data-v-ae74bbe0] {
  width: 56px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin-right: 16px;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .icon[data-v-ae74bbe0] {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin-right: 12px;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .name[data-v-ae74bbe0] {
  width: 168px;
  height: 22px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
  margin-top: 12px;
  padding: 0 4px;
  box-sizing: border-box;
  margin-right: 12px;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .serve[data-v-ae74bbe0] {
  width: 80px;
  height: 22px;
  line-height: 22px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  color: rgba(255, 255, 255, 0.9);
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .start[data-v-ae74bbe0] {
  width: 72px;
  height: 32px;
  display: none;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .name[data-v-ae74bbe0] {
  color: #f7ba1e;
  width: 84px;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .start[data-v-ae74bbe0] {
  display: block;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .start .yellow-border[data-v-ae74bbe0] {
  border: 1px solid #f9cc45;
  color: #f9cc45;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .start .yellow-border .shandian[data-v-ae74bbe0] {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a930116c5a1bf4127e5fa.webp');
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .name[data-v-ae74bbe0] {
  color: #f7ba1e;
  width: 84px;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .start[data-v-ae74bbe0] {
  display: block;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .start .yellow-border[data-v-ae74bbe0] {
  border: 1px solid #cc9213;
  color: #cc9213;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .start .yellow-border .shandian[data-v-ae74bbe0] {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a9301136388aeab32c0e0.webp');
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame.recom[data-v-ae74bbe0] {
  background: linear-gradient(90deg, rgba(255, 11, 11, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame.recom .time[data-v-ae74bbe0] {
  font-size: 13px;
  font-weight: 700;
  background: linear-gradient(270deg, #e43333 0%, #ff721a 100%);
  border-radius: 4px;
  padding: 0 6px 0 24px;
  box-sizing: border-box;
  position: relative;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame.recom .time[data-v-ae74bbe0]::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  height: 18px;
  width: 18px;
  background: url('https://p1.ssl.qhimg.com/t110b9a9301bfae4defd8d6d98d.gif') center center no-repeat;
  background-size: 100% 100%;
}
.newopengame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame.recom .time[data-v-ae74bbe0]::after {
  content: '';
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  height: 7px;
  width: 7px;
  background: #e43434;
}

.eachgamepart[data-v-193d81eb] {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  min-width: 540px;
}
.eachgamepart .partimg[data-v-193d81eb] {
  height: 160px;
  width: 300px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8;
}
.eachgamepart .eachgame[data-v-193d81eb] {
  height: 384px;
  margin-top: 32px;
  position: relative;
  overflow: hidden;
  background: url() center center no-repeat;
  background-size: cover;
  border-radius: 16px;
}
.eachgamepart .eachgame .stitle[data-v-193d81eb] {
  height: 32px;
  line-height: 32px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 50%;
  position: relative;
  margin: 24px 16px 104px 64px;
}
.eachgamepart .eachgame .stitle[data-v-193d81eb]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  transform: translateY(-50%);
  left: -40px;
  background: var(--icon) center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.eachgamepart .eachgame .swiper-container-small-jc[data-v-193d81eb] {
  margin: 32px 0 32px 32px;
  height: 192px;
}
.eachgamepart .eachgame .swiper-container-small-jc .swiper-wrapper-small-jc .swiper-slide-small-jc[data-v-193d81eb] {
  width: 120px;
  margin-right: 32px;
  position: relative;
}
.eachgamepart .eachgame .swiper-container-small-jc .swiper-wrapper-small-jc .swiper-slide-small-jc .logo[data-v-193d81eb] {
  height: 120px;
  width: 120px;
  border-radius: 16px;
  display: block;
  margin-bottom: 8px;
}
.eachgamepart .eachgame .swiper-container-small-jc .swiper-wrapper-small-jc .swiper-slide-small-jc .name[data-v-193d81eb] {
  width: 120px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 8px;
}
.eachgamepart .eachgame .swiper-container-small-jc .swiper-wrapper-small-jc .swiper-slide-small-jc .start[data-v-193d81eb] {
  width: 71px;
  height: 32px;
  margin: 0 auto;
}
.eachgamepart .eachgame .swiper-container-small-jc .swiper-wrapper-small-jc .swiper-slide-small-jc:hover .start .yellow[data-v-193d81eb] {
  background: #f9cc45;
}
.eachgamepart .eachgame .swiper-container-small-jc .swiper-wrapper-small-jc .swiper-slide-small-jc:hover .name[data-v-193d81eb] {
  color: #f7ba1e;
}
.eachgamepart .eachgame .swiper-container-small-jc .swiper-wrapper-small-jc .swiper-slide-small-jc:active .start .yellow[data-v-193d81eb] {
  background: #cc9213;
}
.eachgamepart .eachgame .swiper-container-small-jc .swiper-wrapper-small-jc .swiper-slide-small-jc:active .name[data-v-193d81eb] {
  color: #f7ba1e;
}
.eachgamepart .eachgame .arrow[data-v-193d81eb] {
  height: 48px;
  width: 48px;
  border-radius: 24px;
  background: url('https://p5.ssl.qhimg.com/t110b9a930122a1c32bebd8fcc0.webp') center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 196px;
  z-index: 20;
  font-size: 0;
}
.eachgamepart .eachgame .arrow.jcArrowLeftSmall[data-v-193d81eb] {
  left: 12px;
}
.eachgamepart .eachgame .arrow.jcArrowRightSmall[data-v-193d81eb] {
  right: 12px;
  transform: rotate(180deg);
}
.eachgamepart .eachgame .arrow[data-v-193d81eb]:hover {
  background-image: url('https://p2.ssl.qhimg.com/t110b9a9301ed3084e62250785a.webp');
}
.eachgamepart .eachgame .arrow[data-v-193d81eb]:active {
  background-image: url('https://p3.ssl.qhimg.com/t110b9a93014f4f18fc56567790.webp');
}


.swiper-container-small-jc[data-v-193d81eb] {
  width: calc(100% - 32px);
}

.jingcaitopic[data-v-5b926a91] {
  width: 100%;
  max-width: 1696px;
  margin: 0px auto 48px;
  position: relative;
}
.jingcaitopic .mao[data-v-5b926a91] {
  position: absolute;
  top: -70px;
  left: 0;
  height: 2px;
  width: 2px;
}
.jingcaitopic .top[data-v-5b926a91] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 24px;
  position: relative;
}
.jingcaitopic .top .title[data-v-5b926a91] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
}
.jingcaitopic .top .title[data-v-5b926a91]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p5.ssl.qhimg.com/t110b9a93018ae4774c6b78b442.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.jingcaitopic .bottom[data-v-5b926a91] {
  width: 100%;
  height: 416px;
}
.jingcaitopic .bottom .swiper-container-jctopic[data-v-5b926a91] {
  width: 100%;
  height: 100%;
  overflow-y: visible !important;
  overflow-x: clip;
}
.jingcaitopic .bottom .swiper-container-jctopic .swiper-wrapper .swiper-slide[data-v-5b926a91] {
  width: 100%;
  height: 100%;
}
.jingcaitopic .bottom .swiper-container-jctopic .swiper-wrapper .swiper-slide .gamepart[data-v-5b926a91] {
  width: 100%;
  height: 100%;
  display: grid;
  column-gap: 28px;
}


.gamepart[data-v-5b926a91] {
  grid-template-columns: repeat(var(--column-nums), 1fr);
}

.xiuxiangame[data-v-3155ee6e] {
  width: 100%;
  max-width: 1696px;
  margin: 0px auto 48px;
  position: relative;
}
.xiuxiangame .mao[data-v-3155ee6e] {
  position: absolute;
  top: -70px;
  left: 0;
  height: 2px;
  width: 2px;
}
.xiuxiangame .top[data-v-3155ee6e] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.xiuxiangame .top .title[data-v-3155ee6e] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
}
.xiuxiangame .top .title[data-v-3155ee6e]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p3.ssl.qhimg.com/t110b9a930155e8c1896daa8cb0.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.xiuxiangame .bottom[data-v-3155ee6e] {
  width: 100%;
}
.xiuxiangame .bottom .swiper-container[data-v-3155ee6e] {
  width: 100%;
  height: 100%;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide[data-v-3155ee6e] {
  width: 100%;
  height: 100%;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart[data-v-3155ee6e] {
  width: 100%;
  height: 100%;
  display: grid;
  column-gap: 24px;
  row-gap: 20px;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame[data-v-3155ee6e] {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  min-width: 148px;
  height: 255px;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .img[data-v-3155ee6e] {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 16px;
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot[data-v-3155ee6e] {
  width: 100%;
  height: calc(75.29411765%);
  margin-top: 63px;
  border-radius: 16px;
  padding: 67px 20px 24px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.06);
  text-align: center;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .name[data-v-3155ee6e] {
  height: 24px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 400;
  max-width: 120px;
  margin-bottom: 8px;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .tagPart[data-v-3155ee6e] {
  max-width: 120px;
  height: 22px;
  line-height: 22px;
  margin-bottom: 16px;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .tagPart .tags[data-v-3155ee6e] {
  height: 100%;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.55);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .tagPart .tags .tag[data-v-3155ee6e] {
  display: flex;
  align-items: center;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .tagPart .tags .tag .line[data-v-3155ee6e] {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.1);
  margin-right: 4px;
  margin-left: 4px;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame .foot .start[data-v-3155ee6e] {
  width: 72px;
  height: 32px;
  margin: 0 auto;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .foot .name[data-v-3155ee6e] {
  color: #f7ba1e;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .foot .start .yellow[data-v-3155ee6e] {
  background: #f9cc45;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:hover .foot .tagPart .tags .tag[data-v-3155ee6e] {
  text-decoration: underline;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .foot .name[data-v-3155ee6e] {
  color: #f7ba1e;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .foot .start .yellow[data-v-3155ee6e] {
  background: #cc9213;
}
.xiuxiangame .bottom .swiper-container .swiper-wrapper .swiper-slide .gamepart .eachgame:active .foot .tagPart .tags .tag[data-v-3155ee6e] {
  text-decoration: underline;
}


.gamepart[data-v-3155ee6e] {
  grid-template-columns: repeat(var(--column-nums), 1fr);
}

.eachgamepart[data-v-1e5bdf1d] {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  min-width: 540px;
  height: 464px;
}
.eachgamepart .partimg[data-v-1e5bdf1d] {
  height: 160px;
  width: 300px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8;
}
.eachgamepart .eachgame[data-v-1e5bdf1d] {
  border-radius: 16px;
  height: 432px;
  margin-top: 32px;
  position: relative;
  overflow: hidden;
  background: url() center center no-repeat;
  background-size: cover;
}
.eachgamepart .eachgame .stitle[data-v-1e5bdf1d] {
  height: 32px;
  line-height: 32px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 50%;
  position: relative;
  margin: 24px 16px 65px 64px;
}
.eachgamepart .eachgame .stitle[data-v-1e5bdf1d]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: var(--icon) center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.eachgamepart .eachgame .swiper-container-small-hot[data-v-1e5bdf1d] {
  margin-left: 24px;
  margin-right: 0;
  height: 286px;
}
.eachgamepart .eachgame .swiper-container-small-hot .swiper-wrapper-small-hot .swiper-slide-small-hot[data-v-1e5bdf1d] {
  width: 188px;
  margin-right: 20px;
  position: relative;
}
.eachgamepart .eachgame .swiper-container-small-hot .swiper-wrapper-small-hot .swiper-slide-small-hot .imgout[data-v-1e5bdf1d] {
  height: 250px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 12px;
  opacity: 0.99;
}
.eachgamepart .eachgame .swiper-container-small-hot .swiper-wrapper-small-hot .swiper-slide-small-hot .imgout .logo[data-v-1e5bdf1d] {
  height: 100%;
  width: 100%;
  display: block;
  transition: all 0.2s linear;
}
.eachgamepart .eachgame .swiper-container-small-hot .swiper-wrapper-small-hot .swiper-slide-small-hot .name[data-v-1e5bdf1d] {
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}
.eachgamepart .eachgame .swiper-container-small-hot .swiper-wrapper-small-hot .swiper-slide-small-hot:hover .imgout .logo[data-v-1e5bdf1d] {
  transform: scale(1.03);
}
.eachgamepart .eachgame .arrow[data-v-1e5bdf1d] {
  height: 48px;
  width: 48px;
  border-radius: 24px;
  background: url('https://p5.ssl.qhimg.com/t110b9a930122a1c32bebd8fcc0.webp') center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 222px;
  z-index: 20;
  font-size: 0;
}
.eachgamepart .eachgame .arrow.hotArrowLeftSmall[data-v-1e5bdf1d] {
  left: 12px;
}
.eachgamepart .eachgame .arrow.hotArrowRightSmall[data-v-1e5bdf1d] {
  right: 12px;
  transform: rotate(180deg);
}
.eachgamepart .eachgame .arrow[data-v-1e5bdf1d]:hover {
  background-image: url('https://p2.ssl.qhimg.com/t110b9a9301ed3084e62250785a.webp');
}
.eachgamepart .eachgame .arrow[data-v-1e5bdf1d]:active {
  background-image: url('https://p3.ssl.qhimg.com/t110b9a93014f4f18fc56567790.webp');
}


.swiper-container-small-hot[data-v-1e5bdf1d] {
  width: calc(100% - 24px);
}

.hottopic[data-v-a301ff46] {
  width: 100%;
  max-width: 1696px;
  margin: 0px auto 48px;
  position: relative;
}
.hottopic .mao[data-v-a301ff46] {
  position: absolute;
  top: -70px;
  left: 0;
  height: 2px;
  width: 2px;
}
.hottopic .top[data-v-a301ff46] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 24px;
  position: relative;
}
.hottopic .top .title[data-v-a301ff46] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
}
.hottopic .top .title[data-v-a301ff46]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p2.ssl.qhimg.com/t110b9a9301540e1b61d4711a4f.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.hottopic .bottom[data-v-a301ff46] {
  width: 100%;
  height: 464px;
}
.hottopic .bottom .swiper-container-hottopic[data-v-a301ff46] {
  width: 100%;
  height: 100%;
  overflow-y: visible !important;
  overflow-x: clip;
}
.hottopic .bottom .swiper-container-hottopic .swiper-wrapper .swiper-slide[data-v-a301ff46] {
  width: 100%;
  height: 100%;
}
.hottopic .bottom .swiper-container-hottopic .swiper-wrapper .swiper-slide .gamepart[data-v-a301ff46] {
  width: 100%;
  height: 100%;
  display: grid;
  column-gap: 28px;
}


.gamepart[data-v-a301ff46] {
  grid-template-columns: repeat(var(--column-nums), 1fr);
}

.rank[data-v-913399f4] {
  height: 100%;
  min-width: 340px;
}
.rank .header[data-v-913399f4] {
  height: 64px;
  padding-top: 32px;
  position: relative;
}
.rank .header .img[data-v-913399f4] {
  height: 100%;
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 8;
}
.rank .header .title[data-v-913399f4] {
  height: 100%;
  padding: 18px 20px;
  box-sizing: border-box;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 8px 8px 0 0;
}
.rank .header .list[data-v-913399f4] {
  width: 100%;
  height: 800px;
  margin-bottom: 16px;
  list-style-type: none;
  background: linear-gradient(180deg, #20283a 0%, rgba(32, 40, 58, 0) 100%);
}
.rank .header .list .eachgame[data-v-913399f4] {
  width: 100%;
  height: 80px;
  padding: 8px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.rank .header .list .eachgame .sort[data-v-913399f4] {
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  background: url('') center center no-repeat;
  background-size: 100% 100%;
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin-right: 16px;
  flex-shrink: 0;
  flex-grow: 0;
}
.rank .header .list .eachgame .icon[data-v-913399f4] {
  height: 48px;
  width: 48px;
  border-radius: 8px;
  margin-right: 12px;
}
.rank .header .list .eachgame .parts[data-v-913399f4] {
  flex-grow: 1;
  height: 48px;
}
.rank .header .list .eachgame .parts .name[data-v-913399f4] {
  height: 22px;
  line-height: 22px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 4px;
}
.rank .header .list .eachgame .parts .tags[data-v-913399f4] {
  height: 22px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.55);
}
.rank .header .list .eachgame .parts .tags .tag[data-v-913399f4] {
  height: 100%;
  display: flex;
  align-items: center;
}
.rank .header .list .eachgame .parts .tags .tag .line[data-v-913399f4] {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 8px;
}
.rank .header .list .eachgame .start[data-v-913399f4] {
  height: 32px;
  width: 72px;
  flex-shrink: 0;
}
.rank .header .list .eachgame[data-v-913399f4]:first-of-type {
  background: linear-gradient(90deg, rgba(255, 46, 46, 0.4) 0%, rgba(255, 46, 46, 0) 30.41%), linear-gradient(90deg, rgba(255, 98, 98, 0.2) 0%, rgba(255, 98, 98, 0) 100%);
}
.rank .header .list .eachgame:first-of-type .sort[data-v-913399f4] {
  background-image: url('https://p4.ssl.qhimg.com/t110b9a9301a80220f0e7ed97f3.webp');
  font-size: 0;
}
.rank .header .list .eachgame[data-v-913399f4]:nth-of-type(2) {
  background: linear-gradient(96deg, rgba(247, 186, 30, 0.4) -1.35%, rgba(247, 186, 30, 0) 58.19%), linear-gradient(90deg, rgba(255, 212, 20, 0.2) 0%, rgba(255, 212, 20, 0) 100%);
}
.rank .header .list .eachgame:nth-of-type(2) .sort[data-v-913399f4] {
  background-image: url('https://p3.ssl.qhimg.com/t110b9a9301f4b966078d0acad7.webp');
  font-size: 0;
}
.rank .header .list .eachgame[data-v-913399f4]:nth-of-type(3) {
  background: linear-gradient(90deg, rgba(98, 129, 255, 0.2) 0%, rgba(98, 129, 255, 0) 100%);
}
.rank .header .list .eachgame:nth-of-type(3) .sort[data-v-913399f4] {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a93017841128f515cfd98.webp');
  font-size: 0;
}
.rank .header .list .eachgame:hover .parts .name[data-v-913399f4] {
  color: #f7ba1e;
}
.rank .header .list .eachgame:hover .parts .tags .tag[data-v-913399f4] {
  text-decoration: underline;
}
.rank .header .list .eachgame:hover .start .yellow-border[data-v-913399f4] {
  border: 1px solid #f9cc45;
  color: #f9cc45;
}
.rank .header .list .eachgame:hover .start .yellow-border .shandian[data-v-913399f4] {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a930116c5a1bf4127e5fa.webp');
}
.rank .header .list .eachgame:active .parts .name[data-v-913399f4] {
  color: #f7ba1e;
}
.rank .header .list .eachgame:active .parts .tags .tag[data-v-913399f4] {
  text-decoration: underline;
}
.rank .header .list .eachgame:active .start .yellow-border[data-v-913399f4] {
  border: 1px solid #cc9213;
  color: #cc9213;
}
.rank .header .list .eachgame:active .start .yellow-border .shandian[data-v-913399f4] {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a9301136388aeab32c0e0.webp');
}
.rank .header .lookall[data-v-913399f4] {
  width: 100%;
  height: 40px;
  padding: 0 18px;
  box-sizing: border-box;
  position: relative;
}
.rank .header .lookall .all[data-v-913399f4] {
  height: 100%;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  box-sizing: border-box;
  padding: 8px 11px;
  line-height: 22px;
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rank .header .lookall .all .arrow[data-v-913399f4] {
  height: 16px;
  width: 16px;
  background: url('https://p4.ssl.qhimg.com/t110b9a9301d813f032812c33bb.webp') center center no-repeat;
  background-size: 100% 100%;
}
.rank .header .lookall:hover .all[data-v-913399f4] {
  background: rgba(255, 255, 255, 0.06);
}
.rank .header .lookall:active .all[data-v-913399f4] {
  background: rgba(255, 255, 255, 0.1);
}
.rank .header .lookall.disabled .all[data-v-913399f4] {
  color: rgba(255, 255, 255, 0.22);
}
.rank .header .lookall.disabled .all .arrow[data-v-913399f4] {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a9301e7edd581e8c8547e.webp');
}
.rank.hot .header .title[data-v-913399f4] {
  background: linear-gradient(90deg, #ffdbb3 0%, #eb9460 100%);
}
.rank.webgame .header .title[data-v-913399f4] {
  background: linear-gradient(90deg, #c0e8fb 0%, #5d97d7 100%);
}
.rank.clientgame .header .title[data-v-913399f4] {
  background: linear-gradient(90deg, #ffb3b3 0%, #ff8585 100%);
}
.rank.flashgame .header .title[data-v-913399f4] {
  background: linear-gradient(90deg, #c4b4fd 0%, #5744dd 100%);
}
.rank.h5game .header .title[data-v-913399f4] {
  background: linear-gradient(90deg, #c4b4fd 0%, #5744dd 100%);
}

.ranklist[data-v-0348c1a1] {
  width: 100%;
  max-width: 1696px;
  margin: 0px auto 48px;
  position: relative;
}
.ranklist .mao[data-v-0348c1a1] {
  position: absolute;
  top: -70px;
  left: 0;
  height: 2px;
  width: 2px;
}
.ranklist .top[data-v-0348c1a1] {
  height: 40px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.ranklist .top .title[data-v-0348c1a1] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: 80px;
  position: relative;
  margin-right: 16px;
  margin-left: 40px;
}
.ranklist .top .title[data-v-0348c1a1]::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -2px;
  left: -40px;
  background: url('https://p5.ssl.qhimg.com/t110b9a93013cf886b973b7f282.webp') center center no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.ranklist .bottom[data-v-0348c1a1] {
  width: 100%;
}
.ranklist .bottom .swiper-container-rank .swiper-wrapper .swiper-slide .eachgamepart[data-v-0348c1a1] {
  width: 100%;
  display: grid;
  column-gap: 24px;
  grid-template-columns: repeat(var(--column-nums), 1fr);
  height: 968px;
}


.pageBottom[data-v-8123101c] {
  width: 100%;
  margin-bottom: 90px;
}
.arrive[data-v-8123101c] {
  width: 120px;
  display: block;
  margin: 0 auto 10px;
}
.arriveTxt[data-v-8123101c] {
  width: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: rgba(255, 255, 255, 0.35);
  font-size: 20px;
  font-weight: 400;
}

.rightBar[data-v-409d6ccc] {
  position: fixed;
  bottom: 12px;
  right: 12px;
  width: 40px;
  height: auto;
  box-sizing: border-box;
  padding: 2px;
  border-radius: 8px;
  background: rgba(102, 102, 102, 0.4);
  z-index: 999;
}
.rightBar.skin[data-v-409d6ccc] {
  width: 48px;
  border: 4px solid transparent;
  border-image: var(--img) 8 stretch;
}
.rightBar.skin[data-v-409d6ccc]::before {
  content: '';
  position: absolute;
  top: -56px;
  left: 50%;
  transform: translateX(-50%);
  height: 56px;
  width: 40px;
  background: var(--top-img) center / 100% 100% no-repeat;
}
.rightBar .each[data-v-409d6ccc] {
  width: 36px;
  height: 40px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  font-weight: 700;
  position: relative;
  display: block;
  margin-bottom: 5px;
  box-sizing: border-box;
  padding: 4px 6px;
}
.rightBar .each[data-v-409d6ccc]::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 32px;
  background: rgba(255, 255, 255, 0.1);
}
.rightBar .each.active[data-v-409d6ccc] {
  color: #f7ba1e;
}
.rightBar .each.active[data-v-409d6ccc]::before {
  content: '';
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
  height: 28px;
  width: 2px;
  background: #f7ba1e;
}
.rightBar .each[data-v-409d6ccc]:hover {
  color: #f7ba1e;
}
.rightBar .each[data-v-409d6ccc]:last-of-type {
  border-radius: 0 0 8px 8px;
}
.rightBar .each[data-v-409d6ccc]:first-of-type {
  border-radius: 8px 8px 0 0;
}
.rightBar .totop[data-v-409d6ccc] {
  height: 20px;
  width: 20px;
  display: block;
  margin: 10px auto;
  background-image: url('https://p1.ssl.qhimg.com/t110b9a93015e5556191dedf549.webp');
}
.rightBar .totop[data-v-409d6ccc]:hover {
  background-image: url('https://p4.ssl.qhimg.com/t110b9a93013165cb8a89a01fdf.webp');
}
.rightBar .totop[data-v-409d6ccc]:active {
  background-image: url('https://p4.ssl.qhimg.com/t110b9a9301a78b10f233d9f4cb.webp');
}


@media screen and (max-height: 799px) {
.rightBar.skin[data-v-409d6ccc]::before {
    display: none !important;
}
}

.popup-container[data-v-87ed6a12] {
  height: 500px;
  width: 800px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999999;
  cursor: pointer;
  border-radius: 10px;
}
.popup-container .popup-close[data-v-87ed6a12] {
  background: url('https://p2.ssl.qhimg.com/t110b9a9301bf1a203192d88b3e.png') no-repeat 0 0;
  width: 32px;
  height: 32px;
  position: absolute;
  background-size: 64px 32px;
  top: -32px;
  right: -32px;
  z-index: 999999999;
}
.popup-container .popup-close[data-v-87ed6a12]:hover {
  background-position: -32px 0;
}

.style-one[data-v-48ee4c26] {
  position: relative;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  margin: auto;
}
.style-one .close[data-v-48ee4c26] {
  position: absolute;
  height: 32px;
  width: 32px;
  top: 4px;
  right: 4px;
  background: url('https://p1.ssl.qhimg.com/t110b9a9301af23e66c1e749b18.webp') center center no-repeat;
  background-size: 16px 16px;
  border-radius: 4px;
}
.style-one .close[data-v-48ee4c26]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.style-one .close[data-v-48ee4c26]:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.style-one .lingqu[data-v-48ee4c26] {
  width: calc(92%);
  height: calc(15.09433962%);
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  background: linear-gradient(90deg, #ff793b 0%, #ff4057 100%);
  box-shadow: 0px 4px 10px 0px rgba(255, 51, 54, 0.2);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.style-one .lingqu[data-v-48ee4c26]:hover {
  background: linear-gradient(90deg, #ff8952 0%, #ff586d 100%);
}
.style-one .lingqu[data-v-48ee4c26]:active {
  background: linear-gradient(90deg, #ff6822 0%, #ff2842 100%);
}

.style-two[data-v-bf72fc0a] {
  position: relative;
  display: block;
  margin: auto;
  z-index: 88;
}
.style-two .close[data-v-bf72fc0a] {
  position: absolute;
  height: 32px;
  width: 32px;
  top: 0px;
  right: 0px;
  z-index: 99;
  background: url('https://p5.ssl.qhimg.com/t110b9a9301e31e23846b738d76.webp') center center no-repeat;
  background-size: 16px 16px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.2);
}
.style-two .close[data-v-bf72fc0a]:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.style-two .close[data-v-bf72fc0a]:active {
  background-color: rgba(255, 255, 255, 0.4);
}
.style-two .lingqu[data-v-bf72fc0a] {
  width: calc(84.58333333%);
  height: calc(22.79792746%);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 187px;
  background: linear-gradient(to bottom right, #ff9059 6%, #fe5492 22%, #fe2147 34%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #ff9059 6%, #fe5492 22%, #fe2147 34%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #ff9059 6%, #fe5492 22%, #fe2147 34%) top left / 50% 50% no-repeat, linear-gradient(to top right, #ff9059 6%, #fe5492 22%, #fe2147 34%) top right / 50% 50% no-repeat;
  box-shadow: 0px 4px 10px 0px rgba(255, 51, 54, 0.2);
  font-size: 36px;
  font-weight: 700;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 88;
}


.style-two .lingqu[data-v-bf72fc0a] {
  bottom: calc(-88 / 386 * 100% + 12px);
}

.tip-success[data-v-8c51ae10] {
  width: 400px;
  height: 254px;
  border-radius: 16px;
  background-image: url('https://p5.ssl.qhimg.com/t110b9a93012df7f5ccfc4e7fa5.webp');
  background-color: #ffffff;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  margin: auto;
  z-index: 1000;
  position: relative;
}
.tip-success .header[data-v-8c51ae10] {
  display: flex;
  align-items: center;
  height: 40px;
}
.tip-success .header .left[data-v-8c51ae10] {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.tip-success .header .left span[data-v-8c51ae10] {
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding-left: 4px;
}
.tip-success .header .close[data-v-8c51ae10] {
  cursor: pointer;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 5px 16px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  background: url('https://p1.ssl.qhimg.com/t110b9a9301af23e66c1e749b18.webp') center center no-repeat;
  background-size: 16px 16px;
  position: absolute;
  top: 4px;
  right: 4px;
}
.tip-success .header .close[data-v-8c51ae10]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.tip-success .header .close[data-v-8c51ae10]:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.tip-success .tip-success-content[data-v-8c51ae10] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.tip-success .tip-success-content .s-img[data-v-8c51ae10] {
  height: 64px;
  width: 64px;
  display: block;
  margin-bottom: 16px;
}
.tip-success .tip-success-content .tip-info[data-v-8c51ae10] {
  display: flex;
  color: var(--60, rgba(0, 0, 0, 0.6));
  text-align: center;
  /* all/14-Regular */
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  align-items: center;
  margin-bottom: 12px;
}
.tip-success .tip-success-content .detail[data-v-8c51ae10] {
  width: 100%;
  margin: 0 auto;
  color: #000;
  text-align: center;
  font-family: 'Microsoft YaHei UI';
  font-size: 20px;
  font-weight: 700;
  height: 28px;
  line-height: 28px;
  margin-bottom: 4px;
}
.tip-success .tip-success-content .sinfo[data-v-8c51ae10] {
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  margin-bottom: 16px;
}
.tip-success .tip-success-content .btn[data-v-8c51ae10] {
  display: flex;
  width: 104px;
  height: 36px;
  justify-content: center;
  align-items: center;
  border-radius: 34px;
  background: #f7ba1e;
  margin: 0 auto;
  position: relative;
}
.tip-success .tip-success-content .btn span[data-v-8c51ae10] {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
}
.tip-success .tip-success-content .btn[data-v-8c51ae10]:hover {
  background: #f9cc45;
}
.tip-success .tip-success-content .btn[data-v-8c51ae10]:active {
  background: #cc9213;
}

.tip-fail[data-v-71b59628] {
  width: 400px;
  height: 254px;
  border-radius: 16px;
  background-image: url('https://p5.ssl.qhimg.com/t110b9a93012df7f5ccfc4e7fa5.webp');
  background-color: #ffffff;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  margin: auto;
  z-index: 1000;
  position: relative;
}
.tip-fail .header[data-v-71b59628] {
  display: flex;
  align-items: center;
  height: 40px;
}
.tip-fail .header .left[data-v-71b59628] {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.tip-fail .header .left span[data-v-71b59628] {
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding-left: 4px;
}
.tip-fail .header .close[data-v-71b59628] {
  cursor: pointer;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 5px 16px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  background: url('https://p1.ssl.qhimg.com/t110b9a9301af23e66c1e749b18.webp') center center no-repeat;
  background-size: 16px 16px;
  position: absolute;
  top: 4px;
  right: 4px;
}
.tip-fail .header .close[data-v-71b59628]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.tip-fail .header .close[data-v-71b59628]:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.tip-fail .tip-fail-content[data-v-71b59628] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.tip-fail .tip-fail-content .s-img[data-v-71b59628] {
  height: 64px;
  width: 64px;
  display: block;
  margin-bottom: 16px;
}
.tip-fail .tip-fail-content .tip-info[data-v-71b59628] {
  display: flex;
  color: var(--60, rgba(0, 0, 0, 0.6));
  text-align: center;
  /* all/14-Regular */
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  align-items: center;
  margin-bottom: 12px;
}
.tip-fail .tip-fail-content .detail[data-v-71b59628] {
  width: 100%;
  margin: 0 auto;
  color: #000;
  text-align: center;
  font-family: 'Microsoft YaHei UI';
  font-size: 20px;
  font-weight: 700;
  height: 28px;
  line-height: 28px;
  margin-bottom: 4px;
}
.tip-fail .tip-fail-content .sinfo[data-v-71b59628] {
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  margin-bottom: 16px;
}
.tip-fail .tip-fail-content .btn[data-v-71b59628] {
  display: flex;
  width: 104px;
  height: 36px;
  justify-content: center;
  align-items: center;
  border-radius: 34px;
  background: #f7ba1e;
  margin: 0 auto;
  position: relative;
}
.tip-fail .tip-fail-content .btn span[data-v-71b59628] {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
}
.tip-fail .tip-fail-content .btn[data-v-71b59628]:hover {
  background: #f9cc45;
}
.tip-fail .tip-fail-content .btn[data-v-71b59628]:active {
  background: #cc9213;
}

.popup_coupon[data-v-124f2b73] {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 8888;
  display: flex;
}

.mygame[data-v-4f710368] {
  position: absolute;
  top: 58px;
  left: 0px;
  width: 100px;
  background: url('https://p5.ssl.qhimg.com/t11b673bcd6506d4a8612cf9962.webp');
  z-index: 15;
  border-radius: 0px 8px 8px 0px;
  background-size: 100% 100%;
  background-position: right;
}
.mygame h1[data-v-4f710368] {
  font-size: 12px;
  color: #cccccc;
  text-align: center;
  line-height: 12px;
  height: 14px;
  margin: 20px 16px;
  width: 50px;
  font-weight: 600;
}
.mygame .leftarrow[data-v-4f710368] {
  width: 8px;
  height: 12px;
  background: url('https://p1.ssl.qhimg.com/t11b673bcd63836b9c494514c97.webp');
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 85px;
  background-position: right;
  display: block;
}
.mygame .leftarrow[data-v-4f710368]:hover {
  background: url('https://p0.ssl.qhimg.com/t11b673bcd6bfa2dce8d109b5ee.webp') center center no-repeat;
}
.mygame .topline[data-v-4f710368] {
  width: 48px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
  position: absolute;
  margin-top: -14px;
  margin-left: 16px;
}
.mygame .game[data-v-4f710368] {
  margin-bottom: 12px;
  width: 75px;
}
.mygame .game .mygame-wrap[data-v-4f710368] {
  position: relative;
}
.mygame .game .mygame-wrap a[data-v-4f710368] {
  border-radius: 12px;
  overflow: hidden;
  margin-left: 15px;
  margin-bottom: 6px;
  display: block;
  height: 50px;
  width: 50px;
}
.mygame .game .mygame-wrap a.btnA1[data-v-4f710368] {
  background: url('https://p1.ssl.qhimg.com/t11b673bcd63adc31e5cc612d4b.webp') left top no-repeat, var(--backimg) left bottom / 100% 100% no-repeat;
}
.mygame .game .mygame-wrap a.btnA2[data-v-4f710368] {
  background: var(--backimg) center center / 100% 100% no-repeat;
}
.mygame .game .mygame-wrap p[data-v-4f710368] {
  height: 22px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  margin: 0px 0px -5px 7px;
}
.mygame .game .mygame-wrap p[data-v-4f710368]:hover {
  color: #ff6f1c;
}
.mygame .game-tip[data-v-4f710368] {
  width: 298px;
  height: 92px;
  position: absolute;
  left: 95px;
  top: 50%;
  transform: translateY(-69%);
}
.mygame .game-tip .tip1[data-v-4f710368] {
  width: 100%;
  height: 100%;
  background: url('https://p5.ssl.qhimg.com/t11b673bcd6c879f43f55b8396c.webp');
}
.mygame .game-tip .tip2[data-v-4f710368] {
  width: 100%;
  height: 100%;
  background: url('https://p5.ssl.qhimg.com/t11b673bcd6cdeaad0fd65787d0.webp');
}
.mygame .game-tip .close[data-v-4f710368] {
  cursor: pointer;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 29px;
  background: url('https://p3.ssl.qhimg.com/t11b673bcd6b7c2507e4edfb408.webp');
}
.mygame .game-tip .close[data-v-4f710368]:hover {
  background: url('https://p3.ssl.qhimg.com/t11b673bcd61abc4a81ad80a72f.webp');
}
.mygame .more[data-v-4f710368] {
  font-size: 12px;
  text-align: center;
  line-height: 36px;
  height: 22px;
  padding-right: 28px;
  margin-bottom: 20px;
}
.mygame .more a[data-v-4f710368] {
  position: relative;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}
.mygame .more a .bottomline[data-v-4f710368] {
  width: 48px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
  margin-left: 14px;
  transform: translateY(0px);
}
.mygame .more a[data-v-4f710368]:hover {
  color: #ffffff;
}
.mygametwo[data-v-4f710368] {
  background: url('https://p1.ssl.qhimg.com/t11b673bcd6ed3b8431f95a1258.webp');
  background-size: 100% 100%;
}
.mygameone[data-v-4f710368] {
  background: url('https://p0.ssl.qhimg.com/t11b673bcd66ef27414faa32d82.webp');
  background-size: 100% 100%;
}
.pull-left[data-v-4f710368] {
  left: -82px;
}
.pull-left .leftarrow[data-v-4f710368] {
  transform: translateY(-50%) rotatez(180deg);
}
@media screen and (min-width: 1434px) and (max-width: 1734px) {
.mygame[data-v-4f710368] {
    position: absolute;
    top: 40px;
}
}
@media screen and (max-width: 1434px) {
.mygame[data-v-4f710368] {
    top: 100px;
}
}

.apply-pop[data-v-6c9a195c] {
  width: 600px;
  height: auto;
  border-radius: var(---16, 16px);
  background: linear-gradient(180deg, #faebb3 32.97%, #fff 67.81%);
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1000;
}
.apply-pop .header[data-v-6c9a195c] {
  display: flex;
  align-items: center;
  height: 40px;
}
.apply-pop .header .left[data-v-6c9a195c] {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.apply-pop .header .left span[data-v-6c9a195c] {
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Microsoft YaHei UI';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding-left: 4px;
}
.apply-pop .header .close[data-v-6c9a195c] {
  cursor: pointer;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 5px 16px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  background: url(https://p1.ssl.qhimg.com/t110b9a9301924b1f21bf16c1d9.png) no-repeat center;
  position: absolute;
  top: 4px;
  right: 4px;
}
.apply-pop .header .close[data-v-6c9a195c]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.apply-pop .apply-pop-content[data-v-6c9a195c] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.apply-pop .apply-pop-content .tip-info[data-v-6c9a195c] {
  display: flex;
  color: var(--60, rgba(0, 0, 0, 0.9));
  text-align: center;
  /* all/14-Regular */
  font-family: 'Microsoft YaHei UI';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  /* 157.143% */
  align-items: center;
  margin-bottom: 12px;
}
.apply-pop .apply-pop-content .main-text[data-v-6c9a195c] {
  width: 568px;
  height: auto;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
}
.apply-pop .apply-pop-content .main-text .txt[data-v-6c9a195c] {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  line-height: 30px;
  text-align: left;
}
.apply-pop .apply-pop-content .main-text .link[data-v-6c9a195c] {
  margin-top: 10px;
  text-decoration: none;
  color: #269dff;
}
.apply-pop .apply-pop-content .main-text .link[data-v-6c9a195c]:hover {
  text-decoration: underline;
}
.apply-pop .apply-pop-content .main-text .t-bold[data-v-6c9a195c] {
  font-weight: 700;
}
.apply-pop .apply-pop-content .btn[data-v-6c9a195c] {
  display: flex;
  width: 368px;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: linear-gradient(90deg, #ff793b 0%, #ff4057 100%);
  box-shadow: 0px 4px 10px 0px rgba(255, 51, 54, 0.2);
  margin: 0 auto 20px;
}
.apply-pop .apply-pop-content .btn span[data-v-6c9a195c] {
  color: #fff;
  /* all/16-Bold */
  font-family: 'Microsoft YaHei UI';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.apply-pop .apply-pop-content .btn[data-v-6c9a195c]:hover {
  background: linear-gradient(-90deg, #ff793b 0%, #ff4057 100%);
}

.unlogin-share-tip[data-v-338ef07f] {
  width: 286px;
  position: absolute;
  left: 150px;
  top: 100px;
  z-index: 1000;
  border-radius: 4px;
  background: linear-gradient(92deg, #FFF8D1 2.35%, #FFEA98 101.21%);
  display: flex;
  height: 48px;
  padding: 16px 12px;
  align-items: center;
  box-sizing: border-box;
}
.unlogin-share-tip .tip-icon[data-v-338ef07f] {
  width: 32px;
}
.unlogin-share-tip .tip-txt[data-v-338ef07f] {
  color: #000;
  /* all/15-Bold */
  font-family: "Microsoft YaHei UI";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  /* 146.667% */
  margin-left: 8px;
}
.unlogin-share-tip .tip-txt .point[data-v-338ef07f] {
  color: #FF3049;
}
.unlogin-share-tip[data-v-338ef07f]:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  /* 上边透明 */
  border-bottom: 9px solid transparent;
  /* 下边透明 */
  border-right: 10px solid #FFF8D1;
  /* 右边颜色 */
  position: absolute;
  left: -9px;
  top: 15px;
}

.apply-pop[data-v-12db7ff6] {
  width: 400px;
  height: 254px;
  border-radius: 8px;
  border: 1px solid var(---Gray_4-, #DCDCDC);
  background: var(--normal-white, #FFF) url("https://p2.ssl.qhimg.com/t110b9a930124bd89b695a3babc.png") no-repeat center top;
  /* Shadow/Shadow-3 上层投影 */
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1000;
}
.apply-pop .header[data-v-12db7ff6] {
  display: flex;
  align-items: center;
  height: 40px;
}
.apply-pop .header .left[data-v-12db7ff6] {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.apply-pop .header .left span[data-v-12db7ff6] {
  color: rgba(0, 0, 0, 0.6);
  font-family: "Microsoft YaHei UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding-left: 4px;
}
.apply-pop .header .close[data-v-12db7ff6] {
  cursor: pointer;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 5px 16px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  background: url(https://p1.ssl.qhimg.com/t110b9a9301924b1f21bf16c1d9.png) no-repeat center;
  position: absolute;
  top: 4px;
  right: 4px;
}
.apply-pop .header .close[data-v-12db7ff6]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.apply-pop .apply-pop-content[data-v-12db7ff6] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 3px;
}
.apply-pop .apply-pop-content .main-text[data-v-12db7ff6] {
  color: #000;
  text-align: center;
  /* all/20-Bold */
  font-family: "Microsoft YaHei UI";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 140% */
  margin-top: 16px;
}
.apply-pop .apply-pop-content .main-text span[data-v-12db7ff6] {
  color: var(--normal, #FF3049);
  /* all/20-Bold */
  font-family: "Microsoft YaHei UI";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.apply-pop .apply-pop-content .sub-text[data-v-12db7ff6] {
  color: var(--60, rgba(0, 0, 0, 0.6));
  text-align: center;
  /* all/14-Regular */
  font-family: "Microsoft YaHei UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.apply-pop .btn[data-v-12db7ff6] {
  width: 104px;
  margin-top: 16px;
  display: flex;
  height: 36px;
  padding: 5px 24px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 34px;
  background: var(---Gold-normal, #F7BA1E);
  color: rgba(0, 0, 0, 0.9);
  /* all/14-Regular */
  font-family: "Microsoft YaHei UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.apply-pop .btn[data-v-12db7ff6]:hover {
  background: var(---Gold-hover, #F9C44C);
}

.apply-pop[data-v-44ed1390] {
  width: 400px;
  height: 354px;
  border-radius: var(---16, 16px);
  background: linear-gradient(180deg, #FAEBB3 32.97%, #FFF 67.81%);
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1000;
}
.apply-pop .header[data-v-44ed1390] {
  display: flex;
  align-items: center;
  height: 40px;
}
.apply-pop .header .left[data-v-44ed1390] {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.apply-pop .header .left span[data-v-44ed1390] {
  color: rgba(0, 0, 0, 0.6);
  font-family: "Microsoft YaHei UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding-left: 4px;
}
.apply-pop .header .close[data-v-44ed1390] {
  cursor: pointer;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 5px 16px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  background: url(https://p1.ssl.qhimg.com/t110b9a9301924b1f21bf16c1d9.png) no-repeat center;
  position: absolute;
  top: 4px;
  right: 4px;
}
.apply-pop .header .close[data-v-44ed1390]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.apply-pop .apply-pop-content[data-v-44ed1390] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.apply-pop .apply-pop-content .tip-info[data-v-44ed1390] {
  display: flex;
  color: var(--60, rgba(0, 0, 0, 0.6));
  text-align: center;
  /* all/14-Regular */
  font-family: "Microsoft YaHei UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  align-items: center;
  margin-bottom: 12px;
}
.apply-pop .apply-pop-content .main-text[data-v-44ed1390] {
  width: 368px;
  height: 216px;
  display: flex;
  padding: 24px 0px 32px 0px;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  border-radius: 16px;
  background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
}
.apply-pop .apply-pop-content .main-text .detail[data-v-44ed1390] {
  width: 310px;
  margin: 0 auto;
  margin-top: 16px;
  color: var(--90, rgba(0, 0, 0, 0.9));
  text-align: center;
  /* all/20-Bold */
  font-family: "Microsoft YaHei UI";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 140% */
}
.apply-pop .apply-pop-content .main-text .detail span[data-v-44ed1390] {
  color: var(--normal, #FF3049);
  /* all/20-Bold */
  font-family: "Microsoft YaHei UI";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.apply-pop .btn[data-v-44ed1390] {
  display: flex;
  width: 368px;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: linear-gradient(90deg, #FF793B 0%, #FF4057 100%);
  box-shadow: 0px 4px 10px 0px rgba(255, 51, 54, 0.2);
  margin: 0 auto;
}
.apply-pop .btn span[data-v-44ed1390] {
  color: #FFF;
  /* all/16-Bold */
  font-family: "Microsoft YaHei UI";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.apply-pop .btn[data-v-44ed1390]:hover {
  background: linear-gradient(-90deg, #FF793B 0%, #FF4057 100%);
}

/*底部footer*/
.footer[data-v-22c885c8] {
  height: 160px;
  padding: 24px 0;
  width: 100%;
  background: #222;
  box-sizing: border-box;
}
.footer .footbox[data-v-22c885c8] {
  width: 940px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer .footbox .line[data-v-22c885c8] {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.footer .footbox .line[data-v-22c885c8]:last-child {
  margin-bottom: 0;
}
.footer .footbox .line a[data-v-22c885c8] {
  height: 16px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.4);
}
.footer .footbox .line .column[data-v-22c885c8] {
  margin: 0 12px;
  height: 10px;
  width: 1px;
  background: rgba(255, 255, 255, 0.4);
}
.footer .footbox .line .gongan[data-v-22c885c8] {
  position: relative;
}
.footer .footbox .line .gongan[data-v-22c885c8]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  height: 16px;
  width: 16px;
  background: url('https://p5.ssl.qhimg.com/t110b9a9301a6856aadb1785c92.webp') center / 100% 100% no-repeat;
}
.footer.white[data-v-22c885c8] {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: var(--black-6, rgba(0, 0, 0, 0.06));
}
.footer.white .footbox[data-v-22c885c8] {
  width: 940px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer.white .footbox .line[data-v-22c885c8] {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: var(--60, rgba(0, 0, 0, 0.6));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.footer.white .footbox .line[data-v-22c885c8]:last-child {
  margin-bottom: 0;
}
.footer.white .footbox .line a[data-v-22c885c8] {
  height: 16px;
  text-decoration: none;
  color: var(--60, rgba(0, 0, 0, 0.6));
}
.footer.white .footbox .line .column[data-v-22c885c8] {
  margin: 0 12px;
  height: 10px;
  width: 1px;
  background: rgba(255, 255, 255, 0.4);
}
.footer.white .footbox .line .gongan[data-v-22c885c8] {
  position: relative;
}
.footer.white .footbox .line .gongan[data-v-22c885c8]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  height: 16px;
  width: 16px;
  background: url('https://p5.ssl.qhimg.com/t110b9a9301a6856aadb1785c92.webp') center / 100% 100% no-repeat;
}
.footer.white .footbox .footboxName .line[data-v-22c885c8] {
  margin-bottom: 8px;
}

.bottomgame[data-v-5139ed9b] {
  position: relative;
  height: 242px;
}
.bottomgame .title[data-v-5139ed9b] {
  height: 40px;
  width: 100%;
  line-height: 40px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.9);
  padding-left: 14px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 16px;
}
.bottomgame .title[data-v-5139ed9b]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 20px;
  background: #f7ba1e;
  transform: translateY(-50%);
}
.bottomgame .pageCont[data-v-5139ed9b] {
  height: 40px;
  width: 106px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bottomgame .pageCont .turn[data-v-5139ed9b] {
  height: 32px;
  width: 32px;
  border-radius: 8px;
  background-image: url('https://p5.ssl.qhimg.com/t110b9a930110cb0f8c61926d03.webp');
}
.bottomgame .pageCont .turn[data-v-5139ed9b]:hover {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a9301362ea4bb49b68e75.webp');
}
.bottomgame .pageCont .turn[data-v-5139ed9b]:active {
  background-image: url('https://p1.ssl.qhimg.com/t110b9a9301984b481e7e23be00.webp');
}
.bottomgame .pageCont .turn.swiper-button-disabled[data-v-5139ed9b] {
  background-image: url('https://p2.ssl.qhimg.com/t110b9a93010dbec8e494fd7e6b.webp');
}
.bottomgame .pageCont .turnRight[data-v-5139ed9b] {
  transform: rotate(180deg);
}
.bottomgame .pageCont .pagePart[data-v-5139ed9b] {
  width: auto;
  height: 40px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.bottomgame .swiper-container-bottomgame[data-v-5139ed9b] {
  height: 186px;
  width: 100%;
}
.bottomgame .swiper-container-bottomgame .swiper-wrapper[data-v-5139ed9b] {
  height: 100%;
  width: 100%;
}
.bottomgame .swiper-container-bottomgame .swiper-wrapper .swiper-slide[data-v-5139ed9b] {
  position: relative;
  height: 186px;
  width: 228px;
  border-radius: 8px;
  overflow: hidden;
}
.bottomgame .swiper-container-bottomgame .swiper-wrapper .swiper-slide .imgbox[data-v-5139ed9b] {
  height: 134px;
  width: 228px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.bottomgame .swiper-container-bottomgame .swiper-wrapper .swiper-slide .imgbox .img[data-v-5139ed9b] {
  height: 100%;
  width: 100%;
  display: block;
}
.bottomgame .swiper-container-bottomgame .swiper-wrapper .swiper-slide .bottombox[data-v-5139ed9b] {
  height: 52px;
  width: 100%;
  padding: 8px 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
}
.bottomgame .swiper-container-bottomgame .swiper-wrapper .swiper-slide .bottombox .name[data-v-5139ed9b] {
  width: 136px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  flex-shrink: 0;
  flex-grow: 0;
}
.bottomgame .swiper-container-bottomgame .swiper-wrapper .swiper-slide .bottombox .detail[data-v-5139ed9b] {
  width: 60px;
  height: 32px;
  line-height: 32px;
  border-radius: 34px;
  background: #f7ba1e;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
}
.bottomgame .swiper-container-bottomgame .swiper-wrapper .swiper-slide:hover .bottombox .detail[data-v-5139ed9b] {
  background: #f9cc45;
}
.bottomgame .swiper-container-bottomgame .swiper-wrapper .swiper-slide:active .bottombox .detail[data-v-5139ed9b] {
  background: #cc9213;
}

.gif {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100vh;
  width: 100vw;
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.8);
}
.gif .gif-video {
  height: 100%;
  width: 100%;
  object-fit: contain;
  transform: scale(1);
  transition: all 0.5s linear;
}
.gif .gif-video.start_anim {
  transform-origin: right top;
  transform: scale(0);
}
.mainContent {
  height: auto;
  box-sizing: border-box;
  min-width: 896px;
  padding: 0 72px 0 56px;
  margin: 0 auto;
  position: relative;
}
.mainContent .ddskin {
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  background-image: var(--skin-bg-img);
}
.mainContent .twoArea {
  width: 100%;
  max-width: 1696px;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
}
.main__scroller {
  height: 100vh;
  overflow-y: overlay;
  background: var(--color-bg);
}
.main__scroller._scrolling .baron__bar {
  background: rgba(255, 255, 255, 0.55);
}
.main__scroller::-webkit-scrollbar-track-piece {
  background: transparent;
}
.main__scroller::-webkit-scrollbar {
  width: 0;
  height: 8px;
}
.main__scroller::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.55);
  border: 0px;
  border-radius: 4px;
}
.baron__track {
  position: fixed;
  z-index: 9999991;
  top: 68px;
  bottom: 10px;
  right: 0;
  width: 8px;
  pointer-events: none;
}
.baron__track .baron__bar {
  position: absolute;
  z-index: 1;
  width: 8px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.1);
  pointer-events: auto;
}
.baron__track .baron__bar:hover {
  background: rgba(255, 255, 255, 0.55);
}
@media screen and (max-height: 799px) {
.main__scroller .guajian {
    background-image: var(--right-top-small-img);
}
.guajian {
    height: 200px;
    width: 72px;
    background-image: var(--right-top-small-img);
}
.guajian .guajian-click {
    height: 132px;
    width: 72px;
}
}


body {
  background: #070b15;
  /* background: #700808; */
  min-width: 1200px;
}
#app {
  font-family: Microsoft YaHei, 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dialog-close-btn {
  width: 32px !important;
  height: 32px !important;
  top: 8px !important;
  right: 8px !important;
}
.dialog-close-btn:hover {
  border-radius: var(---4, 4px) !important;
  background-color: var(--white-6, rgba(255, 255, 255, 0.06)) !important;
}
.dialog-close-btn:active {
  border-radius: var(---4, 4px) !important;
  background-color: var(--white-6, rgba(255, 255, 255, 0.15)) !important;
}

* {
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
.can-user-select {
  user-select: text;
  -webkit-user-select: text;
}
body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
}
body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #7d7d96;
}
body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0px;
  background: #212130;
}
@font-face {
  font-family: 'FZLanTingHeiS-H-GB';
  src: url(//s0.ssl.qhres2.com/static/0b61c9cab3b656c1.ttf?nver=1.0.2655);
}
@font-face {
  font-family: 'reportFont';
  src: url('https://s3.ssl.qhres2.com/static/8d698870bc7cf5f5.ttf');
}
@keyframes animMore {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  100% {
    opacity: 0;
    transform: translateY(0px);
  }
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
/*公共样式以dt开头，表示大厅的含义*/
.dt-background {
  background: url('') center center no-repeat;
  background-size: 100% 100%;
}
.dt-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dt-text-more-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.dt-center {
  margin: 0 auto;
}
.dt-text-center {
  text-align: center;
}
.dt-font-bold {
  font-weight: bold;
}
.dt-font-bolder {
  font-weight: bolder;
}
.dt-cursor {
  cursor: pointer;
}
.dt-middle {
  display: flex;
  align-items: center;
}
.dt-pos-abs {
  position: absolute;
}
.dt-pos-rel {
  position: relative;
}
.dt-hide {
  display: none;
}
.dt-opacity-99 {
  opacity: 0.99;
}
.dt-abs-a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
}
.dt-rel-a {
  position: relative;
  width: 100%;
  height: 100%;
}
.dt-font-0 {
  font-size: 0!important;
}
.dt-abs-a-9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
}
.dt-dn {
  display: none;
}
.dt-overflow {
  overflow: hidden;
}
.dt-visible {
  visibility: hidden;
}
.dt-opacity-0 {
  opacity: 0;
}
.dt-padding {
  padding: 10px;
}
.dt-padding-top {
  padding-top: 10px;
}
.dt-padding-left {
  padding-left: 10px;
}
.dt-padding-bottom {
  padding-bottom: 10px;
}
.dt-padding-right {
  padding-right: 10px;
}
.dt-padding-sm {
  padding: 5px;
}
.dt-padding-top-sm {
  padding-top: 5px;
}
.dt-padding-left-sm {
  padding-left: 5px;
}
.dt-padding-bottom-sm {
  padding-bottom: 5px;
}
.dt-padding-right-sm {
  padding-right: 5px;
}
.dt-padding-lg {
  padding: 15px;
}
.dt-padding-top-lg {
  padding-top: 15px;
}
.dt-padding-left-lg {
  padding-left: 15px;
}
.dt-padding-bottom-lg {
  padding-bottom: 15px;
}
.dt-padding-right-lg {
  padding-right: 15px;
}
.dt-padding-xl {
  padding: 20px;
}
.dt-padding-top-xl {
  padding-top: 20px;
}
.dt-padding-left-xl {
  padding-left: 20px;
}
.dt-padding-bottom-xl {
  padding-bottom: 20px;
}
.dt-padding-right-xl {
  padding-right: 20px;
}
.dt-margin {
  margin: 10px;
}
.dt-margin-top {
  margin-top: 10px;
}
.dt-margin-left {
  margin-left: 10px;
}
.dt-margin-bottom {
  margin-bottom: 10px;
}
.dt-margin-right {
  margin-right: 10px;
}
.dt-margin-sm {
  margin: 5px;
}
.dt-margin-top-sm {
  margin-top: 5px;
}
.dt-margin-left-sm {
  margin-left: 5px;
}
.dt-margin-bottom-sm {
  margin-bottom: 5px;
}
.dt-margin-right-sm {
  margin-right: 5px;
}
.dt-margin-lg {
  margin: 15px;
}
.dt-margin-top-lg {
  margin-top: 15px;
}
.dt-margin-left-lg {
  margin-left: 15px;
}
.dt-margin-bottom-lg {
  margin-bottom: 15px;
}
.dt-margin-right-lg {
  margin-right: 15px;
}
.dt-margin-xl {
  margin: 20px;
}
.dt-margin-top-xl {
  margin-top: 20px;
}
.dt-margin-left-xl {
  margin-left: 20px;
}
.dt-margin-bottom-xl {
  margin-bottom: 20px;
}
.dt-margin-right-xl {
  margin-right: 20px;
}
.dt-flex {
  display: flex;
  flex-wrap: nowrap;
}
.text-waring {
  color: #ff951c;
}
.text-primary {
  color: #b4b4c3;
}
.text-white {
  color: #ffffff;
}
.monitor-a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
.shrink1 {
  flex-shrink: 1;
}
.shrink0 {
  flex-shrink: 0;
}
.nav_right_arrow {
  width: 16px;
  height: 16px;
  background: url(https://p5.ssl.qhimg.com/t110b9a93018495b4b09ee55911.png) 0 2px no-repeat;
  background-size: cover;
  display: inline-block;
}
.nav_right_arrow.nav_right_arrow_1 {
  background: url(https://p5.ssl.qhimg.com/t110b9a93018495b4b09ee55911.png) 0 -1px no-repeat;
  background-size: cover;
}
.nav_right_arrow.nav_right_arrow_black {
  background: url(https://p2.ssl.qhimg.com/t110b9a93012ea776b81edc5dbe.png) 0 2px no-repeat;
  background-size: cover;
}
.v9-color1 {
  background: #363036;
}
.v9-bg-color1 {
  background: linear-gradient(180deg, rgba(54, 48, 54, 0) 0%, #363036 100%);
}
.v9-color2 {
  background: #362736;
}
.v9-bg-color2 {
  background: linear-gradient(180deg, rgba(54, 39, 54, 0) 0%, #362736 100%);
}
.v9-color3 {
  background: #2E173D;
}
.v9-bg-color3 {
  background: linear-gradient(180deg, rgba(46, 23, 61, 0) 0%, #2E173D 100%);
}
.v9-color4 {
  background: #35182A;
}
.v9-bg-color4 {
  background: linear-gradient(180deg, rgba(53, 24, 42, 0) 0%, #35182A 100%);
}
.v9-color5 {
  background: #790218;
}
.v9-bg-color5 {
  background: linear-gradient(180deg, rgba(121, 2, 24, 0) 0%, #790218 100%);
}
.v9-color6 {
  background: #3A1B13;
}
.v9-bg-color6 {
  background: linear-gradient(180deg, rgba(58, 27, 19, 0) 0%, #3A1B13 100%);
}
.v9-color7 {
  background: #20040A;
}
.v9-bg-color7 {
  background: linear-gradient(180deg, rgba(32, 4, 10, 0) 0%, #20040A 100%);
}
.v9-color8 {
  background: #553320;
}
.v9-bg-color8 {
  background: linear-gradient(180deg, rgba(85, 51, 32, 0) 0%, #553320 100%);
}
.v9-color9 {
  background: #4A2A23;
}
.v9-bg-color9 {
  background: linear-gradient(180deg, rgba(74, 42, 35, 0) 0%, #4A2A23 100%);
}
.v9-color10 {
  background: #5A483D;
}
.v9-bg-color10 {
  background: linear-gradient(180deg, rgba(90, 72, 61, 0) 0%, #5A483D 100%);
}
.v9-color11 {
  background: #202C23;
}
.v9-bg-color11 {
  background: linear-gradient(180deg, rgba(32, 44, 35, 0) 0%, #202C23 100%);
}
.v9-color12 {
  background: #1B322A;
}
.v9-bg-color12 {
  background: linear-gradient(180deg, rgba(27, 50, 42, 0) 0%, #1B322A 100%);
}
.v9-color13 {
  background: #27321B;
}
.v9-bg-color13 {
  background: linear-gradient(180deg, rgba(39, 50, 27, 0) 0%, #27321B 100%);
}
.v9-color14 {
  background: #1D1B28;
}
.v9-bg-color14 {
  background: linear-gradient(180deg, rgba(29, 27, 40, 0) 0%, #1D1B28 100%);
}
.v9-color15 {
  background: #313944;
}
.v9-bg-color15 {
  background: linear-gradient(180deg, rgba(49, 57, 68, 0) 0%, #313944 100%);
}
.v9-color16 {
  background: #162F45;
}
.v9-bg-color16 {
  background: linear-gradient(180deg, rgba(22, 47, 69, 0) 0%, #162F45 100%);
}
.v9-color17 {
  background: #191C3A;
}
.v9-bg-color17 {
  background: linear-gradient(180deg, rgba(25, 28, 58, 0) 0%, #191C3A 100%);
}
.v9-color18 {
  background: #070454;
}
.v9-bg-color18 {
  background: linear-gradient(180deg, rgba(7, 4, 84, 0) 0%, #070454 100%);
}
.v9-color-t1 {
  background: linear-gradient(270deg, rgba(46, 23, 61, 0.98) 53.12%, rgba(46, 23, 61, 0) 100%);
}
.v9-color-t2 {
  background: linear-gradient(270deg, rgba(121, 2, 24, 0.98) 53.12%, rgba(121, 2, 24, 0) 100%);
}
.v9-color-t3 {
  background: linear-gradient(270deg, rgba(29, 27, 40, 0.98) 53.12%, rgba(29, 27, 40, 0) 100%);
}
.v9-color-t4 {
  background: linear-gradient(270deg, rgba(32, 44, 35, 0.98) 53.12%, rgba(32, 44, 35, 0) 100%);
}
.v9-color-t5 {
  background: linear-gradient(270deg, rgba(22, 47, 69, 0.98) 53.12%, rgba(22, 47, 69, 0) 100%);
}
.v9-color-t6 {
  background: linear-gradient(270deg, rgba(48, 47, 64, 0.98) 53.12%, rgba(48, 47, 64, 0) 100%);
}
.v9-color-t7 {
  background: linear-gradient(270deg, rgba(58, 27, 19, 0.98) 53.12%, rgba(58, 27, 19, 0) 100%);
}
.v9-color-t8 {
  background: linear-gradient(270deg, rgba(68, 9, 75, 0.98) 53.12%, rgba(68, 9, 75, 0) 100%);
}
.v9-color-t9 {
  background: linear-gradient(270deg, rgba(51, 42, 42, 0.98) 53.12%, rgba(51, 42, 42, 0) 100%);
}
.v9-color-t10 {
  background: linear-gradient(270deg, rgba(36, 28, 82, 0.98) 53.12%, rgba(36, 28, 82, 0) 100%);
}
.v9-color-t11 {
  background: linear-gradient(270deg, rgba(17, 61, 27, 0.98) 53.12%, rgba(17, 61, 27, 0) 100%);
}
.v9-color-t12 {
  background: linear-gradient(270deg, rgba(24, 71, 81, 0.98) 53.12%, rgba(24, 71, 81, 0) 100%);
}
.v9-color-t13 {
  background: linear-gradient(270deg, rgba(65, 60, 33, 0.98) 53.12%, rgba(65, 60, 33, 0) 100%);
}
.v9-color-t14 {
  background: linear-gradient(270deg, rgba(76, 53, 12, 0.98) 53.12%, rgba(76, 53, 12, 0) 100%);
}
.dt-vip-btn-light {
  overflow: hidden;
  border-radius: inherit;
}
.dt-vip-btn-light::after {
  animation: shine-219ad528 2.5s ease-in-out infinite;
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  width: 26px;
}
@keyframes shine-219ad528 {
  100% {
    left: 100%;
  }
}
.dt-qrcode-light {
  position: relative;
  overflow: hidden;
}
.dt-qrcode-light::after {
  animation: qrcode-shine 3s linear infinite;
  background-repeat: no-repeat;
  content: "";
  height: 50%;
  width: 100%;
  top: -100%;
  position: absolute;
  left: 0;
  background: linear-gradient(180deg, rgba(84, 212, 255, 0) 0%, rgba(84, 212, 255, 0.5) 100%);
}
@keyframes qrcode-shine {
  100% {
    top: 100%;
  }
}
.dt-mngame-top-img1 {
  background-image: url('https://p4.ssl.qhimg.com/t110b9a930131a60bb93bb664d3.webp') !important;
}
.dt-mngame-top-img2 {
  background-image: url('https://p5.ssl.qhimg.com/t110b9a93016cc07dfb1f147f86.webp') !important;
}