/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(//www.nnii.cn/wp-content/themes/nnii/assets/fonts/fontawesome-webfont.eot);src:url(//www.nnii.cn/wp-content/themes/nnii/assets/fonts/fontawesome-webfont.eot) format('embedded-opentype'),url(//www.nnii.cn/wp-content/themes/nnii/assets/fonts/fontawesome-webfont.woff) format('woff'),url(//www.nnii.cn/wp-content/themes/nnii/assets/fonts/fontawesome-webfont.woff) format('woff'),url(//www.nnii.cn/wp-content/themes/nnii/assets/fonts/fontawesome-webfont.ttf) format('truetype'),url(//www.nnii.cn/wp-content/themes/nnii/assets/fonts/fontawesome-webfont.svg) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9";color:#333333;}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

html{-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;color:#333;font-size:14px;font-family:"Microsoft YaHei",Verdana,sans-serif;line-height:1.42857143;background:#fff;}a{text-decoration:none;color:#333;transition:all .35s ease 0s;outline:0}a:hover{color:#f00;text-decoration:none;outline:0}img{max-width:100%;height:auto;border:0;vertical-align:middle}div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,form,label,input,textarea,button,img,span,dl,dt,dd,th,pre{margin:0;padding:0;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{font-weight:600}input,textarea,button,form{font-size:14px;font-family:"Microsoft YaHei",Verdana,sans-serif;-webkit-appearance:none}li{list-style-type:none}.img-d img,.dp-b{display:block;width:100%}.tx-input{border:1px solid #c9c9c9;border-radius:3px;line-height:38px;height:38px;width:100%;padding:0 10px}.input-ma{position:relative}.input-ma img{position:absolute;right:5px;top:5px;height:30px!important;width:auto!important}.tx-form{position:relative;line-height:38px}.tx-textarea{border:1px solid #ddd;border-radius:3px;padding:10px;width:100%}.tx-btn{vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.tx-btn{display:inline-block;height:38px;line-height:38px;padding:0 20px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:0;border-radius:2px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}.tx-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}.tx-btn:active{opacity:1;filter:alpha(opacity=100)}.tx-btn-big{height:44px;line-height:44px;padding:0 25px;font-size:16px}.tx-btn-small{height:30px;line-height:30px;padding:0 10px;font-size:14px}.tx-btn-mini{height:22px;line-height:22px;padding:0 5px;font-size:12px}.tx-btn-primary{border:1px solid #C9C9C9;background-color:#fff;color:#555;}.tx-btn-primary:hover{border-color:#009688;color:#333}.tx-btn-radius{border-radius:100px;}.tx-text hr,.tx-hr{margin-top:0;margin-bottom:0;padding:0;border:0;border-bottom:1px solid #eee}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.mt10{margin-top:10px}.mt20{margin-top:20px}.f-30{font-size:30px}.f-26{font-size:26px}.f-22{font-size:22px}.f-20{font-size:20px}.f-18{font-size:18px}.f-17{font-size:17px}.f-16{font-size:16px}.f-15{font-size:15px}.f-14{font-size:14px}.f-13{font-size:13px}.f-12{font-size:12px}.f-10{font-size:10px}.f-bold{font-weight:bold}.pd5{padding:5px}.pd10{padding:10px}.pd10-1{padding:10px 0}.pd10-2{padding:0 10px}.pd10-3{padding:10px 10px 0 10px}.pd10-4{padding:6px 10px}.pd15{padding:15px}.pd15-1{padding:15px 0}.pd15-2{padding:0 15px}.pd15-3{padding:15px 15px 0 15px}.pd15-4{padding:7px 15px}.pd16-3{padding:0px 16px 16px 16px;}.pd20{padding:20px}.pd16{padding:15px 20px 10px 20px;}.pd20-1{padding:20px 0}.pd20-2{padding:0 20px}.pd20-3{padding:20px 20px 0 20px}.pd20-4{padding:10px 20px}.pd40{padding:40px}.pd60{padding:60px}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.f-red{color:#f00}.f-white{color:#fff}.f-green{color:#5fb878}.f-yellow{color:#ffb800}.f-blue{color:#1e9fff}.f-gray{color:#888}.f-gray1,.f-gray1 a{color:#bbb}.f-white1,.f-white1 a{color:#fff}.f-black{color:#222}.bg-gray{background-color:#eee}.bg-white{background-color:#fff}.bg-red{background-color:#f00}.bg-yellow{background-color:#ffb800}.bg-green{background-color:#eb0707}.bg-blue{background-color:#1e9fff}.bg-black{background-color:#222}.tx-table,.tx-text .tx-table{border-collapse:collapse;border-spacing:0}.tx-table th,.tx-table td,.tx-text .tx-table th,.tx-text .tx-table td{border:1px solid #eee;padding:10px;overflow:hidden}.tx-table th,.tx-text .tx-table th{background:#f1f1f1}.border{border:1px solid #ddd}.border-b{border-bottom:1px solid #ddd}.border-t{border-top:1px solid #ddd}.i60{line-height:20px;height:60px;overflow:hidden}.i40{line-height:20px;height:40px;overflow:hidden}.i22{line-height:22px;height:22px;overflow:hidden}.i18{line-height:18px;height:18px;overflow:hidden}.txt-ov{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lh-50{line-height:50px}.lh-40{line-height:40px}.lh-30{line-height:30px}.lh-26{line-height:26px}.ul-36 li{line-height:36px;height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ul-30 li{line-height:30px;height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ul-26 li{line-height:26px;height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wide{width:100%;margin:0 auto;max-width:1200px}.hide,.pchide{display:none}.wide::after,.clearfix::after,.row:before,.row:after,.row1:after,.row2:after,.row3:after{display:table;content:" ";clear:both}.row{margin-left:-15px;margin-right:-15px}[class*='col-']{float:left;min-height:1px;padding-left:15px;padding-right:15px;width:10%;position:relative}.col-1{width:4.1666%}.col-2{width:8.3333%}.col-3{width:12.5%}.col-4{width:16.6666%}.col-99{width:23.6666%}.col-5{width:20.8333%}.col-6{width:25%}.col-7{width:29.1666%}.col-8{width:33.3333%}.col-9{width:37.5%}.col-10{width:41.6666%}.col-11{width:45.8333%}.col-12{width:50%}.col-13{width:54.1666%}.col-14{width:58.3333%}.col-15{width:62.5%}.col-16{width:66.6666%}.col-17{width:70.8333%}.col-18{width:75%}.col-19{width:79.1666%}.col-20{width:83.3333%}.col-21{width:87.5%}.col-22{width:91.6666%}.col-23{width:95.8333%}.col-24{width:75%}.col-25{width:20%}.col-26{width:100%}.row1{margin-left:-7px;margin-right:-7px}[class*='col1-']{float:left;min-height:1px;padding-left:7px;padding-right:7px;position:relative}.row2{margin-left:-4px;margin-right:-4px}[class*='col2-']{float:left;min-height:1px;padding-left:4px;padding-right:4px;position:relative}.row3{margin-left:0;margin-right:0}[class*='col3-']{float:left;min-height:1px;padding-left:0;padding-right:0;position:relative}.fl{float:left}.fr{float:right}.tx-text{line-height:1.6;}.tx-text p,.tx-text h4,.tx-text h5,.tx-text h6{margin-bottom:10px}.tx-text ol li{list-style:decimal}.tx-text h1,.tx-text h2,.tx-text h3{border-left:4px solid #ddd;background-color:#f2f2f2;padding:6px 15px;margin-bottom:15px}.tx-text h1{font-size:22px}.tx-text h2{font-size:20px}.tx-text h3{font-size:15px}.tx-text a{text-decoration:none;}.tx-text a:hover{-webkit-transition:box-shadow .2s linear;transition:box-shadow .2s linear;box-shadow:inset 0 -10px #84cf6d;color:#000;}.tx-text img,.tx-text iframe{max-width:100%!important}.tx-text img{height:auto!important}.tx-text blockquote{border-left:10px solid rgba(102,128,153,0.075);background-color:rgba(102,128,153,0.05);border-radius:0 5px 5px 0;padding:15px 20px;margin:0 0 6px 0;color:#666}.tx-text pre{margin:15px 0}.tx-text .tx-table{margin-bottom:20px}.gg-box img{width:100%;display:block}.img-box{overflow:hidden;display:block;position:relative;width:100%;height:0}.img-box[data-ratio="16:8"]{padding-top:50%}.img-box[data-ratio="16:9"]{padding-top:70%}.img-box[data-ratio="16:16"]{padding-top:100%}.img-box[data-ratio="16:20"]{padding-top:150%}.img-box img{-o-object-fit:cover;object-fit:cover;transition:all .6s;position:absolute;left:0;top:0;width:100%;height:100%}.img-box:hover img{transform:scale(1.05)}@media screen and (max-width:800px){.wide{width:100%;padding-left:10px;padding-right:10px}.row{margin-left:-10px;margin-right:-10px}[class*='col-']{padding-left:10px;padding-right:10px}.row1{margin-left:-5px;margin-right:-5px}[class*='col1-']{padding-left:5px;padding-right:5px}.row2{margin-left:-3px;margin-right:-3px}[class*='col2-']{padding-left:3px;padding-right:3px}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24,.col-25{width:auto}.col-m-1{width:4.1666%}.col-m-2{width:8.3333%}.col-m-3{width:12.5%}.col-m-4{width:16.6666%}.col-m-5{width:20.8333%}.col-m-6{width:25%}.col-m-7{width:29.1666%}.col-m-8{width:33.3333%}.col-m-9{width:37.5%}.col-m-10{width:41.6666%}.col-m-11{width:45.8333%}.col-m-12{width:50%}.col-m-13{width:54.1666%}.col-m-14{width:58.3333%}.col-m-15{width:62.5%}.col-m-16{width:66.6666%}.col-m-17{width:70.8333%}.col-m-18{width:75%}.col-m-19{width:79.1666%}.col-m-20{width:83.3333%}.col-m-21{width:87.5%}.col-m-22{width:91.6666%}.col-m-23{width:95.8333%}.col-m-24{width:100%}.col-m-25{width:20%}.pchide{display:block}.waphide{display:none!important}.mb10{margin-bottom:6px;}.mb15{margin-bottom:9px;}.mb20{margin-bottom:12px;}.pd10{padding:6px}.pd10-1{padding:6px 0}.pd10-2{padding:0 6px}.pd10-3{padding:6px 6px 0 6px}.pd10-4{padding:3px 6px}.pd15{padding:9px}.pd15-1{padding:9px 0}.pd15-2{padding:0 9px}.pd15-3{padding:9px 9px 0 9px}.pd15-4{padding:4px 9px}.pd16-3{padding:0px 10px 10px 10px;}.pd20{padding:12px}.pd20-1{padding:12px 0}.pd20-2{padding:0 12px}.pd20-3{padding:12px 12px 0 12px}.pd16{padding:12px 12px 5px 12px}.pd20-4{padding:6px 12px}.pd40{padding:24px}.pd60{padding:36px}}/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
 .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;border-radius:10px;}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:100%}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform;height: 100%!important;}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
body{background: #f8f8f8;font-size: 14px;}
a{text-decoration: none;color: #333;transition: all 0.35s ease 0s;outline: 0}
a:hover{text-decoration: none;outline: 0}
.pd15-5{padding:7px 15px;}
.row{margin-left:-9px;margin-right:-9px}[class*='col-']{padding-left:9px;padding-right:9px}
.row1{margin-left:-5px;margin-right:-5px}[class*='col1-']{padding-left:5px;padding-right:5px}
.row2{margin-left:0;margin-right:0}[class*='col2-']{padding-left:0;padding-right:0}
/* 分页条 */
.pagebar a,.pagebar .now-page{padding:0 12px;line-height:32px;display:inline-block;background-color:#fff;margin:2px;border-radius:2px;}
/* 顶部 */
body {background-color: #f8f8f8;color: #333333;}
a,.btn-border {color: #333333;}
.tx-box,.side-box dl,.img-border,.pagebar a,.pagebar .now-page {background-color: #ffffff;}
.footer,.nav li ul,.wap-nav {background-color: #404553;}
.tac {text-align: center;}
.tac img {width: 46%;}
.header {background-color: #fff;box-shadow: 0px 8px 4px #efefef;}
a:hover,.search button,.nav li a:hover,.home-tab .tab-hd li.active,.list-tab1 .tab-hd li.active,.user-tab .tab-hd li.active,.f-blue,.footer a:hover {color: #eb0707;}
.pagebar a:hover,.pagebar .now-page,.tx-color,.tx-title::after,.side-box dl dt::after,.header-user > a,.nav > ul > li > a::after,.ul-spot li a::after,.home-tj li > strong,.home-tj li a:hover,.home-tj li a.on,.item-app1:hover > i.fa,.ranking li:hover > a i.fa,.ranking li.on > a i.fa,.ranking li.on > i:first-child,.swiper-pagination-bullet-active,.side-box dl#divSearchPanel dd > div input[type="submit"] {background-color: #eb0707;}
.home .swiper-pagination-bullet-active {width: 16px;border-radius: 10px;}
.home-tj li > strong::after,.home-tab .tab-hd li.active::after,.list-tab1 .tab-hd li.active::after,.user-tab .tab-hd li.active::after,.tx-text a {border-color: #eb0707;}
.tx-text a:hover {background: none;color: #eb0707;box-shadow: none;}
.info-tag a {height: 36px;background-color: #f5f7f8;border-radius: 4px;margin-right: 6px;padding: 4px 8px;border-bottom: none;}
.info-tag a:hover {background: #eb0707;color: #fff;}
.pagebar a:hover,.pagebar .now-page{color: #fff;}
/* .info-tag {margin-bottom: 10px;} */
.info-tag {width: 100%;line-height: 30px!important;height: 30px!important;}
.footer a,.footer,.nav li a {color: #333333;}
.tx-box,.side-box dl,.tx-text hr,.tx-hr,.img-border,.ranking li,.home-tj li a::after,.btn-border {border-color: #eeeeee;}
.item-app1 > i.fa,.hover-gray li:hover,.ranking li > a i.fa,.ranking li > i:first-child {background-color: #eeeeee;}
.soft-screenshot .swiper-slide img {height: 300px;}
/* 评论 */
span.comment-num {color: #7d8c8e;font-size: 13px;}
ul.game-info {padding: 10px 15px 10px 20px;display: flex;flex-wrap: wrap;}
li.width-info {height: 34px;line-height: 34px;font-size: 14px;overflow: hidden;width: 50%;}
ul.comments {padding: 5px 15px 5px 15px;}
div.star-bar {position: relative;text-align: center;height: 16px;width: 90px;display: inline-block;top: 3px;}
span.star-bar-d {height: 16px;width: 90px;background-position: 0 -43px;}
span.star-bar-a {height: 16px;width: 90px;background-position: 0 -57px;}
span.user-info {font-weight: 600;display: inline-block;margin: 10px 0 0 0;}
p.comment-info {margin-left: 13px!important;line-height: 26px;margin: 10px 0 10px 0;}
.comments>li {background: #f5f7f8;padding: 1px 10px 1px 5px;margin: 5px;border-radius: 6px;}
span.comment-time {display: inline-block;margin: 10px 0 0 0;margin-left: 13px!important;color: #7d8c8e;float: right;font-size: 12px;}
.game-box {width: 95%;height: 30px;line-height: 30px;text-align: center;background: #eb0707;font-size: 15px;border-radius: 30px;margin: auto;margin-bottom: 10px;}
.game-box a {color:white;}
.tx-comments>ul.msg{margin-bottom:10px;border:1px solid #eee;padding:15px;border-radius:4px;}
.msg img.avatar{float:left;margin-right:10px;border-radius:5px;width:45px;height:45px;border-radius:50%;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;}
li.msgname:hover img.avatar,.commons li:hover img{transform:rotateZ(60deg);-webkit-transform:rotateZ(60deg);-moz-transform:rotateZ(60deg)}
.msg li.msgname p.commentname{line-height:22px;font-size:12px;margin-bottom:5px;}
.msg li.msgname small{color:#aaa;font-size:12px;}
.msg li.msgname small a,.tx-comment label,.tx-comments label{display:none;}
.msg li.msgname:hover small a{display:inline-block;}
.msg li ul.msg{margin-top:12px;padding:10px;border:1px solid #ededed;border-radius:4px;box-shadow: 0 0 2px rgba(0,0,0,0.05);}
.tx-comment input{line-height:30px;height:30px;font-size:14px;width:100%;border:0;padding-left:8px;}
.tx-comment textarea{border:0;height:120px;width: 100%; font-size:14px;display:block;padding:10px;}
.tx-comment-box{border:1px solid #ddd;border-radius:4px;padding:4px;position:relative;background:#fff;margin-bottom:6px;}
.tx-comment-ul4{float:left;width:49.5%;}
.tx-comment-ul3{float:left;width:32.66%;}
.tx-comment .tx-comment-ul4:nth-child(2n){float:right;}
.tx-comment .tx-comment-ul3-2{margin:0 1%;}
.tx-comment-box img.tx-code{position:absolute;right:4px;top:4px;height:30px;width:auto;}
.tx-comment-box input.button{border:0;border-radius:0 0 2px 0;line-height:40px;height:40px;width:100px;color:#fff;position:absolute;right:0;bottom:0;}
.tx-comment-textarea{width:100%;clear:both;}
.reply-frm{margin-top:15px;}
/* 轮播图文字 */
.swiper-slide .label_skitter {z-index: 150;position: absolute;bottom: 0px;color: white;margin: 10px 0 20px 0;}
p.colortext {max-width: 100%;overflow: hidden;text-overflow: ellipsis;margin: 10px;font-size: 16px;text-align: center;}
.label_width {width: 100%;display: block;}
/* 人气 */
span.uk-text-muted {color: #909399!important;text-align: center;}
span.fr.f-color {color: #eb0707;}
.fr b {display: block;float: left;width: 19px;height: 16px;background: url(//www.nnii.cn/wp-content/themes/nnii/assets/images/redu.png) no-repeat;margin: 6px 1px 0px 30px;}
/* 表格 */
.tx-text td {border: 1px solid #ddd !important;text-align: center !important;}
.tx-text table {border-spacing: 0;border-collapse: collapse;}
/* 专题 */
.row li:nth-child(-n+3) .game-num {color: #f8f8f8;border-top: 30px solid #eb0707;}
.rank-page li:nth-child(-n+3) .game-num, .tag-page li:nth-child(-n+3) .game-num {color: #f8f8f8;border-top: 30px solid #ff9000;}
span.game-num{position: absolute;color: #888;box-sizing: border-box;border-top: 30px solid #fff;z-index: 90;border-top-left-radius: 12px;border-bottom-right-radius: 12px;width: 25px;height: 25px;cursor: pointer;}
span.game-num>i{position: relative;bottom: 26px;display: block;width: 24px;font: italic 16px Impact;text-align: center;}
.zt-page {min-height: 800px;}

.rank-page .game_rank_title {position: sticky;top: 0;width: 100%;height: 80px;border-radius: var(--cf398ca0);background: linear-gradient(180deg, #fcf2e4 0%, #ffffff 100%);text-align: left;}
.rank-page .game_rank_title_img {width: 427px;padding: 12px 0 0 24px;}
/* 资讯页box */
.sybox {padding: 5px 10px;background: #fff;width: 100%;box-sizing: border-box;}
.sybox .symain {display: block;width: 100%;height: 83px;margin-top: 3px;}
.sybox .symain .syboxIn {margin: 0 auto;}
.sybox .symain .syboxIn .syboxImg {float: left;margin-right: 10px;}
.sybox .symain .syboxIn dl dt {height: 56px;line-height: 21px;overflow: hidden;font-size: 16px;}
.sybox .symain .syboxIn dl dt span {display: block;font-size: 14px;height: 39px;overflow: hidden;margin-top: 10px;font-weight: bold;}
.sybox .symain .syboxIn dl dd {height: 30px;line-height:22px;overflow: hidden;font-size: 12px;color: #999999;}
.sybox .symain .syboxIn dl dd .appxz { float: right;margin-top: 0px;border-radius: 30px;padding: 0px 10px;border: 1px solid #ddd;margin-right: 5px;color: #999;}
.sybox .symain .syboxIn dl dd .apptit { float: left;margin-top: -3px;border-radius: 30px;padding: 1px 3px;font-size: 12px;border: 0;margin-right: 5px;color: #999;}
.sybox .symain .syboxIn .syboxImg img { width: 80px;height: 80px;border-radius: 10px;}
/* 轮播box */
.game_info {padding: 5px 10px;background: #fff;width: 100%;box-sizing: border-box;height: 22%!important;position: relative;bottom:0}
.game_info .game_main {display: block;width: 100%;height: 83px;margin-top: 3px;}
.game_info .game_main .game_infoIn {margin: 0 auto;}
.game_info .game_main .game_infoIn .game_infoImg {float: left;margin-right: 10px;}
.game_info .game_main .game_infoIn .game_infoImg img { width: 80px;height: 80px;border-radius: 10px;}
.gameinfobox {width: 100%;position: relative;top: 5px;}
.gameinfobox p {margin-bottom: 6px;}
.gameinfobox p:nth-child(1) {font-weight: 700;}


/* 首页右侧 */
.home_right {position: -webkit-sticky;position: sticky;top: 70px;margin-bottom: 40px;margin-left: 1.5002%;}
.home_left {margin-left: 7.5833%;}

/* 详情右侧 */
.details_right {position: -webkit-sticky;position: sticky;top: 70px;}

/* TAG列表页 */
.tag_left {margin-left: 20.83335%;}
.rank-page, .tag-page{min-height: 960px;}
/* 游戏列表页 */
.list-tag {margin-bottom: 8px;}
.game-list-page{min-height: 960px;}

.dnwu,.hide{display: none;}.show{display: block;}.po-r{position: relative;}
.gg-box img{width: 100%;display: block;}
.img-box{overflow: hidden;display: block;position: relative;width: 100%;height: 0;}
.img-box[data-ratio="16:9"] { padding-top: 72%; }
.img-box[data-ratio="16:8"] { padding-top: 50%; }
.img-box[data-ratio="16:16"] { padding-top: 100%; }
.img-box img{-o-object-fit: cover;object-fit: cover;transition: all 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%;border-radius: 13px;}
.lb-li .img-box img{border-radius: 3px;}
.app-img-box img{border-radius:5px;}
.app-img-box:hover img{border-radius:10px;}
.tx-title,.side-box dl dt{font-size: 16px;padding:15px 0 0 15px;line-height:27px;position: relative;}
.tag-page h2.tx-title{padding:15px 0 0 10px;}
h2.tx-title, .side-box dl dt>h4 {display:inline-block;}
/* .tx-title::after,.side-box dl dt::after{content: "";position: absolute;left: 0;top:22px;width: 4px;height: 15px;border-radius: 10px;} */
.tx-box,.side-box dl{box-shadow: 0 0 1px rgba(0,0,0,0.05);background-color: #fff;display: block;border-radius: 10px;}
dd.tx-box {border: none;}
.main-sy>h2.tx-title {display:block!important;}
.tx-title>a {font-weight: 400!important;}
.zt-box {border-radius: 10px;box-shadow: 0 1px 10px rgba(0,0,0,0.05);}
.zt-img-box img {border-radius: 10px 10px 0 0;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;}
.logo{padding: 3px 0;margin-right: 50px;}.logo a,.logo img{display: block;line-height: 1;height:52px;width: auto;}

.search{padding: 12px 0;}
.search div.search_box{width: 90px;position: relative;padding-right: 50px;border-radius: 5px;}
.search input{width: 100%;padding: 0 10px;border: 0;line-height: 36px;height: 36px; color: #404553;font-size: 13px;background-color: transparent}
.search button{position: absolute;left: 0;top: 0;border: 0;width: 90px;line-height: 36px;height: 36px;text-align: center;background-color: transparent;}
.fa-search>span {margin-left: 5px;}
.header-user>a{display: block;width: 36px;height: 35px;line-height: 35px;color: #fff; text-align: center;border-radius: 3px;}
.header-user>a:hover{opacity:0.9;color:#fff;}

.nav li{position: relative;float:left;margin-left: 30px;}
.nav li a{display: block;line-height: 60px;color: #333333;font-size:15px;}
.nav>ul>li>a::after{content: "";display: block; position: absolute;left:50%;bottom:-1px;height:3px;width: 0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.nav li a:hover::after,.nav li.on a::after{width:16px;margin-left: -8px;}
.nav li ul{position: absolute;left:-30px;top:80px;background-color: #404553;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;z-index: 0;opacity: 0;visibility: hidden}
.nav li ul li{margin: 0;}
.nav li ul li a{white-space: nowrap;line-height:30px;font-size: 13px;color: #fff;padding: 0 30px;}
.nav li:hover ul{top: 48px;padding: 6px 0; opacity: 1;visibility:visible;}

.main{padding-top: 80px; }
.ico-jian{display: inline-block;line-height:20px;height: 20px;font-style: normal;background-color: #f00;color: #fff;padding: 0 5px;border-radius:3px;font-size:12px;vertical-align:text-top;margin-top: 3px;}
.btn-line{border: 1px solid #eb0707;background-color: transparent;color:#eb0707;}
.btn-line:hover{background-color:#eb0707;}
.ul-spot li a{position: relative;padding-left: 10px;}
.ul-spot li a::after{content: "";position: absolute;left: 0;top: 50%;width:4px;height: 4px;margin-top: -2px;border-radius: 1px;opacity: 0.5;}

.home-tj li{position: relative;padding-left:70px;line-height: 26px;min-height:26px;}
.home-tj li>strong{display: block;position: absolute;left: 0;top:0;height:100%;color: #fff;padding: 0 10px;height: 26px;}
.home-tj li>strong::after{content: "";position: absolute;right: -4px;top: 50%;margin-top: -6px;border-top: 6px solid transparent!important;border-bottom: 6px solid transparent!important;border-left: 6px solid #eb0707;}
.home-tj li a{margin:0 20px 15px 0;position: relative;padding: 0 10px;display: inline-block;}
.home-tj li a::after{content: "";position: absolute;left:-10px;top:20%;width: 1px;height: 60%;border-left: 1px solid #eee;}
.home-tj li a:nth-child(2)::after{display: none;}
.home-tj li a:hover,.home-tj li a.on{color: #fff;}

.home-flash .swiper-slide a>img{width: 100%;-o-object-fit: cover;object-fit: fill;height:100%!important;}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{background-image:none;background-color:rgba(0,0,0,0.6);color:#fff;line-height:44px;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.swiper-button-next{right:-40px;}.swiper-button-prev{left:-40px;}
.swiper-container:hover .swiper-button-next{right:0;}
.swiper-container:hover .swiper-button-prev{left:0;}


.tab-hd li{cursor: pointer;}
/* .home-tab .tab-hd{border-bottom: 1px solid #eee;} */
.tab-bd {margin-top: 15px;}
.home-tab {padding: 8px 16px 0 24px;}
.home-tab .tab-hd li{float: left;line-height: 40px;padding: 0 20px;position: relative;font-size:17px;}
.home-tab .tab-hd li.active::after,.list-tab1 .tab-hd li.active::after,.user-tab .tab-hd li.active::after{content: "";display: block;position: absolute; bottom:0;left:50%;margin-left: -10px; width: 20px;border-bottom:3px solid #eb0707;border-radius: 10px;}
.home-tab-li li{padding: 8px 80px 8px 35px;position: relative;line-height:22.4px;}
.home-tab-li li>i{position: absolute;left: 15px;top:8px;color: #ed7263;font-style: normal;z-index: 10;}
.home-tab-li li>a{transition: all 0s ease 0s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home-tab-li li>a .img-80,.home-tab-li li>a p{display: none;}
.home-tab-li li a>span{position: absolute;right:15px;top: 10px;}
.home-tab-li li.on{background: #f7f7f7;padding:15px;line-height: 24px;}
.home-tab-li li.on>a .img-80,.home-tab-li li.on>a p{display:block;}
.home-tab-li li.on a>span{display: none;}
.home-tab-li li.on>i{background-color:#f00;width: 20px;height: 20px;color: #fff;text-align: center;top:15px;left: 10px;}
.info-con{line-height: 1.7;}
.home-tab-li li.on>a{display: block;position: relative;z-index: 5;padding-left:95px;min-height:78px;}
.home-tab-li li.on>a .img-80{position: absolute;left: 0;top: 0;}

.pd15-4{padding: 30px 15px 10px 15px;}
.ico-title{position: absolute;left: 15px;top: 0;display: block;padding: 0 20px;color: #fff;line-height: 24px;font-size:15px;}

.item-box section{overflow: hidden;}
.i100{width: 100px;}.i150{width: 150px;}


.img-left{display: block;position: relative;z-index: 5;padding-left:95px;min-height:80px;}
.img-left .img-80{position: absolute;left: 0;top: 0;}
.img-70{width: 70px;height:70px;display: inline-block;}
.img-80{width: 80px;height:80px;display: inline-block;}
.img-90{width: 100px;height:100px;display: inline-block;}
.img-55{width: 50px;height:50px;display: inline-block;}
.img-border{display: block;padding: 15px;border-radius:10px;box-shadow: 0 0 1px rgba(0,0,0,0.05);background-color: #fff;}
.tx-box:hover{box-shadow: 0 1px 10px rgba(0,0,0,0.05);}
.img-border:hover{box-shadow: 0 1px 10px rgba(0,0,0,0.05);background-color: #F1F2F5;}
.game-list-page .img-border{height:194px!important;}

.home-img li a{display:block;margin-bottom: 10px;}
.home-img img{width: 100%;display: block;line-height: 1;-o-object-fit: cover;object-fit: cover;}
.img-50 img{height: 160px;width: 285px;}
.img-100 img{height: 300px;}


.item-app1{display: block;position: relative;padding:0 80px 0 120px;min-height: 100px;}
.item-app1 .img-90{position: absolute;left: 0;top: 0;}
.item-app1>i.fa{position: absolute;right: 0;top:50%;margin-top: -25px; width: 50px;height:50px;line-height: 50px;text-align: center;border-radius: 50%;}
.a-hover-h:hover p{color:#888;}
.item-app1:hover>i.fa{color: #fff;}

.item-news{display: block;position: relative;padding-left:150px;}
.item-news>i{display: block;position: absolute;left: 0;top: 0;width:135px;}

.zt-info p:nth-last-child(1) {display: block;line-height: 16px;overflow: hidden;color: #999;font-size: 12px;}
.zt-info p:nth-last-child(2) {line-height: 30px;text-align: center;}
.img-box-hover>a{display: block;overflow: hidden;position:relative;}
.img-box-hover>a>.zt-info{position: absolute;bottom:-50px;left: 0;width: 100%;padding: 0 15px;background:rgba(255,255,255,0.8); -webkit-transition: bottom .4s; -moz-transition: bottom .4s; -ms-transition: bottom .4s; -o-transition: bottom .4s; transition: bottom .4s;line-height:40px;height:80px;overflow:hidden;}
.img-box-hover>a:hover>.zt-info{ bottom: 0; }
.img-box-hover>a:hover>.zt-info{display: block;}
.img-box-hover h3{padding:15px;}

.hover-gray li{transition: all 0.45s ease 0s;}
.hover-gray li:hover{box-shadow: 0 1px 10px rgba(0,0,0,0.03);}

.ranking li{padding: 10px 0 10px 30px;border-bottom: 1px solid #eee;position: relative;line-height: 22px;}
.ranking li:last-child{border-bottom: 0;}
.ranking li>i:first-child{position: absolute;left:0;top: 10px;width: 22px;background-color:#eee;color: #999;font-style: normal;text-align: center;border-radius: 5px;}
.ranking li a,.ranking li.on p.f-12{display: block;}
.ranking li a{padding-right: 50px;position: relative;}
.ranking li a>i.img-70,.ranking li p.f-12{display: none;}
.ranking li>a i.fa{position: absolute;right:0;top:50%;width:22px;height:22px;margin-top: -11px; text-align: center;line-height: 22px;font-size: 12px;border-radius: 2px; color: #999;background-color: #eee;border-radius: 5px;}
.ranking li.on a{position: relative;padding-left: 80px;min-height: 70px;}
.ranking li.on a>i.img-70{position: absolute;left: 0;top: 0;display: block;}
.ranking li:hover>a i.fa,.ranking li.on>a i.fa{color: #fff;}
.ranking li.on>i:first-child{height:70px;line-height: 70px;color: #fff;border-radius: 5px;}

.info-con p,.info-con h2,.info-con h3,.info-con h4{margin-bottom: 8px;}
.info-con ol li{list-style: decimal;}
.info-con h2,.info-con h3{border-left:4px solid #ddd;background-color: rgba(102, 128, 153, 0.05);padding: 10px 20px;font-size:18px;}
.info-con h3{font-size:18px;}
.info-con img,.info-con iframe{max-width:100%!important;}
.info-con img{height: auto!important;}
.info-con blockquote {border-left: 10px solid rgba(102, 128, 153, 0.075);background-color: rgba(102, 128, 153, 0.05);border-radius:0 5px 5px 0;padding: 15px 20px; margin:0 0 6px 0; color:#666;}

.soft-box{position: relative;}
.soft-box>div{position: absolute;bottom: 50%;right: 0;}
.soft-box>ul{margin-bottom: 10px;}
.soft-box .gamezk{height:50px!important;font-size: 14px!important;}
.soft-box .gamezk p:nth-child(1){font-size: 18px;}
.soft-down a{position:relative;z-index:50;width:30%;padding: 0!important;}
.soft-down a>span.qrcode-box{position:absolute;top:60px;left:10%;width:80%;height:auto;background-color:#f5f7f8;padding:0 0 10px 0;;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;z-index: 0;color:#999;text-align:center;opacity:0;visibility:hidden;border-radius:10px;}
.soft-down a>span.qrcode-box::after{content:"";position:absolute;top:-20px;left:50%;margin-left:-5px;width:0;height:0;border-width:10px;border-color:transparent transparent #f5f7f8 transparent;border-style:solid;}
.soft-down a:hover>span{top:40px;opacity:1;visibility:visible;}
.soft-down a em{display:block;line-height:1;margin-bottom:6px;}
.btn-border{background-color: transparent;border: 1px solid #ddd;color: #333;}
.soft-screenshot .swiper-slide img{width: 100%;height: 300px;-o-object-fit: cover;object-fit: cover;}
.soft-box li {float: none!important;}


/* 下载按钮 */
.soft-down .text{
font-size: 16px;
color: #fff;
} 
.soft-down .small{
font-size: 13px;
color: #fff;
margin-left: 2px;
}

/* 内页折扣 */
.softzk{background: url(//www.nnii.cn/wp-content/themes/nnii/assets/images/zk.png) no-repeat;background-size: cover;height: 6rem;width: 5.5rem;border-radius: 0;color: #fdfdfd;font-weight: 700;display: -webkit-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;}
.softzk span:nth-child(1){margin-right: 0.09rem;font-size: 1.25333rem;}
.softzk span:nth-child(2){font-size: 0.9rem;vertical-align: middle;}

/* 首页轮播折扣 */
.gamezk {
    bottom: 40%;
    position: absolute;
    right: 0.8rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-direction: column;
    background: url(https://img.nnii.cn/i/2025/03/10/zaodnz.png) no-repeat;
    background-size: 100%;
    color: #eb0707;
    width: 83px;
    height: 40px;
    text-align: center;
    font-size: 12px;}
.gamezk p:nth-child(1) {font-size: 16px;line-height: 24px;font-weight: 700;}

/* 列表页折扣 */
p.sp1 {color: #eb0707;align-items: center;font-size: 15px;height: 20px;font-weight: 700;}
p.score {color: #eb0707;align-items: center;font-size: 20px;height: 20px;margin-top: 3px;font-weight: 700;}
.game_score {font-size: 14px;color: #666666;text-align: center;}
.game-rating {font-weight: 700;display: flex;flex-direction: row;align-items: center;justify-content: center;width: 60px;height: 22px;border-radius: 32px;background: #eb0707;margin: 0 auto 5px;color: #fff;letter-spacing: -1px;font-size: 15px;}
.game-rating-r {color: #eb0707;}
img.icon {width: 14px;height: 14px;margin-left: 2px;}
/* 广告检测 */
.icon-safe.waphide {text-align: center;display: block;height: 100%;line-height: 36px;}
.icon-safe p img {margin: 0 5px 0 4px;}

/* game-right */
.maybelike li {padding: 10px;line-height: 24px!important;}
.maybelike li>a {position: relative;z-index: 5;padding-left: 95px;min-height: 78px;display: flex;align-items: center;}
.maybelike li>a .img-80 {position: absolute;left: 0;width: 80px;height: 80px;display: block;}
.maybelike li>a>p {line-height:27px;}
.maybelike p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.maybelike p {width: 130px;}

/* game-home */
.sytj li {padding: 10px;line-height: 24px!important;}
.sytj li>a {position: relative;z-index: 5;padding-left: 95px;min-height: 81px;display: flex;align-items: center;}
.sytj li>a .img-80 {position: absolute;left: 0;width: 80px;height: 80px;display: block;}
.sytj li>a>p {line-height:27px;}
.zhishu {position: absolute;right: 0;}

/* 游戏信息 */
.factoryinfo {display: flex;flex-direction: column;padding-bottom: 5px;}
.factoryinfo img {width: 16px;height: 16px;margin-right: 5px;margin-bottom: 3px;}
.factoryinfo .ul-26 li{width: 50%;}
.factoryinfo .ul-26 li:nth-child(5){width: 100%;}

/* 关于本站 */
.about {min-height: 800px;}

/* 文章内容声明 */
.news-sm {text-align: center;color: #ff9000;font-size: 11px;margin-bottom: 10px;background: #ff900021;padding: 6px;}

.side-box dl{margin-bottom: 20px;}
.side-box dl dd{padding: 10px 10px;}
.side-box dl dd ul::after{display: table;content: " ";clear: both;}
.side-box dl dd ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2}
.side-box dl#divArchives ul li,
.side-box dl#divTags ul li,
.side-box dl#divFavorites ul li,
.side-box dl#divLinkage ul li,
.side-box dl#divCatalog ul li,
.side-box dl#divLinkage ul li{float:left;width:48%}
.side-box dl#divArchives ul li:nth-child(2n),
.side-box dl#divTags ul li:nth-child(2n),
.side-box dl#divFavorites ul li:nth-child(2n),.side-box dl#divLinkage ul li:nth-child(2n),.side-box dl#divCatalog ul li:nth-child(2n),.side-box dl#divLinkage ul li:nth-child(2n){float:right}
.side-box dl table{width:100%;border-collapse:collapse}.side-box dl table th,.side-box dl table td{border:1px solid #ddd;padding:5px;overflow:hidden;text-align:center}.side-box dl table caption{margin-bottom:10px}.side-box dl table td a{color:#e25239}.side-box dl#divSearchPanel dd form{display:block;position:relative;width:100%;padding-right:50px}.side-box dl#divSearchPanel dd>div input[type="text"]{width:100%;border:0;padding:0 10px;line-height:30px;background-color:#e7e2dd}
.side-box dl#divSearchPanel dd>div input[type="submit"]{position:absolute;right:0;top:0;width:50px;height:30px;line-height:30px;text-align:center;color:#fff;border:0;border-radius:0;padding:0;background-color: #e25239;}
.side-zt li{margin-bottom: 15px;}.side-zt li:last-child{margin-bottom: 0;}

.more{vertical-align: middle;display: inline-block}
.last-li li:last-child{margin-bottom: 0;}

.info-zan>a{display: inline-block;width: 50px;height: 50px;border-radius: 50%;text-align: center;margin: 0 5px;color: #eee;overflow: hidden;}
.info-zan>a:hover{color: #fff;}
.info-zan>a.zan{line-height: 14px;padding-top: 9px;font-size: 12px;background:#FF6838;}
.info-zan>a i{font-size: 18px;color: #999;line-height: 20px;line-height: 50px;color: #eee;margin:0;padding:0;}
.info-zan>a.zan i{line-height: 20px;}
.info-zan>a.share-on{background:#34A9FF;}
.info-zan>a.ico-favorite{background: #f00;line-height:50px;font-size:12px;}
.share-box ul li{margin-right:10px;line-height: 32px;display:inline-block;}
.share-box ul li a{display:block;text-indent:-9999px;overflow:hidden;background:url(//www.nnii.cn/wp-content/themes/nnii/assets/images/share_icon.png) no-repeat;width:32px;height:32px;border-radius:3px;}
.share-box ul li.share_weibo a{background-position:-42px 0}
.share-box ul li.share_qwei a{background-position:-84px 0}
.share-box ul li.share_baidu a{background-position:-126px 0}
.share-box ul li.share_renren a{background-position:-168px 0}
.share-box ul li.share_kaixin a{background-position:-210px 0}

.links{padding: 15px 0 0 15px;}
.links li{float: left;margin: 0 15px 15px 0;}
.side-box dl dd.tx-box {padding: 0;}

.footer{color: #ddd;background-image:url(//www.nnii.cn/wp-content/themes/nnii/assets/images/foot-bg.png);}
.footer>.wide{padding: 30px 0 0 0;}
.footer a{color: #dfdfdf;}
.copy{background-color:rgba(0,0,0,0.1);padding: 15px 0;}
.foot-code img{width: 100%;height: auto;}

/* gift */
.game-gift {display: flex;flex-direction: column;padding-bottom: 5px;}
.gift-info {width: 76%;}
.gift-info p{margin-bottom: 0px !important;}
.game-gift li {font-size: 13px;margin-bottom: 12.5px;border-radius: 8px;line-height: 26px;height: 100%;background-color: #f9f9f9;width: 100%;align-items: center;display: flex;padding-bottom: 5px;padding-top: 5px;padding-bottom: 10px;padding-top: 10px;}
.gift-name {font-weight: bold;font-size: 14px;color: #646464;}
/* .gift-content {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } */
.operate {font-weight: 700;display: flex;flex-direction: row;align-items: center;justify-content: center;width: 60px;height: 30px;border-radius: 32px;background: #eb0707;color: #fff;letter-spacing: -1px;font-size: 14px;position: absolute;right: 0;margin-right: 14px;}

/* gift弹窗 */
#gift-overlay .pop-site {display: flex;align-items: center;align-content: center;justify-content: center;justify-items: center;height: 100%;}
#gift-overlay .pop-site .content {width: 30%;background: #fff;border-radius: 10px;padding: 15px;}
#gift-overlay .pop-site .content .title {font-weight: bold;text-align: center;padding: 10px 0;font-size: 19px;color: #282828;}
#gift-overlay .pop-site .content .text {padding: 10px 0;text-align: center;line-height: 1.5rem;}
#gift-overlay .pop-site .content .btns {display: flex;align-items: center;justify-content: center;}
#gift-overlay .pop-site .content .btns .cancel {background-color: #f5f6f8;font-size: 16px;display: flex;align-items: center;justify-content: center;border-radius: 20px;color: #282828;padding: 10px 5px;transition: all .1s;flex-direction: column;line-height: 1.25;width: 50%;margin: 0 auto;margin-bottom: 0.3rem;margin-top: 0.3rem;margin-right: 1.2rem;}
#gift-overlay .pop-site .content .btns .verify {background: linear-gradient(90deg, #eb0707, #12cd80);font-size: 16px;display: flex;align-items: center;justify-content: center;border-radius: 20px;color: #fff;padding: 10px 5px;transition: all .1s;flex-direction: column;line-height: 1.25;width: 50%;margin: 0 auto;margin-bottom: 0.3rem;margin-top: 0.3rem;}
#gift-overlay {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 1000; }

/* gotop */
.gotop{position:fixed;bottom:40px;right:20px;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;border-radius: 50%;cursor:pointer;z-index: 1999;}
.gotop:hover{opacity:0.8;}
.gotop i{font-size:20px;}

/*.盒子*/
.downBox{position: fixed;bottom: 0px;left: 0;width: 100%;height: 60px;padding: 0 0.37333rem;padding-bottom: 0;z-index: 500;-webkit-box-sizing: border-box;box-sizing: border-box;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.two_merge_btn{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #eb070700;width: 30%;height: 40px;border-radius: 1.53333rem;}
.two_merge_btn .downLoad{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 1.06667rem;margin-right: 0.53333rem;text-align: center;height: 1.06667rem;line-height: 1.06667rem;color: #fff0;}
.downLoad .info{display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 
.downLoad .text{font-size: 17px;color: #fff0;}
.downLoad .small{font-size: 13px;color: #fff0;}
.game-detail-page+#gift-overlay+.footer {height: auto;}

/*.查看更多*/
.more-games {height: 50px;display: flex;align-items: center;justify-content: center;}
.more-games a {width: 80%;height: 2rem;line-height: 2rem;font-size: 13px;color: #888;text-align: center;background: #f0f2f4;border-radius: 20px;margin-bottom: 5px;}

.alert{border: 1px solid transparent;}
.alert-danger{color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.alert-warning {color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-success {color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}

@-webkit-keyframes xuanzhuan{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}}
.pop-off2{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.9);z-index: 100;display: none;}
.pop-box{position: fixed;left:50%;top:10px;width:400px;margin-left: -200px; z-index: 101;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity: 0;visibility: hidden}
.pop-box-on{opacity: 1;visibility:visible;}
.pop-con>h2{border-bottom:1px solid #eee;padding:10px 15px;}
.tx-social>p{position:relative;line-height:40px;}
.tx-social>p:after{display: block;content: " ";width:30%;height:1px;position:absolute;top:50%;left:0;z-index:1;border-bottom: 1px solid #ddd;}
.tx-social>p:before{display: block;content: " ";width:30%;height:1px;position:absolute;top:50%;right:0;z-index:1;border-bottom: 1px solid #ddd;}
.tx-social>p>span{position:relative;z-index:2;padding:0 20px;}
.tx-social>a{display:inline-block;width:40px;height:40px;border-radius:50%;line-height:40px;color:#fff;}
.tx-social>a:hover{color:#fff;opacity: .9; filter: alpha(opacity=90)}
.pop-off1{position: absolute;top: 0;right:5px;line-height:40px;width:30px;background-color:rgba(0,0,0,0.8);text-align: center;color: #fff;border-radius: 0 0 50px 50px;z-index: 10}
.pop-off1:hover{color: #fff;opacity: 0.9;}
.pop-off1:hover i{animation: xuanzhuan 1s infinite linear;}
.f-18 {font-size: 18px;}

@media screen and (max-width: 1218px){
    .zt-m {width:20%!important;}
    .home-tab-li li.on a>span {display:block;}
    .wide{padding-left:10px;padding-right:10px;}.soft-box>.ul-26>.col-m-12{width: 100%;}
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24,.col-25{width: auto;}
    .col-m-1{width: 4.1666%;}.col-m-2{width: 8.3332%;}.col-m-3{width: 12.4998%;}.col-m-4{width: 16.6664%;}.col-m-5{width: 20.833%;}.col-m-6{width: 24.9996%;}.col-m-7{width: 29.1662%;}.col-m-8{width: 33.3328%;}.col-m-9{width: 37.4994%;}.col-m-10{width: 41.666%;}.col-m-11{width: 45.8326%;}.col-m-12{width: 50%;}.col-m-13{width:54.1658%;}.col-m-14{width: 58.3324%;}.col-m-15{width:64.499%;}.col-m-16{width:66.6656%;}.col-m-17{width:70.8322%;}.col-m-18{width:74.9988%;}.col-m-19{width:79.1654%;}.col-m-20{width:83.332%;}.col-m-21{width:87.4986%;}.col-m-22{width:91.6652%;}.col-m-23{width:95.8318%;}.col-m-24{width:100%;}.info-con img{width:auto!important;height:auto!important;}
    .wap-nav{position: fixed;right:-300px;top: 0;width: 260px;height: 100%;background-color: #404553;z-index: 50;overflow-y: scroll;}
    .nav,.search{float: none;}.nav>ul>li>a::after{display: none;}
    .nav li{margin: 0;width: 100%;float:none;}
    .nav li::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid rgba(0,0,0,0.2);}
    .nav>ul>li>a{line-height:40px;padding: 0 20px;color: #fff;}
    .nav li ul{position: relative;opacity: 1;visibility:visible;top: auto;padding-left: 40px;left: auto;}
    .nav li:hover ul{padding: 0 0 0 40px;top: auto;}
    .nav>ul>li ul li a{line-height:36px;padding: 0;}
    .nav>ul>li ul li:last-child{border-bottom: 0}
    .logo a,.logo img{height: 46px;}
    .nav-on{position: absolute;right:10px;top: 0;line-height:50px;color: #fff;z-index: 10;display: block;}
    .search{position: absolute;max-width:90px;right:6%;top:-5px;}
    .search form{width: 100%;}
    .search-yt{padding: 10px 55px 10px 10px;}
    .header-user{position: absolute;right:10px;top:10px;}
    .wap-nav-off{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);z-index: 98;display: none;}
    .main{padding-top:60px;}.side-box dl{margin-bottom: 12px; display: none;}
    .home-flash .swiper-slide img{height:auto}
    .home-top li:last-child{display: none;}
    .footer{text-align: center;font-size:13px}
    .footer>.wide{padding:20px 10px 0 10px;}
    .foot-code img{max-width: 180px;}
    .home-tj li a{margin: 0 10px 8px 0;padding: 0 7px}
    .info-next .ta-r{text-align: left;margin-top: 10px;}
    .header {background-color: #fff;box-shadow: none;}
    .maybelike li>.img-m-left {padding: 0 4em 0 5.6em;}
    .maybelike li>.img-m-left .img-80 {width: 5em;height: 5em;}
    .game-detail-page .side-box dl, .article-detail-page .side-box dl{display: block!important;}
    .home .home_left {margin-left: 0!important;}
    .home_right {margin-left: 0;}
    .tag_left {margin-left: 0!important;}
    .ranking li.on>i:first-child{color: #666!important;}
    .ranking li.on > i:first-child{background-color: #eb070700!important;}
    .ranking li>i:first-child{background-color:#eee0!important;}
    .home [class*='col-'] {padding-left: 18%;padding-right: 18%;}
}
/* 文章列表 */
@media screen and (max-width: 1002px){
    .soft-box>div {bottom: 40%;}
    .pd20 {padding: 12px;}
    .mb10 {margin-bottom: 6px;} 
    .home-tab {padding: 5px 0px 0 5px;}
    .sytj p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .gameinfobox p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .game-rating{width: 50px;font-size: 13px;}
    img.icon{width: 13px;height: 13px;}
    .maybelike li{padding: 6px;}
    .softzk{height: 5rem;width: 4.5rem;}
    .softzk span:nth-child(1){font-size: 1.1rem;}
    .softzk span:nth-child(2){font-size: 0.75rem;}
}
@media screen and (max-width: 696px){ 
    .home [class*='col-'] {padding-left: 9%;padding-right: 9%;}
    .soft-down a {width: 45%;}
}
@media screen and (max-width: 499px){
    .zt-m {width:50%!important;}
    .wide{padding-left:8px;padding-right:8px;}.row{margin-left: -4px;margin-right: -4px;}
    .home [class*='col-'], [class*='col-']{padding-left:4px;padding-right:4px;}
    .foot-code img{max-width: 120px;}
    .soft-down a{padding: 0 12px;margin-right: 2%;float: left;flex: 1;}
    .soft-down a:last-child{margin-right:0;}
    .soft-down {display: flex;}
    .soft-wrap{position: relative;padding-bottom: 100px;height: 230px;}
    .soft-box > ul{margin-bottom:8px;}
    .soft-wrap dd.col-20{padding-left:12px;}
    .soft-wrap .col-m-19{position: inherit;}
    .soft-box{position: absolute;bottom:12px;left:0;width: 100%;padding-left: 12px;padding-right:12px;}
    .wap-12-1 .col-m-12{width: 100%;}
    .i150{width:100px;height:70px;}
    .info-m span:nth-last-child(3) {display: none;}
    .des-m {display: none;}
    .f-18 {font-size:15px;}
    section.margin-m {margin-top:2px;}
    section.margin-m .mb10 {margin-bottom: 5px;}
    
    /* .item-box section>p,.item-app1>p.f-gray1{display:none;} */
    .item-box section h2{line-height:24px;max-height:48px;white-space:normal;font-size:15px;}
    .soft-down a>span.qrcode-box{display:none;}
    .item-app1 .img-90{width:70px;}
    .item-app1{padding: 0 60px 0 80px;min-height:70px;}
    .gotop{bottom:10%;right:10px;width:30px;height:30px;line-height:30px;}.gotop i{font-size:13px;}
    .pop-box{width:90%;left:5%;margin-left:0;}
    .gg-box {display: none;}
    .maybelike p, .sytj p{width: 235px;}
    .gameinfobox p{width: 280px;}
    .sytj li>a{padding-left: 80px;}
    .sytj li>a .img-80{width: 72px;height: 72px;}
    .game_info .gamezk{right: 0.5rem;}
    .swiper-container-autoheight .swiper-wrapper{height: 100%!important;}
    .game_info{padding: 3px 10px!important;}
    .gameinfobox p{margin-bottom: 4px;}
    .soft-box .yjh {width: 300px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .game-list-page{min-height: 750px;}
    .rank-page, .tag-page{min-height: 750px;}
    #gift-overlay .pop-site .content {width: 80%;}
    .operate {margin-right:10px}
    .game-gift li{font-size: 12.5px;}
    .sytj li>a {min-height: 72px;}
    /*.home-flash .swiper-slide a>img {object-fit: fill;}*/

    /*.盒子*/
    .downBox{bottom: 0;}
    .two_merge_btn{background: #eb0707;}
    .downLoad .small, .downLoad .text, .two_merge_btn .downLoad{color: #fff;}
    .two_merge_btn{width: 90%;}
}
@media screen and (max-width: 400px){
    .wap-12 .col-m-12{width: 100%;}
    .maybelike p, .sytj p{width: 215px;}
    .gameinfobox p{width: 260px;}
}
@media screen and (max-width: 380px){
    .maybelike p, .sytj p{width: 185px;}
    .gameinfobox p{width: 230px;}
}
@media screen and (max-width: 320px){
    .maybelike p, .sytj p{width: 130px;}
    .gameinfobox p{width: 195px;}
}
.qr{width: 100px;height:100px;}
.hover-gray li {transition: all .45s ease 0s;list-style-type: none;}
/*.pd20 {padding: 20px;}*/
.hover-gray li:hover {background-color: transparent;}
.fl {float: left;}
.mr15 {margin-right: 15px;}
.img-box {overflow: hidden;display: block;position: relative;width: 100%;height: 0;}
.txt-ov {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.img-80+.f-14 {display: block;}
.mb10 {margin-bottom: 10px;}
.f-gray1 {color: #bbb;}
.f-12 {font-size: 12px;}
.mr10 {margin-right: 10px;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-user:before {content: "\f007";}
.i40 {line-height: 20px;height: 40px;overflow: hidden;}
.f-gray {color: #888;}
.f-orange {color: #ff9000;}
.f-main {color: #eb0707;}
.home-tab-li span.f-gray {color:#eb0707;}
.clearfix::after {display: table;content: " ";clear: both;}
.tx-hr {border-color: #eeeeee;}
.place, .place a {color: #888;}
a.infotextkey {color: #eb0707;}
/* .tx-hr {margin-top: 0;margin-bottom: 0;padding: 0;border: 0;border-bottom: 1px solid #eee;} *//* =========================================================
 * NNII 礼包模块样式（领取卡片 / 领取弹窗 / 后台批量导入）
 * 复用主题主色：TapTap 青 #14D9C8 / 珊瑚橙 #FF8C61
 * ========================================================= */

/* 礼包列表容器：游戏详情页 .game-gift 与礼包中心 .game-gift-list 通用 */
.game-gift > ul,
.game-gift-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* 礼包中心：外层 tx-box 无内边距，卡片贴容器边。
 * 给列表整体留 15px 呼吸空间（上下同步留出，与标题行对齐）。 */
.game-gift-list {
	padding: 15px;
}

/* 单张礼包卡片（左右留空 24px，呼吸感更好） */
.nnii-gift-item {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #fff;
	border: 1px solid #eef1f6;
	border-radius: 14px;
	padding: 12px 24px;
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.nnii-gift-item:hover {
	box-shadow: 0 6px 18px rgba(40, 80, 180, .10);
	border-color: #dbe4ff;
	transform: translateY(-1px);
}

/* 整卡可点击区域（进详情页） */
.gift-link {
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 1 1 auto;
	min-width: 0;
	text-decoration: none;
	color: inherit;
}

/* 左侧礼包图标 */
.gift-ico {
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #eaf1ff, #f3eeff);
	color: #14D9C8;
	font-size: 20px;
}
.gift-ico .fa { font-size: 20px; }

/* 中间信息 */
.gift-info {
	flex: 1 1 auto;
	min-width: 0;
}
.gift-name {
	font-size: 16px;
	font-weight: 600;
	color: #1f2733;
	margin: 0 0 4px;
	line-height: 1.3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	/* 长礼包名单行省略，箭头固定行尾 */
	white-space: nowrap;
	overflow: hidden;
}
.gift-name .gift-arrow {
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 400;
	color: #c0c8d4;
	transition: color .15s, transform .15s;
}
.nnii-gift-item:hover .gift-name { color: #14D9C8; }
.nnii-gift-item:hover .gift-name .gift-arrow { color: #14D9C8; transform: translateX(2px); }
.gift-content {
	font-size: 13px;
	color: #6b7480;
	margin: 0 0 6px;
	line-height: 1.5;
	/* 单行省略：内容太长不换行，避免卡片被撑高、按钮被挤压 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gift-info > .f-12 {
	/* meta 行（模式｜剩余｜限领等）同样单行省略 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gift-meta {
	font-size: 12px;
	color: #9aa3af;
	margin: 0;
}
.gift-meta b { color: #14D9C8; }
.gift-meta .f-orange { color: #FF8C61; }

/* 右侧操作 */
.operate { flex: 0 0 auto; }
.nnii-claim {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 84px;
	padding: 9px 18px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.nnii-claim.loading { opacity: .7; pointer-events: none; }

/* 礼包中心页标题微调 */
.archive-gift .tx-title,
.game-gift .tx-title {
	margin-bottom: 14px;
}

/* =========================================================
 * 领取成功弹窗
 * ========================================================= */
.nnii-modal-mask {
	position: fixed;
	inset: 0;
	background: rgba(20, 28, 46, .45);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease, visibility .2s ease;
}
.nnii-modal-mask.show { opacity: 1; visibility: visible; }

.nnii-modal {
	width: 320px;
	max-width: 90%;
	background: #fff;
	border-radius: 16px;
	padding: 26px 22px;
	text-align: center;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
	transform: translateY(10px);
	transition: transform .2s ease;
}
.nnii-modal-mask.show .nnii-modal { transform: translateY(0); }

.nnii-modal .m-ico {
	font-size: 34px;
	color: #14D9C8;
	margin-bottom: 6px;
}
.nnii-modal h3 { margin: 0 0 6px; font-size: 18px; color: #1f2733; }
.nnii-modal .m-tip { font-size: 13px; color: #9aa3af; margin: 0 0 14px; }

.nnii-code-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #f4f6fb;
	border: 1px dashed #c9d4ee;
	border-radius: 10px;
	padding: 12px;
	margin-bottom: 14px;
}
.nnii-code-box code {
	font-size: 16px;
	font-weight: 700;
	color: #14D9C8;
	letter-spacing: 1px;
	word-break: break-all;
}
.nnii-copy {
	border: none;
	background: #14D9C8;
	color: #fff;
	border-radius: 8px;
	padding: 8px 14px;
	font-size: 13px;
	cursor: pointer;
	white-space: nowrap;
}
.nnii-copy:hover { background: #0FC2B3; }
.nnii-modal .m-close {
	display: block;
	width: 100%;
	margin-top: 4px;
	border: none;
	background: #eef1f6;
	color: #5b6470;
	border-radius: 8px;
	padding: 9px;
	font-size: 14px;
	cursor: pointer;
}
.nnii-modal .m-close:hover { background: #e3e8f0; }

/* 轻提示 toast */
.nnii-toast {
	position: fixed;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%) translateY(20px);
	background: rgba(31, 39, 51, .92);
	color: #fff;
	padding: 10px 18px;
	border-radius: 10px;
	font-size: 14px;
	z-index: 10000;
	opacity: 0;
	transition: opacity .25s ease, transform .25s ease;
	pointer-events: none;
}
.nnii-toast.show {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

/* =========================================================
 * 后台礼包码批量导入区
 * ========================================================= */
.nnii-codes-import {
	background: #f7f9fc;
	border: 1px solid #e6ebf3;
	border-radius: 10px;
	padding: 14px 16px;
	margin-top: 6px;
}
.nnii-codes-import textarea {
	width: 100%;
	font-family: Consolas, Menlo, monospace;
	font-size: 13px;
	line-height: 1.5;
}
.nnii-codes-import .row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	flex-wrap: wrap;
}
.nnii-codes-import .button-primary { background: #14D9C8; border-color: #14D9C8; }
.nnii-codes-import .stat { font-size: 12px; color: #6b7480; }
.nnii-codes-import .stat b { color: #14D9C8; }
.nnii-codes-import .msg { font-size: 12px; margin-left: auto; }
.nnii-codes-import .msg.ok { color: #14D9C8; }
.nnii-codes-import .msg.err { color: #FF8C61; }

/* =========================================================
 * 礼包详情页（gift-detail）：对齐 nnii.cn 参考版式
 * ========================================================= */
.gift-detail { padding: 24px 26px 26px; }

/* 头部：游戏图标 + 礼包名 + 标签 */
.gift-detail .gd-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
}
.gift-detail .gd-icon {
	flex: 0 0 72px;
	width: 72px;
	height: 72px;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eafaf8;
	color: #14D9C8;
	font-size: 30px;
}
.gift-detail .gd-icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gift-detail .gd-info { flex: 1 1 auto; min-width: 0; }
.gift-detail .gd-name {
	margin: 0 0 8px;
	font-size: 22px;
	line-height: 1.35;
	color: #1f2733;
	font-weight: 700;
}
.gift-detail .gd-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #6b7480;
}
.gift-detail .gd-meta a { color: #14D9C8; }
.gift-detail .gd-meta .fa-gamepad { color: #14D9C8; }
.gift-detail .gd-tag {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	color: #fff;
	background: #14D9C8;
}
.gift-detail .gd-tag-blue { background: #14D9C8; }
.gift-detail .gd-tag-red { background: #e63946; }

/* 信息面板 */
.gift-detail .gd-panel {
	background: #f7f9fc;
	border-radius: 10px;
	padding: 16px;
	margin-bottom: 20px;
}
.gift-detail .gd-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 14px;
	padding: 5px 0;
}
.gift-detail .gd-row-last { padding-bottom: 0; }
.gift-detail .gd-label { color: #8b95a3; }
.gift-detail .gd-label .fa { width: 18px; color: #14D9C8; }
.gift-detail .gd-value { color: #1f2733; font-weight: 600; text-align: right; }
.gift-detail .gd-value b { color: #FF8C61; font-size: 16px; }

/* 区块标题 */
.gift-detail .gd-section { margin-bottom: 20px; }
.gift-detail .gd-section:last-child { margin-bottom: 0; }
.gift-detail .gd-section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 700;
	color: #1f2733;
	margin-bottom: 10px;
}
.gift-detail .gd-section-title .fa { color: #14D9C8; }
.gift-detail .gd-reward {
	font-size: 14px;
	color: #4a5568;
	line-height: 1.8;
	white-space: pre-line;
}
.gift-detail .gd-reward p { margin: 0 0 6px; }

/* 温馨提示（黄色警示条） */
.gift-detail .gd-notice {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	margin-bottom: 20px;
	background: #fffbeb;
	border: 1px solid rgba(245, 158, 11, .4);
	border-left: 4px solid #f59e0b;
	border-radius: 10px;
}
.gift-detail .gd-notice .fa {
	flex-shrink: 0;
	color: #f59e0b;
	font-size: 20px;
}
.gift-detail .gd-notice span { font-size: 13px; color: #4a5568; font-weight: 500; }

/* 下载按钮 */
.gift-detail .gd-down-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.gift-detail .gd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 42px;
	padding: 0 26px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	transition: filter .2s ease, transform .2s ease;
}
.gift-detail .gd-btn:hover { filter: brightness(1.08); color: #fff; }
.gift-detail .gd-btn-android { background: #10b981; }
.gift-detail .gd-btn-ios { background: #1f2733; }

/* 领取按钮（通栏） */
.gift-detail .gd-claim {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	border-radius: 10px;
	background: linear-gradient(90deg, #14D9C8, #0FC2B3);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(20, 217, 200, .35);
	transition: filter .2s ease, transform .2s ease;
}
.gift-detail .gd-claim:hover { filter: brightness(1.06); color: #fff; }
.gift-detail .gd-claim.is-disabled {
	background: #d7dce4;
	color: #8b95a3;
	box-shadow: none;
	cursor: default;
}
.gift-detail .gd-claim.loading { opacity: .7; pointer-events: none; }

/* 手机端 */
@media (max-width: 640px) {
	.gift-detail { padding: 16px 14px 18px; }
	.gift-detail .gd-icon { flex-basis: 60px; width: 60px; height: 60px; border-radius: 12px; }
	.gift-detail .gd-name { font-size: 18px; }
	.gift-detail .gd-row { flex-direction: row; }
	.gift-detail .gd-value { text-align: right; }
	.gift-detail .gd-down-btns .gd-btn { flex: 1 1 auto; }
}

/* 游戏福利块 */
.game-benefits { margin-top: 18px; }
.game-benefits .tx-title { font-size: 18px; margin-bottom: 10px; }
.benefits-content { background: #f6f9ff; border: 1px solid #e6edfb; border-radius: 12px; padding: 14px 16px; color: #334; line-height: 1.9; }
.benefits-content h3 { font-size: 16px; margin: 12px 0 6px; color: #1f2d4d; }
.benefits-content ul { padding-left: 22px; margin: 6px 0; }
.benefits-content img { max-width: 100%; border-radius: 8px; margin: 8px 0; }
.benefits-content p { margin: 6px 0; }
/* =========================================================
 * NNII UI 修正层 - TapTap 风格
 * 主色：TapTap 青 #14D9C8 / #0FC2B3
 * 强调：珊瑚橙 #FF8C61（折扣等需要突出的场景，替代红色）
 * 文字：深灰 #1f2733 / 次要 #6b7480
 * ========================================================= */

/* ---------- 1. 按钮配色统一 ---------- */
.tx-btn.bg-green,
a.tx-btn.bg-green {
	background-color: #14D9C8 !important;
	color: #fff !important;
	border-radius: 8px;
	font-weight: 600;
	letter-spacing: .5px;
	box-shadow: 0 2px 8px rgba(20, 217, 200, .25);
}
.tx-btn.bg-green:hover,
a.tx-btn.bg-green:hover {
	background-color: #0FC2B3 !important;
	color: #fff !important;
	opacity: 1;
}
.tx-btn.bg-blue,
a.tx-btn.bg-blue {
	background-color: #0FC2B3 !important;
	color: #fff !important;
	border-radius: 8px;
}
.tx-btn.bg-blue:hover { background-color: #0AA99B !important; color: #fff !important; }

/* ---------- 1.5 全局红字 → TapTap 青 / 珊瑚橙 ---------- */
a:hover,
.nav li a:hover,
.footer a:hover,
.f-blue,
.f-main,
a.infotextkey,
.home-tab-li span.f-gray { color: #14D9C8 !important; }

.f-orange,
.f-color,
span.fr.f-color,
.game-rating-r,
p.sp1,
p.score { color: #FF8C61 !important; }

.list-tab1 .tab-hd li.active,
.user-tab .tab-hd li.active,
.pagebar a:hover,
.pagebar .now-page,
.info-tag a:hover,
.btn-line,
.btn-line:hover,
.ico-jian,
.home-tj li > strong,
.home-tj li a:hover,
.home-tj li a.on,
.item-app1:hover > i.fa,
.ranking li:hover > a i.fa,
.ranking li.on > a i.fa,
.ranking li.on > i:first-child,
.swiper-pagination-bullet-active,
.side-box dl#divSearchPanel dd > div input[type="submit"],
.header-user > a,
#gift-overlay .pop-site .content .btns .verify,
.two_merge_btn,
.info-zan>a.ico-favorite { background-color: #14D9C8 !important; }

.home-tab .tab-hd li.active::after,
.list-tab1 .tab-hd li.active::after,
.user-tab .tab-hd li.active::after,
.tx-title::after,
.side-box dl dt::after,
.nav > ul > li > a::after,
.ul-spot li a::after,
.home-tj li > strong::after,
.row li:nth-child(-n+3) .game-num,
.btn-line,
.home-tab-li li.on>i { border-color: #14D9C8 !important; }

.btn-line { color: #14D9C8 !important; }
.btn-line:hover { color: #fff !important; }
#gift-overlay .pop-site .content .btns .verify { background: linear-gradient(90deg, #14D9C8, #7DE8DC) !important; }

/* 正文链接：主色文字，无背景块（礼包名称等不受影响） */
.tx-text a { color: #14D9C8; background: none !important; box-shadow: none; }

/* 下载按钮：图标 + 文字垂直居中，文字不再贴边
 * 注意：必须 inline-flex——块级 flex 会让桌面端（.soft-down 为普通 p）两个按钮上下堆叠 */
.soft-down a.tx-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 44px;
	line-height: 1.2;
	border-radius: 8px;
	text-decoration: none;
	vertical-align: middle;
}
.soft-down a.tx-btn .fa { font-size: 17px; }
.soft-down a.tx-btn .text { color: #fff !important; font-size: 15px; }
.soft-down a.tx-btn .small { color: #fff !important; opacity: .85; font-size: 12px; }

/* ---------- 2. 折扣标 ---------- */
/* 首页轮播折扣标：用 hua.png 包住文字 */
.gamezk {
	position: absolute;
	bottom: 40%;
	right: 0.8rem;
	width: 83px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0;
	margin: 0;
	z-index: 3;
}
.gamezk .gamezk-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	z-index: 1;
}
.gamezk .gamezk-txt {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
	color: #14D9C8;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .55), 0 0 1px rgba(255, 255, 255, .4);
}
.gamezk .zk-line1 {
	font-size: 11px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 1px;
	color: #14D9C8;
}
.gamezk .zk-line2 {
	font-size: 8px;
	line-height: 1.1;
	margin: 0;
	color: #14D9C8;
	opacity: .92;
}
@media (max-width: 640px) {
	.gamezk { width: 70px; height: 34px; }
	.gamezk .zk-line1 { font-size: 9px; }
	.gamezk .zk-line2 { font-size: 7px; }
}

/* 内页折扣标 */
.softzk { color: #fff !important; }

/* ---------- 3. 礼包卡片：按钮固定右侧 + 悬停抖动 ---------- */
.nnii-gift-item {
	position: relative;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 14px 124px 14px 24px;
	transition: box-shadow .2s ease, border-color .2s ease;
}
.nnii-gift-item:hover {
	box-shadow: 0 6px 18px rgba(40, 80, 180, .10);
	border-color: #dbe4ff;
	transform: none; /* 去掉整卡位移 */
}
.nnii-gift-item .operate {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	flex: none;
}
.nnii-gift-item .nnii-claim,
.nnii-gift-item .operate .tx-btn {
	min-width: 84px;
	padding: 0 16px;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	text-align: center;
}

/* 悬停：按钮轻微跳动两下 */
@keyframes nnii-btn-bounce {
	0%   { transform: translateY(0); }
	20%  { transform: translateY(-5px); }
	40%  { transform: translateY(0); }
	60%  { transform: translateY(-5px); }
	80%  { transform: translateY(0); }
	100% { transform: translateY(0); }
}
.nnii-gift-item:hover .nnii-claim,
.nnii-gift-item:hover .operate .tx-btn {
	animation: nnii-btn-bounce .6s ease both;
}

@media (max-width: 640px) {
	.nnii-gift-item { padding: 14px 24px; flex-wrap: wrap; }
	.nnii-gift-item .operate {
		position: static;
		transform: none;
		width: 100%;
		margin-top: 10px;
		text-align: right;
	}
	.nnii-gift-item:hover .nnii-claim { animation: none; }
}

/* ---------- 4. 开服倒计时卡片（简约版） ---------- */
.server-open-card { border-left: 4px solid #14D9C8; }
.server-open-card .server-open-body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px 20px;
}
.server-open-card .server-open-left { flex: 1 1 auto; min-width: 0; }
.server-open-card .server-open-left .server-open-desc { text-align: left; }
.server-open-card .so-label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 600;
	color: #1f2733;
}
.server-open-card .so-label .fa { color: #14D9C8; }
.server-type-badge {
	display: inline-block;
	background: #eafaf8;
	color: #0FC2B3;
	font-size: 12px;
	font-weight: 600;
	padding: 2px 10px;
	border-radius: 20px;
}
.countdown {
	display: flex;
	align-items: center;
	gap: 6px;
}
.cd-item {
	min-width: 64px;
	text-align: center;
	background: #f5f8fa;
	border-radius: 10px;
	padding: 8px 6px;
}
.cd-item b {
	display: inline-block;
	font-size: 24px;
	line-height: 1.2;
	color: #1f2733;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	vertical-align: baseline;
}
.cd-item span { font-size: 12px; color: #9aa3af; margin-left: 2px; }
.cd-sep {
	font-size: 20px;
	font-weight: 700;
	color: #c6cdd8;
	line-height: 1;
	padding-top: 4px;
}
.server-open-desc {
	margin: 12px 0 0;
	font-size: 13px;
	color: #9aa3af;
}
.server-open-btn { display: inline-block; }

/* 倒计时结束态 */
.countdown.is-over .cd-item { background: #f1f3f7; }
.countdown.is-over .cd-item b { color: #9aa3af; }

@media (max-width: 640px) {
	.server-open-card .server-open-body {
		flex-direction: column;
		text-align: center;
		padding: 16px;
	}
	.server-open-card .server-open-left { width: 100%; }
	.server-open-card .countdown { justify-content: center; }
	.server-open-card .server-open-left .server-open-desc { text-align: center; }
	.server-open-card .server-open-right { width: 100%; margin-top: 14px; }
	.server-open-card .server-open-btn { width: 100%; }
}

/* ---------- 5. 通用：文本溢出保护 ---------- */
.gift-info, .gift-info p { overflow-wrap: anywhere; }

/* =========================================================
 * 6. 登录 / 注册 / 找回密码
 * ========================================================= */
.nnii-auth-wrap {
	display: flex;
	justify-content: center;
	padding: 10px 0 40px;
}
.nnii-auth-card {
	display: flex;
	width: 100%;
	max-width: 860px;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(30, 60, 140, .10);
}
.nnii-auth-card.single-card { max-width: 460px; }
.auth-side {
	flex: 0 0 320px;
	background: linear-gradient(160deg, #14D9C8, #7DE8DC);
	color: #fff;
	padding: 40px 32px;
}
.auth-side h2 { font-size: 24px; margin: 0 0 12px; color: #fff; }
.auth-side p { font-size: 13px; line-height: 1.8; opacity: .92; margin: 0; }
.auth-perks { list-style: none; margin: 22px 0 0; padding: 0; }
.auth-perks li {
	font-size: 13px;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 255, 255, .14);
	padding: 9px 12px;
	border-radius: 10px;
}
.auth-perks .fa { font-size: 15px; }

.auth-main { flex: 1 1 auto; padding: 30px 36px 34px; }
.auth-main.full { padding: 34px 36px; }
.auth-tabs {
	list-style: none;
	display: flex;
	gap: 26px;
	margin: 0 0 22px;
	padding: 0;
	border-bottom: 1px solid #eef1f6;
}
.auth-tabs li {
	font-size: 17px;
	font-weight: 600;
	color: #9aa3af;
	cursor: pointer;
	padding-bottom: 10px;
	position: relative;
}
.auth-tabs li.active { color: #1f2733; }
.auth-tabs li.active::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: -1px;
	height: 2px;
	background: #14D9C8;
	border-radius: 2px;
}
.auth-pane { display: none; }
.auth-pane.active { display: block; }
.auth-title { font-size: 20px; margin: 0 0 6px; }
.auth-sub { font-size: 13px; color: #8b95a3; margin: 0 0 20px; }

.auth-form .form-row { margin-bottom: 15px; }
.auth-form .form-row label {
	display: block;
	font-size: 13px;
	color: #5a6472;
	margin-bottom: 6px;
}
.auth-form .form-row input[type=text],
.auth-form .form-row input[type=email],
.auth-form .form-row input[type=password] {
	width: 100%;
	height: 42px;
	line-height: 42px;
	padding: 0 13px;
	border: 1px solid #e2e6ee;
	border-radius: 9px;
	font-size: 14px;
	color: #1f2733;
	background: #fbfcfe;
	box-sizing: border-box;
	transition: border-color .18s, box-shadow .18s;
}
.auth-form .form-row input:focus {
	outline: none;
	border-color: #14D9C8;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(59, 108, 246, .12);
}
.auth-form .form-row input[disabled] { background: #f4f6fb; color: #9aa3af; }
.form-inline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
}
.form-inline .cb { display: flex; align-items: center; gap: 6px; color: #6b7480; margin: 0; }
.form-inline a { color: #14D9C8; }

/* 注册表单：邮箱验证码行（输入框 + 获取按钮） */
.form-code-box { display: flex; gap: 10px; }
.form-code-input {
	flex: 1 1 auto;
	min-width: 0;
	height: 42px;
	line-height: 42px;
	padding: 0 13px;
	border: 1px solid #e2e6ee;
	border-radius: 9px;
	font-size: 14px;
	letter-spacing: 2px;
	color: #1f2733;
	background: #fbfcfe;
	box-sizing: border-box;
	transition: border-color .18s, box-shadow .18s;
}
.form-code-input:focus {
	outline: none;
	border-color: #14D9C8;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(59, 108, 246, .12);
}
.form-code-btn {
	flex: 0 0 118px;
	height: 42px;
	line-height: 42px;
	padding: 0;
	border: none;
	border-radius: 9px;
	background: #14D9C8;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: opacity .18s, background .18s;
	white-space: nowrap;
}
.form-code-btn:hover { opacity: .92; }
.form-code-btn:disabled {
	background: #c8d2e0;
	color: #fff;
	cursor: not-allowed;
	opacity: 1;
}
.auth-submit {
	width: 100%;
	height: 44px;
	border: 0;
	border-radius: 9px;
	background: linear-gradient(90deg, #14D9C8, #6d8dff);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 6px;
	transition: opacity .18s;
}
.auth-submit:hover { opacity: .92; }
.auth-submit:disabled { opacity: .6; cursor: not-allowed; }
.auth-msg { margin-top: 12px; font-size: 13px; min-height: 18px; }
.auth-msg.ok { color: #15b864; }
.auth-msg.err { color: #FF8C61; }
.auth-tip { font-size: 13px; color: #8b95a3; text-align: center; margin-top: 16px; }
.auth-tip a { color: #14D9C8; }

.auth-third { margin-top: 22px; }
.third-title {
	position: relative;
	text-align: center;
	color: #b3bbc7;
	font-size: 12px;
	margin-bottom: 16px;
}
.third-title::before {
	content: "";
	position: absolute;
	top: 50%; left: 0; right: 0;
	height: 1px;
	background: #eef1f6;
}
.third-title span { position: relative; background: #fff; padding: 0 12px; }
.qq-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 42px;
	border-radius: 9px;
	background: #12b7f5;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.qq-btn:hover { background: #0ea5e0; color: #fff; }

@media (max-width: 768px) {
	.nnii-auth-card { flex-direction: column; }
	.auth-side { flex: none; padding: 26px 22px; }
	.auth-main { padding: 24px 22px 28px; }
}

/* ---------- 6.45 防刷图形验证码 ---------- */
.nnii-captcha {
	display: flex;
	align-items: center;
	gap: 10px;
}
.nnii-captcha .nnii-cap-input {
	flex: 1 1 auto;
	min-width: 0;
	height: 46px;
	line-height: 46px;
	padding: 0 14px;
	border: 1px solid #e2e6ee;
	border-radius: 9px;
	font-size: 16px;
	color: #1f2733;
	background: #fbfcfe;
	box-sizing: border-box;
	transition: border-color .18s, box-shadow .18s;
	width: 90px;
}
.nnii-captcha .nnii-cap-input:focus {
	outline: none;
	border-color: #14D9C8;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(59, 108, 246, .12);
}
.nnii-captcha .nnii-cap-img {
	flex: 0 0 auto;
	height: 46px;
	width: auto;
	min-width: 0;
	object-fit: contain;
	border: 1px solid #e2e6ee;
	border-radius: 9px;
	background: #f4f6fb;
	cursor: pointer;
	box-sizing: border-box;
}
.nnii-captcha .nnii-cap-text {
	flex: 0 0 auto;
	height: 42px;
	line-height: 42px;
	padding: 0 12px;
	border: 1px dashed #cfd8e6;
	border-radius: 9px;
	background: #f4f6fb;
	color: #6b7480;
	font-size: 13px;
	white-space: nowrap;
}
@media (max-width: 640px) {
	.nnii-captcha .nnii-cap-input { width: 80px; }
}
.nnii-modal .nnii-captcha .nnii-cap-img { width: auto; min-width: 0; }
.nnii-modal .nnii-cap-confirm {
	width: 100%;
	height: 44px;
	border: 0;
	border-radius: 9px;
	background: linear-gradient(90deg, #14D9C8, #6d8dff);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 14px;
	transition: opacity .18s;
}
.nnii-modal .nnii-cap-confirm:hover { opacity: .92; }
.nnii-modal .nnii-cap-confirm:disabled { opacity: .6; cursor: not-allowed; }

/* ---------- 6.5 顶部搜索框 + 头部登录区 ---------- */
.search { padding: 14px 0; }
.search div.search_box {
	width: auto;
	padding-right: 0;
	border-radius: 0;
	position: static;
}
.nnii-search {
	display: flex;
	align-items: center;
	gap: 6px;
	width: auto;
	position: relative;
}
.nnii-search .search-input {
	width: 160px;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	border: 1px solid #e2e6ee;
	border-radius: 16px;
	background: #f7f9fd;
	font-size: 13px;
	color: #1f2733;
	box-sizing: border-box;
}
.nnii-search .search-input:focus { outline: none; border-color: #14D9C8; background: #fff; }
.nnii-search .search-but,
.search .nnii-search .search-but {
	position: static;
	transform: none;
	width: auto;
	min-width: auto;
	height: 32px;
	line-height: 32px;
	padding: 0 14px;
	border: 0;
	border-radius: 16px;
	background: #14D9C8;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	box-sizing: border-box;
}
.nnii-search .search-but:hover { background: #0FC2B3; }
.nnii-search .search-but span { margin-left: 4px; }

/* 顶部登录 / 注册按钮 */
.header-login {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	padding: 14px 0;
	line-height: 1;
	margin-left: 18px;
	margin-right: 18px; /* 右浮动布局下与搜索框保持间距 */
}
/* 胶囊按钮只作用于登录区直属链接（下拉菜单里的链接另有样式） */
.header-login > .nnii-anon-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}
.header-login .nnii-anon-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 13px;
	border-radius: 16px;
	border: 1px solid #14D9C8;
	background: #fff;
	color: #14D9C8;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .15s, border-color .15s, color .15s;
	box-sizing: border-box;
}
.header-login .nnii-anon-actions a:hover { background: #14D9C8; color: #fff; }
.header-login .nnii-anon-actions .nnii-qq-btn { background: #12b7f5; border-color: #12b7f5; color: #fff; }
.header-login .nnii-anon-actions .nnii-qq-btn:hover { background: #0ea5e0; }

/* ---------- 6.4 已登录用户：头像下拉菜单 ---------- */
.nnii-user-menu { position: relative; }
/* 长短双标签：桌面显示长标签，手机侧栏显示短标签（nnii-menu-s） */
.nnii-menu-s { display: none; }
.nnii-user-trigger {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 32px; /* 与搜索输入框同高，保持平行 */
	padding: 0 12px 0 6px;
	border-radius: 16px;
	background: #f0f4ff;
	border: 1px solid #e2ecff;
	color: #1f2733;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .15s, border-color .15s;
	box-sizing: border-box;
	max-width: 180px;
}
.nnii-user-trigger:hover { background: #e4f9f6; border-color: #14D9C8; }
.nnii-avatar { display: inline-flex; width: 26px; height: 26px; flex: 0 0 auto; }
.nnii-avatar img { width: 26px; height: 26px; border-radius: 50%; display: block; }
.nnii-uname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 110px;
}
.nnii-user-trigger .fa-caret-down { margin-left: 2px; color: #14D9C8; transition: .2s; }
.nnii-user-menu:hover .fa-caret-down,
.nnii-user-menu.open .fa-caret-down { transform: rotate(180deg); }
.nnii-user-dropdown {
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	min-width: 148px;
	margin: 0;
	padding: 6px;
	list-style: none;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 32px rgba(31, 39, 51, .16);
	border: 1px solid #eef1f6;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: .18s;
	z-index: 300;
}
.nnii-user-menu:hover .nnii-user-dropdown,
.nnii-user-menu.open .nnii-user-dropdown {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.nnii-user-dropdown li a {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 12px;
	border-radius: 8px;
	color: #4b5563;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: .12s;
}
.nnii-user-dropdown li a .fa { width: 15px; text-align: center; color: #9aa3af; }
.nnii-user-dropdown li a:hover { background: #f0faf9; color: #0FC2B3; }
.nnii-user-dropdown li a:hover .fa { color: #0FC2B3; }
.nnii-user-dropdown li.nnii-logout { border-top: 1px solid #f0f3f8; margin-top: 4px; padding-top: 4px; }
.nnii-user-dropdown li.nnii-logout a { color: #e05656; }
.nnii-user-dropdown li.nnii-logout a .fa { color: #e05656; }
.nnii-user-dropdown li.nnii-logout a:hover { background: #fdf1f1; color: #c73e3e; }

/* 移动端头部：logo / 登录注册 / 搜索框 flex 重排，避免与搜索框重叠 */
@media (max-width: 1218px) {
	.header .wide { display: flex; align-items: center; height: 52px; }
	.header .logo { float: none; flex: 0 0 auto; }
	.header .header-login {
		float: none;
		order: 2;
		flex: 0 0 auto;
		padding: 0;
		margin: 0;
	}
	.header .search {
		position: static;
		float: none;
		order: 3;
		flex: 1 1 auto;
		max-width: none;
		top: auto;
		padding: 0;
		margin: 0 44px 0 12px;
	}
	.header .search div.search_box { width: auto; }
	.header .nnii-search .search-input { width: 100%; }
	.header .nav-on { top: 0; line-height: 52px; }
}

/* 头部登录按钮：已合并到 6.5 节 */
/* =========================================================
 * 7. 个人中心
 * ========================================================= */
.account-nav { padding: 0; overflow: hidden; }
.account-head { padding: 22px 18px; text-align: center; border-bottom: 1px solid #f0f3f8; }
.account-head .avatar-img { width: 64px; height: 64px; border-radius: 50%; display: inline-block; }
.account-head .nick { font-size: 16px; font-weight: 600; margin: 10px 0 3px; }
.account-head .qq-bound { color: #12b7f5; font-size: 12px; margin: 8px 0 0; }
.account-head .qq-unbound a { color: #9aa3af; font-size: 12px; }
.account-nav ul { list-style: none; margin: 0; padding: 8px 0; }
.account-nav ul li a {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 12px 20px;
	color: #4b5563;
	font-size: 14px;
	text-decoration: none;
	border-left: 3px solid transparent;
}
.account-nav ul li a:hover { background: #f7f9fd; color: #14D9C8; }
.account-nav ul li.active a {
	background: #f0f4ff;
	color: #14D9C8;
	font-weight: 600;
	border-left-color: #14D9C8;
}
.account-nav ul li a .fa { width: 16px; text-align: center; }
.account-nav ul li a b {
	margin-left: auto;
	background: #FF8C61;
	color: #fff;
	font-size: 11px;
	padding: 1px 7px;
	border-radius: 10px;
	font-weight: 600;
}
.account-nav ul li a b.dot { background: #FF8C61; }

.account-form { max-width: 520px; }
.note-list { list-style: none; margin: 0; padding: 0; }
.note-list li {
	padding: 13px 14px;
	border: 1px solid #eef1f6;
	border-radius: 10px;
	margin-bottom: 10px;
	background: #fff;
}
.note-list li.unread { background: #f5f8ff; border-color: #dbe4ff; cursor: pointer; }
.note-list .note-title { font-size: 14px; font-weight: 600; margin: 0 0 5px; color: #1f2733; }
.note-list .note-content { margin: 0 0 6px; line-height: 1.6; }
.note-list .note-time { margin: 0; }
.note-list .note-time a { color: #14D9C8; margin-left: 8px; }

.my-gift-list { list-style: none; margin: 0; padding: 0 0 12px; }
.my-gift-list li {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	padding: 14px 16px;
	border: 1px solid #eef1f6;
	border-radius: 12px;
	margin-bottom: 10px;
	background: #fff;
}
.my-gift-list .mg-info { flex: 1 1 200px; min-width: 0; }
.my-gift-list .mg-name { font-size: 15px; font-weight: 600; margin: 0 0 4px; }
.my-gift-list .mg-code { display: flex; align-items: center; gap: 10px; }
.my-gift-list .mg-code code {
	background: #f4f6fb;
	border: 1px dashed #cfd8e6;
	border-radius: 7px;
	padding: 7px 12px;
	font-size: 14px;
	color: #14D9C8;
	letter-spacing: .5px;
}
.empty-tip { padding: 30px 0; text-align: center; }

/* 个人中心分页 */
.nnii-acct-pager { margin-top: 16px; }
.nnii-acct-pager .pg-btn {
	display: inline-block;
	min-width: 34px;
	height: 34px;
	line-height: 34px;
	padding: 0 12px;
	margin: 0 4px 6px;
	border: 1px solid #e2e6ee;
	border-radius: 8px;
	background: #fff;
	color: #1f2733;
	text-align: center;
	box-sizing: border-box;
	transition: border-color .18s, color .18s;
}
.nnii-acct-pager a.pg-btn:hover { border-color: #14D9C8; color: #14D9C8; }
.nnii-acct-pager .pg-btn.on {
	background: linear-gradient(90deg, #14D9C8, #6d8dff);
	border-color: transparent;
	color: #fff;
	cursor: default;
}
.nnii-acct-pager .pg-btn:focus-visible { outline: 2px solid #14D9C8; outline-offset: 2px; }
.nnii-acct-pager .pg-info { display: inline-block; margin-left: 8px; vertical-align: middle; }

/* 我的收藏列表 */
.fav-list { list-style: none; margin: 0; padding: 0 0 12px; }
.fav-list li {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid #eef1f6;
	border-radius: 12px;
	margin-bottom: 10px;
	background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
.fav-list li:hover { border-color: #ffd9c9; box-shadow: 0 4px 14px rgba(255, 140, 97, .10); }
.fav-list .fav-thumb { flex: 0 0 56px; display: block; border-radius: 8px; overflow: hidden; }
.fav-list .fav-thumb img { width: 56px; height: 56px; object-fit: cover; display: block; }
.fav-list .fav-body { flex: 1 1 auto; min-width: 0; }
.fav-list .fav-name { font-size: 15px; font-weight: 600; margin: 0 0 6px; }
.fav-list .fav-name a { color: #1f2733; text-decoration: none; }
.fav-list .fav-name a:hover { color: #14D9C8; }
.fav-list .fav-body > p { margin: 6px 0 0; }
.fav-list .fav-body .home-discount {
	position: static;
	display: inline-flex;
	align-items: center;
	height: 20px;
	min-width: 40px;
	padding: 0 6px;
	border-radius: 10px;
	background: linear-gradient(135deg, #FF8C61, #F07045);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}
.fav-list .fav-body .home-discount-normal { background: linear-gradient(135deg, #14D9C8, #7DE8DC) !important; }
.fav-list .fav-link {
	flex: 0 0 auto;
	height: 32px;
	line-height: 32px;
	padding: 0 14px;
	border-radius: 16px;
	background: #fff7f3;
	color: #FF8C61;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
}
.fav-list .fav-link:hover { background: #FF8C61; color: #fff; }
@media (max-width: 640px) {
	.fav-list .fav-thumb { flex-basis: 50px; }
	.fav-list .fav-thumb img { width: 50px; height: 50px; }
}

/* =========================================================
 * 8. 搜索页
 * ========================================================= */
.search-tabs {
	list-style: none;
	display: flex;
	gap: 8px;
	margin: 0;
	padding: 0 0 14px;
	flex-wrap: wrap;
}
.search-tabs a {
	display: inline-block;
	padding: 6px 16px;
	border-radius: 20px;
	background: #f2f5fb;
	color: #6b7480;
	font-size: 13px;
	text-decoration: none;
}
.search-tabs a:hover { background: #e8eefb; color: #14D9C8; }
.search-tabs a.active { background: #14D9C8; color: #fff; }
.search-meta { font-size: 13px; color: #8b95a3; margin: 0 0 12px; }
.search-meta b { color: #FF8C61; }

/* =========================================================
 * 9. WP 原生分页按钮化
 *    注：该 WP 版本会 sanitize class 参数（空格被剥离），
 *    因此同时匹配 .pagination 与 nav.navigation
 * ========================================================= */
.pagination,
nav.navigation { margin: 26px 0 34px; text-align: center; }
.pagination .nav-links,
nav.navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	align-items: center;
}
.pagination .page-numbers,
nav.navigation .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 14px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e2e6ee;
	color: #4b5563;
	font-size: 14px;
	text-decoration: none;
	transition: background .15s, color .15s, border-color .15s;
}
.pagination a.page-numbers:hover,
nav.navigation a.page-numbers:hover,
.page-numbers:focus-visible {
	background: #14D9C8;
	border-color: #14D9C8;
	color: #fff;
}
.pagination .page-numbers.current,
nav.navigation .page-numbers.current {
	background: #14D9C8;
	border-color: #14D9C8;
	color: #fff;
	font-weight: 600;
}
.page-numbers.dots { border: 0; background: transparent; min-width: auto; padding: 0; }

/* 搜索页分页：卡片 .pd20-3 底部 padding 为 0，末尾 nav 的 margin 会溢出卡片，
 * 导致「下一页」紧贴卡片底边；补一点卡片内底部留白（不改动原有外边距） */
body.search .tx-box > nav.navigation {
	padding-bottom: 18px;
}

@media (max-width: 640px) {
	.pagination,
	nav.navigation { margin: 20px 0 28px; }
	.pagination .page-numbers,
	nav.navigation .page-numbers { min-width: 34px; height: 34px; font-size: 13px; }
}

/* =========================================================
 * 10. 首页轮播统一尺寸
 * ========================================================= */
.home-flash .swiper-container { overflow: hidden; }
/* 参考站 17zhekouwan：轮播为 750x750 正方形大图，高度随宽度（1:1） */
.home-flash .swiper-slide {
	position: relative;
	aspect-ratio: 1 / 1;
	height: auto;
	overflow: hidden;
}
.home-flash .swiper-slide > a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* !important 压过 css.css 的 height:100%!important 及移动端 height:auto */
.home-flash .swiper-slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
}
/* css.css 的 .home-flash .swiper-slide a>img 优先级更高（object-fit:fill），同优先级对齐覆盖 */
.home-flash .swiper-slide a > img { object-fit: cover; }
/* 白底信息条压在图片底部（原为文档流内 height:22%!important） */
.home-flash .game_info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto !important;
}

/* 自定义轮播文字层（后台配置的 slide 使用此结构） */
.banner-cap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px 20px 14px;
	background: linear-gradient(180deg, rgba(15, 23, 42, 0), rgba(15, 23, 42, .72));
	color: #fff;
}
.banner-cap .bc-title {
	margin: 0 0 3px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.banner-cap .bc-sub { margin: 0; font-size: 13px; color: rgba(255, 255, 255, .92); }

@media (max-width: 640px) {
	.banner-cap { padding: 10px 14px 12px; }
	.banner-cap .bc-title { font-size: 15px; }
}

/* 内页折扣标对比度 */
.softzk { text-shadow: 0 1px 3px rgba(120, 20, 0, .45); }

/* =========================================================
 * 12. 全站按钮体系（圆角 8px；高度 32/38/44 三档；字号 13/14/15；
 *     TapTap 青主色，hover 加深，:focus-visible 键盘描边）
 * ========================================================= */
:root {
	--nnii-primary: #14D9C8;
	--nnii-primary-d: #0FC2B3;
	--nnii-primary-xd: #0AA99B;
	--nnii-success: #14D9C8;
	--nnii-success-d: #0FC2B3;
	--nnii-coral: #FF8C61;
	--nnii-coral-d: #F07045;
}

/* 键盘焦点统一描边 */
a.tx-btn:focus-visible,
.nnii-claim:focus-visible,
.nnii-copy:focus-visible,
.nnii-search .search-but:focus-visible,
.nnii-search-form button:focus-visible,
.auth-submit:focus-visible,
.qq-btn:focus-visible,
.page-numbers:focus-visible,
.m-close:focus-visible,
.uc-btn:focus-visible,
.more-games a:focus-visible {
	outline: 2px solid #14D9C8;
	outline-offset: 2px;
}

/* 顶部搜索按钮（与输入框同高 32px，避免错位） */
.nnii-search .search-but {
	height: 32px;
	line-height: 32px;
	min-width: 76px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	background: var(--nnii-primary);
}

/* 搜索页按钮（自 search.php 内联样式迁移，升为 42px 档并统一主色）
 * position 重置：搜索页 body 带 WP 标准 .search 类，会被旧框架
 * `.search button{position:absolute}` 误伤，导致按钮飞到容器顶部 */
.nnii-search-form button {
	position: static;
	height: 42px;
	padding: 0 28px;
	border: 0;
	border-radius: 9px;
	font-size: 16px;
	font-weight: 600;
	background: var(--nnii-primary);
	color: #fff;
	cursor: pointer;
}
.nnii-search-form button .fa { font-size: 16px; }
.nnii-search-form button:hover { background: var(--nnii-primary-d); }

/* 搜索页 body 重置：WP 会给搜索页 body 加 .search 类，旧框架的 .search 规则
 * 本意是头部搜索框，却会一起命中 body：
 *   移动端 .search{position:absolute;max-width:90px;right:6%;top:-5px}
 *   → 整个页面被压缩成 90px 宽的绝对定位块，内容空白、无法搜索
 *   通用 .search{padding:12px 0}、.search button{position:absolute} 亦会误伤
 * 此处仅重置 body.search，头部 .search 搜索框不受影响 */
body.search {
	position: static;
	max-width: none;
	right: auto;
	top: auto;
	padding: 0;
	float: none;
}

/* 登录提交按钮：补字距 */
.auth-submit { letter-spacing: 1px; }

/* 领取按钮 */
.nnii-claim {
	height: 40px;
	min-width: 88px;
	padding: 0 20px;
	border-radius: 9px;
	font-size: 14px;
	font-weight: 600;
	background: var(--nnii-success);
}

/* 下载按钮 */
.soft-down a.tx-btn {
	min-height: 46px;
	padding: 0 26px;
	border-radius: 9px;
	font-size: 15px;
	font-weight: 600;
}

/* 收藏按钮（详情页下载区） */
.nnii-fav-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 46px;
	line-height: 1.2;
	padding: 0 18px;
	border-radius: 9px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	vertical-align: middle;
	color: #FF8C61;
	background: #fff7f3;
	border: 1px solid #ffd9c9;
	transition: background .15s, color .15s, border-color .15s;
	box-sizing: border-box;
}
.nnii-fav-btn:hover,
.nnii-fav-btn.on {
	background: #FF8C61;
	border-color: #FF8C61;
	color: #fff;
}
.nnii-fav-btn .fa { font-size: 16px; color: #FF8C61; }
.nnii-fav-btn:hover .fa,
.nnii-fav-btn.on .fa { color: #fff; }
.nnii-fav-btn.on .fa-heart { color: #fff; }

/* “查看更多”胶囊按钮（width:auto 覆盖 css.css 的 width:80% 灰底样式） */
.more-games a {
	display: inline-block;
	width: auto;
	margin-bottom: 0;
	height: 38px;
	line-height: 38px;
	padding: 0 26px;
	border-radius: 19px;
	background: #f0f4ff;
	color: var(--nnii-primary);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: .15s;
}
.more-games a:hover {
	background: var(--nnii-primary);
	color: #fff;
}

/* 开服按钮 */
.server-open-btn {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 22px;
}

/* =========================================================
 * 13. 搜索页布局（flex 重排，配合 search.php 新结构）
 * ========================================================= */
.type-badge {
	display: inline-block;
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 4px;
	vertical-align: middle;
	margin-right: 4px;
}
.type-game { background: #eaf1ff; color: #14D9C8; }
.type-gift { background: #fff2e8; color: #FF8C61; }
.type-post { background: #eafaf0; color: #15b864; }

.nnii-search-form {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.nnii-search-form input[type=search] {
	flex: 1 1 240px;
	height: 42px;
	line-height: 42px;
	padding: 0 14px;
	border: 1px solid #e2e6ee;
	border-radius: 9px;
	background: #fbfcfe;
	font-size: 14px;
	box-sizing: border-box;
}
.nnii-search-form input[type=search]:focus {
	outline: none;
	border-color: #14D9C8;
	background: #fff;
}

.search-empty { text-align: center; padding: 44px 16px; }
.search-empty .fa { font-size: 38px; color: #cfd8e6; margin-bottom: 14px; }
.search-empty p { margin: 0 0 8px; }
.search-empty a { color: #14D9C8; }

/* 搜索结果列表（search.php 输出 ul.nnii-search-results > li.sr-item） */
.nnii-search-results { list-style: none; margin: 0; padding: 0; }
.sr-item {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 16px 4px;
	border-bottom: 1px solid #f0f3f8;
}
.sr-item:last-child { border-bottom: 0; }
.sr-thumb {
	flex: 0 0 150px;
	display: block;
	border-radius: 9px;
	overflow: hidden;
}
.sr-thumb img {
	width: 100%;
	height: 96px;
	object-fit: cover;
	display: block;
	border-radius: 9px;
}
.sr-body { flex: 1 1 auto; min-width: 0; }
.sr-title { margin: 0 0 6px; font-size: 17px; line-height: 1.5; }
.sr-title a { color: #1f2733; text-decoration: none; }
.sr-title a:hover { color: #14D9C8; }
.sr-meta { margin: 0 0 6px; font-size: 12px; color: #9aa3af; }
.sr-meta .fa { margin-right: 3px; }
.sr-meta span { margin-right: 12px; }
.sr-desc {
	margin: 0;
	font-size: 13px;
	color: #6b7480;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 640px) {
	.sr-item { flex-direction: row; gap: 10px; padding: 12px 0; }
	.sr-thumb { flex: 0 0 110px; }
	.sr-thumb img { height: 72px; }
	.sr-title { font-size: 15px; }
}

/* 礼包中心侧栏「领取说明」：框架 .pd20-3 底部 padding 为 0，补齐底部留白 */
.nnii-gift-note { padding-bottom: 20px; }

/* 礼包中心标题行：标题 + 我的礼包入口按钮 */
.nnii-gift-head { display: flex; align-items: center; justify-content: space-between; padding-right: 15px; }
.nnii-mygift-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 34px;
	padding: 0 18px;
	border-radius: 17px;
	background: linear-gradient(135deg, #FF8C61, #F07045);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: .15s;
}
.nnii-mygift-btn:hover { background: linear-gradient(135deg, #FF7A4A, #E05A2E); color: #fff; }

/* 侧栏用户卡片（search.php 输出 .nnii-user-card） */
.nnii-user-card .tx-title { margin-bottom: 12px; }
.uc-body { padding: 0 15px 15px; }
.uc-tip { font-size: 13px; color: #6b7480; margin: 0 0 12px; line-height: 1.6; }
.uc-actions { display: flex; gap: 10px; }
.uc-btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 40px;
	border-radius: 9px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: .15s;
	box-sizing: border-box;
}
.uc-btn.uc-login { background: var(--nnii-primary); color: #fff; }
.uc-btn.uc-login:hover { background: var(--nnii-primary-d); color: #fff; }
.uc-btn.uc-reg { border: 1px solid var(--nnii-primary); color: var(--nnii-primary); background: #fff; }
.uc-btn.uc-reg:hover { background: #f0f4ff; }

/* —— 用户中心 v2（搜索页侧栏）—— */
.uc-logged { font-size: 14px; }
.uc-user-line { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.uc-avatar {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: linear-gradient(135deg, #14D9C8, #7DE8DC);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	overflow: hidden;
}
/* 真实头像（QQ头像）：填满圆形容器 */
.uc-avatar img { display: block; width: 42px; height: 42px; border-radius: 50%; }
.uc-name-wrap { min-width: 0; }
.uc-name-wrap .uc-name { display: block; font-weight: 600; color: #1f2733; text-decoration: none; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; }
.uc-name-wrap .uc-name:hover { color: #14D9C8; }
.uc-sub { display: block; font-size: 12px; color: #9aa3af; }
.uc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
.uc-grid a {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 9px 10px;
	background: #f4f7fb;
	border-radius: 8px;
	font-size: 13px;
	color: #3d4757;
	text-decoration: none;
	transition: .15s;
}
.uc-grid a .fa { color: #14D9C8; font-size: 14px; width: 14px; text-align: center; }
.uc-grid a:hover { background: #e8f7f5; color: #0FC2B3; }
.uc-logout { display: block; text-align: center; font-size: 13px; color: #9aa3af; text-decoration: none; padding: 6px 0; border-top: 1px solid #f0f3f8; }
.uc-logout:hover { color: #f07045; }

/* =========================================================
 * 搜索结果 v2：游戏卡片 / 文章礼包行卡片 / 热门搜索标签云
 * ========================================================= */
.nnii-sr-wrap { display: flex; flex-direction: column; gap: 4px; }
/* 游戏结果卡片：结构对齐首页 .sytj（图标 + 标题行 + 下载按钮 + 元信息） */
.nnii-sr-game {
	position: relative;
	border: 1px solid #eef1f7;
	border-radius: 10px;
	padding: 12px;
	margin-bottom: 10px;
	transition: box-shadow .15s, border-color .15s;
}
.nnii-sr-game:hover { border-color: #c9ece8; box-shadow: 0 3px 12px rgba(20, 217, 200, .08); }
.nnii-sr-game > a { display: flex; gap: 12px; }
.nnii-sr-game-icon { flex: 0 0 72px; display: block; }
.nnii-sr-game-icon .img-box { display: block; border-radius: 12px; overflow: hidden; }
.nnii-sr-game-icon img { width: 100%; height: auto; display: block; }
.nnii-sr-game-info { flex: 1 1 auto; min-width: 0; position: relative; padding-right: 82px; }
.nnii-sr-game-titlerow { display: flex; align-items: center; gap: 6px; min-width: 0; }
.nnii-sr-game-titlerow .txt-ov { flex: 0 1 auto; min-width: 0; margin: 2px 0 8px; font-size: 15px; font-weight: 600; color: #1f2733; }
.nnii-sr-badge {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	min-width: 40px;
	height: 20px;
	padding: 0 8px;
	border-radius: 10px;
	background: linear-gradient(135deg, #FF8C61, #F07045);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}
.nnii-sr-badge.normal { background: linear-gradient(135deg, #14D9C8, #7DE8DC); }
.nnii-sr-game-dl {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 27px;
	padding: 0 15px;
	border-radius: 14px;
	background: var(--nnii-success, #2fbf71);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
}
.nnii-sr-game-dl:hover { background: var(--nnii-success-d, #28a862); color: #fff; }
.nnii-sr-game-meta { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* 文章/礼包结果行卡片（升级旧 .sr-item：卡片化 + hover） */
.nnii-sr-row {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 14px;
	border: 1px solid #eef1f7;
	border-radius: 10px;
	margin-bottom: 10px;
	transition: box-shadow .15s, border-color .15s;
}
.nnii-sr-row:hover { border-color: #c9ece8; box-shadow: 0 3px 12px rgba(20, 217, 200, .08); }

/* 热门搜索标签云 */
.nnii-hot-cloud { display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 15px 15px; }
.hs-tag {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	background: #f4f7fb;
	border-radius: 999px;
	font-size: 13px;
	color: #3d4757;
	text-decoration: none;
	transition: .15s;
}
.hs-tag:hover { background: #e8f7f5; color: #0FC2B3; }
.hs-tag.hs-hot { background: #fff3ed; color: #F07045; }
.hs-tag.hs-hot:hover { background: #ffe7db; color: #e05a2e; }

@media (max-width: 640px) {
	.nnii-sr-game-info { padding-right: 74px; }
	.nnii-sr-game-dl { padding: 0 11px; gap: 3px; }
	.nnii-sr-game-icon { flex: 0 0 60px; }
	.sr-thumb { flex: 0 0 110px; }
	.sr-thumb img { height: 72px; }
	.sr-title { font-size: 15px; }
	.uc-grid { grid-template-columns: 1fr; }
}

/* =========================================================
 * 详情页折扣标 / 下载按钮：完全对齐参考站（17zhekouwan.com）
 * 布局规则由 css.css 原生提供（两站同源模板）：
 *   - .soft-box>div（softzk）绝对定位右侧垂直居中，宽随断点 5.5rem→4.5rem
 *   - .soft-down a 桌面 30% → ≤696px 45% → ≤499px flex:1 等分一行
 *   - ≤499px：soft-wrap 230px 高 + soft-box 悬浮底部 + 隐藏二维码框
 * 此处只做配色与常规服（无折扣）的文字适配
 * ========================================================= */
.soft-down a.tx-btn .text,
.soft-down a.tx-btn .small { color: #fff; }
/* 桌面端两按钮之间留缝（手机端由 flex:1 + margin-right 控制） */
@media screen and (min-width: 697px) {
	.soft-down a + a { margin-left: 2%; }
}
/* 按钮内文字防挤压：小字超宽时省略，不撑破按钮 */
.soft-down a { white-space: nowrap; }
.soft-down .small {
	display: inline-block;
	max-width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}
/* 常规服（无折扣）：单行三字，缩小适配 zk.png 六边形 */
.softzk.softzk-normal span { font-size: .95rem; }

/* =========================================================
 * 28. 游戏详情头部移动端：保留原生「信息区悬浮软底」布局
 * 保持 css.css ≤499px 的 soft-box absolute 底部悬浮设计（不加 static/flex），
 * 仅将 soft-wrap 高度适当增大，使整条悬浮区随 bottom 固定而整体下移，
 * 避开上方游戏图标（含「内购项目/安全免费」标识），不遮挡。
 * 仅 ≤499px，不影响桌面/平板。
 * ========================================================= */
@media screen and (max-width: 499px) {
	.game-detail-page .soft-wrap { height: 252px; }
}
/* 极窄屏：卖点限宽 + 按钮字号自适应，防文字溢出/挤压（不改变布局） */
@media screen and (max-width: 380px) {
	.game-detail-page .soft-down a { font-size: 13px; }
	.game-detail-page .soft-box .yjh { max-width: 100%; font-size: 13px; }
}

/* 500~696px 区间：css.css 原生只有 width:45%（按钮变小留白多），
 * 扩展 ≤499px 的满宽并排规则到整个 ≤696px，按钮始终等宽撑满一行 */
@media screen and (max-width: 696px) {
	.soft-down { display: flex; }
	.soft-down a {
		width: auto;
		flex: 1;
		margin-right: 2%;
		padding: 0 12px;
	}
	.soft-down a.nnii-fav-btn {
		flex: 0 0 auto;
		padding: 0 14px;
	}
	.soft-down a:last-child { margin-right: 0; }
	.soft-down a > span.qrcode-box { display: none; }
}

/* 礼包领取按钮：清除 operate 红底 + 去重 */
.nnii-gift-item .operate {
	width: auto;
	height: auto;
	background: transparent !important;
	border-radius: 0;
}
.nnii-gift-item .operate .nnii-claim.tx-btn,
.nnii-gift-item .operate .nnii-claim.tx-btn.bg-green {
	background: var(--nnii-success) !important;
	color: #fff !important;
	opacity: 1 !important;
	filter: none !important;
	box-shadow: none !important;
	border: 0 !important;
	text-shadow: none !important;
	height: 40px;
	line-height: 40px;
	min-width: 88px;
	padding: 0 20px;
	border-radius: 9px;
}
.nnii-gift-item .operate .nnii-claim.tx-btn:hover,
.nnii-gift-item .operate .nnii-claim.tx-btn.bg-green:hover { background: var(--nnii-success-d) !important; }

/* =========================================================
 * 8. 列表折扣标：首页推荐 .sytj / 玩家种草 .maybelike 统一
 * ========================================================= */

/* 文字容器：占据剩余空间，右侧留出折扣标位置 */
.sytj li > a > div.item-info,
.maybelike li > a > div.mb-info {
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
	padding-right: 52px;
	box-sizing: border-box;
	width: auto !important;
}

/* 折扣标：首页推荐 + 玩家种草 统一 */
.sytj .home-discount,
.maybelike .home-discount {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1px;
	min-width: 40px;
	height: 20px;
	padding: 0 6px;
	border-radius: 10px;
	background: linear-gradient(135deg, #FF8C61, #F07045);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}
.sytj .home-discount-normal,
.maybelike .home-discount-normal {
	background: linear-gradient(135deg, #14D9C8, #7DE8DC) !important;
}
.sytj .home-discount .hd-num,
.maybelike .home-discount .hd-num { font-size: 12px; }
.sytj .home-discount .hd-zhe,
.maybelike .home-discount .hd-zhe {
	width: 12px;
	height: 12px;
	object-fit: contain;
}
.sytj .home-discount .hd-text,
.maybelike .home-discount .hd-text { font-size: 11px; letter-spacing: 1px; }

/* 覆盖 css.css 对 p 的固定宽度，避免折行 */
.sytj li > a > div.item-info p,
.maybelike li .mb-info p {
	width: auto !important;
	max-width: 100%;
}

/* =========================================================
 * 8.1 首页推荐/新游卡片 v2：标签内联到标题行 + 右上角下载按钮
 * （只作用 .sytj；.maybelike 玩家种草保持旧的右上角标签布局）
 * ========================================================= */
/* 右上角让给下载按钮（按钮约 70px 宽），文字区右侧留白相应加宽 */
.sytj li > a > div.item-info { padding-right: 78px; }
/* 标题行：flex，标签紧贴名称后方（标题不撑满、只按内容占宽） */
.sytj .nnii-title-row { display: flex; align-items: center; gap: 5px; min-width: 0; }
/* flex-grow=0：标题只占文字实际宽度，标签紧跟其后而非贴右；
 * flex-shrink=1 + min-width:0：空间不足时标题截断省略，
 * 右侧 78px 已为下载按钮预留，按钮永不被挤压覆盖（先保下载按钮） */
.sytj .nnii-title-row .txt-ov { flex: 0 1 auto; min-width: 0; }
/* 标签由绝对定位改为文档流内联（覆盖第 8 节的右上角定位） */
.sytj .nnii-title-row .home-discount { position: static; flex: 0 0 auto; }
/* 下载按钮：与详情页 soft-down 的 bg-green 视觉统一 */
.sytj .nnii-card-dl {
	position: absolute;
	right: 0;
	top: 1px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 27px;
	padding: 0 15px;
	border-radius: 14px;
	background: var(--nnii-success, #2fbf71);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
}
.sytj .nnii-card-dl .fa { font-size: 12px; }
.sytj .nnii-card-dl:hover { background: var(--nnii-success-d, #28a862); color: #fff; }
/* 手机窄屏：按钮压缩内边距，防止挤压标题 */
@media screen and (max-width: 696px) {
	.sytj li > a > div.item-info { padding-right: 72px; }
	.sytj .nnii-card-dl { padding: 0 11px; gap: 3px; }
}

/* 游戏库 / 分类页卡片：折扣标居中展示（替代原红色 .game-rating） */
.game-grid .home-discount,
.game-list-page .home-discount {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1px;
	min-width: 44px;
	height: 22px;
	margin: 0 auto;
	padding: 0 8px;
	border-radius: 11px;
	background: linear-gradient(135deg, #FF8C61, #F07045);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}
.game-grid .home-discount-normal,
.game-list-page .home-discount-normal {
	background: linear-gradient(135deg, #14D9C8, #7DE8DC) !important;
}
.game-grid .home-discount .hd-num,
.game-list-page .home-discount .hd-num { font-size: 13px; }
.game-grid .home-discount .hd-zhe,
.game-list-page .home-discount .hd-zhe { width: 13px; height: 13px; object-fit: contain; }
/* 旧的红色评分胶囊：统一改主色（.game-grid 内已不再输出） */
.game-rating { background: #14D9C8 !important; color: #fff !important; }
.game-grid .game-rating,
.game-list-page .game-rating { display: none !important; }

@media (max-width: 640px) {
	.sytj li > a > div.item-info,
	.maybelike li > div.mb-info { padding-right: 48px; }
	.sytj .home-discount,
	.maybelike .home-discount { height: 18px; min-width: 36px; padding: 0 5px; }
}

/* =========================================================
 * 14. 首页「推荐 / 新游」Tab：胶囊圆角按钮
 * ========================================================= */
.home-tab .tab-hd {
	display: inline-flex;
	align-items: center;
	list-style: none;
	margin: 4px 0 0;
	padding: 4px;
	background: #f2f5fb;
	border-radius: 999px;
}
.home-tab .tab-hd li {
	float: none;
	position: relative;
	line-height: 32px;
	padding: 0 28px;
	font-size: 15px;
	color: #6b7480;
	border-radius: 999px;
	cursor: pointer;
	transition: color .25s ease, background .25s ease, box-shadow .25s ease;
	-webkit-tap-highlight-color: transparent;
}
.home-tab .tab-hd li:hover { color: #14D9C8; }
.home-tab .tab-hd li.active {
	background: #fff;
	color: #14D9C8;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(30, 60, 140, .10);
}
.home-tab .tab-hd li.active::after { display: none !important; content: none !important; }
.home-tab .tab-bd { margin-top: 12px; }
.home-tab .tab-bd > ul { display: none; }
.home-tab .tab-bd > ul:first-child { display: block; }
@media (max-width: 640px) {
	.home-tab { padding: 8px 12px 0; }
	.home-tab .tab-hd li { padding: 0 22px; font-size: 14px; }
}

/* =========================================================
 * 14.5 资讯分类页子分类筛选 Tab（胶囊风格，与首页 Tab 一致）
 * ========================================================= */
.subcat-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 14px 20px 16px;
	border-bottom: 1px solid #f0f2f5;
}
.subcat-tabs a {
	line-height: 32px;
	padding: 0 20px;
	font-size: 14px;
	color: #6b7480;
	background: #f2f5fb;
	border-radius: 999px;
	transition: color .25s ease, background .25s ease, box-shadow .25s ease;
	-webkit-tap-highlight-color: transparent;
}
.subcat-tabs a:hover { color: #14D9C8; background: #e8fbf9; }
.subcat-tabs a.on {
	background: #14D9C8;
	color: #fff;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(20, 217, 200, .30);
}
@media (max-width: 640px) {
	.subcat-tabs { padding: 12px 14px; gap: 6px; }
	.subcat-tabs a { line-height: 30px; padding: 0 16px; font-size: 13px; }
}

/* =========================================================
 * 15. 游戏详情截图轮播：一排横滑胶片式，图片完整显示不裁剪
 * （高度随图片自然比例，width 100% + object-fit:contain）
 * ========================================================= */
.soft-screenshot .swiper-wrapper { align-items: flex-start; }
.soft-screenshot .swiper-slide {
	height: auto;
	background: transparent;
	overflow: hidden;
	border-radius: 8px;
}
.soft-screenshot .swiper-slide img {
	width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
	display: block;
	border-radius: 8px;
}

/* =========================================================
 * 15.5 游戏详情页礼包列表：参考站扁平简约风格
 * （灰底圆角行 + 青色胶囊按钮固定右侧垂直居中；
 *   礼包内容单行超出省略号；仅作用于 .game-gift 内，
 *   礼包中心 .game-gift-list 保持卡片样式不变）
 * ========================================================= */
.game-gift ul { gap: 5px; }
.game-gift .nnii-gift-item {
	position: relative;
	background: #f9f9f9;
	border: none;
	border-radius: 8px;
	padding: 13px 90px 13px 12px;
	gap: 0;
	overflow: hidden;
}
.game-gift .nnii-gift-item:hover {
	box-shadow: none;
	border-color: transparent;
	transform: none;
	background: #f2f5f4;
}
.game-gift .nnii-gift-item .gift-ico { display: none; }
.game-gift .nnii-gift-item .gift-link { gap: 0; }
.game-gift .nnii-gift-item .gift-name {
	font-size: 14px;
	font-weight: 700;
	color: #646464;
	margin: 0 0 2px;
}
.game-gift .nnii-gift-item .gift-content {
	display: block;
	-webkit-line-clamp: unset;
	-webkit-box-orient: unset;
	font-size: 13px;
	color: #888;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* meta 行（一人一码｜剩余｜限时｜限领｜已领）：展示而非隐藏，紧凑单行省略 */
.game-gift .nnii-gift-item .gift-info > .f-12 {
	display: block;
	font-size: 12px;
	color: #9aa3af;
	margin: 3px 0 0;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.game-gift .nnii-gift-item .gift-info > .f-12 b { color: #12CDB0; font-weight: 600; }
/* 领取按钮固定右侧垂直居中（含手机端，覆盖通用移动端 static 规则） */
.game-gift .nnii-gift-item .operate {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	margin: 0;
	flex: none;
}
.game-gift .nnii-gift-item .operate .nnii-claim,
.game-gift .nnii-gift-item .operate .tx-btn {
	min-width: 60px;
	height: 30px;
	line-height: 30px;
	padding: 0 16px;
	font-size: 13px;
	border-radius: 32px;
	background: #12CDB0;
	box-shadow: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.game-gift .nnii-gift-item:hover .operate .nnii-claim,
.game-gift .nnii-gift-item:hover .operate .tx-btn {
	animation: none;
	background: #0FC2B3;
}

/* =========================================================
 * 16. 手机版：顶部精简 + 侧栏重构（白底 + 用户区 + 搜索 + 导航）
 * ========================================================= */
/* 侧栏搜索框 / 用户区：默认隐藏（电脑版不显示），仅手机断点内展示 */
.wap-nav .wap-search,
.wap-nav .wap-user { display: none; }

@media screen and (max-width: 1218px) {
	/* 顶部放不下搜索框，整体隐藏（搜索移入侧栏） */
	.header .search { display: none !important; }

	/* 顶部登录区整体隐藏（用户入口移入侧栏） */
	.header .header-login { display: none !important; }

	/* 汉堡按钮：深色大按钮（原为白色 12px 宽，白底上不可见） */
	.header .nav-on {
		right: 10px;
		top: 4px;
		width: 44px;
		height: 44px;
		line-height: 44px;
		text-align: center;
		color: #1f2733 !important;
		border-radius: 10px;
		-webkit-tap-highlight-color: transparent;
		touch-action: manipulation;
	}
	.header .nav-on .fa { font-size: 20px; }

	/* 侧栏菜单层级提升到遮罩层之上（原 z-index:50 低于遮罩 98，导致菜单点击被遮挡） */
	.wap-nav { z-index: 100; }

	/* ---------- 侧栏容器：白底 + 左侧投影 ---------- */
	.wap-nav {
		background: #fff !important;
		box-shadow: -8px 0 28px rgba(31, 39, 51, .12);
		overscroll-behavior: contain; /* 抽屉内滚动不穿透到页面 */
	}

	/* ---------- 侧栏用户区 ---------- */
	.wap-nav .wap-user {
		display: block;
		padding: 18px 16px 14px;
		border-bottom: 1px solid #f0f3f8;
	}
	/* 已登录：用户信息行 + 两个快捷胶囊横向排列 */
	.wap-user .nnii-user-menu { display: block; position: static; }
	.wap-user .nnii-user-trigger {
		display: flex;
		width: 100%;
		max-width: none;
		height: 44px;
		padding: 0 10px 0 6px;
		border-radius: 10px;
		background: #f0faf9;
		border-color: #d7f2ee;
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	.wap-user .nnii-avatar { width: 32px; height: 32px; }
	.wap-user .nnii-avatar img { width: 32px; height: 32px; }
	.wap-user .nnii-uname { flex: 1 1 auto; max-width: none; font-size: 14px; }
	.wap-user .nnii-user-trigger .fa-caret-down { display: none; }
	/* 下拉在侧栏内强制展开为静态横排胶囊 */
	.wap-user .nnii-user-dropdown {
		position: static;
		display: flex;
		gap: 8px;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: none;
		padding: 0;
		background: transparent;
	}
	.wap-user .nnii-user-dropdown li { flex: 1 1 0; }
	.wap-user .nnii-user-dropdown li.nnii-logout { border-top: none; margin: 0; padding: 0; }
	.wap-user .nnii-user-dropdown li a {
		justify-content: center;
		height: 36px;
		padding: 0;
		border-radius: 18px;
		background: #f0f4ff;
		color: #4b5563;
		font-size: 13px;
	}
	.wap-user .nnii-user-dropdown li a .fa { color: #14D9C8; }
	.wap-user .nnii-user-dropdown li a:hover { background: #14D9C8; color: #fff; }
	.wap-user .nnii-user-dropdown li a:hover .fa { color: #fff; }
	.wap-user .nnii-user-dropdown li.nnii-logout a { background: #fdf1f1; color: #e05656; }
	.wap-user .nnii-user-dropdown li.nnii-logout a .fa { color: #e05656; }
	.wap-user .nnii-user-dropdown li.nnii-logout a:hover { background: #e05656; color: #fff; }
	.wap-user .nnii-user-dropdown li.nnii-logout a:hover .fa { color: #fff; }
	/* 手机侧栏：显示两字短标签 */
	.wap-user .nnii-menu-l { display: none; }
	.wap-user .nnii-menu-s { display: inline; }

	/* 未登录：登录 / 注册 并排各占一半（文字居中），QQ 整行 */
	.wap-user .nnii-anon-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.wap-user .nnii-anon-actions a {
		flex: 1 1 calc(50% - 5px);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		height: 44px;
		line-height: 44px;
		padding: 0;
		border-radius: 12px;
		background: #f0f4ff;
		border: 1px solid #dbe4ff;
		color: #4b5563;
		font-size: 15px;
		font-weight: 600;
		text-decoration: none;
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
	}
	.wap-user .nnii-anon-actions a:active { background: #14D9C8; border-color: #14D9C8; color: #fff; }
	.wap-user .nnii-anon-actions .nnii-qq-btn {
		flex: 1 1 100%;
		background: #e8f6fe;
		border-color: #c4e8fb;
		color: #12a6d9;
	}
	.wap-user .nnii-anon-actions .nnii-qq-btn:active { background: #12b7f5; border-color: #12b7f5; color: #fff; }

	/* ---------- 侧栏搜索框：加大点击区（44px+），16px 字号防 iOS 聚焦缩放 ---------- */
	.wap-nav .wap-search { display: block; padding: 14px 16px 26px; background: #fff; }
	.wap-nav .wap-search .nnii-search {
		display: flex;
		align-items: center;
		gap: 8px;
		background: #f4f6f9;
		border: 1px solid #e8ecf2;
		border-radius: 12px;
		padding: 4px 6px 4px 14px;
	}
	.wap-nav .wap-search .search-input {
		flex: 1 1 auto;
		min-width: 0;
		height: 44px;
		border: none;
		outline: none;
		background: transparent;
		font-size: 16px;
		color: #1f2733;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
	}
	.wap-nav .wap-search .search-but {
		flex: 0 0 auto;
		width: 44px;
		height: 44px;
		border: none;
		border-radius: 10px;
		background: #14D9C8;
		color: #fff;
		font-size: 16px;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.wap-nav .wap-search .search-but:active { background: #0FC2B3; }

	/* ---------- 侧栏导航列表：占满侧栏宽度，文字居中，分割线通栏 ---------- */
	.wap-nav .nav,
	.wap-nav .nav ul {
		display: block;
		width: 100%;
		float: none;
	}
	.wap-nav .nav li { width: 100%; }
	.wap-nav .nav li a {
		display: block;
		width: 100%;
		line-height: 48px;
		color: #1f2733;
		font-size: 15px;
		padding-left: 0;
		text-align: center;
		transition: color .12s;
	}
	.wap-nav .nav li a:hover { color: #0FC2B3; }
	.wap-nav .nav li::after { border-bottom: 1px solid #f0f3f8; }
	.wap-nav .nav li.on a { color: #0FC2B3; font-weight: 600; }
	.wap-nav .nav li ul { background: transparent !important; }
	.wap-nav .nav li ul li a {
		color: #6b7480;
		line-height: 36px;
		font-size: 13px;
		padding-left: 0;
		text-align: center;
	}
	.wap-nav .nav li ul li a:hover { color: #0FC2B3; }
}

/* =========================================================
 * SEO 视觉隐藏 h1（首页/游戏库等列表页）：不占布局，可被搜索
 * 引擎与屏幕阅读器正确读取（非 display:none）
 * ========================================================= */
.seo-h1 {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* =========================================================
 * 17. 首页轮播大尺寸（对齐 17zhekouwan 参考站）
 * 参考站为 750x750 正方形大图，高度 = 宽度（见第 10 节 aspect-ratio）
 * ========================================================= */
@media screen and (max-width: 696px) {
	/* 左右两栏都去掉框架 9% 大边距（.home [class*='col-']），保持卡片宽度一致 */
	.home .home_left,
	.home .home_right { padding-left: 0 !important; padding-right: 0 !important; }

	/* 其余卡片保留 10px 边距 */
	.home .home_left > .tx-box:not(.home-flash),
	.home .home_right > .tx-box,
	.home .home_right > dl {
		margin-left: 10px;
		margin-right: 10px;
	}
	/* 手机端轮播通栏无圆角（正方形随视口宽度） */
	.home .home-flash { border-radius: 0; }
	/* 手机靠滑动切换，隐藏左右箭头 */
	.home-flash .swiper-button-next,
	.home-flash .swiper-button-prev { display: none; }
}

@media screen and (max-width: 499px) {
	.home .home_left > .tx-box:not(.home-flash),
	.home .home_right > .tx-box,
	.home .home_right > dl {
		margin-left: 8px;
		margin-right: 8px;
	}
}

/* =========================================================
 * 18. 开服聚合表页 (/opening/)
 * ========================================================= */
.opening-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}
.opening-summary .tx-title { margin-bottom: 0; }
.opening-summary-right { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #6b7480; }
.opening-sum-today {
	background: #fff1e8;
	color: #FF8C61;
	font-weight: 600;
	padding: 3px 12px;
	border-radius: 20px;
}

.opening-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	table-layout: auto;
}
/* 中窄屏兜底：容器横向滚动，表格保持最小列宽，列永不错位/换行 */
.opening-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.opening-table { min-width: 580px; }
/* 修复框架 [class*='col-'] 对 opening-col-* 单元格的 float/width 污染，保证桌面端表格自适应 */
.opening-table thead th,
.opening-table tbody td {
	float: none;
	width: auto;
	min-height: 0;
	position: static;
}
.opening-table thead th {
	text-align: left;
	font-weight: 600;
	color: #9aa3af;
	font-size: 13px;
	padding: 10px 14px;
	border-bottom: 1px solid #eef1f6;
}
.opening-table tbody td {
	padding: 14px;
	border-bottom: 1px solid #f2f5f8;
	color: #4b5563;
	vertical-align: middle; /* 名称换行时按钮仍垂直居中，不错位 */
}
.opening-table tbody tr:last-child td { border-bottom: 0; }
.opening-table tbody tr:hover td { background: #f7fafd; }
.opening-table .opening-col-name a {
	color: #1f2733;
	font-weight: 600;
	text-decoration: none;
}
.opening-table .opening-col-name a:hover { color: #14D9C8; }
.opening-table .opening-col-time {
	font-variant-numeric: tabular-nums;
	color: #1f2733;
	font-weight: 500;
	white-space: nowrap;
}
/* 类型/时间/操作列去掉固定百分比宽：nowrap + 自动布局按内容收缩，
   中窄屏不会挤压操作列导致「进入详情」错位 */
.opening-table .opening-col-type { white-space: nowrap; }
.opening-table .opening-col-act { text-align: right; white-space: nowrap; width: 1%; }

/* 「今日开服」高亮行 */
.opening-table tr.opening-today td {
	background: #f0faf9;
}
.opening-table tr.opening-today:hover td { background: #e7f7f5; }
.opening-table tr.opening-today .opening-col-time { color: #0FC2B3; font-weight: 600; }

/* 「今日开服」badge */
.opening-badge {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	background: linear-gradient(135deg, #FF8C61, #F07045);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 10px;
	border-radius: 20px;
	line-height: 1.4;
	white-space: nowrap;
}

/* 空态提示 */
.opening-empty {
	color: #9aa3af;
	font-size: 15px;
	padding: 44px 0;
}

@media (max-width: 768px) {
	.opening-table { min-width: 0; }
	.opening-table,
	.opening-table thead,
	.opening-table tbody,
	.opening-table tr,
	.opening-table th,
	.opening-table td { display: block; }
	.opening-table thead { display: none; }
	.opening-table tbody tr {
		padding: 10px 0;
		border-bottom: 1px solid #f0f3f8;
		position: relative;
	}
	.opening-table tbody td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		/* !important 压制：桌面 width:1% 泄漏 + 框架 .home [class*='col-'] 的 9% padding 污染，
		   否则 td 被压成窄条、flex-end 把按钮甩出左边界 */
		width: 100% !important;
		padding: 8px 4px !important;
		float: none !important;
		border-bottom: 0;
		box-sizing: border-box;
	}
	.opening-table .opening-col-type::before { content: "类型："; color: #9aa3af; }
	.opening-table .opening-col-time::before { content: "下次开服："; color: #9aa3af; }
	.opening-table .opening-col-act { justify-content: flex-end; padding-top: 4px; }
	.opening-table .opening-col-act .tx-btn { height: 32px; line-height: 32px; padding: 0 16px; font-size: 13px; }
}

/* =========================================================
 * 19. 首页开服表入口
 * ========================================================= */
.opening-home-entry { padding: 0; }
.opening-home-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 20px;
	text-decoration: none;
	background: linear-gradient(135deg, #14D9C8, #0FC2B3);
	border-radius: 12px;
	color: #fff;
	transition: opacity .15s;
}
.opening-home-link:hover { opacity: .92; color: #fff; }
.opening-home-link .fa-calendar-check-o { font-size: 20px; }
.opening-home-text { flex: 1 1 auto; font-size: 15px; font-weight: 600; letter-spacing: .5px; }
.opening-home-arrow .fa { font-size: 18px; }

/* =========================================================
 * 20. 资讯页右栏：热门标签云 / 最热文章
 * ========================================================= */
.nnii-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 15px;
}
.nnii-tag-cloud a {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 4px;
	background: #f4f6f9;
	color: #4b5563;
	font-size: 13px;
	text-decoration: none;
	transition: background-color .15s, color .15s;
	-webkit-tap-highlight-color: transparent;
}
.nnii-tag-cloud a:hover {
	background: #14D9C8;
	color: #fff;
}
.nnii-hot-posts {
	padding: 6px 0 10px;
}
.nnii-hot-posts li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 15px;
	border-bottom: 1px dashed #f0f3f8;
}
.nnii-hot-posts li:last-child { border-bottom: 0; }
.nnii-hot-posts em {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 4px;
	background: #e9edf2;
	color: #6b7480;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
}
.nnii-hot-posts li:nth-child(-n+3) em {
	background: #FF8C61;
	color: #fff;
}
.nnii-hot-posts a {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #1f2733;
	font-size: 14px;
	text-decoration: none;
}
.nnii-hot-posts a:hover { color: #14D9C8; }
.nnii-hot-posts .fr {
	flex: 0 0 auto;
}

/* =========================================================
 * 21. 文章顶部关联游戏推荐卡片
 * ========================================================= */
.nnii-post-game {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #e8ecf2;
	border-radius: 12px;
	text-decoration: none;
	transition: border-color .15s, box-shadow .15s;
	box-sizing: border-box;
}
.nnii-post-game:hover {
	border-color: #14D9C8;
	box-shadow: 0 4px 16px rgba(20, 217, 200, .12);
}
.nnii-post-game .npg-logo {
	flex: 0 0 72px;
	width: 72px;
	border-radius: 14px;
	overflow: hidden;
}
.nnii-post-game .npg-info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.nnii-post-game .npg-title {
	font-size: 16px;
	font-weight: 700;
	color: #1f2733;
	display: flex;
	align-items: center;
	gap: 8px;
}
.nnii-post-game .npg-zk {
	flex: 0 0 auto;
	background: linear-gradient(135deg, #FF8C61, #F07045);
	color: #fff;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	padding: 1px 8px;
	border-radius: 20px;
}
.nnii-post-game .npg-desc {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #6b7480;
	font-size: 13px;
}
.nnii-post-game .npg-meta {
	color: #9aa3af;
	font-size: 12px;
}
.nnii-post-game .npg-btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 36px;
	padding: 0 18px;
	border-radius: 18px;
	background: linear-gradient(135deg, #14D9C8, #0FC2B3);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}
.nnii-post-game:hover .npg-btn { opacity: .92; }
@media (max-width: 640px) {
	.nnii-post-game { flex-wrap: wrap; }
	.nnii-post-game .npg-btn { width: 100%; justify-content: center; }
}

/* =========================================================
 * 22. 游戏详情页公众号福利卡片
 * 桌面端：右侧栏顶部显示（.nnii-wx-gift-side）
 * 移动端：头部信息卡下方独立显示（.nnii-wx-gift-m），避免嵌入头部卡内造成重叠
 * ========================================================= */
.nnii-wx-gift-m { display: none; }
@media (max-width: 768px) {
	.nnii-wx-gift-m { display: block; }
	.nnii-wx-gift-side { display: none; }
}

/* =========================================================
 * 23. 游戏详情页「申请专属礼包码」表单
 * ========================================================= */
/* 框架 .pd20-3 底部 padding 为 0，此处补齐底部留白 */
.nnii-apply-box .pd20-3 { padding-bottom: 20px; }
.nnii-apply-box .nnii-apply-tip {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 600;
}
.nnii-apply-form .nnii-apply-row {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}
.nnii-apply-form .nnii-apply-row > label {
	flex: 0 0 130px;
	text-align: right;
	color: #4b5563;
	font-size: 14px;
}
.nnii-apply-form .nnii-apply-row > label em {
	color: #e53e3e;
	font-style: normal;
	margin-left: 2px;
}
.nnii-apply-form .nnii-apply-row > input {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 420px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #d9e0ea;
	border-radius: 6px;
	font-size: 14px;
	box-sizing: border-box;
	outline: none;
	transition: border-color .15s, box-shadow .15s;
}
.nnii-apply-form .nnii-apply-row > input:focus {
	border-color: #14D9C8;
	box-shadow: 0 0 0 3px rgba(20, 217, 200, .12);
}
.nnii-apply-form .nnii-apply-row > input:focus-visible {
	outline: 2px solid #14D9C8;
	outline-offset: 1px;
}
.nnii-apply-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 16px 0 0 142px;
}
.nnii-apply-btn {
	height: 40px;
	padding: 0 26px;
	border: 0;
	border-radius: 20px;
	background: linear-gradient(135deg, #14D9C8, #0FC2B3);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: opacity .15s;
}
.nnii-apply-btn:hover { opacity: .92; }
.nnii-apply-btn.loading { opacity: .6; cursor: not-allowed; }
.nnii-apply-done {
	padding: 26px 0 6px;
	text-align: center;
	color: #00a32a;
}
.nnii-apply-done i { font-size: 40px; }
.nnii-apply-done p {
	margin: 8px 0 0;
	color: #4b5563;
	font-size: 14px;
}
@media (max-width: 768px) {
	.nnii-apply-form .nnii-apply-row {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}
	.nnii-apply-form .nnii-apply-row > label {
		flex: 0 0 auto;
		text-align: left;
	}
	.nnii-apply-form .nnii-apply-row > input { max-width: none; }
 .nnii-apply-actions { margin-left: 0; }
 .nnii-apply-btn { width: 100%; }
}

/* =========================================================
 * 23. 游戏详情页「其他版本下载」板块（游戏信息上方）
 * 数据源：后台其他版本下载链接（一行一个 版本名,链接）
 * ========================================================= */
.nnii-versions-body { padding: 12px 16px 16px; }
.nnii-versions-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px; }
.nnii-versions-list li { margin: 0; }
.nnii-version-btn { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 20px; border-radius: 4px; font-size: 14px; }
.nnii-version-btn .fa { font-size: 15px; }
.nnii-version-btn .text { color: #fff !important; font-size: 14px; }
@media (max-width: 640px) {
 .nnii-versions-list { gap: 8px; }
 .nnii-version-btn { flex: 1 1 calc(50% - 4px); justify-content: center; height: 38px; padding: 0 10px; }
}

/* =========================================================
 * 24. 用户主页（/author/xxx/）
 * 公开展示头像 / 统计 / 玩过的游戏 / 领过的礼包（不含兑换码）
 * ========================================================= */
.au-card-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 22px 20px; background: linear-gradient(135deg, rgba(19,217,200,0.07), rgba(6,182,212,0.05)); }
.au-avatar { flex: 0 0 auto; }
.au-avatar img { width: 96px; height: 96px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.12); display: block; }
.au-base { flex: 1 1 auto; min-width: 200px; }
.au-nick { font-size: 22px; font-weight: 700; margin: 0 0 6px; color: #333; }
.au-qq { font-size: 12px; color: #12B7F5; margin-top: 6px; }
.au-stats { display: flex; margin: 0; padding: 0; list-style: none; gap: 28px; flex: 0 0 auto; }
.au-stats li { text-align: center; }
.au-stats li b { display: block; font-size: 22px; font-weight: 700; color: var(--nnii-primary, #0FC2B3); line-height: 1.2; }
.au-stats li span { display: block; font-size: 12px; color: #999; margin-top: 4px; }
.au-games { display: flex; flex-wrap: wrap; gap: 14px; }
.au-game { width: calc(12.5% - 13px); min-width: 86px; text-align: center; position: relative; }
.au-game .img-box { border-radius: 10px; overflow: hidden; }
.au-game-name { font-size: 13px; color: #333; margin: 6px 0 4px; line-height: 1.3; height: 17px; }
.au-game .home-discount { position: static; display: inline-flex; align-items: center; justify-content: center; gap: 1px; min-width: 40px; height: 20px; margin: 0 auto 4px; padding: 0 7px; border-radius: 10px; background: linear-gradient(135deg, #FF8C61, #F07045); color: #fff; font-size: 11px; font-weight: 700; line-height: 1; white-space: nowrap; }
.au-game .home-discount-normal { background: linear-gradient(135deg, #14D9C8, #7DE8DC) !important; }
.au-game .home-discount .hd-num { font-size: 12px; }
.au-game .home-discount .hd-text { font-size: 11px; letter-spacing: 1px; }
.au-game-meta { margin: 0; }
.au-game:hover .au-game-name { color: var(--nnii-primary, #0FC2B3); }
.au-gifts { margin: 0; padding: 8px 16px 14px; list-style: none; }
.au-gifts li { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #eee; }
.au-gifts li:last-child { border-bottom: none; }
.au-gift-ico { flex: 0 0 36px; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background: rgba(19,217,200,0.12); color: #0FC2B3; font-size: 16px; }
.au-gift-body { flex: 1 1 auto; min-width: 0; }
.au-gift-name { margin: 0 0 2px; font-size: 14px; }
.au-gift-name a { color: #333; }
.au-gift-name a:hover { color: var(--nnii-primary, #0FC2B3); }
@media (max-width: 1024px) { .au-game { width: calc(16.66% - 12px); } }
@media (max-width: 768px) {
 .au-card-inner { gap: 12px; padding: 16px; }
 .au-avatar img { width: 72px; height: 72px; }
 .au-nick { font-size: 19px; }
 .au-stats { width: 100%; gap: 0; justify-content: space-between; }
 .au-game { width: calc(25% - 11px); }
}
@media (max-width: 480px) { .au-game { width: calc(33.3% - 10px); } }

/* =========================================================
 * 25. 开服表分页（archive-opening.php，复用 .pagination 基础样式）
 * ========================================================= */
.opening-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 16px; gap: 6px; }

/* =========================================================
 * 26. 玩家种草 .img-m-left 卡片 v2：
 * 折扣/常规标签内联到标题行 + 右侧下载按钮（对齐首页 .sytj v2）
 * 作用：游戏详情页「玩家种草」、礼包详情页「关联游戏 / 最热游戏」
 * ========================================================= */
/* 文字区右侧让位给下载按钮（约 70px） */
.maybelike li > a.img-m-left > div.mb-info { padding-right: 82px; }
/* 标题行：flex，标签紧贴名称后面（覆盖第 8 节右上角绝对定位） */
.maybelike li > a.img-m-left .nnii-title-row {
	display: flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
}
.maybelike li > a.img-m-left .nnii-title-row .txt-ov { flex: 0 1 auto; min-width: 0; }
.maybelike li > a.img-m-left .nnii-title-row .home-discount { position: static; flex: 0 0 auto; }
/* 下载按钮：右上角，与 .sytj 视觉统一 */
.maybelike li > a.img-m-left > .nnii-card-dl {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 27px;
	padding: 0 14px;
	border-radius: 14px;
	background: var(--nnii-success, #2fbf71);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
}
.maybelike li > a.img-m-left > .nnii-card-dl .fa { font-size: 12px; }
.maybelike li > a.img-m-left > .nnii-card-dl:hover { background: var(--nnii-success-d, #28a862); color: #fff; }
@media screen and (max-width: 696px) {
	.maybelike li > a.img-m-left > div.mb-info { padding-right: 74px; }
	.maybelike li > a.img-m-left > .nnii-card-dl { padding: 0 10px; gap: 3px; }
}

/* 26 段末：.maybelike 相关样式见上文，口碑热榜 .ranking 由 css.css 控制（hover 展开交互） */