@charset "utf8";
/****  图标css样式 ****/
/*!
 *  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('./fonts/fontawesome-webfont.eot?v=4.7.0');src:url('./fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('./fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('./fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('./fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('./fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') 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"}.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}



/*** 主css样式 ***/
* {
    margin: 0;
    padding: 0;
}

/*主字体*/
@font-face{
font-family:"Misans";
src:url("fonts/midb/MiSansdb.woff");
font-style:normal;
font-weight:normal;
}
@font-face{
font-family:"bbc";
src:url("fonts/bbc/bbc.woff");
font-style:normal;
font-weight:normal;
}

/*英文字体*/
@font-face{
font-family:"Din";
src:url('fonts/din/DIN.woff2') format("woff2");
font-style:normal;
font-weight:normal;
}

/*数字字体*/
/*
@font-face{
font-family:"time";
src:url("./fonts/time/time.eot");
src:url("./fonts/time/time.eot?#iefix") format("embedded-opentype"),url("./fonts/time/time.woff") format("woff"),url("./fonts/time/time.ttf") format("truetype"),url("./fonts/time/time.svg#time") format("svg");
font-style:normal;
font-weight:normal
}
*/

.detailed a,
.page-navigator li,
.copyright{
    font-family:Din;
}
.sitename,
.title-name,
.solarlunar,
.week,
.siteurl,
#demo,
.copyright-auth,
.archive_page,
.Lyu1,
.Lyu3,
.Lar,
.La,
.L1,
.L2,
.L3,
.L4,
.L5,
.ttop,
.linktm,
.game,
#content4,
.ping1,
.ping2,
.comment-u,
.submit,
#share_home{
    font-family:"Misans";
}

::selection {
    background: rgb(0 123 255 / 70%);
    color: #ffffff
}
::-webkit-scrollbar {
    width: 0px;
    height: 7px;
    border-radius: 16px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    border-radius: 16px;
    background:#969696;
    transition: 0.3s ease-in-out;
}
::-webkit-scrollbar-track {
    border-radius: 16px;
    background-color: #c9c9c9;
}

html {
}

body {
    cursor: url(../img/cur/default.cur),auto;
    font-family:pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,"sans-serif";
    /*background: url(https://img.jinchuang.org/typecho/img/body/0.webp) no-repeat center center/cover fixed;*/
    background:#f7f7f7;
    color: #333;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.8;
}

h1{
    color:#4b4b4b;
}
h3,h4{
    font-size: 16px;
    color:#494949;
}
h4{
    color:#494949;
}
a,label,button,.menu li,.game,.toTop,#tp-weather-widget,.mulogo{
    cursor: url(../img/cur/pointer.cur),auto !important;;
}
input,textarea{
    cursor: url(../img/cur/text.cur),auto;
}
a,u {
    display: inline-block;
    color: #2aae6b;
    text-decoration: none;
    text-indent: 0px;
}
p {
    padding: 3px
}
hr {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid #e6e6e6e;
    border-bottom: 1px solid #e6e6e6;
}
q{
    quotes:"『" "』";
}
iframe{
    border-radius: 6px;
}
header {
    width: 100%;
    height:60vh;
    user-select: none;
    /*background:url(https://img.wojc.cn/typecho/headimg/56.webp) no-repeat;*/
    background-position: center !important;
    background-size: cover !important;
    position: relative;
overflow: hidden;
}
header::before{
    /*content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity:0.6;
    z-index:1;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzMjU2Mjk3QTFBNTExRUU5NUZFREQwNzc4M0RCQUU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzMjU2Mjk4QTFBNTExRUU5NUZFREQwNzc4M0RCQUU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjMyNTYyOTVBMUE1MTFFRTk1RkVERDA3NzgzREJBRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjMyNTYyOTZBMUE1MTFFRTk1RkVERDA3NzgzREJBRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz67/qNdAAAAHElEQVR42mL4//8/AxQwAbExjMOIzGHAywEIMADf/wPNklW80wAAAABJRU5ErkJggg==);*/
}

#wave::after{
    content: "";
    width: 100%;
    height: 40px;
    bottom: -40px;
    position: absolute;
    background-image: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, #ffffff 100%);
}

#pjax-container{
    position:relative;

}

/*ie判断*/
#popupDiv{

}

/* 弹窗样式 */
#firsttime {
    position: fixed;
    bottom: 20%;
    width: 260px;
    left: 50%;
    transform: translate(-50%);
    padding: 10px;
    font-size: 13px;
    font-weight:bold;
    color:#000;
    z-index:999999999;
    border: none;
    text-align:center;
    border-radius:8px;
    box-shadow: 0 0 40px rgb(42 42 42 / 30%);
    background: rgb(255 255 255 / 15%);
    backdrop-filter: blur(5px);
}
#firsttime span{
    background-image: -webkit-linear-gradient(0deg, #ffda86, #ff877b, #eeff6c, #80ff9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 1s infinite linear;
}
.firsttime{
    text-align: center;
    text-indent: 0;
    padding: 4px 10px;
    background: rgb(255 255 255 / 15%);
    color: #0099f5;
    border: none;
    width: 45px;
    font-size: 12px;
    height: 35px;
    position: absolute;
    right: 5px;
    top: 4px;
    background-image: -webkit-linear-gradient(0deg, #ffda86, #ff877b, #eeff6c, #80ff9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 1s infinite linear;
}
#particles-js{
    position:absolute;
    width:100%;
    height:100%;
}
.particles-js-canvas-el{
    height:100vh;
}

.main {
    margin: 0 auto;
    padding-top: 50px;
    max-width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.postmain {
    margin: 0 auto;
    padding:40px;
    padding-top: 50px;
    max-width: 990px;
    width:90%;
    position: relative;
    background: rgba(255, 255, 255,0.5);
    box-shadow:0 0 50px -10px #f3f3f3;
    border-radius: 10px;
    margin-top: 100px;
    bottom:30px;
}
.postmain+#comments {
    background:rgba(255, 255, 255,0.5);
    box-shadow: unset;
}


/*彩块背景*/
.animate-float-orb {
    animation: 8s ease-in-out infinite floatOrb;
}

.inset-0 {
    inset: calc(.25rem * 0);
}
.absolute {
    position: absolute;
}
.pointer-events-none {
    pointer-events: none;
}
.overflow-hidden {
    overflow: hidden;
}

@keyframes floatOrb {
    0%,to {
        transform: translate(0)scale(1)
    }

    33% {
        transform: translate(20px,-15px)scale(1.04)
    }

    66% {
        transform: translate(-10px,10px)scale(.97)
    }
}

/*新年样式*/
/*.postmain:before{
    content:'';
    position:absolute;
    background:url(https://img.jinchuang.org/typecho/newyear/img/2025/fu.png) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 6px;
    margin-top: 6px;
    transform: rotate(-2deg);
    top: 0;
    left: 0;
    z-index:10;
}*/
.postmain ul{
    padding-left:20px;
}
.pagemain {
    margin: 0 auto;
    padding-top: 50px;
    max-width: 990px;
    position: relative;
}
.pagemain + #comments {
    box-sizing: border-box;
    padding: 25px 0px;
}
.pagearticle{
    padding:0px;
}
.ulogo, .intro-logo{
    width: 40px;
    height: 40px;
    transition: all ease 0.3s;
}
.ulogo:hover{
    transform: rotate(360deg);
    transition: all ease 0.3s;
}
.mulogo{
    display:none;
    z-index:11;
}
.intro-sitename {
    display: flex;
    align-items: center;
    height: 65px;
    margin-left: 20px;
    position: relative;
    z-index:2;
}

ul li {
    list-style-type:none;
}
input::-webkit-input-placeholder {
    color: #828282;
}
input:-moz-placeholder {
    color: #828282;
}
input::-moz-placeholder {
    color: #828282;
}
input:-ms-input-placeholder {
    color: #828282;
}
input:-internal-autofill-selected {
    background-color:rgba(255,255,255,0.01);
}
/* 代码样式 */
code {
    font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
    font-size: 12px;
    background: #ededed;
    color: #000;
    border-radius: 4px;

}
li code{
    background: #ebeeef;
}
pre {
    display: block;
    padding: 7px;
    margin:2px;
    font-size: 12px;
    color: black;
    word-break: break-all;
    word-wrap: break-word;
    background-color:rgb(238 239 243 / 10%);
    overflow: auto;
    border-radius: 6px;
    border: 1px solid #eeeff3;
    border-top: 26px solid #eeeff3;
}
pre:before {
    content: "⬤ ⬤ ⬤";
    line-height: 1;
    font-size: 14px;
    background-image:linear-gradient(to right, #4CAF50 0%, #4CAF50 33%, #FFC107 33%, #FFC107 66%, #ff3d00 66%,#ff3d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    margin-top: -26px;
    margin-left:6px;
}
pre code {
    background:unset;
}
.hljs {
    color: black !important;
    background:unset !important;
}
.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
    color: #50bdff  !important;
}
.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
    color: #4db4ff !important;
}
.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ {
    color: #b58cff !important;
}
.hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ {
    color: #ff5262 !important;
}
.hljs-subst {
    color: #FF9800 !important;
}
.hljs-section {
    color: #64afff !important;
}
.marquee-box {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.marquee {
    width: 8000%;
    height: 60px;
}
.Snow{
    opacity:0.8;
}
.wave-list-box {
    float: left;
}
.wave-list-box ul {
    float: left;
    height: 60px;
    overflow: hidden;
    zoom: 1;
}
.wave-list-box ul li {
    height: 60px;
    width: 100%;
    float: left;
    line-height: 30px;
    list-style: none
}
.wave-box {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 70px;
    margin-top: 25px;
    z-index: -1;
    filter: drop-shadow(0px 2px 4px #2aae6b)
}
.tparallax {

}
.tparallax > use {
    animation: move-forever 20s linear infinite
}
.tparallax > use:nth-child(1) {
    animation-delay: -2s
}
.tparallax > use:nth-child(2) {
    animation-delay: -4s;
    animation-duration: 5s
}
.tparallax > use:nth-child(3) {
    animation-delay: -8s;
    animation-duration: 7s
}
.tparallax > use:nth-child(4) {
    animation-delay: -10s;
    animation-duration: 9s
}
.tparallax > use:nth-child(5) {
    animation-delay: -12s;
    animation-duration: 10s
}
.twiiuii_layout {
    width: 100%;
    height: 80px;
    position: absolute;
    z-index:0;
    background: var(--footer-bg);
    bottom:-1px;
    z-index:2;
    background-image:unset;
    overflow: hidden;
}
.tparallax use:nth-child(1) {
    fill: rgba(247,247,247,0.1);
}
.tparallax use:nth-child(2) {
    fill: rgba(247,247,247,0.25);
}
.tparallax use:nth-child(3) {
    fill: rgba(247,247,247,0.5);
}
.tparallax use:nth-child(4) {
    fill: rgba(247,247,247,0.75);
}
.tparallax use:nth-child(5) {
    fill: rgb(247 247 247);
}
.teditorial {
    display: block;
    width: 100%;
    height: 80px;
    margin: 0;
}
.article {
    padding:0px;
    margin-bottom:16px;
    border-radius:10px;
    -webkit-animation: article-up .8s;
    animation: article-up .8s
}

.inarticle {
    padding:0px;
    border-radius:12px;
    margin:25px 25px;
    width:400px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgb(255 255 255 / 20%);
    box-shadow: rgb(0 0 0 / 1%) 0px 4px 24px, rgb(255 255 255 / 95%) 0px 1px 0px inset;
    transition: all ease-out 0.4s;

}
.inarticle:hover {
    box-shadow: rgb(0 0 0 / 3%) 0px 4px 24px, rgb(255 255 255 / 95%) 0px 1px 0px inset;
    transform: scale(1.06);
    transition: all ease 0.3s;

}
.article .readmore {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgb(255 255 255 / 20%);
    box-shadow: rgb(0 0 0 / 1%) 0px 4px 24px, rgb(255 255 255 / 95%) 0px 1px 0px inset;
    transition: all ease-out 0.4s;
    border-radius: 10px;
    user-select: none;
    margin-top:10px;
}
.article .list-cont{
    line-height:34px;
}
.visib-768 {
    display: none
}
.header-top{
    position:fixed;
    top:0;
    width: 100%;
    height: 65px;
    z-index:10;
    transition: all 0.3s ease;
}

#nprogress{
    height: 2px;
    width: 100%;
    position: fixed;
    top: 0;
}
.bar{
    height:2px;
}
.scrolltop{
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position:center;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 15px 0px;
    opacity:0;
    transition: all ease 0.3s;
}


.intro {
    height:65px;
    width: 100%;
    text-align: center;
    display:flex;
    position: relative;
}
.introb{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity:0;
    z-index:1;
}
.introb::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity:0.3;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzMjU2Mjk3QTFBNTExRUU5NUZFREQwNzc4M0RCQUU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzMjU2Mjk4QTFBNTExRUU5NUZFREQwNzc4M0RCQUU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjMyNTYyOTVBMUE1MTFFRTk1RkVERDA3NzgzREJBRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjMyNTYyOTZBMUE1MTFFRTk1RkVERDA3NzgzREJBRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz67/qNdAAAAHElEQVR42mL4//8/AxQwAbExjMOIzGHAywEIMADf/wPNklW80wAAAABJRU5ErkJggg==);
}
.intro-logo {
    display: block;
    margin: 0 auto;
    animation: rotation 6s infinite linear;
}
.sitename{
    color: white;
    font-size:24px;
}
.sitename:hover{

}
.header-siteinfo {
    /*position: absolute;
    top: 170px;
    left: 50%;
    transform: translate(-50%);
    color: white;
    z-index:9;
    font-size: 24px;
    letter-spacing: 2px;
    width: max-content;
    text-align:center;
    opacity: 0.1;
    transition: opacity 1s ease-in;
*/
    position:relative;
    top:20%;
    color: #0093ff;
    z-index: 9;
    font-size: 4rem;
    font-weight: 800;
    width: 100%;
    height: 45%;
    text-align: center;
    display: flex;
    transition: opacity 1s ease-in;
    align-items: flex-end;
    justify-content: center;
    transform: rotate(-10deg);
}
.header-siteinfo.shows {
    opacity: 1;
}
.siteurl{
    color: white;
    font-size: 4rem;
    font-family: 'FontAwesome';
    width: 100%;
    position: relative;
    height: 100%;
}
.siteimg{
    position: absolute;
    left: 25%;
    top: -10%;
    width: 300px;
    height:100%;
    z-index: -1;
    opacity:0.85;
    transition: all ease-out 0.3s;
}
.siteimg img{
    height:100%;
}
.site-1{
    color:black;
    font-weight:600;
    font-size: 2.2em;
    font-family: bbc;
    -webkit-text-fill-color: transparent;
    background:linear-gradient(84deg, #ffffff, #86a9dd, #3e5c97, #5c81cd);
    -webkit-background-clip: text;
    background-clip: text;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    height: max-content;
}
.site-2{
    display:none;
    color:#0780ff;
    margin-left:180px;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(135deg, #a6bcdd, #038dff);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight:600;
    font-family:"bbc";
    font-size:3rem;
    float: right;
    position: absolute;
    right: 17%;
    top: 130px;
    letter-spacing: 10px;
}
.header-siteinfo:hover {
}
.header-social {
    /*position: absolute;
    text-align: center;
    top:230px;
    left: 50%;
    z-index:9;
    transform: translate(-50%);
    width: max-content;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    opacity:0.1;
    transition: opacity 1s ease-in;
*/
    position: relative;
    text-align: center;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -0%);
    width: 100%;
    gap: 60px;
    z-index: 9;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    transition: opacity 1s ease-in;
    align-items: center;
}
.header-social.shows {
    opacity: 1;
}
.header-social a{
    margin:8px;
}
.contact{
    position:relative;
}

.fa{
    font-size:14px;
    transition: all ease 0.3s;
}

/*header图标*/
.fa-envelope:before{
    position:relative;
    top:-1px;
    font-size:16px;
}
.fa-headphones:before{
    font-size:16px;
}
.fa-video-camera:before{
}
.fa-github:before{
    font-size:16px;
}
.fa-music{
    animation: rotation 6s infinite linear;
    color: #ff7c07;
    left: 4px;
    top:2px;
    background: white;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    border: 2px solid #ff7c07;
    position: relative;
}
.fa-music:before {
    font-size: 12px;
    left: -1px;
    top: -2px;
    position: relative;
}
.fa-image{

}


/*文章图标*/
.fa-clock-o{
    font-size:12px;
    color:#8d8d8d;
}
.fa-navicon{
    font-size:12px;
    color:#8d8d8d;
}
.fa-tag{
    font-size:12px;
    color:#8d8d8d;
}
.fa-commenting{
    font-size:12px;
    color:#8d8d8d;
}
.fa-eye{
    font-size:14px;
    color:#8d8d8d;
}

/*扩展页面图标*/
.fa-globe{
    font-size:26px;
}
.fa-heart{
    font-size:26px;
}
.fa-download{
    font-size:26px;
}
.fa-hourglass{
    font-size:26px;
    transform: rotate(90deg);
}
.fa-video-camera{
    font-size:26px;
}
.fa-paper-plane{
    position: relative;
    margin-right:5px;
    font-size: 16px;
}
.fa-link{
    position: relative;
    font-size: 16px;
    font-weight: bold;
    margin-right:5px;
}
.fa-play-circle{
    position: relative;
    font-size: 16px;
    font-weight: bold;
    margin-right:5px;
}
.fa-cloud-download{
    position: relative;
    font-size: 16px;
    font-weight: bold;
    margin-right:5px;
}


/*娱乐页面图标*/
.fa-gamepad{
    font-size:28px;
    transform: translateY(-2px);
}

.fa-internet-explorer{
    font-size:26px;
}

/*归档页面图标*/
.fa-folder{
    font-size:26px;
}
.fa-archive{
    font-size:26px;
}
.fa-calendar{

}
.fa-tags{
    font-size:26px;
}
.fa-repeat{
    font-size:26px;
}
.fa-modx{
    font-size:26px;
}
.fa-tasks{
    font-size:26px;
}

/*关于页面图标*/
.fa-user{
    font-size:26px;
}	
.fa-address-card{
    font-size:24px;
}	
.fa-gift{
    font-size:28px;
}	
.fa-qrcode{
    font-size:26px;
}
	
.fa:hover{
    transition: all ease 0.3s;
}

/*footer图标*/
.fa-tumblr{
    margin-top:2px;
}

.flinkemail,.flink{
  /*  background: rgba(255,255,255,0.1);
    color:rgba(255,255,255,1);
    width: 24px;
    height: 22px;
    border-radius: 4px;
    padding: 0px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
*/
    background: rgba(255,255,255,0);
    border: none;
    border-radius: 980px;
    color: white;
    width: 120px;
    height: 35px;
    padding: 0px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 16px rgb(0 0 0 / 5%);
    transition:all ease-out 0.3s;
    border: 1px solid rgb(255 255 255 / 8%);
}

.flink:hover{
background: rgb(255 255 255 / 30%);
    box-shadow: 0 10px 12px 3px rgb(136 170 215 / 40%), 0 3px 10px rgb(132 165 212 / 30%) inset;;
    transition: all ease-in 0.3s;
}
.flink:hover .fa-image{
    background-image: -webkit-linear-gradient(45deg, #ffda86, #ff877b, #eeff6c, #80ff9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 1s infinite linear;
}
#demo {
    /*
    border-radius: 4px;
    padding: 0px 6px;
    height:22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:white;
    backdrop-filter: blur(2px);
    */
    background: rgb(255,255,255,0);
    border: none;
    border-radius: 980px;
    color: rgba(255, 255, 255, 1);
    width: 120px;
    height: 35px;
    padding: 0px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 16px rgb(81 81 81 / 10%), 0 1px 3px rgb(0 0 0 / 10%) inset;
    border: 1px solid rgb(255 255 255 / 15%);

    /*
    background-image: -webkit-linear-gradient(45deg, #ffda86, #ff877b, #eeff6c, #80ff9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 1s infinite linear;*/
}

#demo:hover {
background: rgb(0 100 255 / 10%);
/*  
    background-image: -webkit-linear-gradient(45deg, #ffda86, #ff877b, #eeff6c, #80ff9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    -webkit-animation: hue 1s infinite linear;
*/
}
.GGtitle{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 2px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}
#noticeModal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0,0.1);
    backdrop-filter:blur(20px);
    z-index: 9999;
}
#noticeContent{
    width: 400px;
    max-width: 70%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    text-align:center;
    padding:30px;
    color:white;
    border-radius:10px;
    background:rgba(255,255,255,0.1);
    font-family:sans-serif;
}
#closeNotice{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(255 255 255 / 30%);
    border-radius: 6px;
    border: none;
    outline: none;
    width: 60px;
    letter-spacing: 2px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    color: #ffffff;}
.hicon{
    margin-left:2px;
    background-image: -webkit-linear-gradient(45deg, #ffda86, #ff877b, #eeff6c, #80ff9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 1s infinite linear;
}
.jump-char {
    display: inline-block;
    transition: transform 0.3s ease;
    letter-spacing:2px;
}
.no-scroll {
    overflow: hidden;
}
.gonggao{
    /*background-image: -webkit-linear-gradient(45deg, #ffda86, #ff877b, #eeff6c, #80ff9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 3s infinite linear;
    */
}
.archives{
    position: relative;
}
.archives:before{
    z-index: 0;
    content: '';
    position: absolute;
    width: 4px;
    left: 58px;
    margin-top:-20px;
    height: -webkit-fill-available;
    background-color: #ffffff;
    border-radius:6px;
}
.archives_list{
    margin:10px auto;
    padding-left:15px;
}
.page_content {
    display: flex;
    flex-wrap: wrap;
}
.page_game_list {
    text-align: center;
    width: calc( 100% / 5 - 20px);
    height:60px;
    margin: 8px 10px;
    border-radius:8px;
    background: linear-gradient(145deg, rgb(242 242 242), #ffffff);
    box-shadow: 20px 20px 60px rgb(241 241 241), -20px -20px 60px #ffffff;
    transition: box-shadow ease-out 0.3s, all ease 0.3s;
}
.page_game_list:hover{
    background: linear-gradient(152deg, rgb(255 187 187), #8ccfff);
    box-shadow: 2px 2px 0px rgb(0 159 255), -2px -2px 0px #ff9696;
}

.catalogue {
    background: #e9e9e9;
    color:#878787;
    padding: 5px 20px;
    margin-bottom: 15px;
    border-radius: 4px;
    list-style: none;
}
.catalogue:hover {
    background:#2aae67;
    color:white;
}
.moddate {
    margin: 4px 0px;
    text-align: left;
}
.Lar {
}
.reupdate a {
    font-size:12px;
    color:#5c5c5c;
}
.reupdate a:hover {
    color: #ff4545;
}

/*歌曲分享播放*/
#share_home {
    color:white;
    font-size: 13px;
    text-align: center;
    display: flex;
    width:auto;
    background-image: -webkit-linear-gradient(0deg, #ffda86, #ff877b, #eeff6c, #80ff9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}

#share_yh {
    color: rgba(255,255,255,0.7);
    font-size: 12px;
    text-align: center;
    display: flex;
    position: absolute;
    right:0px;
    top: 30px;
}
#yhtoggleBtn{
    background: rgba(255, 255, 255,0.15);
    border: 0;
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    text-align: center;
    text-indent: 0;
    padding: 0px 4px 1px 4px;
    width: 34px;
    letter-spacing: 1px;
    transition: all ease 0.2s;
}
#playButton{
    background: transparent;
    border: 0;
    font-size: 13px;
    color: rgba(255,255,255,0.9);
    text-align: center;
    text-indent: 0;
    padding: 0px 4px 1px 6px;
    transition: all ease 0.2s;
    position: relative;
    display: flex;
    align-items: center;
}
#playButton:hover{
    background: transparent;
    transition: all ease 0.2s;
}
#nextButton{
    display:none;
    border: none;
    background: transparent;
    border: 0;
    font-size: 13px;
    color: rgba(255,255,255,0.9);
    text-align: center;
    text-indent: 0;
    padding: 0px 0px 1px 4px;
    transition: all ease 0.2s;
    position: relative;

}
#nextButton:hover{

}
#nextButton span{
    position: absolute;
    left: -11px;
    color: white;
    top: -2px;
    font-size: 14px;
}
.mnext::before{
    content:'';
    position:absolute;
    width: 3px;
    height: 10px;
    background: white;
    top: 6px;
    left: 23px;
    border-radius: 1px;
}
.mnext:hover:before{
    background:#ffb300;
}
#nextButton span:hover{
    color:#ffb300;
}
audio {
    width: 260px;
    height: 20px;
    filter: invert(1);
    outline: none;
    opacity: 0.5;
    margin-left: -4px;
    display:none;
}
.fa-pause-circle,.fa-forward{
    margin-left:8px;
}


/*谷歌浏览器h5默认播放器样式*/
audio::-webkit-media-controls-panel {
    background: rgba(255,255,255,0);
}
audio::-webkit-media-controls-enclosure {
    background: none
}
audio::-internal-media-controls-overflow-button {
    display: none !important;
}

/*火狐浏览器h5默认播放器样式*/
@media screen and (min--moz-device-pixel-ratio:0) {
    audio[controls] {
        background: rgba(255,255,255,0);
        border-radius: 15px;
        filter: invert(0)!important;
        width: 252px !important;
        opacity: 0.3;
        box-shadow: 0 0 8px 4px #002e48;
    }
    audio[controls-panel] {
        background: rgba(255,255,255,0);
    }
    audio[controls-enclosure] {
        background: none
    }
    html {
        scrollbar-color: #ccc #eee;
        scrollbar-width: none;
    }
}

/*h5默认播放器样式*/
audio::-o-media-controls-panel {
    background: rgba(255,255,255,0);
}
audio::-o-media-controls-enclosure {
    background: none
}
audio::-ms-media-controls-panel {
    background: rgba(255,255,255,0);
}
audio::-ms-media-controls-enclosure {
    background: none
}

/*页面宽度大于768px的样式*/
@media screen and (min-width:768px) {
    .collapse {
        display: none;
    }
}


/*页面宽度大于580px的样式*/
@media screen and (min-width:580px) {
    .header-menu{
        background-color:unset !important;
    }
    nav {
        display:flex;
        align-items: center;
        text-align: center;
        position: relative;
        height:65px;
        margin-left:20px;
    }
    ul li {
    }
    ul li a:hover {
    }
    nav ul {
         list-style-type: none;
        display: inline-block;
        text-align: center
    }
    nav ul li {
        font-size: 0.9rem;
        width: 70px;
        height: 24px;
        list-style: none;
        border: 0;
        display: flex;
        justify-content: center;
        border-radius: 6px;
        transition: all ease 0.3s;
    }
    .hactive li{

    }
    nav ul li a {
        /*padding-top:4px;*/
        color: #fff;
        transition: all ease 0.3s;
        transform: skewX(1deg)
    }
    .gtZhim,.ihAeOA,.gTyFGf,.gEPbpr,.hWtwV,.gCOKdy {

    }
}

nav{
}
.word {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #ff1959
}
.passsub {
    display: grid;
    place-content: center
}
.inputpass {
    text-indent: unset;
    padding: 5px 12px;
    width: 114px;
    text-align: center
}
.subpass {
    text-indent: 0;
    border: 0;
    background: #fd96aa;
    padding: 5px;
    color: white;
    margin-top: 10px;
}

.article-title {
    text-align: center;
    color: #2c2c2c;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 10px 10px 0 0;
    padding: 5px 16px;
    margin-top:10px;
    font-weight:bold;
    transform: scale(0.95);
}
.home{
}

/*新年红色*/
/*.home:before{
    content:'';
    position:absolute;
    background:url(https://img.jinchuang.org/typecho/newyear/img/2025/fu.png) no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px; 
    opacity:0.1;
    border-radius: 50%;
    margin-left: 2px;
    margin-top: 2px;
    transform: scale(0.9) rotate(-2deg);
}
*/
.homen{
    display: flex;
    flex-wrap: nowrap;
}
.homet{
    font-size:18px;
}
.homes{
    margin: 10px 4px 0px 4px;
}
.article-content {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 12px;
    color:#373737;
}
.article-content p{
    font-size: 13px;
    line-height: 1.5;
    margin: 6px 0px 0 0;
}
.postmain .article-content ul li {
    list-style: disc;
    list-style-position: inside;
}
.article-content ul{
    margin-bottom: 30px;
}
.inarticle-content {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px;
    color:#555555;
}
.inarticle-content ul li {
    list-style: none;
}
.inarticle-content ul{
    margin-bottom: 20px;
}

.page-aboutinfo{
user-select:none;
text-align:center;
font-size:14px;
color:#373737;
}
.page-abouta a{
    text-decoration: revert;
    color:#919191;
}
.page-abouta a:hover{
    color:red;
}
.article-content p a {
    transition: all ease .3s;
    padding: 0px 4px;
    text-decoration: revert;
    color: #2196F3;
    letter-spacing: 1px;
    font-weight:bold;
}
.article-content p a:hover {
    text-decoration: revert;
    color: #ef3022;
    transition: all ease .3s;
}
.inarticle-content p a {
    transition: all ease .3s;
    padding: 0px 4px;
    text-decoration: revert;
    color: #2196F3;
    letter-spacing: 1px;
    font-weight:bold;
}
.inarticle-content p a:hover {
    text-decoration: revert;
    color: #ef3022;
    transition: all ease .3s;
}
.list-cont {
    width: auto;
    position: relative;
    color:rgba(0,0,0,0.5);
    line-height:24px;
    margin-top:-5px;
    font-family: sans-serif;
    font-size: 12px;
    word-break: break-all;
    text-align: justify;
    overflow: hidden;
}
.search-list-cont {
    line-height:32px !important;
}
.list-cont::after {
    content:"...";
    position:absolute;
    right:-2px;
    bottom:0;
    background:#ffffff;
    width: 25px;
    height: 20px;
    display: flex;
    align-items: flex-end;
    place-content: center;
    transition: all ease-out 0.3s;
}

.inarticle:hover .list-cont::after{
    background:#fcfcfc;
}
.newlist{
    display: grid;
    justify-items: center;
    margin-right:20px;
    width:50%;
    height: 115px;
    overflow: hidden;
}
.snewlist{
    display: grid;
    justify-items: center;
    margin-right:20px;
    width: 80%;
    height: 115px;
    overflow: hidden;
}
.article-content img {
    clear: both;
    display: block;
    margin: 0px auto;
    max-width: 100%;
    border-radius: 4px;
}
.inarticle-content img {
    clear: both;
    display: block;
    margin: 0px auto;
    max-width: 100%;
    border-radius: 4px;
}
.content_img{
    position:relative;
    border-radius: 4px;
    margin:auto 2px;
    margin-bottom:8px;
    text-align:center;
}

.content_img a{
    width:100%;
    display: block;
}


.content_img a::before {
    /*content:" ";
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    position: absolute;
    opacity:0.2;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzMjU2Mjk3QTFBNTExRUU5NUZFREQwNzc4M0RCQUU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzMjU2Mjk4QTFBNTExRUU5NUZFREQwNzc4M0RCQUU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjMyNTYyOTVBMUE1MTFFRTk1RkVERDA3NzgzREJBRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjMyNTYyOTZBMUE1MTFFRTk1RkVERDA3NzgzREJBRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz67/qNdAAAAHElEQVR42mL4//8/AxQwAbExjMOIzGHAywEIMADf/wPNklW80wAAAABJRU5ErkJggg==);*/
}

.acimg {
    width: 48%;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
    box-shadow: 0 0 40px rgba(158,158,158);
    border-radius: 5px;
    display: unset !important;
    border: 0 !important
}
.thumb{
    width: 50%;
    height: 115px;
    margin:0 20px;
    border-radius: 8px;
    overflow: hidden;
}

/* 搜索页面 */
.sthumb{
    width: 20%;
    height: 115px;
    margin:0 20px;
    border-radius: 5px;
}
.thumb img{
    width: 100% !important;
    min-width: 110px !important;
    height: 100%;
    object-fit:cover; 
    border-radius: 8px !important;
    transition: all ease 0.5s;
}

.thumbimg:hover{
    transform: scale(1.1);
    transition: all ease 0.5s;
}

.readmore {
    width:100%;
    /*transition: all cubic-bezier(0.4, 0, 1, 1) 0.3s;*/
}
.readmore:hover{
    /*animation:homeinfo 0.8s linear infinite;
    transition: all cubic-bezier(0.4, 0, 1, 1) 0.3s;;*/
}
.post-tags {
    margin-top: 20px
}
.social-share {
}
.post-tags .tag {
    margin: 0 10px;
    color: #9A9797;
    background-color: rgba(87,122,183,0.04);
    padding: 2px 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 1px #56b6e7,0px 0px 0px #56b6e7,0px 0px 0px #56b6e7,0px 0px 0px #56b6e7
}
.pagination a,
.pagination span {
    line-height: 30px;
    color: #535353
}

.pagination span {
    border-radius: 5px
}

.pagination a:hover {
    margin-top: -1px
}

.pagination{
    text-align: center;
    font-size: 14px;
    user-select: none;
    margin-top:40px;

}

/*文章下面上一页下一页*/
.post-prne{
    display: block;
    overflow: hidden;
    /*box-shadow: 0px 0px 10px -2px rgba(158,158,158,0.2);
    -moz-box-shadow: 0px 0px 10px -2px rgba(158,158,158,0.2);
    -webkit-box-shadow: 0px 0px 10px -2px rgba(158,158,158,0.2);*/
    position: relative;
    margin:40px auto;
    margin-bottom:0;
    font-weight:bold;
}
.post-prne p{
    padding:0;
}
.post-prne p a{
    display: block;
    line-height: 40px;
    font-size: 14px;
    padding: 0px;
    border: none;
    color: #333;
    text-indent: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 1;
    position: relative;
}
.post-prne p a:hover{
    color:#2aae6b !important;
}
.post-prev{
    background: #f7f7f7;
    background-image: linear-gradient(to right, #f7f7f7 80%, white 100%);
    border-radius: 8px;
}
.post-prev:hover{
    background-image: linear-gradient(90deg, #f5f5f5 0%, transparent 100%);
}

.post-next{
    background: #f7f7f7;
    background-image: linear-gradient(to right, white 0%, #f7f7f7 20%);
    border-radius: 8px;
    float: right !important;
}
.post-next:hover{
    background-image: linear-gradient(90deg, transparent 0%, #f5f5f5 100%);
}


.post-nav-item{
    position:relative;
    line-height: 28px;
    margin: 10px 0;
    float:left;
    width: calc(100% / 2);
}

.post-prev a:before{
    content: "";
    left: 10px;
    top: 14px;
    position: absolute;
    border-left: 11px solid #494949;
    border-top: 11px solid transparent;
    transform: rotate(45deg);
    border-radius: 4px;
}
.post-prev a:hover:before{
    border-left: 11px solid #2aae6b !important;
}
.post-next a:after{
    content: "";
    right: 10px;
    top: 14px;
    position: absolute;
    border-right: 11px solid #494949;
    border-bottom: 11px solid transparent;
    transform: rotate(45deg);
    border-radius: 4px;
}
.post-next a:hover:after{
    border-right: 11px solid #2aae6b !important;
}
.post-prev a{
    padding-left: 20px !important;
    padding-right: 25px !important;
}
.post-next a{
    padding-right: 20px !important;
    padding-left: 34px !important;
    text-align: right;

}

.page-navigator .current a {
    color: #fff;
    background: #535353;
    /*新年红色*/
    /*background:#e53534;*/
    box-shadow: 2px 2px 8px 0px #bdbdbd;
    pointer-events: none;
}


#comments .page-navigator li{margin:0 6px;}

.page-navigator a:hover {
    background:#2aae6b;
    /*新年红色*/
    /*background:#e53534;*/
    text-decoration: none;
    color: #fff !important;;
    box-shadow: 2px 2px 8px 0px #bdbdbd;
    transition: all 0.3s ease;
}
.page-navigator a {
    display: inline-block;
    height: 30px;
    width:30px;
    padding:0;
    line-height: 30px;
    border-radius: 10px;
    transition: all 0.5s ease;
    background: #ffffff;
    font-weight: bold;
    color: #535353;
}
.page-navigator li {
    display: inline-block;
    margin: 0 20px;
}
.page-navigator {
    list-style: none;
    margin: 25px 0;
    padding: 0;
    text-align: center
}
.archive {
    color: #444444;
    transition: ease all 1s;
    display: flex;
    flex-wrap: nowrap;
    position:relative;
    margin:20px auto;
}
.archive:hover {
    color: #2aae6b;
    /*新年样式*/
    /*color: #d6070a;*/
    transition: ease all 0.5s;
}

.archive_page{
    border-radius: 5px;
    color: #6a6a6a;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    padding: 2px 12px;
    position: relative;
    font-size:14px;
    border-radius: 20px;
}

.archive_page_a{
    padding-left: 46px;
}
.archive_page_a a{
    transition: ease all .5s;
     margin: 10px;
    font-size: 13px;
    color: #595959;
    background: #ffffff;
    padding: 0px 6px;
    border-radius: 6px;
}

.archive a {
    letter-spacing:0px !important;
    transition: ease all .5s;
    color: #444444 !important;
    text-decoration: none !important;

}
.archive a:hover,.archive_page_a a:hover,.archive_server a:hover,.archive_vpn a:hover{
    padding: 0px 6px;
    transition: ease all 0.5s !important;
    color: #2aae6b !important;
    background: rgba(42, 174, 107, 0.2);
    /*新年样式*/
    /*color: #d5070b !important;
    background: rgb(255 156 156 / 20%);*/
    border-radius: 6px;
    text-decoration: none !important;
}

.archive a:hover,.archive_date:hover:before,.archive_date:hover:after{

}
.archive_a {
    margin-left:60px;
    position:absolute;
    width: calc(100% - 60px);
    text-align: left;
}
.archive_a a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.archive_date{
    position:relative;
    margin-left: 5px;
}
.archive_a:before {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    border-radius: 50%;
    background-color: #dedede;
    left: -20px;
    top: 6px;
    z-index:2;
}
.archive_a:after {
    content: '';
    width: 15px;
    height: 15px;
    line-height: 15px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    left: -23px;
    top: 3px
}

.archive_a:hover:before{
    background-color: #2aae6b;
    /*新年样式*/
    /*background-color: #ff4043;*/
}
.archive_a:hover:after {
    background-color: rgb(42 174 107 / 50%);
    /*新年样式*/
    /*background-color: rgb(255 119 119 / 50%);*/
}
.archy{
    font-size: 15px;
    font-weight: bold;
    color: #5f5f5f;
}
.archm{
    font-size: 13px;
    font-weight: bold;
    color: #0b8326;
    /*新年样式*/
    /*color: #d6070a;*/
    margin-left: 6px;
}
.archive_date:hover {
    color: #2aae6b;
    transition: ease all 0.5s;
}
.archive-title {
    display: block;
    color: #2aae6b;
    font-size: 18px;
    margin-top: 16px;
    border-radius: 25px;
    max-width: 100%;
    text-align: left;
}
.post {
    padding: 20px 30px
}
.post-title {
    display: block;
    text-align: center;
    color: #ff5722
}

.archive_block {
    border-radius: 5px;
    color: #6a6a6a;
    width: 80px;
    height: 30px;
    line-height:30px;
    margin-left:5px;
    padding: 2px 12px;
    background:#ffffff;
    font-weight: lighter;
    position:relative;
    border-radius: 20px;
    font-family: 'Din', 'Misans';
}
.archive_block p{
    padding:0;
}
.archive_block:before{
    content: '';
    top: -4px;
    left: 50px;
    position: absolute;
    border-left: 10px solid #ffffff;
    border-bottom: 10px solid #ffffff00;
    transform: rotate(45deg);
}
.archive_block:after{
    content: '';
    top: 28px;
    left: 50px;
    position: absolute;
    border-right: 10px solid #ffffff;
    border-top: 10px solid #ffffff00;
    transform: rotate(45deg);
}
.blokquotehr {
    border: 0;
    border-top: 1px dashed #2aae6b;
    margin-top: -1px
}
.archive_vpn{
    display: flex;
    flex-wrap: wrap;
}
.archive_vpn a{
    margin:5px;
    font-size:13px;
    color:#5f5f5f;
}
.archive_server{
    display: flex;
    flex-wrap: wrap;
}
.archive_server a{
    margin:10px;
    color:#5f5f5f;
    font-size:12px;
}
.article-title a {
    color: #454545;
    border-radius: 6px;
    transition: all .2s ease-out;
    word-break: break-all;
    display: unset;
}

footer {
    color: rgba(255, 255, 255,0);
    text-align: center;
    font-size: 12px;
    max-width: 100%;
    bottom: 0;
    position: relative;
    height: 240px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: linear-gradient(0deg, #ffffff 70%, #ffffff00 70%);
}
#userip{
    color:#535353;
    display: flex;
    flex-wrap: nowrap;
    margin-right:6px;;
}

#ip_addr{
    margin:12px 0;
    color:#535353;
}

.footer-content {
    position: relative;
    margin:52px 20px;
    display: flex;
    position: relative;
    margin: 52px 20px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}
footer a:hover {
    animation: ran 0s linear infinite;
    transition: all ease 0.5s
}
.ipv6{
    border: 1px solid #b7b7b7;
    /*新年红色*/
    /*border: 1px solid #e53534;*/
    border-radius: 6px;
    padding: 0px 4px;
}
.detail-icon {
    height: 22px;
    line-height: 22px;
    transition: all ease 0.3s;
    color:#535353;
    /*新年红色*/
    /*color:#e53534;*/
}
.detail-icon:hover {

    transition: all ease 0.3s;
    transform: scale(1.1);
    color: #535353;
}
.detailed {
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    margin-left:4px;
}
.detailed a {
    margin: 0 6px;
    height: 22px;
    line-height:22px;
    width: 70px;
    border-radius: 8px;
    padding: 0px 2px;
    color: #535353;
    /*新年红色*/
    /*color:#e53534;*/
    display: flex;
    font-size:13px;
    flex-wrap: nowrap;
    justify-content:space-around;
    align-items: center;
    box-shadow: 0 0 20px rgb(95 95 95 / 10%);
}
.fotdt,.copyright {
    position: relative;
    font-family: Din, 'Misans';
}
.copyright,.copyright>a {
    transition: all ease 0.5s;
    color: #535353;
    /*新年红色*/
    /*color:#e53534;*/
    letter-spacing: 2px;
    /*background: -webkit-linear-gradient(45deg,#0082e9,#23bf2a,#e53700);
    -moz-linear-gradient(45deg,#0082e9,#23bf2a,#e53700);-ms-linear-gradient(45deg,#0082e9,#23bf2a,#e53700);color: transparent;
    -webkit-background-clip: text;
    animation: ran 40s linear infinite;*/
    user-select: none;
    letter-spacing: 0.5px;
    height: 22px;
    line-height: 22px;
}
.copyright-auth{
    background: rgba(125, 125, 125, 0.07);
    border-radius: 4px;
    padding: 0px 4px;
}
#flyfish{
    position:absolute;
    width:100%;
    height:100%;  
    border-radius:10px;
    filter: hue-rotate(111deg);
}

#aquarium{
    display:none;
    position:absolute;
    width:100%;
    height:100%;  
    border-radius:10px;
}


/*当网页在Windows高对比度模式下显示时，将.fotba和.fotba>a元素的文字颜色设置为#dddddd（灰色）*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .copyright,.copyright>a {
        color: #dddddd !important
    }
}

.parallax > use {
    animation: move-forever 12s linear infinite
}
.parallax > use:nth-child(1) {
    animation-delay: -2s
}
.parallax > use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 5s
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 3s
}
.wiiuii_layout {
    display: none;
    width: 100%;
    height: 40px;
    bottom: -15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: var(--footer-bg)
}
.editorial {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0
}
.toTop {
    z-index: 1000;
    position: fixed;
    right: 5px;
    bottom: 4.2em;
    border-radius: 25px;
    display: none;
    width: 36px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    background: url(../img/footer/top100.svg) no-repeat;
    background-size: 32px 32px;
    background-position: bottom;
    transition: all 0.3s ease-in-out;
    filter: drop-shadow(0px 2px 4px #5ac891);
    -webkit-filter: drop-shadow(0px 2px 6px #5ac891);


    /*新年红色*/
    /*height:62px;
    line-height:62px;
    background: url(https://img.jinchuang.org/typecho/newyear/img/2025/top.webp) no-repeat;
    background-size: 32px 50px;
    background-position: bottom;*/
}

.toTop:hover {
    height: 62px;
    background-color: rgba(255,255,255,0.1);
    background-position-y: 2px;
}
.ttop {
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
    color: transparent;
}
.toTop:hover>.ttop:hover {
    color: white;
    /*新年红色*/
    /*color:#de1817;*/
    top: 0;
    padding-top: 25px;
    background-image: -webkit-linear-gradient(270deg, #ff2828, #d99210, #3dd519, #1200ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 1s infinite linear;}

.article-time {
    display: block;
    user-select: none;
    color: #a9a9a9;
    /*新年红色*/
    /*color:#6e6e6e;*/
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.01rem;
    transform: scale(0.9);
}
.article-time a {
    color: #a9a9a9;
    font-size:0.73rem;
}
.article-time a:hover {
    color: #2aae6b
}
.posttime {
}
.postbq a,.postfl a {
    color: #a9a9a9;
    /*新年红色*/
    /*color:#6e6e6e;*/
    margin-left:3px;
}

.classify {
    padding-left: 14px;
}
.label {
    padding-left: 14px;
}
.labe6 a{
    color:#2196F3
}
.leave {
    padding-left: 14px;
}
.leave a {
    margin-left:3px;
}
.read {
    padding-left: 18px;
}
.small-img1 {
    width: 14px;
    margin-bottom: -3px;
}
.small-img2 {
    width: 16px;
    position: absolute;
    margin-top: 4px;
    margin-left: -14px;
}
.small-img3 {
    width: 12px;
    position: absolute;
    margin-top: 5px;
    margin-left: -12px;
}
.small-img4 {
    width: 12px;
    position: absolute;
    margin-top: 4px;
    margin-left: -10px;
}
.small-img5 {
    width: 14px;
    position: absolute;
    margin-top: 4px;
    margin-left: -16px;
}
.small-img6 {
    width: 13px;
    position: absolute;
    margin-top: 3px;
    margin-left: -14px;
}
.small-img6 path{
    fill:#2196F3
}
.readmore a:hover {
    filter: drop-shadow(0px 0px 6px #2aae6b);
    color: #2aae6b !important;
    text-decoration: none !important;
    transition: all ease .3s;
    transform: rotate(360deg) scale(1.1);
}
.readmore a {
    color: #bfbfbf;
    font-size:20px;
    transition: all .3s;
    transition: all ease .3s;
}
.tool{
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    right: 10px;
    top: 0px;
    z-index:11;
    height:65px;
    line-height:65px;
    align-items: center;
}
.tools{
    margin:4px 5px;
}
.time {
    font-size: 15px;
    font-family: 'Din';
}
.week {
    font-size: 13px;
}
#zodiac {
    float: right;
    position: absolute;
    right: 10px;
    top: 30px;
    font-size: 13px;
    font-family: 'Date'
}
.week:hover,.time:hover,#zodiac:hover,.solarlunar:hover {
}

.solarlunar {
    font-size: 13px;
    z-index: 20
}
.time,.week,.solarlunar,#playButton{
    color:white;
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}
.loginuser{
     background:unset !important;
     font-weight:bold;
     font-size:14px;
     padding: 0 !important;
    margin: 0 5px !important;
}

.co12 p {
    padding: 5px
}

.comment-reply a,.fn a {
    color: #36a76a;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: -webkit-linear-gradient(0deg, #00a1ff, #ff9300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue6sinfinitelinear;
    transition: all ease .3s;
}
.comment-reply a:hover,.fn a:hover {
    background-image:-webkit-linear-gradient(0deg, #ffb100, #ff005c);
}
#comments .current a{
   color:white;
}
#comments .widget-title {
    margin-left: 110px;
    border-radius: 5px;
    margin-bottom: -14px
}
#comments .pagination {
    margin: 35px 0 30px 0;
    text-align: center
}
#comments {
    border-radius: 10px;
    margin: 0 auto;
    width:90%;
    padding:40px;
    max-width: 990px;
    position: relative;
}
.comments .comment-about {
    width: 33.333%;
    float: left;
    padding-left: 10px;
    box-sizing: border-box
}
.comments .comment-about:first-child {
    padding-left: 0
}

#smiliesbox span img:hover {
    animation: jump 0.7s ease-in-out infinite;
    -webkit-animation: jump 0.7s ease-in-out infinite
}

.comment-avatar{
    overflow: hidden;
    border-radius: 4px 0 0 4px;
    box-shadow: 1px 0 10px 0 #eeeeee;
    background-color:white;
}
.comment-by-author > .comment-author .fn::after {
    content: '站长';
    background: url(../img/green/bz.png) no-repeat;
    background-size: cover;
    color: transparent;
    width: 35px;
    margin-left: 6px;
    margin-top: 0px;
    font-size: 12px;
}
.comment-by-author > .comment-author .local,.comment-by-author > .comment-author  .agent{
    display:none;
}
.comment-by-author > .comment-author .comment-time{
    margin-left:2px;
}
.comment-meta {
    margin-top: -10px
}
.comment-content {
    padding-top: 0px;
    position: relative;
}
.comment-content a {
    border-bottom: 1px solid #ddd
}
.comment-content a {
    border-bottom-color: transparent
}
.comment-content pre ,.comment-content code {
    line-height: 1.3;
    height: auto;
    max-height: 400px;
    color: #676767;
    font-family: 'Din';
    background: #f9f9f9;
    font-size: 12px;
    margin-left: 30px;
}
.comment-content p code {
    display: inline;
    margin: 0 5px;
    padding: 3px 5px;
    border: 1px solid #ddd
}
.comment-content p {
    padding:6px;
    padding-left: 2px;
    word-break: break-all;
    word-wrap: break-Word;
    color: #363636;
    font-size: 12px;
    border-radius: 6px;
}

.comment-content p:before {
    content:'';
    position:absolute;
}
.comment-content p a {
    color: #000000;
    font-weight: 100 !important
}
.comment-content p a:hover {
    color: #2aae6b !important;
    text-decoration: revert
}
.comment-content p img {
    border: 0;
    width: 70%;
    border-radius:4px;
}
.comment-list,.comment-list ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}
.comment-list li{
    background: white;
    padding: 10px 10px 10px 10px;
    border-radius: 8px;
}
.comment-list {
    margin-bottom: 20px;
}
.comment-list li.comment-level-even {
    background: rgba(255,255,255,0)
}
.comment-list li .comment-reply {
    font-size: 0.7rem;
}
.comment-list li .comment-reply a {
    transition: all 0.5s ease;
    color: #c1c1c1 !important;
}

.comment-list li .comment-reply a:hover .iconr {
    fill:#1da159;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.comment-meta a {
    font-size: 12px;
    color: #b9b9b9
}
.comment-author {
    display: block;
    margin-bottom: 1px;
    color: #444;
    user-select: none
}
.agent img{
    margin:0 2px;
}
.comment-author .avatar {
    float: left;
    transition: all 0.5s;
    font-size: 1%;
    width: 26px;
    height: 26px;
    border-radius:unset;
}
.comment-auther-cont {
    user-select: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.comment-user{
    font-size:0.65rem;
    margin:0 4px;
    display: flex;
    line-height: 15px;
    align-items: center;
    justify-content: center;
}
.ipsou{
    transform: scale(0.8);
    color:#b3b3b3;
    line-height:22px;
    display:none;
}
.fn{
    color: #696969 !important;
    transition: ease 0.5s;
    border-radius: 0px 4px 4px 0px;
    padding: 2px 6px;
    margin-left:0px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:0.7rem;
    font-weight:bold;
    box-shadow: 4px 0 10px 0 #eeeeee;
    background: white;
    font-family: 'Din';
}
.fn a{
    transition: ease 0.5s;
}
.fn a:hover {
    transition: ease 0.5s;
    margin-right: 5px;
    margin-left: 5px;
}
.comment-auther-cont .comment-user{
    font-style: normal;
    padding-bottom: 2px;
    color: #b7b7b7;
}
.avatar:hover {
    animation: jump 0.7s ease-in-out infinite;
    -webkit-animation: jump 0.7s ease-in-out infinite;
}
.comment-author cite {
    font-style: normal;
    line-height: 1.2;
    font-size: 12px;
    /*color: transparent;*/
    padding: 2px 4px 0px 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0 0 10px 0 #eeeeee;
}

.comment-awaiting-moderation {
    color: #d75b5b;
    font-size: 12px;
    font-weight: bold;
}
.comment-list .respond {
    margin: 15px 0;
    border-top: 1px solid #ddd
}
.comment-body{
    margin-bottom:10px;
}
.comment-body .respond {
    border: none;
    border: 1px dashed #2aae6b;
    border-radius: 5px;
    padding: 5px 10px;
    padding-top: 0
}
.comment-children .comment-list li{
    padding: 8px;
    margin-left: 10px;
    background: linear-gradient(90deg, rgb(238 241 243 / 50%), transparent);;
    border-radius: 8px;
    margin-top:8px;
}
.comment-children .comment-body{
    margin-bottom:0px;
}

.respond .cancel-comment-reply {
    font-size: .92857em;
    float: right;
    margin-top: 15px
}
.cancel-comment-reply a{
  color:white !important;
}
#cancel-comment-reply-link {
    font-size: 12px;
    float: right;
    background: #2aae6b;
    border-radius: 5px;
    padding: 0px 5px;
    color: white
}
.col2 {
    padding-top: 4px
}
.comment-info {
    float: left;
    padding: 3px;
    width: calc(100% / 3 - 6px);
    padding-bottom: 10px
}
.comment-u {
    font-size: 12px;
    position: absolute;
    margin-top: -40px;
    margin-left: 50px;
    display: flex;
    line-height: 26px;
    align-items: center;
}
.comment-u span{
    background: #ff9800;
    border-radius: 4px;
    padding: 0 6px;
    color: white;
}
.comment-uu {
    background: #2aae6b;
    border-radius: 4px;
    padding: 0 6px;
    color: white !important;
    margin:0 8px;
}
.comment-ue {
    background: #ff0000;
    border-radius: 4px;
    padding: 0 6px;
    color: white !important;
}
.col1{
    border-radius: 8px;
    background:#fff;
}
#comment-form {
    padding-top: 0px
}
#comment-form label {
    position: absolute;
    display: block;
    color: #676767;
    background: #fff;
    padding-left: 8px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 33px;
    display: flex;
    align-items: center;
}
#comment-form input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 6px 8px 45px;
    color: #101010;
    border: 0;
    background: #ffffff;
    -o-box-sizing: border-box;
    box-shadow: 0 0 14px #f7f7f7;

}
.comment_close{
    color: #2aae6b !important;
    text-align:center;
}

#comment-3034 .comment-reply{
    pointer-events: none;
    display:none;
} 
button.submit {
    font-size: 14px;
    text-align: center;
    border: none;
    border-radius: 4px;
    width: 100%;
    height: 36px;
    line-height: 32px;
    margin-top:15px;
    padding: 0 15px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: color 0.15s ease-in,background-color 0.15s ease-in;
    transition: color 0.15s ease-in,background-color 0.15s ease-in;
    letter-spacing: 14px;
    color:rgba(255,255,255,.8);
    background-color:#676767;
    /*新年样式*/
    /*background-color: #e53534;*/
}
button.submit:hover {
    color: #FFFFFF;
    background: #4CAF50;

}
textarea.text-area {
    font-size: 14px;
    line-height: 1.8;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 174px;
    margin: 0;
    padding: 5px 8px 5px;
    color: #555;
    background: #fdfdfd !important;
    -o-box-sizing: border-box
}
.headertop-search {
    position: relative;
    height: 65px;
    display: flex;
    align-items: center;
    margin-left:20px;
    max-width: 300px;
    width: 100%;
    z-index:5;
}
.header-search {
    position: absolute;
    text-align: center;
    padding: 20px 0 20px 0;
    top:280px;
    left: 50%;
    z-index:10;
    transform: translate(-50%);
    display:none;
}
.header-menu{
    background-image:unset;
    z-index:12;
}
.searchkey{
    color:#ff4040;
}
.searchtop-form{
    color: rgba(255,255,255,0.2);
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
    border-radius: 10px;
    width:100%;
    backdrop-filter: blur(4px);
}
.search-form {
    color: rgba(255,255,255,0.2);
    font-size: 14px;
    display: inline-block;
    background-image: linear-gradient(to right, rgba(255, 255, 255,0) 0%, rgba(255 ,255 ,255 ,0.1) 50%, rgba(255 ,255 ,255,0) 100%);
    line-height: 28px;
    border-radius: 900px;
        filter: unset;
        width: 50%;
        border: 2px solid rgb(255 255 255 / 10%);
        background: rgb(255 255 255 / 20%);
        box-shadow: 0 0 20px rgb(79 79 79 / 10%);
        backdrop-filter: blur(6px);
}
.searchtop-field {
    border: 0;
    background-color: rgba(255,255,255,0.3);
    color: black;
    font-size: 13px;
    letter-spacing: 0.5px;
    width:100%;
    box-shadow: 0 4px 20px rgb(183 183 183 / 10%);
}
.searchtop-field::-webkit-input-placeholder {
    color: rgb(0 0 0 / 20%);;
}
.searchtop-field:-moz-placeholder {
    color: rgb(0 0 0 / 20%);;
}
.searchtop-field::-moz-placeholder {
    color: rgb(0 0 0 / 20%);
}
.searchtop-field:-ms-input-placeholder {
    color: rgb(0 0 0 / 20%);
}
.search-field {
    border: 0;
    background-color: rgba(255,255,255,0);
    color: #ffee00;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.5px;
    width:100%;
}
.search-field::-webkit-input-placeholder {
    color: white;
}
.search-field:-moz-placeholder {
    color: white;
}
.search-field::-moz-placeholder {
    color: white
}
.search-field:-ms-input-placeholder {
    color: white
}
button,input,textarea {
    outline: 0;
    text-indent: 2px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 4px;
}
.textarea {
    width: 100%;
    max-width: 98.3%;
    border: 0;
    padding: 8px 8px;
    margin-bottom:-5px;
    background: transparent;
}
.reward{
    user-select: none;
    position: relative;
    width: fit-content;
    left: 50%;
    top: -45px;
    transform: translate(-50%);
    z-index:1;
    text-align:center;
}
.reward-button {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    position: relative;
    margin: 0 auto;
    padding: 11px 6px;
    -webkit-user-select: none;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 6px #f7f7f7;
    background-image:linear-gradient(132deg,rgb(255 89 89) 30%,rgb(255 155 0) 100%);
}
.reward-button:hover {
    opacity: 1
}
#QR {
    padding-top: 20px;
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translate(-50%);
}
#wechat_qr {
    width: 400px;
    height: 200px;
    border-radius:0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    opacity: 1
}
#alipay_qr {
    display:none;
    width: 200px;
    height: 200px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 2px solid #0196e6;
    opacity: 1
}
.zfb {
    display: none;
    color: #ffffff;
    background-image: linear-gradient(to top,#0755dc 0%,#019fe8 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 4px 10px 4px 10px;
    margin-top: -10px;
    font-size: 12px;
}
.wx {
    color: #ffffff;
    background-image:linear-gradient(to top, #e1703c 5%, #ff7434 20%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 4px 10px 4px 10px;
    margin-top: -10px;
    font-size: 12px;
    text-align:center;
}
.wt,.zt{color:black;}
.wxpd {
    display: inline-block;
    filter: drop-shadow(0px 4px 6px #a0a0a0);
}
.wxpd::before{
    content: "";
    left: 49.75%;
    margin-top: -8px;
    position: absolute;
    border-right: 11px solid #ffffff;
    border-bottom: 11px solid #ffffff00;
    transform: rotate(-45deg) translate(-50%);
}


/*文章列表页面*/
.authorid{
    position: relative;
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 22px;
}
.authname{
    color:#2196F3
}
.authorplist{
    position: relative;
    margin-top: 40px;
}
.authorlist{
    list-style:none;
    line-height:24px;
    position:relative;
}
.authorlist:before{
    content: '▲';
    position: absolute;
    width: 8px;
    height: 8px;
    transform: rotate(90deg);
    color: #858585;
    margin-top: 5px;
    margin-left: -8px;
}
.authorlist a{

}
.authorlist a:hover{
    filter: none;
    text-decoration: revert;
}
#pContent .ssBtn {
    width: 20px;
    height: 60px;
    background: #009999 none repeat scroll 0% 0%;
    position: relative;
    right: 0px;
    bottom: 0px;
    box-sizing: border-box;
    border-left: none;
    float: right
}
video {
    border-radius:6px;
}

/*文章大标题*/
.title {
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: bold;
    min-height:22px;
    padding: 15px 25px 15px 25px;
    margin: 25px 2px 10px 2px !important;
    position:relative;
    text-align: justify;
    color:#2aae6b;
    background:rgb(124 221 172 / 10%);
    border-radius: 5px;
    background-image: linear-gradient(90deg, rgb(42 174 107 / 10%) 3%, transparent 0), linear-gradient(1turn, rgb(42 174 107 / 10%) 3%, transparent 0);
    background-size: 17px 17px;
}
.title:before{
    content: "『";
    font: normal normal normal 14px / 1 FontAwesome;
    color: #2aae6b;
    font-size:25px;
    position: absolute;
    top: 10px;
    left:-5px;
}
.title:after{
    content: "』";
    font: normal normal normal 14px / 1 FontAwesome;
    color: #2aae6b;
    font-size:25px;
    position: absolute;
    right:-5px;
    bottom: 10px;

}

/*正文标题*/
.subtitle {
    text-align: left;
    font-size: 14px !important;
    font-weight: bold;
    color:#181818;
    min-height:14px;
    margin: 10px 2px 0px 0px !important;
    padding: 6px 0px 6px 25px;
    line-height: 20px !important;
    max-width: 100%;
    position:relative;
    border-radius:8px;
}
.subtitle:before{
    content: "\f292";
    font: normal normal normal 14px / 1 FontAwesome;
    left: 0px;
    margin-top: 0px;
    font-size:14px;
    color: #2aae6b;
    position: absolute;
    background: rgb(42 174 107 / 10%);
    padding: 3px;
    border-radius: 6px;
}


.keys{
    color:#ff8466;
}
/*着重说明带渐变背景色*/
.subtitle_s {
    text-align: left;
    border-radius: 4px;
    font-size: 12px !important;
    color: #fff;
    margin:auto 2px !important;
    line-height: 22px !important;
    margin-bottom: 5px !important;
    margin-top: 14px !important;
    padding: 10px;
    background: #f4f6f8;
    border: 3px solid #f3f3f3;
    border-radius:10px;
    background-image:linear-gradient(134deg, rgb(72 179 76 / 90%), rgb(87 171 159 / 90%));
}
.subtitle_s a{
    color:#ffee00 !important;
}
.subtitle_s a:hover{
    color:#ffb0b0 !important;
}

/*说明*/
.subtitle_o {
    margin-top: 14px;
    margin-bottom: 5px;
    text-align: left;
    line-height: 22px !important;
    font-size: 14px !important;
    color:#1c7ac5;
    font-weight:bold;
    padding-left: 30px;
    padding-right:12px;
    padding-top: 18px;
    padding-bottom: 18px;
    background: rgba(111,192,255,0.1);
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 4px solid #1f90e9;
    position:relative;
    background-image: linear-gradient(90deg, rgb(32 146 233 / 10%) 3%, transparent 0), linear-gradient(1turn, rgb(32 146 233 / 10%) 3%, transparent 0);
    background-size: 17px 17px;
}
.subtitle_o:before {
    content: "";
    background: url(../img/info.svg)no-repeat;
    background-size: contain;
    color: #1f90e9;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height:24px;
    left: 4px;
    top: 50%;
    transform: translate(0,-50%);
}
/*注意*/
.subtitle_notice {
    margin-top: 14px;
    margin-bottom: 5px;
    text-align: left;
    line-height: 22px !important;
    font-size: 14px !important;
    color: #ff5722;
    padding-left: 30px;
    padding-right:12px;
    padding-top: 18px;
    padding-bottom: 18px;
    background: rgba(255,131,93,0.1);
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 4px solid #ff5722;
    position:relative;
}
.subtitle_notice:before {
    content: "";
    background: url(../img/notice.svg)no-repeat;
    background-size:24px 20px;
    color: #ff5722;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height:24px;
    left: 4px;
    top: 50%;
    transform: translate(0,-50%);
}
/*相关其他文章*/
.subtitle_n {
    margin-top: 22px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    line-height: 22px !important;
    font-size: 14px !important;
    color: #009688;
    padding-top: 18px;
    padding-left: 30px;
    padding-bottom: 18px;
    padding-right: 12px;
    background: rgba(67,181,170,0.1);
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 4px solid #009688;
    position:relative;
    background-image: linear-gradient(90deg, rgb(0 150 136 / 10%) 3%, transparent 0), linear-gradient(1turn, rgb(0 150 136 / 10%) 3%, transparent 0);
    background-size: 17px 17px;
}
.subtitle_n:before {
    content: "";
    background: url(../img/zxp100.svg)no-repeat;
    background-size: 19px 28px;
    color: #009688;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height:24px;
    left: 4px;
    top: 50%;
    transform: translate(0,-50%);
}

.subtitle_notice a,.subtitle_n a,.subtitle_o a{
    padding-left:0px !important;
}
.subtitle_o,.subtitle_n,.subtitle_notice{
    margin: 20px 2px 20px 2px !important;
}



.game-gpt{
    height:70px;
}
.game-gpt img{
    margin-top: 20px;
}
.game:hover {
    color: #00a735;
    transition: all ease 0.3s;
    font-size: 14px;
    background: linear-gradient(145deg, rgb(224 224 224 / 80%), rgba(255,255,255,1));
    box-shadow: 10px 10px 30px rgb(222 222 222), -10px -10px 30px #ffffff;
    background-color: rgb(3 244 202 / 80%);
    transform: scale(1.06);
}

.game-title{
    width: 100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    transition: all ease 0.3s;
    position:relative;
}
.ho{
    width: 28px;
    position: absolute;
    right: 0;
    top: 0;
    background: #d5d5d5;
    color: #ffffff;
    border-radius: 4px;
    padding: 2px 0px;
    line-height: 12px;
    font-size: 0.67rem;
}
.game-title1:hover {
    transition: all ease 0.3s;
    font-size: 14px;
    background:rgb(1, 112, 255,1);
    color:#fff;
}
.game-title:hover a{
    color:#111;
}
.game{
    width:180px;
    height:50px;
    background: linear-gradient(145deg, rgb(242 242 242), #ffffff);
    box-shadow: 20px 20px 60px rgb(242 242 242), -20px -20px 60px #ffffff;
    transition: all ease 0.3s;
}

.game-title a {
    color: #434343;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}
.game-title a:hover {
    text-decoration: none !important;
}

/*gpt独立页面*/
.gpt{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
.gpt-list{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background: white;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
    width: calc(100% / 4 - 40px);
    margin: 10px;
    position:relative;
    transition: all ease 0.3s;
    background: linear-gradient(145deg, rgb(241 241 241), #ffffff);
    box-shadow: 20px 20px 60px rgb(237 237 237), -20px -20px 60px #ffffff;
}

/*新年样式*/
/*.gpt-list:before{
    content:'';
    position:absolute;
    background:url(https://img.jinchuang.org/typecho/newyear/img/2025/fu.png) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: -4px;
    margin-top: 2px;
    z-index:2;
    transform: scale(0.9) rotate(-2deg);
}*/

.gpt-list a{
    display: flex;
    flex-wrap: nowrap;
}
.gpt-list:hover{
    transform: scale(1.06);
    transition: all ease 0.3s;
    background: linear-gradient(145deg, rgb(218 218 218 / 60%), rgb(255 255 255 / 80%));
    box-shadow: 10px 10px 30px rgb(198 198 198), -10px -10px 30px #ffffff;
    background-color: rgb(3 244 202 / 50%);
}
.gpti{
    background:#e9e9e9;
}
.gpt-list-img{
    height: 50px;
    border-radius: 10px;
    float: left;
    width: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.gpt-list-img:before{
    content:'';
    position:absolute;
    top: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
    width: 4px;
    height: 20px;
    background: #f7f7f7;
    border-radius: 24px;
}
.gpt-list-img img{
    max-height: 100%;
    width:100%;
}
.gpt-list-cont{
    float: right;
    width: 50%;
    height:50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 30px;
}
.gpt-list-title{
    height: 30%;
    color: black;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    width:100%;
}
.gpt-list-info{
    height: 70%;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size:12px;
    line-height:14px;
    font-family: sans-serif;
    color:rgba(0,0,0,0.4);
    position:relative;
    margin-bottom:-4px;
}
.gpt-abroad{
    top: 0px;
    right: -2px;
    position: absolute;
    background: #f8f9fd;
    border-bottom-left-radius: 6px;
    line-height: 18px;
    padding: 0 4px;
    letter-spacing: 1px;
    text-align: right;
    color: #9d9d9d;
}
.pan {
    color: white;
    background: #00BCD4;
    padding: 2px 6px;
    border-radius: 4px;
}
.panps {
    padding-left: 4px;
    color: red;
}

.hide {
    display: none;
    text-align: left;
    text-align: center;
    width:100%;
}
.hide p {
    padding-left: 10px
}
.weixin {
    width: 0px;
    height: 0;
    display: inline-block;
    position: relative;
    z-index: 1
}
.weixin img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    padding-left: 10px;
    display: block;
    height: 120px;
    max-width: 120px;
    margin: -50px -10px
}
.gradps {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-animation: hue 20s infinite linear
}

.num {
    position: relative
}

.fengshan {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    margin-top: 15px;
    font-family: 'piaomiao';
    font-size: 16px;
    font-weight: bold;
    color: #f35626;
    width: 300px;
    background-image: -webkit-linear-gradient(92deg,#00ff0a,#ff1100);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 8s infinite linear
}
.notuser{
    font-size: 22px;
    color: red;
    margin-top: 50px;
}
.ping1 {
    color: white;
    background:#3F51B5;
    font-size: 13px;
    padding: 2px 8px;
    font-weight: normal;
    margin: 10px 0px;
    width:fit-content;
    user-select: none;
    border-radius: 5px;
}
.ping2 {
    color: white;
    background:#676767;
    font-size: 12px;
    padding: 2px 8px;
    font-weight: normal;
    margin: 10px 0px;
    width:fit-content;
    user-select: none;
    border-radius: 5px;
}

.fangda {
    display: block;
    width: 300px;
    margin: 0 auto;
    overflow: hidden
}
.fangda img {
    display: block;
    border: 0;
    width: 100%;
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
    transform: scale(1.3)
}

/*game.html页面*/
.gamea {
    box-shadow: 0 0 15px #eaeaea;
    border-radius: 5px;
    transition: all 1s ease;
    margin: 4px 6px;
    padding: 2px 10px;
    filter: grayscale(1)
}
.gamea:hover {
    box-shadow: 0 0 15px #bbbbbb;
    transition: all 0.5s ease
}

/*表格*/
table {
    width: 100%;
    border: 1px solid #dedede;
    margin: 0px auto;
    border-collapse: collapse;
    empty-cells: show;
    text-align: left
}
table th,table td {
    height: 35px;
    border: 1px solid whitesmoke;
    padding: 0 10px
}
table th {
    text-align: center !important;
    background: #00cfe4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white
}
table tbody tr:nth-child(2n) {

}
table th {
    white-space: nowrap
}
table {
    table-layout: fixed;
    word-break: break-all
}
table tbody {
}
th {
    font-weight: normal
}
tr {
    background: white;
}

/*联系方式*/
.icon {
    background:rgb(255 255 255 / 10%);
    padding: 0px 8px;
    width: max-content;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    margin-top: 80px;
    transform: translate(-50%);
    transition: opacity .2s ease-in-out;
    opacity: 0;
    user-select: text;
    color: #ffffff;
    letter-spacing: 1px;
    font-family: 'Misans';
}
.icons {
    opacity: 1;
    transition: opacity .2s ease-in-out;
}
.icons::before {
    content: '▲';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    margin-top: -15px;
    color:rgb(255 255 255 / 15%);
}
/**评论回复*/
.iconr{
    width:14px;
    height:14px;
    fill: rgb(153 153 153 / 30%);
}

/*标签*/
.content_tags {
    text-align: center;
    font-size: 13px;
    user-select: none;
}
.tags {
    float: left;
    display: contents
}
.tags a {
    border-radius: 4px;
    padding: 2px 12px;
    margin: 6px;
    background:#f7f7f7;
    color: #4a4a4a;
}
.tagsa {
    transition: all ease .3s;
}
.tagsa:hover {
    background: #2aae6b;
    color: white;
    text-decoration: none;
    transition: all ease .3s;
}
._6o2pe3wnwtw {
    width: 100%;
    opacity: 0.5
}
#response {
    font-size: 12px;
    color: #d6d6d6;
    user-select: none;
    padding: 5px;
    border-radius: 8px;
    backdrop-filter: blur(2px)
}
#iframeu6330543_0 {
    width: 100% !important
}
#container {
    width: 100% !important
}
.menu-title{
    font-size: 14px;
    color: white;
    margin: 0px;
    position:relative;
}
.hactive {
    border-radius: 0;
    position: relative;
    pointer-events: none;
    background: rgb(255 255 255 / 15%);
    box-shadow: 0 0 0 1px rgb(255 255 255 / 50%);
    /*新年样式*/
    /*box-shadow: 0 0 0 1px rgb(255 167 0 / 79%);
    background: rgb(255 143 0 / 20%);*/
    border-radius: 10px;
    backdrop-filter: blur(10px);
    filter: drop-shadow(0px 1px 1px rgba(40, 125, 100, 0.4));
    color: #fff;
}
.hactive:before{
/*
    content: '';
    position: absolute;
    background: rgb(255 255 255 / 80%);
    height: 3px;
    width: 80%;
    left: 50%;
    transform: translate(-50%);
    bottom: -2px;
    border-radius: 10px;
    transition: all ease .3s;
    animation-name: menuhwd;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;*/
}
.menu-title:hover:before {
    content: '';
    position: absolute;
    background-image: -webkit-linear-gradient(130deg, #005aff 0%, #ffffff 70%);
    /*新年样式*/
    /*background-image: -webkit-linear-gradient(130deg, #ff1616 0%, #ffffff 70%);*/
    height: 3px;
    width: 50%;
    left: 50%;
    transform: translate(-50%);
    bottom: -2px;
    border-radius: 10px;
    transition: all ease .3s;
    filter: unset;
    animation: menuwd 1.5s infinite linear;
    /*animation-name: menuwd;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;*/
}
.shan {
    animation: changeshadow 2s  ease-in  infinite;
    -webkit-animation: changeshadow 2s linear infinite;
    -moz-animation: changeshadow 2s linear infinite;
    -ms-animation: changeshadow 2s linear infinite;
    -o-animation: changeshadow 2s linear infinite
}

#tp-weather-widget .sw-container {

}
/*天气*/
.blUPwB{
    height:165px !important;
    margin-bottom:15px !important;
}
.cHlxbs{
    height:130px !important;
    bottom:4px !important;
}
.bRmqwc{
    width:200px  !important;
    height:200px !important;
}
.sw-ui-main-weatherIcon,.eCrZss,.fyGffG,.ouAys,.dbtWxv{
    width: 30px !important;
    height: 30px !important;
}
.eofBUk{
    font-size:2rem !important;
}

.fAFgBy {
    overflow-y: scroll;
}
.idzueu {
    width: 16px !important;
    height: 16px !important;
    margin: 2px 6px 2px 6px !important
}
.dsrBSL {
     font-size:13px !important;
    font-family: 'Din' !important;
}
.EKHJj {
    color: white !important;
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}
.dBbtWF {
    font-size: 1rem
}
.icon-background-alarmCircle {
    margin: 0px 4px !important
}
.gBTmdH {
    top: 60% !important;
    left: -140px !important
}
.jEbFAF {
    left: -140px !important;
}
.gtZhim,.ihAeOA,.gTyFGf,.gEPbpr,.hWtwV,.gCOKdy  {
    width: 320px !important;
    background: linear-gradient(to top, rgb(177 190 235 / 50%) 0%, rgb(188 202 223 / 41%) 100%) !important;
    backdrop-filter: blur(10px);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 50px !important;
}

.jCzPjW {
    margin: 0px 0px !important;
    white-space: break-spaces !important;
    font-size: 0.7rem !important;
    font-family: sans-serif !important;
    text-align: justify !important;
    padding:6px;
}
.igKzDg {
    word-break: break-all !important;
    font-size: 13px !important;
    font-family: 'time' !important;
    color: #ffffff !important;
    background: rgb(255 255 255 / 10%);
    margin: 5px;
    border-radius: 6px;
    width: calc(100% - 10px) !important;
    letter-spacing: 0.05rem;
}
.eofBUk {
    font-family: 'time' !important
}
.jhwbjs,.dGahrl {
    position: relative;
    height: auto !important;
    left: 0 !important;
    padding: 0px;
    animation: none !important
}
.iyOJAk,.eEhtti,.fHgEDb,.fjfZGZ,.bvpYIZ,.cvkOUg,.bLAjJi,.lkqkCf,.izEZsp{
    position: relative;
    height: max-content !important;
    left: 0 !important;
    animation: none !important
}
.OeVeF {
    height:60px !important;
    flex: 1 0 0;
    text-align: center;
    margin:10px 0px !important;
}
.eBcdRn {
    text-align: center;
     padding:0px !important;
}
.jQorrF {
    align-items: center !important;
    flex-wrap: nowrap !important;
    justify-content: space-evenly !important
}
.OeVeF::before,.OeVeF::after {
    background: none !important
}
.bcxaVF {
    font-size: 1rem !important;
    font-family: 'time' !important
}
.fyUtqy {
    box-shadow: none !important;
}
.hNWUPd {
    margin-bottom: 5px
}
.EMoWV,.fVemYD,.bYEQgL,.snYwZ,.fxYHEJ,.bIzmgr,.kLgdFU,.bLFpsg,.jjvwPQ,.csoAkb,.gfPCmR {
    display: block !important;
}
.jkISYm{
    overflow-y: scroll;
}

.ijqNjY {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.icon-background-alarmCircle{
    height: 18px;
    width: 18px;
    display: flex !important;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
    padding:0 !important;
}
.icon-rain{
     font-size:12px !important;
}
.sw-ui-main-alarm-title{
    writing-mode: vertical-lr;
    margin: 0;
    padding: 0;
    left: 4px;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 30px;
    margin-right: 4px;
}
/*天气温度曲线图*/
.emBiRU,.knkIqe {
    display: none !important
}
/*天气下方三日天气宽度*/
.fyUtqy {
   flex: 1 !important;
    width: calc(100% / 3 - 10px);
}
.idlYFc {
    align-items: center;
    justify-content: center;
}
/*天气下方左右按钮*/
.fNtLER {
    display: none !important;
}

.cps {
    width: 150px !important;
    height: 80px !important
}
.zggcd {
    position: absolute;
    top: 6px;
    right: 288px
}
.zggcd>span {
    transition: all 10s;
    visibility: hidden;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 170px;
    text-align: center;
    color: #ffffff;
    filter: drop-shadow(0px 2px 2px white);
    top: 30px;
    opacity: 1
}
.zggcd:hover span {
    transition: all 10s;
    visibility: inherit;
    opacity: 0
}
.ioo {
    transition: .5s transform
}
.ioo:hover {
    transition: .5s transform;
    transform: scale(1.15)
}
.La {

}
.page-abouta{
    text-align: left;
    padding: 10px;
}
.page-about{
    text-align: left;
    padding: 10px;
    padding-left: 20px;
}
.about_page {
    border: 0;
    color: #272727;
    text-align: center;
}
.about_page_1 {
    border: 0;
    color: #373737;
    text-align: center;
}
.about_page_2 {
    font-weight: bold;
}
.about-t1,.about-t2,.about-t3,.about-t4 {
    color: #2aae6b;
    text-shadow: 0 0 1px #2aae6b;
}
.gxvd{
    padding:2px;
}
.cmvd {
    width: 100%;
    border-radius: 4px;
    user-select: none
}


/*谷歌广告*/
.ads{
    overflow: hidden;
    width:100%;
}
.google-auto-placed {
    display: none;
}
.google-ads {
    margin: 20px auto;
    transition: ease 0.3s;
    width:100%;
}
.google-ads:hover {
    filter: blur(0px);
    opacity: 1;
    transition: ease 0.2s;
}
.adsbygoogle{
    background: url(../img/ads/google.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}
.ns-37uzh-e-0{border:0}
#aw0{
    border-radius:6px;
}
/*公告弹出界面样式 */
.sweet-overlay {
    background:rgba(255,255,255,0);
    background-position: center;
    background-size: cover;
}
.GG {
    border: none !important;
}
.social-share .social-share-icon {
    background: rgba(255,255,255,1) !important;
}
.social-share .social-share-icon:hover {
    border-radius: 8px !important;
    filter: hue-rotate(134deg);
    background: #ededed !important;
}
.agent {
    height: 22px;
    line-height: 22px;
    border-radius: 4px;
    padding: 2px 0px;
}
.local {
    height: 22px;
    line-height: 22px;
    border-radius: 4px 0 0 4px;
    padding: 2px 0px 2px 0px;
    margin-left:0;
}
.comment-time {
    height: 22px;
    line-height: 22px;
    border-radius: 0 4px 4px 0px;
    padding: 2px 0px 2px 0px;
    user-select: none;
    margin-left: -2px;
    font-size: 0.7rem;
    font-family: 'Din';
    display: flex;
    align-items: center;
    justify-content: center;
}
.comment-reply{
    height: 22px;
    line-height: 22px;
    border-radius: 4px;
    padding: 2px 0px;
    color: #696969;
}
.archupdate {
    background: #f7f7f7;
    text-align: left;
    color: #838383;
    font-size: 12px;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-position: 8% 10%;
}
.arch0{
    background: url(/img/typecho/whitewx.png) no-repeat;
    background-size: contain !important;
    width: 50%;
    height: 100px;
    background-position: center !important;
}
.arch1{
    line-height:30px;
}
/*错误页面*/
.error {
    margin: 50px auto;
    text-align: center;
}
.error_page {
    text-align: center;
    font-size: 20px;
    color: #f44336;
    padding: 20px 20px 30px 20px;
}
/* 新版友链页面 */
.active {
    color:#1c1d25;
    box-shadow:unset !important;
}
.active .tico{
    color:#1c1d25;
    background:white;
    box-shadow: 0 0 20px rgb(215 215 215 / 20%);
}
.active span{
}

/*
.active::before {
    content: "";
    left: 50%;
    top: -4px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index:-1;
    background-image:linear-gradient(to top, rgb(195 227 207) 0%, #ffffff00 100%);
    border-radius: 0 0 10px 10px;
}
.active:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #cae3d1;
    top: 97%;
    border-radius:10px;
    clip-path: polygon(0% 0%, 100% 0%, 50% 15%, 0% 0%);
}
*/

.active .tico{
    filter: unset;
    background: #3d3d3d;
    color:white;
}
.active .tico  img{
    filter: drop-shadow(0px 1px 1px rgba(0, 100, 255, 0.8));
}
.L4.active .tico{
    color:#ff4e41 !important;
}
.L4.active span{
    color:#ff4e41 !important;
}
/*
.L4.active::before{
    content: "";
    left: 50%;
    top: -4px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(to top, rgb(255 118 0 / 20%) 0%, #ffffff00 100%);
    border-radius: 10px;
}
.L4.active:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f5e0d1;
    top: 97%;
    border-radius:10px;
    clip-path: polygon(0% 0%, 100% 0%, 50% 15%, 0% 0%);
}
*/
.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    user-select: none;
    color: rgb(126 126 126 / 50%);
    /*新年红色*/
    /*color:rgb(229 128 128 / 68%);*/
}
.menu li {
    font-size: 14px;
    margin: 10px 16px;
    padding: 4px 8px;
    box-shadow: none;
    position:relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 60px;
    height:60px;
    justify-content: center;
    border-radius: 10px;
}
.tico{
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}
.L1 .tico{

}
.L3 .tico{

}
.L4 .tico{
}
.L5{
    display:none !important;
}
.tico img{
    border-radius:0;
    filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, 0.2));
}
.content {
    display: none;
    margin-top: 20px;
    margin-bottom: 60px;
}
.continfo{
    color:#c9c9c9;
}
.show {
    display: block;
}
.linkimg {
    width: 22px;
    height: 22px;
    border-radius: 25px;
    filter: drop-shadow(1px 2px 1px #ddd);
}
.linkling {

}
.linkimgs {
    width: 20px;
    height: 20px;
    left: 50%;
    top: 10px;
    transform: translate(-50%);
    position: absolute;
    filter: drop-shadow(1px 2px 1px #dedede);
}

.friend  .linkimg{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
#content4 .linkimgs{

}
.linkimgs:hover{
    filter:unset;
}
.linkimgb {
    width: 20px;
    height: 20px;
    float: left;
    transition: all ease .3s;
    border-radius: 5px
}
.linkimgb:hover {
    transform: rotate(720deg) scale(1.3);
    transition: all ease .5s
}
.linksb {
    width: 20px;
    height: 40px;
    border-radius: 50% !important;
    padding: 0px 10px;
    transition: all 0.1s linear;
    background: white;
    margin: 12px 16px !important;
    box-shadow: 2px 2px 4px 0px #f3f3f3,-2px -2px 4px 0px #f1f1f1 inset
}

.linksb:hover {
    border-radius: 50% !important;
    transition: all ease .3s;
    box-shadow: 2px 2px 4px 0px #e3e3e3,-2px -2px 4px 0px #e3e3e3 inset
}
.linksb a {
    padding-left: 0px !important
}
.linksb a:hover {
}
.links-k {
    display: inline-block;
    margin: 5px;
    width: 120px;
    background: #fff;
    border-radius: 5px;
    padding: 0 11px;
    border: 0;
    cursor: inherit
}
.linkul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    text-align: center;
}
.linkhd{
    position: absolute;
    margin-top: -20px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #ff4e41;
}
.linkhd .fa-slack{
    transform: translateY(1px) translateX(-4px);
}
.linkli {
    list-style: none;
    float: left;
    width: calc(100% / 6 - 20px);
    box-shadow: unset;
    background: white;
    margin: 10px;
    border-radius: 10px;
    height: 70px;
    transition: all ease 0.3s;
    background: linear-gradient(145deg, rgb(243 243 243), #ffffff);
    box-shadow: 10px 10px 50px rgb(237 237 237), -10px -10px 50px #ffffff;
}

/*新年样式*/
/*.linkli:before{
    content:'';
    position:absolute;
    background:url(https://img.jinchuang.org/typecho/newyear/img/2025/fu.png) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 2px;
    margin-top: 2px;
    transform: scale(0.8) rotate(-2deg);
}*/

.linkli a {
    width: 100%;
    height: 100%;
    color:black;
}
.linkli a .b3{
    color:#444955;
}
.linkli a .b4{
    color:#2d2e33;
}
.linkli a .b3:hover,.linkli a .b4:hover{
    color:#2aae6b !important;
}

.links::before{
    content: '';
    background: url(/img/pic/mz.png) no-repeat;
    background-size: cover;
    position: absolute;
    height: 30px;
    width: 30px;
    right: 0;
    bottom: 0;
    animation-name: mzUp; /* 应用我们定义的动画 */
    animation-duration: 0.5s; /* 设置动画持续时间为2秒 */
    animation-timing-function: ease-out; /* 设置动画的速度曲线为先加速后减速 */
    animation-fill-mode: forwards; /* 当动画结束后，元素将保持最后一帧的状态 */
    display:none;
}
.links-status{
    position: absolute;
    right: 4px;
    top: 4px;
    background: #41cda1;
    border-radius: 50%;
    letter-spacing: 0.5px;
    width: 6px;
    height: 6px;
    filter: drop-shadow(0px 0px 4px #41cda1);
    animation: link-status 2s linear infinite;
}
.links-down{
    background: #ff3100!important;
    filter: drop-shadow(0px 0px 4px #ff3100) !important;
    animation: unset;
}
.links:hover:before {
    /*background-image: linear-gradient(135deg,#efefef 10%,#ffffff 90%);*/
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    filter: drop-shadow(1px 1px 3px #f1f1f1);
    display:block;
}
.link-border a {
    font-weight: 500;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    outline: none;
    padding-top: 10px;
    padding-left: 8px;
    text-decoration: none !important
}
.link-border a:hover {
    filter: none
}
.link-border a:hover::before {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.lkimg{
    position:relative;
    margin-right:5px;
}
.lkfont {
    transition: all 0.2s ease;
    font-size: 12px;
    position: relative;
    letter-spacing:0.5px;
    line-height: normal;
}
.linkli a:hover{
    color:#00a735 !important;
}
.lkfont:hover {
    letter-spacing: 2px;
    transition: all 0.3s ease;
}
.b3 .lkfont {

}
.b4 .lkfont {

}
.tt5title {
    font-size: 12px;
    color: #c9c9c9;
    border-radius: 10px;
    padding: 0px 5px;
    text-align: left;
    width: max-content;
    transform: scale(0.9);
    margin-left: 5px
}
.anniu {
    position: relative;
    border-radius: 6px;
    text-decoration: none;
    overflow: hidden;
    width: 100%;
    height:100%;
    padding: 5px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
}
.linkli:hover {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    background: linear-gradient(145deg, rgb(224 224 224 / 80%), rgba(255,255,255,1));
    box-shadow: 10px 10px 30px rgb(222 222 222), -10px -10px 30px #ffffff;
    background-color: rgb(3 244 202 / 80%);
    transform: scale(1.06);
}

/* 动态边框线条
.anniu:hover span {
    position: absolute;
    display: block
}
.anniu:hover span:nth-child(1) {
    filter: hue-rotate(0deg);
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,transparent,#2aae6b);
    animation: animate1 2s linear infinite
}
.anniu:hover span:nth-child(2) {
    filter: hue-rotate(60deg);
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg,transparent,#ff00c8);
    animation: animate2 2s linear infinite;
    animation-delay: 0.5s
}
.anniu:hover span:nth-child(3) {
    filter: hue-rotate(120deg);
    bottom: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(270deg,transparent,#d76300);
    animation: animate3 2s linear infinite;
    animation-delay: 1s
}

.anniu:hover span:nth-child(4) {
    filter: hue-rotate(300deg);
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg,transparent,#ff4141);
    animation: animate4 2s linear infinite;
    animation-delay: 1.5s
}
*/

.linkg {
    width: 60px;
    display: flex !important;
    justify-content: flex-start;
    justify-items: start;
    margin: 10px 10px !important;
}
.linkabout {
}
.linkme {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: linear-gradient(145deg, rgb(243 243 243), #ffffff);
    box-shadow: 10px 10px 30px rgb(249 249 249), -10px -10px 30px #ffffff;
    margin: 10px 0px;
    border-radius: 6px;
    margin-top: 30px;
    padding:10px;
}
.linktm {
    display: grid;
    justify-content: start;
    justify-items: start;
}
.linkm {
    font-size: 12px;
    color: #8b8b8b;
}


/*均衡器*/
.equalizer {
    position: relative;
    width: 16px;
    height: 12px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    left:-6px;
}

@media screen and (max-width:719px) {
    .equalizer {
    }
}

.equalizer span {
    width: 4px;
    border-radius:10px;
    background:linear-gradient(#ff0000, #FFe100,#00aaff);
    animation: up-and-down 3s linear infinite calc(-1 * 0.1s * var(--n));
}

.equalizer span:nth-child(1) {
    --n: 1;
}

.equalizer span:nth-child(2) {
    --n: 2;
}

.equalizer span:nth-child(3) {
    --n: 3;
}


@keyframes up-and-down {

    0%,
    100% {
        clip-path: inset(60% 0 0 0);
    }

    10% {
        clip-path: inset(17% 0 0 0);
    }

    20% {
        clip-path: inset(70% 0 0 0);
    }

    30% {
        clip-path: inset(30% 0 0 0);
    }

    40% {
        clip-path: inset(0% 0 0 0);
    }

    50% {
        clip-path: inset(38% 0 0 0);
    }

    60% {
        clip-path: inset(80% 0 0 0);
    }

    70% {
        clip-path: inset(21% 0 0 0);
    }

    80% {
        clip-path: inset(0% 0 0 0);
    }

    90% {
        clip-path: inset(36% 0 0 0);
    }
}


/* 娱乐页面*/
.Lyu1 {

}
.Lyu2 {

}
.Lyu3 {

}
.Lyu4 {
    color: red
}
.linkbox {
    display: grid;
    justify-items: center;
    line-height: 20px;
    margin: 25px auto;
}


/* 娱乐游戏iframe 宽高度*/
.yugame {
    width: 800px;
    height: 710px
}
.wzq {
}
.txz {
    height: 645px;
}
.hide a {
    background: rgb(42 174 103 / 10%);
    padding: 0px 8px;
    margin: 4px;
    border-radius: 4px;
}
.hide a:hover {
    background: #ff5200;
    color: white
}
.chatgpt {
    width: 100%;
    font-size: 12px;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: -21px;
    position: relative;
}
.chatn {
    background: #2aae6b;
    color: white;
}
.chattj{
    margin-right: 4px;
    color: #ffee00;
    font-weight: bold;
}
.chatw {
    background: #919191;
    color: white;
}
.chatinfo {
    color: #000;
    font-size: 14px !important;
    font-weight:bold;
    margin-bottom:30px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    font-family: sans-serif;
}


.header-video {
    position: absolute;
    width: 100%;
    height: 100%;
}

#vd {
    width: 100%;
    height: 100%;
    border-radius:unset !important;
    object-fit: cover;
    object-position: center;
}


/*切换主题图标*/
#toggle-style {
    width: 25px;
    height: 25px;
    position: relative;
    border: none;
    text-align:center;
    z-index: 10;
    opacity: 0.8;
    background:transparent;
    display:flex;
    align-items: center;
    justify-content: center;
    /*新年红色*/
    /*background: rgb(222 2 1);
    box-shadow:0 0 10px #ff7777;*/
}

.fa-certificate {
    display: none;
}
.fa-moon-o {
    display: block;
    color:white !important;
    /*新年红色*/
    /*color: #ffffff !important;*/
}
.fa-certificate:before,.fa-moon-o:before {

}
.hljs-code, .hljs-comment, .hljs-formula {
}

/*行数*/
.hljs-ln{
    table-layout: unset;
    word-break: unset;
    width: unset;
    border: unset;
    margin: unset;
    empty-cells: unset;
    text-align: unset;
    border: unset;
    margin-bottom: 6px;
}
.hljs-ln tr{
    background: unset;
}
.hljs-ln-line {
    height: unset;
    border:0;
}
.hljs-ln-numbers{
    border-right: 1px solid  #eeeff3;
}
.hljs-ln-n{
    padding-right: 10px;
    text-align:center;
    color: #737889;
}
.hljs-ln-code {
    border: 0;
    padding-left: 8px !important;
}



/*相关文章*/

.related-post-lists{
    position: relative;
    margin: 10px auto;
    border-radius:8px;
    margin-top:15px;
    margin-bottom:-10px;
}
.relatedinfo{
    margin: 10px 0;
    color: white;
    background:#03A9F4;
    font-size: 14px;
    width: max-content;
    padding: 2px 8px;
    border-radius: 4px;
}
.post-lists{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width:100%;
    position: relative;
   justify-content: space-between;
}

.post-list-item{
    border-radius: 8px;
    margin: 8px;
    height: 80px;
    width: calc(25% - 16px);
    background:#f7f7f7;
    position:relative;
}
.post-list-item:first-child{
    margin-left:0px;
}
.post-list-item:last-child{
    margin-right:0px;
}
.post-list-item a{
    width: calc(100% - 75px);
    height: 100%;
    float: right;
    font-weight: bold;
    position: relative;
    color: #414141;
    border-radius: 8px;
    transition: all ease 0.2s;
    display: flex;
    align-items: center;
}
.post-list-item a:hover{
    transition: all ease 0.2s;
}

.item-label{

}
.item-title{
    margin: 5px 6px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-break: break-all;
    -webkit-box-orient: vertical;
    line-height:16px;
}
.item-meta{
    position: absolute;
    z-index: 5;
    top: 0;
    width: 70px;
    height: 100%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.item-meta::before{
    content: "";
    position: absolute;
    width: 2px;
    height: 45px;
    background:#e7e7e7;
    right: 0;
    border-radius: 6px;
}
.item-meta::after{
content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background:#e7e7e7;
    right: -3px;
    transform: rotate(45deg);
}
.item-meta a{
    color: #2aae6b;
    width: auto;
    height: unset;
    font-size: 12px;
    transition: all ease 0.2s;
}
.item-meta a:hover{
    color: #2aae6b;
}
/*判断ie浏览器*/
#isie {
    display: none;
    position: fixed;
    width:100%;
    height:100%;
    background:white;
    font-weight: 600;
    font-size: 18px;
    color: red;
    z-index: 99999999;
    font-family: Arial, sans-serif;

}
#iecont{
    text-align: center;
    position:absolute;
    top: 45%;
    left: 0;
    bottom: 0;
    right: 0;
    padding:10px;
}

.imzcy{
    background:url(/img/erwm/imzcy/imzcy.png) no-repeat;
    background-size: contain;
    background-position: center;
    max-width: 100%;
    height: 100px;
    position:relative;
    border: 2px solid #2776f5;
    border-radius: 8px;
    margin: auto 2px;
}
.imzcy:before{
    content:'公众号:运维技术';
    position:absolute;
    background: #2776f5;
    color: white;
    padding: 0px 12px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    align-items: center;
}

/*蝴蝶*/
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 1, 0, 720deg);
    -moz-transform: rotate3d(0, 1, 0, 720deg);
    -ms-transform: rotate3d(0, 1, 0, 720deg);
    -o-transform: rotate3d(0, 1, 0, 720deg);
    transform: rotate3d(0, 1, 0, 720deg);
  }
}
@-moz-keyframes rotating {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 1, 0, 720deg);
    -moz-transform: rotate3d(0, 1, 0, 720deg);
    -ms-transform: rotate3d(0, 1, 0, 720deg);
    -o-transform: rotate3d(0, 1, 0, 720deg);
    transform: rotate3d(0, 1, 0, 720deg);
  }
}
@-ms-keyframes rotating {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 1, 0, 720deg);
    -moz-transform: rotate3d(0, 1, 0, 720deg);
    -ms-transform: rotate3d(0, 1, 0, 720deg);
    -o-transform: rotate3d(0, 1, 0, 720deg);
    transform: rotate3d(0, 1, 0, 720deg);
  }
}
@-o-keyframes rotating {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 1, 0, 720deg);
    -moz-transform: rotate3d(0, 1, 0, 720deg);
    -ms-transform: rotate3d(0, 1, 0, 720deg);
    -o-transform: rotate3d(0, 1, 0, 720deg);
    transform: rotate3d(0, 1, 0, 720deg);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 1, 0, 720deg);
    -moz-transform: rotate3d(0, 1, 0, 720deg);
    -ms-transform: rotate3d(0, 1, 0, 720deg);
    -o-transform: rotate3d(0, 1, 0, 720deg);
    transform: rotate3d(0, 1, 0, 720deg);
  }
}
@-webkit-keyframes rotatingY {
  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}
@-moz-keyframes rotatingY {
  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}
@-ms-keyframes rotatingY {
  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}
@-o-keyframes rotatingY {
  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}
@keyframes rotatingY {
  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}
/**/
@-webkit-keyframes fluttering {
  0%, 25%, 50%, 75%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 60% {
    -webkit-transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
  }

  30%, 80% {
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
}
@-moz-keyframes fluttering {
  0%, 25%, 50%, 75%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 60% {
    -webkit-transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
  }

  30%, 80% {
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
}
@-ms-keyframes fluttering {
  0%, 25%, 50%, 75%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 60% {
    -webkit-transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
  }

  30%, 80% {
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
}
@-o-keyframes fluttering {
  0%, 25%, 50%, 75%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 60% {
    -webkit-transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
  }

  30%, 80% {
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
}
@keyframes fluttering {
  0%, 25%, 50%, 75%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 60% {
    -webkit-transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
  }

  30%, 80% {
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
}
/**/
@-webkit-keyframes left-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }
}
@-moz-keyframes left-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }
}
@-ms-keyframes left-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }
}
@-o-keyframes left-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }
}
@keyframes left-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(1) rotate3d(0, 1, 0, 60deg);
  }
}
@-webkit-keyframes right-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }
}
@-moz-keyframes right-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }
}
@-ms-keyframes right-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }
}
@-o-keyframes right-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }
}
@keyframes right-wing-flap {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, -70deg);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -moz-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -ms-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    -o-transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
    transform: translate3d(0, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 60deg);
  }
}
/**
 *
 */
/**
  * SOURCE
  */

.scene3d {
  z-index:2;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  position: absolute;
    overflow: hidden;
  width: 100%;
  left: 0;
  top:0;
  height: 60vh;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.skybox.cube {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 512px;
  height: 512px;
  margin-left: -256px;
  margin-top: -256px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation: rotatingY 40s linear infinite;
  -moz-animation: rotatingY 40s linear infinite;
  -ms-animation: rotatingY 40s linear infinite;
  -o-animation: rotatingY 40s linear infinite;
  animation: rotatingY 40s linear infinite;
}
.skybox.cube var.scale {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 512px;
  height: 512px;
  margin-left: -256px;
  margin-top: -256px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate3d(0, 0, 1, 15deg) translate3d(0, 100px, 0) scale3d(4, 6, 4);
  -moz-transform: rotate3d(0, 0, 1, 15deg) translate3d(0, 100px, 0) scale3d(4, 6, 4);
  -ms-transform: rotate3d(0, 0, 1, 15deg) translate3d(0, 100px, 0) scale3d(4, 6, 4);
  -o-transform: rotate3d(0, 0, 1, 15deg) translate3d(0, 100px, 0) scale3d(4, 6, 4);
  transform: rotate3d(0, 0, 1, 15deg) translate3d(0, 100px, 0) scale3d(4, 6, 4);
}
.skybox.cube .face {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 512px;
  height: 512px;
  margin-left: -256px;
  margin-top: -256px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.skybox.cube .face.front {
  -webkit-transform: rotateY(0deg) translateZ(-256px);
  -moz-transform: rotateY(0deg) translateZ(-256px);
  -ms-transform: rotateY(0deg) translateZ(-256px);
  -o-transform: rotateY(0deg) translateZ(-256px);
  transform: rotateY(0deg) translateZ(-256px);
  background-image: url("clouds_front.jpg");
}
.skybox.cube .face.back {
  -webkit-transform: rotateY(180deg) translateZ(-256px);
  -moz-transform: rotateY(180deg) translateZ(-256px);
  -ms-transform: rotateY(180deg) translateZ(-256px);
  -o-transform: rotateY(180deg) translateZ(-256px);
  transform: rotateY(180deg) translateZ(-256px);
  background-image: url("clouds_back.jpg");
}
.skybox.cube .face.right {
  -webkit-transform: rotateY(-90deg) translateZ(-256px);
  -moz-transform: rotateY(-90deg) translateZ(-256px);
  -ms-transform: rotateY(-90deg) translateZ(-256px);
  -o-transform: rotateY(-90deg) translateZ(-256px);
  transform: rotateY(-90deg) translateZ(-256px);
  background-image: url("clouds_right.jpg");
}
.skybox.cube .face.left {
  -webkit-transform: rotateY(90deg) translateZ(-256px);
  -moz-transform: rotateY(90deg) translateZ(-256px);
  -ms-transform: rotateY(90deg) translateZ(-256px);
  -o-transform: rotateY(90deg) translateZ(-256px);
  transform: rotateY(90deg) translateZ(-256px);
  background-image: url("clouds_left.jpg");
}
.skybox.cube .face.top {
  -webkit-transform: rotateX(-90deg) translateZ(-256px);
  -moz-transform: rotateX(-90deg) translateZ(-256px);
  -ms-transform: rotateX(-90deg) translateZ(-256px);
  -o-transform: rotateX(-90deg) translateZ(-256px);
  transform: rotateX(-90deg) translateZ(-256px);
  background-image: url("clouds_top.jpg");
}
.skybox.cube .face.bottom {
  -webkit-transform: rotateX(90deg) translateZ(-256px);
  -moz-transform: rotateX(90deg) translateZ(-256px);
  -ms-transform: rotateX(90deg) translateZ(-256px);
  -o-transform: rotateX(90deg) translateZ(-256px);
  transform: rotateX(90deg) translateZ(-256px);
  background-image: url("hazy_lake_top.jpg");
  background: none;
}

.butterfly_container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation: rotatingY 10s linear infinite;
  -moz-animation: rotatingY 10s linear infinite;
  -ms-animation: rotatingY 10s linear infinite;
  -o-animation: rotatingY 10s linear infinite;
  animation: rotatingY 10s linear infinite;
}
.butterfly_container var {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.butterfly_container var.rotate3d {
  -webkit-transform: rotate3d(1, 0.5, 0, 70deg);
  -moz-transform: rotate3d(1, 0.5, 0, 70deg);
  -ms-transform: rotate3d(1, 0.5, 0, 70deg);
  -o-transform: rotate3d(1, 0.5, 0, 70deg);
  transform: rotate3d(1, 0.5, 0, 70deg);
}
.butterfly_container var.translate3d {
  -webkit-transform: translate3d(-300px, 0px, 0px);
  -moz-transform: translate3d(-300px, 0px, 0px);
  -ms-transform: translate3d(-300px, 0px, 0px);
  -o-transform: translate3d(-300px, 0px, 0px);
  transform: translate3d(-300px, 0px, 0px);
}
.butterfly_container var.translate3d-1 {
  -webkit-animation: fluttering 10s ease-in-out infinite;
  -moz-animation: fluttering 10s ease-in-out infinite;
  -ms-animation: fluttering 10s ease-in-out infinite;
  -o-animation: fluttering 10s ease-in-out infinite;
  animation: fluttering 10s ease-in-out infinite;
}
.butterfly_container.scale_half var.scale {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -o-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
}
.butterfly_container.scale_third var.scale {
  -webkit-transform: scale3d(0.333, 0.333, 0.333);
  -moz-transform: scale3d(0.333, 0.333, 0.333);
  -ms-transform: scale3d(0.333, 0.333, 0.333);
  -o-transform: scale3d(0.333, 0.333, 0.333);
  transform: scale3d(0.333, 0.333, 0.333);
}
.butterfly_container.scale_quarter var.scale {
  -webkit-transform: scale3d(0.25, 0.25, 0.25);
  -moz-transform: scale3d(0.25, 0.25, 0.25);
  -ms-transform: scale3d(0.25, 0.25, 0.25);
  -o-transform: scale3d(0.25, 0.25, 0.25);
  transform: scale3d(0.25, 0.25, 0.25);
}
.butterfly_container figure.butterfly {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.butterfly_container figure.butterfly .wing {
  position: absolute;
  width: 50px;
  height: 100px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate3d(0, 0, 0) rotate3d(1, 0.5, 0, 45deg);
  -moz-transform: translate3d(0, 0, 0) rotate3d(1, 0.5, 0, 45deg);
  -ms-transform: translate3d(0, 0, 0) rotate3d(1, 0.5, 0, 45deg);
  -o-transform: translate3d(0, 0, 0) rotate3d(1, 0.5, 0, 45deg);
  transform: translate3d(0, 0, 0) rotate3d(1, 0.5, 0, 45deg);
}
.butterfly_container figure.butterfly .wing.right {
  -webkit-transform-origin: 50px 50px;
  -moz-transform-origin: 50px 50px;
  -ms-transform-origin: 50px 50px;
  -o-transform-origin: 50px 50px;
  transform-origin: 50px 50px;
  -webkit-transform: translate3d(0px, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 45deg);
  -moz-transform: translate3d(0px, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 45deg);
  -ms-transform: translate3d(0px, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 45deg);
  -o-transform: translate3d(0px, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 45deg);
  transform: translate3d(0px, 0, 0) scaleX(-1) rotate3d(0, 1, 0, 45deg);
  -webkit-animation: right-wing-flap 0.5s ease-in-out infinite;
  -moz-animation: right-wing-flap 0.5s ease-in-out infinite;
  -ms-animation: right-wing-flap 0.5s ease-in-out infinite;
  -o-animation: right-wing-flap 0.5s ease-in-out infinite;
  animation: right-wing-flap 0.5s ease-in-out infinite;
  filter: FlipH;
  -ms-filter: "FlipH";
}
.butterfly_container figure.butterfly .wing.left {
  -webkit-transform-origin: 50px 50px;
  -moz-transform-origin: 50px 50px;
  -ms-transform-origin: 50px 50px;
  -o-transform-origin: 50px 50px;
  transform-origin: 50px 50px;
  -webkit-animation: left-wing-flap 0.5s ease-in-out infinite;
  -moz-animation: left-wing-flap 0.5s ease-in-out infinite;
  -ms-animation: left-wing-flap 0.5s ease-in-out infinite;
  -o-animation: left-wing-flap 0.5s ease-in-out infinite;
  animation: left-wing-flap 0.5s ease-in-out infinite;
}
.butterfly_container figure.butterfly .wing use {
  display: block;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  /*fill: url(#image);*/
  fill:rgba(255,255,255,0.1);
  stroke: rgba(255,255,255,0.2);
}

.svg-defs {
  position: absolute;
  height: 0;
  width: 0;
}

/*动态下拉箭头*/
.mouse-btn-down {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 75px;
    width: 100px;
    height: 68px;
    top: -170px;
    display: flex;
    justify-content: center;
    z-index: 10;

}
#scroll-to-target{
}
.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}
.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}
.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}
.chevron:before, .chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #ffffff;
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}
.chevron:before, .chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #ffffff;
}
@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}


/*灯笼*/
.dl{
    position:fixed;
    top:0;
    width:100%;
}
.deng-box {
    position: fixed;
    top: -30px;
    left: 0;
    z-index: 9999;
    pointer-events: none
}

.deng-box1 {
    position: fixed;
    top: -30px;
    left: 5%;
    z-index: 9999;
    pointer-events: none
}

.deng-box2 {
    position: fixed;
    top: -30px;
    left: 10%;
    z-index: 9999;
    pointer-events: none
}

.deng-box3 {
    position: fixed;
    top: -30px;
    left: 15%;
    z-index: 9999;
    pointer-events: none
}

.deng-box4 {
    position: fixed;
    top: -30px;
    left: 20%;
    z-index: 9999;
    pointer-events: none
}
.deng-box5 {
    position: fixed;
    top: -30px;
    left: 25%;
    z-index: 9999;
    pointer-events: none
}
.deng-box6 {
    position: fixed;
    top: -30px;
    left: 30%;
    z-index: 9999;
    pointer-events: none
}
.deng-box7 {
    position: fixed;
    top: -30px;
    left: 35%;
    z-index: 9999;
    pointer-events: none
}
.deng-box8 {
    position: fixed;
    top: -30px;
    left: 40%;
    z-index: 9999;
    pointer-events: none
}
.deng-box9 {
    position: fixed;
    top: -30px;
    left: 45%;
    z-index: 9999;
    pointer-events: none
}
.deng-box10 {
    position: fixed;
    top: -30px;
    left: 50%;
    z-index: 9999;
    pointer-events: none
}
.deng-box11 {
    position: fixed;
    top: -30px;
    left: 55%;
    z-index: 9999;
    pointer-events: none
}
.deng-box12 {
    position: fixed;
    top: -30px;
    left: 60%;
    z-index: 9999;
    pointer-events: none
}
.deng-box13 {
    position: fixed;
    top: -30px;
    left: 65%;
    z-index: 9999;
    pointer-events: none
}
.deng-box14 {
    position: fixed;
    top: -30px;
    left: 70%;
    z-index: 9999;
    pointer-events: none
}
.deng-box15 {
    position: fixed;
    top: -30px;
    left: 75%;
    z-index: 9999;
    pointer-events: none
}
.deng-box16 {
    position: fixed;
    top: -30px;
    left: 80%;
    z-index: 9999;
    pointer-events: none
}
.deng-box17 {
    position: fixed;
    top: -30px;
    left: 85%;
    z-index: 9999;
    pointer-events: none
}
.deng-box18 {
    position: fixed;
    top: -30px;
    left: 90%;
    z-index: 9999;
    pointer-events: none
}
.deng-box19 {
    position: fixed;
    top: -30px;
    left: 95%;
    z-index: 9999;
    pointer-events: none
}
.deng-box1 .deng,
.deng-box3 .deng,
.deng-box5 .deng,
.deng-box7 .deng,
.deng-box9 .deng,
.deng-box11 .deng,
.deng-box13 .deng,
.deng-box15 .deng,
.deng-box17 .deng{
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, .8);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 5s infinite ease-in-out;
    box-shadow: -5px 5px 30px 4px #fc903d
}

.deng {
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, .8);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 3s infinite ease-in-out;
    box-shadow: -5px 5px 50px 4px #fa6c00
}

.deng-a {
    width: 100px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, .1);
    margin: 12px 8px 8px 8px;
    border-radius: 50% 50%;
    border: 2px solid #dc8f03
}

.deng-b {
    width: 45px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, .1);
    margin: -4px 8px 8px 26px;
    border-radius: 50% 50%;
    border: 2px solid #dc8f03
}

.xian {
    position: absolute;
    top: -20px;
    left: 60px;
    width: 2px;
    height: 20px;
    background: #A1191a
}

.shui-a {
    position: relative;
    width: 5px;
    height: 20px;
    margin: -5px 0 0 59px;
    -webkit-animation: swing 4s infinite ease-in-out;
    -webkit-transform-origin: 50% -45px;
    background: orange;
    border-radius: 0 0 5px 5px
}

.shui-b {
    position: absolute;
    top: 14px;
    left: -2px;
    width: 10px;
    height: 10px;
    background: #dc8f03;
    border-radius: 50%
}

.shui-c {
    position: absolute;
    top: 18px;
    left: -2px;
    width: 10px;
    height: 35px;
    background: orange;
    border-radius: 0 0 0 5px
}

.deng:before {
    position: absolute;
    top: -7px;
    left: 29px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    z-index: 999;
    border-radius: 5px 5px 0 0;
    border: solid 1px #dc8f03;
    background: orange;
    background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03)
}

.deng:after {
    position: absolute;
    bottom: -7px;
    left: 10px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    margin-left: 20px;
    border-radius: 0 0 5px 5px;
    border: solid 1px #dc8f03;
    background: orange;
    background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03)
}

.deng-t {
    font-family: hwxk;
    font-size: 3.2rem;
    color: #ffa500;    
    margin-left: -4px;
    line-height: 85px;
    text-align: center;
    transform: rotate(-180deg);
}

.night .deng-box,
.night .deng-box1,
.night .deng-t {
    background: 0 0 !important
}
.denglong{
    top:5px;
    z-index:3;
    transform:scale(0.5);
}
.xian{
    top:-155px;
    height:155px;
}
@-moz-keyframes swing {
    0% {
        -moz-transform: rotate(-10deg)
    }

    50% {
        -moz-transform: rotate(10deg)
    }

    100% {
        -moz-transform: rotate(-10deg)
    }
}

@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(-10deg)
    }

    50% {
        -webkit-transform: rotate(10deg)
    }

    100% {
        -webkit-transform: rotate(-10deg)
    }
}

/*鼠标跟随*/
.star {
  transform-style: preserve-3d;
  width: 5px; /* 或根据需要调整 */
  height: 5px;
  position: fixed;
  color: red;
  pointer-events: none;
  user-select:none;
  z-index:3;
  opacity: 1; /* 可选：调整透明度以适应背景 */
  transition: opacity 0.3s ease; /* 可选：平滑的透明度变化 */
}

.star:before {
  position: absolute;
  content: "✦";
  color: inherit;
  inset: 0;

  /* 简化阴影以提升性能，或按需调整 */
  text-shadow: 0 0 0.4em rgba(255, 255, 255, 0.5);

}

/*页面宽度小于1800px的样式*/
@media screen and (min-width: 1921px) {
     .inarticle {
         width: 550px;
         height: 290px;
     }
     .inarticle-content{
         margin-top:30px;  
     }
     .thumb,.newlist{
         height:156px;
     }
}
/*页面宽度小于1800px的样式*/
@media screen and (max-width: 1800px) {
    .home{
        width:380px;
        margin:20px;
    }
}
/*页面宽度小于1600px的样式*/
@media screen and (max-width: 1600px) {
    .headertop-search{
        margin-left:15px;
    }
    nav ul li{
        width:45px;
    }
    .header-menu{
        margin-left:4px;
    }
    .inarticle{
        width:420px;
    }
    .hactive:before {
    }
}
/*页面宽度小于1500px的样式*/
@media screen and (max-width: 1500px) {
    .deng-box18{
        display:none;
    }
}
/*页面宽度小于1380px的样式*/
@media screen and (max-width: 1380px) {
    .time{
        display:none;
    }
    .inarticle{
        width:360px;
    }
}

/*页面宽度小于1220px的样式*/
@media screen and (max-width: 1220px) {
    .solarlunar{
        display:none;
    }
    .deng-box1,.deng-box3,.deng-box5,.deng-box7,.deng-box9,.deng-box11,.deng-box13,.deng-box15,.deng-box17{
        display:none;
    }
}

/*页面宽度小于1260px的样式*/
@media screen and (max-width: 1260px) {
    #tp-weather-widget .sw-container{
    }
}
/*页面宽度小于1170px的样式*/
@media screen and (max-width: 1230px) {
    .inarticle{
        /*width:440px;*/
    }
    #share_bz{width: calc(25% - 20px);}
}
/*页面宽度小于1080px的样式*/
@media screen and (max-width: 1080px) {
    .headertop-search{
        margin-left:10px;
        max-width:200px;
    }
}

/*页面宽度小于1060px的样式*/
@media screen and (max-width: 1060px) {
    .postmain,#comments{
        padding:20px;
    }
    #comments{
        padding: 20px 0px !important;
        background: unset;
        box-shadow: unset;
        width:95%;
    }
    .pagearticle {
        padding: 15px;
    }

}
/*页面宽度小于975px的样式*/
@media screen and (max-width: 975px) {
    .week{
        display:none;
    }
    .post-list-item{
        width:calc(50% - 8px);
    }
    .post-list-item:nth-child(2){
        margin-right:0px;
    }
    .post-list-item:nth-child(3){
        margin-left:0px;
    }
    .page_game_list {
        width: calc( 100% / 4 - 20px);
    }
}

/*页面宽度小于925px的样式*/
@media screen and (max-width: 925px) {
    .headertop-search{
         display:none;
    }
    .header-search{
         display:block;
        top: 56%;
        width: 100%;
        padding: 20px 55px;
        box-sizing: border-box;
    }
}

/*页面宽度小于940px的样式*/
@media screen and (max-width: 940px) {
    .inarticle{
        width:90%;
    }
    .thumb{
        width:25%;
    }
    .newlist{
        width:75%;
    }
    .list-cont::after{
        display:none;
    }
}

/*页面宽度小于920px的样式*/
@media screen and (max-width: 920px) {
/*壁纸页面*/
    #share_bz {
        width: calc(24% - 20px) !important;
        height: calc(450px - 60px) !important;
        margin: 10px;
    }
    .linkli{width: calc(100% / 5 - 20px);}
    .gpt-list{width: calc(100% / 3 - 40px);}
    .header-social {width:100%;gap:20px;padding: 0 10px;box-sizing: border-box;top: 35%;display: flex;justify-content: space-evenly;}
}

/*页面宽度小于820px的样式*/
@media screen and (max-width:820px) {
/*壁纸页面*/
    #share_bz {
        width: calc(30% - 20px) !important;
        height: calc(450px - 60px) !important;
        margin: 10px;
    }
    .header-siteinfo{
         left: 0;
         width: 100%;
    }
    .siteurl{
         font-size:6rem;
    }
    .site-2{
         font-size:3.3rem;
         margin-left:0;
     }

}

/*页面宽度小于768px的样式*/
@media screen and (max-width:768px) {
    .postmain,#comments {
    }
    .paginationb{
        gap:8px !important;
    }
    .denglong{
        top:5px;
    }
    .deng-box{
        left:-5%;
    }
    .deng-box2{
        left:5%;
    }
    .deng-box4{
        left:15%;
    }
    .deng-box6{
        left:25%;
    }
    .deng-box8{
        left:35%;
    }    
    .deng-box10{
        left:45%;
    }
    .deng-box12{
        left:55%;
    }
    .deng-box14{
        left:65%;
    }
    .deng-box16{
        left:75%;
    }
    .linkli{
        width: calc(100% / 4 - 20px);
    }

    .post-prev a{
        padding-right:30px !important;
    }
    .post-next a{
        padding-left:30px !important;
    }
    .page_game_list {
        width: calc( 100% / 3 - 20px);
    }
    .copyright,.copyright>a {
        letter-spacing: 0px;
    }
    .ipsou{
        display:none;
    }

}

/*页面宽度小于710px的样式*/
@media screen and (max-width:710px) {
    .intro-sitename {
        display: none;
    }
    .mulogo{display:block;}
    .imzcy{background-size:cover;}
    .imzcy:before{
     padding: 0;
     border-bottom-left-radius: 6px;
     border-bottom-right-radius:0;
     writing-mode: vertical-lr;
     letter-spacing: -2px;
    }
    .gpt-list{width: calc(100% / 2 - 40px);}
    .footer-content{flex-direction: column;flex-wrap: nowrap;justify-content: center;}
    .detailed{margin-left:0px;}
}

/*页面宽度小于637px的样式*/
@media (max-width:637px ) {
    /*壁纸页面*/
    #share_bz {
        width: calc(50% - 20px) !important;
        height: calc(600px - 60px) !important;
        margin: 10px;
    }
    .comments .comment-about {
        width: 100%;
        float: left;
        padding: 0
    }
    .comment-info {
        float: none !important;
        width: 98.5% !important
    }
}

/*页面宽度小于600px的样式*/
@media screen and (max-width: 600px) {
    .gBTmdH {
        paddint-top: 0 !important;
        left: 0 !important;
    }
    .ihAeOA,.gTyFGf,.gEPbpr,.hWtwV,.gCOKdy {
        width: 100% !important
    }
    .menu li {
        line-height: 20px;
        height:66px;
        margin:0px
    }
    .abwx {
        width: 45px !important;
    }
    .active::before ,.L4.active::before{
    }
    .tico{
        width:45px;
        height:45px;
        margin-bottom:4px;
    }
    .fa-globe,
    .fa-heart,
    .fa-download,
    .fa-hourglass,
    .fa-video-camera,
    .fa-gamepad,
    .fa-internet-explorer,
    .fa-folder,
    .fa-archive,
    .fa-calendar,
    .fa-tags,
    .fa-repeat,
    .fa-modx,
    .fa-tasks,
    .fa-user,
    .fa-address-card,
    .fa-gift,
    .fa-qrcode{
        font-size:20px;
    }
    .fa-link,.fa-paper-plane,.fa-play-circle,.fa-cloud-download{
        font-size:14px !important;
    }
    .linkli {
        width: 33.33%;
    }
    .linkme {
        padding: 15px;
    }
    .linkg {

    }
    .linkm {
        font-size: 12px;
        white-space: pre;
    }
    .linkminfo {
        display: none;
    }
    .linkimg{
        width:16px !important;
        height:16px !important;
    }
    .list-cont::after{
        display:block;
        right:7px;
        bottom:9px;
    }
    .linkli{width: calc(100% / 3 - 10px);margin:5px;}
    .page_game_list {
        width: calc( 100% / 2 - 20px);
    }
    .fn{font-size:12px;padding:2px 6px;}
    .agent{padding:2px 4px;}
    .fa-gamepad{transform: translateY(-2px);}
}


/*页面宽度小于580px的样式*/
@media screen and (max-width:580px) {
    body {
        position: relative
    }
    #scroll-to-target{
        top:-150px;
        display:none;
    }
    .header-top{
    }
    .scrolltop{
    }
    .intro{
        width:65px;
    }
    .intro-logo{
        filter: brightness(1) drop-shadow(0px 0px 16px black);
    }
    .flinkemail, .flink{
        width:50px;
    }
    .archives_list {
        text-align: left;
    }
     .header-social{
        height:0;
    }
    .header-social a{
        margin:4px;
    }
    .header-search{
        top: 48% !important;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        left: 0;
        transform: none;
    }
    .article-title {
        height: 30px;
        border-radius: 6px 6px 0px 0px;
        top: 5px;
        position: relative;
        background:unset;
    }
    .inarticle{margin:20px 15px;}
    .inarticle:hover{
        transform: scale(1.02);
        box-shadow:unset;
        background:#fff;
    }
    .postmain {
        padding:0;
        padding-top: 50px;
        background:unset;
        box-shadow:unset;
        border-radius:0;
        margin-top:0px;
        width:95%;
    }
    nav {
        position: absolute;
        top: 20px;
        width:100%;
    }
    .collapse {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        width: 40px;
        height: 24px;
        margin-left:12px;
        text-align: center;
        -webkit-animation: nav-down .5s;
        animation: nav-down .5s
    }
    .collapse i {
        color: #fff;
        font-size: 24px;
        margin-left:10px;
    }
    .header-menu{
        border-radius:10px;
        background:linear-gradient(90deg, rgb(30 89 255 / 10%), rgb(255 255 255 / 30%));
        backdrop-filter: blur(10px);
    }
    .hactive{
        border-bottom:0;
        background:unset;
        color: white !important;
        border:0;
        font-size:14px !important;
        filter: none;
        box-shadow: none;
        transform: translateY(1px);
        backdrop-filter: unset;
        background-image:-webkit-linear-gradient(70deg, #ffb610, #ff7474, #e6ff17, #ffffff);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       -webkit-animation: hue 10s infinite linear;
    }
    .menu-title:hover:before{display:none}
    .hactive li{
    }
    .header-menu::before{
    }
    .header-menu {
        display:none;
        width: calc(100% - 75px);
        position: absolute;
        right: 10px;
        color: #fff;
        -webkit-animation: show .3s;
        animation: show .3s;
        border:0;
        border-left: 0;
        border-right: 0;
        margin: -30px 0px;
        padding: 0;
        text-align: center;
        box-shadow: 0 0 20px rgb(186 186 186 / 30%);
    }
    nav ul li {
        float: none;
        width: 100%;
        list-style: none;
        line-height: 36px;
        transition: all 0.6s ease
    }
    nav ul li:hover {
        color: #ffffff;
        transition: all 0.6s ease
    }
    nav ul li a {
        display: block;
        color: #fff;
        font-size: 14px;
        padding-right: 4px;
        transition: all 0.8s ease
    }
    nav ul li a:hover {
        color: #ffc900;
        border-radius: 5px;
        transition: all 0.3s ease;
        filter: drop-shadow(0px 4px 4px black)
    }
    .main {
        width: auto;
        padding-top: 20px;
    }
    header,.header-video {
        height: 60vh !important;
    }
    #tp-weather-widget,.week,.solarlunar{
        display:block;
    }
    #playButton{
        margin-top:0px;font-size:12px;}
    #vd{ 
        height:100% !important;
    }
    .siteurl{
        font-size: 44px !important;
        line-height: 36px;
        text-align: center;
        width: 100%;
    }
    .intro {
    }
    .header-siteinfo {
        top: 12% !important;
        left: 0;
        justify-content: left;
        text-align: left;
        padding: 20px;
        width:100%;
        box-sizing: border-box;
    }
    .site-2{
        font-size: 26px;
        margin-left: 0;
        letter-spacing: 2px;
        background-image: linear-gradient(135deg, #1e8aff, #ffffff);
    }
    table tbody {
        font-size: 12px;
    }
    .cps {
        width: 110px !important;
    }
    .audioinfo {
        display: none;
    }
    audio {
        margin-top: 16px;
        display:none;
    }
    .article-title{
    }
    .reward{

    }
    .home{
        width:100% !important;
        height:225px;
        margin-bottom:0px !important;
        padding: 0px !important;
        overflow: hidden;
    }
    .list-cont::after {
        background: #ffffff;
    }
    .homei{
        border-radius: 0 0 6px 6px;
    }
    .homen{
        margin:0px;
        margin-top:5px;
        height:110px;
    }
    .list-cont {
        width: auto !important;
        line-height:unset;
        margin:0 5px;
        padding:0px 10px;
        top:0px;
        text-overflow: ellipsis;
        word-break: break-all;
        height: 115px;
        letter-spacing: 0.01rem;
        color: rgba(117,117,117,0.7);
        /*display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;*/
    }
    .search-list-cont{
        line-height:30px !important;
    }
    .newlist{
        margin:0px 5px 0px 5px;
        height:110px;
        width:100%;
    }
    .tags a {
        margin: 6px 8px
    }
    .readmore:hover{
         transform: unset;
         border-radius:0px;
         background:unset;
    }
    .tool{
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        right:6px;
    }
    .tools{
        margin:0px 5px;
    }
    .time {
        display:none;
        font-size: 14px !important;
        right: 54px !important;
        top: 8px !important
    }
    .week {
        font-size: 12px !important;
        right: 6px !important;
        top: 10.4px !important;
        letter-spacing: 2px;
        display:none;
    }
    #zodiac {
        right: 6px !important;
        top: 30px !important;
        font-size: 12px !important;
        letter-spacing: 2px
    }
    .solarlunar {
        font-size: 12px !important;
        right: 8px !important
    }
    #tp-weather-widget .sw-container {

    }
    .fa-pause-circle, .fa-forward{margin-left:4px;}
    .comment-user{margin:2px 2px}
    .comment-time{}
    .textarea{max-width:95.5%}
    .archive_page_a{padding-left:0;}
    #wechat_qr{width:380px;height:190px;}
    /*壁纸页面*/
    #share_bz {
        height: calc(160px - 20px) !important;
    }
    .gtZhim,.ihAeOA,.gTyFGf,.gEPbpr,.hWtwV,.gCOKdy  {
        backdrop-filter: blur(10px);
    }
    .page_game_list .game{
        font-size: 12px;
        margin: 0 0;
    }

    .pagination a,.pagination span {
        margin: 0 3px
    }
    .pagination{
        margin: 20px 15px;
        background: rgb(254 254 255 / 80%);
        border-radius: 8px;
        box-shadow: 20px 20px 60px #f7f7f7;
    }
    .wxpd {
        padding-right: 0px
    }
    .zfbpd {
        padding-left: 0px
    }
    .fu1 {
        display: none
    }
    .qywx {
        display: none;
    }
    .menu-title{
        width: calc(100% / 8);
        border-radius:6px;
        color: white;
        filter:unset;
        font-size:12px;
    }
    .menu-title:hover{border-radius:0px;}
    .menu-title:first-child {
    }
    .menu-title:nth-child(7) {
    }

    .jEbFAF {
        left: 0px !important
    }

    /*分享组件*/
    .social-share .social-share-icon {
        width: 26px !important;
        height: 28px !important;
        line-height: 28px !important;
    }
    .social-share a {
        margin: 3px !important;
    }
     .twiiuii_layout{
    }
    .hide iframe {
        width: 100%;
    }
    .post-prne{
        justify-content: center;
        flex-wrap: wrap;
    }
    .post-nav-item{
        max-width:100%;
        font-size:12px;
    }
    /* 娱乐游戏iframe 高度*/
    .wzq {
        height: 500px;
    }
    .txz {
        height: 450px;
    }
    .linkbox {

    }
    .Lyu4 {
        word-break: break-word;
        width: 35px !important
    }
    .header-social{
        margin-top: 0 !important;
        top: 30% !important;
        position: relative;
        gap: 25px;
    }
    #share_home {
        position:relative;
    }
    .mnext::before{
        left:24px;
    }
    .search-form {
        filter: unset;
        width:50%;
        height: 32px;
        line-height: 32px;
        background: rgb(255 255 255 / 11%);
        box-shadow: 0 4px 16px rgb(93 136 187 / 20%), 0 0px 6px rgb(180 209 255 / 50%) inset;
        border: 1px solid rgb(227 227 227 / 15%);
        backdrop-filter: blur(6px);
    }
    .homes{
        height: 24px;
        padding: 4px 0px;
    }
    .thumb{
        min-width:110px;
        height:110px;
        margin: 0px 0px 5px 20px;
    }
    .thumb img{
        border-radius: 6px !important;
        min-width: 110px !important;
    }
    .archupdate {letter-spacing:0;flex-wrap: wrap;justify-content: center;}
    .arch0{width:100%;margin-top:15px;}
    .page-navigator li{margin:0 3px}
    .page-navigator a{width:25px;height:25px;line-height:25px;}
    .content_img:before{border-right:25px solid rgba(3,169,244,0.8);border-bottom: 25px solid transparent;}
    .content_img:after{transform: scale(0.6) rotate(45deg);top: -4px;right: -4px;}
    .paginationb{
        gap:4px !important;
    }
    .post-list-item{background:white;}
    .archupdate{background:white;}
    .post-prev,.post-next{background:white;}
    .deng-box{
        left: 0%;
        transform: translate(-20%) scale(0.5);
    }
    .deng-box2{
        left: 15%;
        transform: translate(-15%) scale(0.5);
    }
    .deng-box4{
        left: 50%;
        transform: translate(-50%) scale(0.5);
    }
    .deng-box6{
        left: unset;
        right: 15%;
        transform: translate(15%) scale(0.5);
    }
    .deng-box8{
        right: 0;
        left: unset;
        transform: translate(20%) scale(0.5);
    }    
    .deng-box10,
    .deng-box12,
    .deng-box14,
    .deng-box16{
        display:none;
    }
    .deng-box .deng,
    .deng-box4 .deng,
    .deng-box8 .deng{
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 5s infinite ease-in-out;
    box-shadow: -5px 5px 30px 4px #fc903d
     }
    .alyad{
        background: url(/img/ad/aly/alym.png) no-repeat;
        background-size: cover;
    }
    .tenad{
        background-position-x: -200px;
    }
    .authorplist{margin:auto 40px;}
    footer{
       height:130px;
       margin: 20px 12px;
       margin-top:15px;
       border-radius: 10px;
       background:white;
    }
    .footer-content {
       margin:36px 20px;
    }
    .copyright{font-size:0.7rem;letter-spacing:0}
    .useripinfo{
       display:none;
    }
    #userip{
       align-items: center;
       justify-content: center;
       flex-wrap: wrap;
    }
    .gpt-list-title{
       font-size:12px;
       line-height:1;
    }
    .gpt-abroad{
        top: -2px;
        right: -6px;
        transform: scale(0.8);
    }
    .k-item p,.k-itemd p,.k-itemy p {
        font-size:0.6rem;
    }
    .comment-list li{
        padding:10px;
    }
    .detailed a{
        margin:0px 4px;
        font-size:12px;
    }
     .fa-tumblr{margin-top:0;}
    .detail-icon{
       height:12px;
       line-height:12px;
       font-size:12px;
    } 
}
@media screen and (max-width: 500px) {
    
}
/* *** 动画效果 *** */


/* 头像旋转*/
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/*波浪过渡动画效果*/
@keyframes move-forever {
    0% {
        transform: translate(-90px,0%)
    }
    100% {
        transform: translate(85px,0%)
    }
}


@keyframes link-status {
    0% {
        opacity:1;
    }
    25% {
        opacity:0.5;
    }
    50% {
        opacity:1;
    }
    75% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes tiao_fly {
    0%{
         margin-top: 30px
    }
    50% {
         margin-top: 3px
    }
}
@keyframes tiao_fly {
    0% {
        margin-top: 5px
    }
    50% {
        margin-top: 3px
    }
}

@-webkit-keyframes links {
    0% {
        -webkit-transform: rotate(-2deg)
    }
    100% {
        -webkit-transform: rotate(2deg)
    }
}

@-webkit-keyframes homeinfo {
    0% {
        transform: translateY(1px);
        -webkit-transform: translateY(1px);
    }
    6.25% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
    }
    12.5% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
    }
    18.75% {
        transform: translateY(4px);
        -webkit-transform: translateY(4px);
    }
    25% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
    }
    31.25% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
    }
    37.5% {
        transform: translateY(1px);
        -webkit-transform: translateY(1px);
    }
    43.75% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }    
    50% {
        transform: translateY(-1px);
        -webkit-transform: translateY(-1px);
    }
    56.25% {
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
    }
    62.5% {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
    }
    68.75% {
        transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
    }
    75% {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
    }
    81.25% {
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
    }
    87% {
        transform: translateY(-1px);
        -webkit-transform: translateY(-1px);
    }
    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

@-webkit-keyframes nav-down {
    0% {
        opacity: 0;
        transform: scale(1) translateY(-10em)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes article-up {
    0% {
        opacity: 0;
        transform: scale(1) translateY(10em)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    70% {
        transform: scale(1.1)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes totop {
    0% {
        opacity: 0;
        transform: translateX(10em)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes ran {
    from {
        background-position: 0 0
    }
    to {
        background-position: 2000px 0
    }
}


/*返回顶部按钮颜色*/
@keyframes top {
    0% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
    30% {
        filter:drop-shadow(0px 2px 4px #00bcd4);-webkit-filter: drop-shadow(0px 2px 6px #00bcd4)
    }
    50% {
        filter:drop-shadow(0px 2px 4px #9c27b0);-webkit-filter: drop-shadow(0px 2px 6px #9c27b0)
    }
    90% {
        filter:drop-shadow(0px 2px 4px #ff3f3f);-webkit-filter: drop-shadow(0px 2px 6px #ff3f3f)
    }
    100% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
}
@-webkit-keyframes top {
    0% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
    30% {
        filter:drop-shadow(0px 2px 4px #00bcd4);-webkit-filter: drop-shadow(0px 2px 6px #00bcd4)
    }
    50% {
        filter:drop-shadow(0px 2px 4px #9c27b0);-webkit-filter: drop-shadow(0px 2px 6px #9c27b0)
    }
    90% {
        filter:drop-shadow(0px 2px 4px #ff3f3f);-webkit-filter: drop-shadow(0px 2px 6px #ff3f3f)
    }
    100% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
}
@-moz-keyframes top {
    0% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
    30% {
        filter:drop-shadow(0px 2px 4px #00bcd4);-webkit-filter: drop-shadow(0px 2px 6px #00bcd4)
    }
    50% {
        filter:drop-shadow(0px 2px 4px #9c27b0);-webkit-filter: drop-shadow(0px 2px 6px #9c27b0)
    }
    90% {
        filter:drop-shadow(0px 2px 4px #ff3f3f);-webkit-filter: drop-shadow(0px 2px 6px #ff3f3f)
    }
    100% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
}
@-ms-keyframes top {
    0% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
    30% {
        filter:drop-shadow(0px 2px 4px #00bcd4);-webkit-filter: drop-shadow(0px 2px 6px #00bcd4)
    }
    50% {
        filter:drop-shadow(0px 2px 4px #9c27b0);-webkit-filter: drop-shadow(0px 2px 6px #9c27b0)
    }
    90% {
        filter:drop-shadow(0px 2px 4px #ff3f3f);-webkit-filter: drop-shadow(0px 2px 6px #ff3f3f)
    }
    100% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
}
@-o-keyframes top {
    0% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
    30% {
        filter:drop-shadow(0px 2px 4px #00bcd4);-webkit-filter: drop-shadow(0px 2px 6px #00bcd4)
    }
    50% {
        filter:drop-shadow(0px 2px 4px #9c27b0);-webkit-filter: drop-shadow(0px 2px 6px #9c27b0)
    }
    90% {
        filter:drop-shadow(0px 2px 4px #ff3f3f);-webkit-filter: drop-shadow(0px 2px 6px #ff3f3f)
    }
    100% {
        filter:drop-shadow(0px 2px 4px #2aae6b);-webkit-filter: drop-shadow(0px 2px 6px #2aae6b)
    }
}

/*评论头像旋转*/
@keyframes jump {
    0% {
        transform:scale(1);
    }
    30% {
        transform:scale(1.1);
    }
    50% {
        transform:scale(1.2);
    }
    70% {
        transform:scale(1.1);
    }
    100% {
        transform:scale(1);
    }
}
@-webkit-keyframes jump {
    0% {
        transform:scale(1);
    }
    30% {
        transform:scale(1.1);
    }
    50% {
        transform:scale(1.2);
    }
    70% {
        transform:scale(1.1);
    }
    100% {
        transform:scale(1);
    }
}

@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg)
    }
    to {
        -webkit-filter: hue-rotate(-360deg)
    }
}

@keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #b72eff
    }
    50% {
        text-shadow: 0 0 40px #2aae6b
    }
    100% {
        text-shadow: 0 0 4px #e91e63
    }
}
@-webkit-keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #4cc134
    }
    50% {
        text-shadow: 0 0 40px #4cc134
    }
    100% {
        text-shadow: 0 0 4px #4cc134
    }
}
@-moz-keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #4cc134
    }
    50% {
        text-shadow: 0 0 40px #4cc134
    }
    100% {
        text-shadow: 0 0 4px #4cc134
    }
}
@-ms-keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #4cc134
    }
    50% {
        text-shadow: 0 0 40px #4cc134
    }
    100% {
        text-shadow: 0 0 4px #4cc134
    }
}
@-o-keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #4cc134
    }
    50% {
        text-shadow: 0 0 40px #4cc134
    }
    100% {
        text-shadow: 0 0 4px #4cc134
    }
}

/*友链按钮边框*/
@keyframes animate1 {
    0% {
        left: -100%
    }
    50%,100% {
        left: 100%
    }
}
@keyframes animate2 {
    0% {
        top: -100%
    }
    50%,100% {
        top: 100%
    }
}
@keyframes animate3 {
    0% {
        right: -100%;
        height: 2px
    }
    50%,100% {
        right: 100%;
        height: 2px
    }
}
@keyframes animate4 {
    0% {
        bottom: -100%
    }
    50%,100% {
        bottom: 100%
    }
}
/*菜单下划线*/
@keyframes menuwd {
    0% {
        width:0%; 
    }
    50% {
        width:60%;
    }
    100% {
        width:0%;
    }
}
/*菜单下划线*/
@keyframes menuhwd {
    from {
        width:50%; 
    }
    to {
        width:80%;
    }
}
/*猫爪up*/
@keyframes mzUp {
    from {
        transform: translateY(25px); 
    }
    to {
        transform: translateY(0px);
    }

}



/* Dark深色模式 */
.dark body {
    background:#000000;
}
.dark #pjax-container{
    background:unset;
}
.dark #wave:after{
    background-image: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, #000000 100%);
}
.dark .tparallax use:nth-child(1) {
    fill:rgba(0,0,0,0.1);
}
.dark .tparallax use:nth-child(2) {
    fill:rgba(0,0,0,0.25);
}
.dark .tparallax use:nth-child(3) {
    fill:rgba(0,0,0,0.5);
}
.dark .tparallax use:nth-child(4) {
    fill:rgba(0,0,0,0.75);
}
.dark .tparallax use:nth-child(5) {
    fill:rgba(0,0,0,1);
}
.dark .ulogo:after {
    display:none;
}
.dark .menu-title{
    color:white;
}
.dark .ulogo, .intro-logo{
    filter:unset;
}
.dark .intro-sitename a,.dark .header-siteinfo,.dark .header-social a {
    color:#ffffff
}
.dark .site-1{
    -webkit-text-fill-color: transparent;
    background: linear-gradient(84deg, #ffffff, #a3e3ff, #126e9b, #094f71);
    -webkit-background-clip: text;
    background-clip: text;
    /*background: linear-gradient(84deg, #ffffff, #c5f2ff, #ffffff, #50cfff);*/
}
.dark .flink{
   background: rgb(0 49 97 / 30%);
   box-shadow: 0 4px 16px rgb(0 0 0 / 20%);
   border: 1px solid rgb(57 57 57 / 10%);
}
.dark .flink:hover{
   background: rgb(0 88 137);
   box-shadow: unset;
}
.dark #demo {
   background: rgb(0 42 72 / 50%);
    box-shadow: 0 4px 16px rgb(0 0 0 / 10%), 0 3px 8px rgb(255 255 255 / 17%) inset;
    border: 1px solid rgb(0 40 65 / 27%);
}
.dark #demo:hover {

}
.dark #particles-js{
    opacity:0.5;
}
.dark .GG {

}
.dark .sweet-overlay {
    background-image:linear-gradient(to top,rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%) !important;
}
.dark .catalogue {
    background:rgba(47,47,47,0.5);
    color:#999999;
}
.dark .catalogue:hover {
    background:#2aae67 !important;
    color:white !important;
}
.dark .article-title {
    color:#e5e5e5;
}
.dark .list-cont {
    color:#999999;
}
.dark .posttime {
    color:#c9c9c9;
}
.dark .small-img1,.dark .small-img2,.dark .small-img3 {
    filter:opacity(0.7);
}
.dark .article-content {
    color:#aaaaaa;
    margin-bottom:20px;
}
.dark .article-content img {
    }
.dark .cursor{
    filter:invert(1);
}
.dark .postmain {
    background:#14171c;
    box-shadow:unset;
}
.dark .postmain+#comments {
    background: #14171c;
    box-shadow: unset;
}
.dark .comment-list li {
    background: #14171c;
}
.dark .comment-children .comment-list li{
        background: linear-gradient(90deg, #1f2227, transparent);
}

.dark .zoom-overlay {
    background:rgba(0,0,0,0.8) none repeat scroll 0 0;
}
.dark img.zoom-img {
    box-shadow:0 0 15px #232323;
}
.dark .post-prne p a {
    color:#838383
}
.dark .post-prev {
    background:#191d22;
    background-image: linear-gradient(to right, #191d22 60%, #10151c 100%);

}
.dark .post-next {
    background:#191d22;
    background-image: linear-gradient(to right, #10151c 0%, #191d22 60%);
}
.dark .post-prev a:before {
    border-left:11px solid #999999
}
.dark .post-next a:after {
    border-right:11px solid #999999
}
.dark .pagination a,.dark .pagination span {
    color:#b9b9b9;
}
.dark .page-navigator .current a {
    color:#ffffff;
    background:#42474f;
    box-shadow:unset
}
.dark .page-navigator a:hover {
    background:#42474f;
    color:#ffffff;
    box-shadow:unset;
}
.dark .page-navigator a {
    background:#14171c;

}
.dark blockquote {

}
.dark .archive_block{
    color:#b5b5b5;
    background:#14171c;
}
.dark .article-title a {
    color:#c1c1c1;
}
.dark header {
    background-image: linear-gradient(0deg, #000000 10%, rgb(255 255 255 / 0%) 40%), url(https://wojc.cn/img/header/bg/d.webp) !important;
    background-position: center !important;
    background-size: cover !important;
}
.dark .siteimg{
    opacity:0;
}
.dark .header-siteinfo {}
.dark .header-social {

}
.dark header::before {

}
.dark #vd {

}
.dark .adsbygoogle {
    opacity:0.3
}
.dark ._572fle45aca{
    opacity:0.3
}
.dark .page-abouta {
    color:#7a7a7a
}
.dark .detail-icon {
    color:#c1c1c1
}
.dark .detail-icon:hover {
    filter:drop-shadow(0px 2px 4px #000000);
}
.dark .detailed a {
    box-shadow: 0 0 20px rgb(0 0 0 / 60%);
    color:#b8b9b9;
}
.dark .copyright>a,.dark .copyright {
    color:#c1c1c1
}
.dark .toTop:hover {
    background-color:unset
}
.dark .article-time {
    filter:brightness(0.8);
}
.dark .article-time a {
    color:#878787
}
.dark .article-time a:hover {
    color:#2aae6b;
}
.dark .postbq a {
    color:#c9c9c9
}
.dark .postfl a {
    color:#c9c9c9
}
.dark .time {

}
.dark .week {

}
.dark .solarlunar {

}
.dark #playButton {

}
.dark #playButton:hover {
    color:rgba(255,255,255,0.9) !important;
}
.dark .time,.week,.solarlunar,#playButton,.EKHJj {
    filter:unset
}
.dark .comment-by-author > .comment-author .fn::after {
    background-color:unset;
    box-shadow:unset;
}
.dark .comment-content pre,.dark.comment-content code {
    color:#979797;
    border-top:26px solid #1c1c1c;
}
.dark .fn {
    color:#a9a9a9 !important;
    background:#232a2f;
    box-shadow:unset;
}
.dark .fn a {
    color:#a9a9a9  !important;
}
.dark .fn a:hover {
    color:#2aae6b !important;
}
.dark .comment-avatar {
    box-shadow:-1px 0 10px 0 #121212;
}
.dark .agent {
    box-shadow:unset;

}
.dark .local {
    box-shadow:unset;

}
.dark .ipsou {
    color: #5d5d5d;
}

.dark .comment-time {
    box-shadow:unset;

}
.dark .comment-reply {
    box-shadow:unset;

}
.dark .comment-reply a {
    color:#616161 !important;
}
.dark .comment-author .avatar {
    box-shadow:unset;
}
.dark .comment-author cite {
    box-shadow:unset;
    color:#dbdbdb !important;
    background:#2d2d2d;
}
.dark .comment-author cite a {
    color:#dbdbdb !important;
    background:#2d2d2d;
}
.dark .comment-author cite a:hover {
    color:#ffffff !important;
    background:rgba(83,83,83,0.7);
    filter:drop-shadow(0px 1px 10px #333333)
}
.dark #comment-form label {
    color:#c5c5c5;
    background:#10151c;
}
.dark #comment-form input {
    color:#c3c3c3;
    background:#10151c;
    box-shadow:unset;
}
.dark .comment-content p {
    color:#838383;
    filter: brightness(1.5);
}
.dark .col1{
    background: #111318;
}
.dark button.submit {
    color:rgba(181,181,181,0.8);
    background-color:#191d22;

}
.dark button.submit:hover {
    color:white;
    background-color:#262d35;
}
.dark .searchtop-field {
    color:#e5e5e5
}
.dark .textarea {
    color:#c7c7c7
}
.dark .reward-button {
    box-shadow:0 0 0 6px #151a20;
}
.dark .wxpd {
    filter:unset
}
.dark .title {
    filter:brightness(1.5);
}
.dark .subtitle {
    color:#cdcdcd;;
}
.dark .subtitle:before {
}
.dark .subtitle_s{
    border: 4px solid #1c1c1c;
    background-image: linear-gradient(to right, rgb(0 63 23 / 90%), rgb(0 95 84 / 90%), rgb(0 85 97 / 90%), rgb(0 57 83 / 90%));
}
.dark .duan_o {
    color:#008dcd;
    background:rgba(0,142,225,0.1);
    border-left:2px solid #00477f;
}
.dark .duan_notice {
    color:#ff5722;
    background:rgba(255,87,34,0.1);
    border-left:2px solid #855000;
}
.dark .duan_n {
    color:#009688;
    background:rgba(0,150,136,0.15);
    border-left:2px solid #00534b;
}
.dark .ping1 {
    color:white !important;
}
.dark .ping2 {
    color:white;
    background:#ff7800;
}
.dark pre {
    color:#b1b1b1;
    background-color:rgb(32 37 43);
    border:1px solid #272d35;
    border-top:26px solid rgb(39 45 53);
}
.dark .hljs {
    color:#e7e7e7 !important;
    background:#20252b;
}
.dark .hljs-code,.hljs-comment,.hljs-formula {
    filter:invert(0);
}
.dark .hljs-subst {
    color:#5f5f5f;
}
.dark .hljs-ln-n {
    color:#52647b;
}
.dark .hljs-ln-numbers {
    border-right:1px solid #272d35;
}
.dark .tags a {
    background:unset;
    color:#adadad;
}
.dark .tagsa:hover {
    background:#1a3456;
    color:white;
}
.dark .EKHJj {

}
.dark .ihAeOA {
    background:linear-gradient(to top,rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.03) 70%) !important;
}
.dark .gtZhim {
    background:linear-gradient(to top,rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.03) 70%) !important;
}
.dark .gTyFGf {
    background:linear-gradient(to top,rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.03) 70%) !important;
}
.dark .gEPbpr {
    background:linear-gradient(to top,rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.03) 70%) !important;
}
.dark .hWtwV {
    background:linear-gradient(to top,rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.03) 70%) !important;
}
.dark .gCOKdy {
    background:linear-gradient(to top,rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.03) 70%) !important;
}
.dark .OeVeF {
    filter:none;
}
.dark .about_page {
    color:#878787;
}
.dark .about_page_2 {
    color:#878787;
}
.dark .cmvd {
    box-shadow:unset;
}
.dark .social-share .social-share-icon {
    background:rgba(45,45,45,0.3) !important;
}
.dark .social-share .social-share-icon:hover {
    background:#313131 !important;
    color:none
}
.dark .local {
    color:#595959
}
.dark .comment-time {
    color:#676767;
}
.dark .archupdate {
    background:#191d22;
    color:#8d8d8d;
}
.dark .menu{
}

.dark .menu li {
    filter:unset;
    box-shadow: unset;
}
.dark .active{
    background:unset !important;
}
.dark .active .tico{
    color:#d5d5d5;
    background: #292929;
    box-shadow: 0 0 20px #000000;
}
.dark .active span{
    color:#d5d5d5;
}
.dark .active:before{
    background-image: linear-gradient(to top, #1b1f27 0%, #ffffff00 100%);
}
.dark .active:after{
    background:#1b1f27;
}
.dark .L4.active:after{
    background:#301700;
}
.dark .continfo {
    color:#4c4c4c;
}
.dark .linkimg {
    filter:unset;
}
.dark .linkimgs {
    filter:unset;
}
.dark .friend .linkimg {
    border: 2px solid #373d45;
}
.dark .source {
    filter:invert(0.5);
}
.dark .links:hover:before {
    filter:hue-rotate(317deg) invert(1);
}

.dark .linkme {
    box-shadow: unset;
    background: linear-gradient(145deg, #121212, #0e1115);
}
.dark .Lyu4 {
    color:#ff2828 !important;
}
.dark .tico{
    background: #121212;
}
.dark .game,
.dark .page_game_list{
    background: linear-gradient(145deg, #070b0e, #0f1721);
    box-shadow: 10px 10px 30px rgb(0 0 0 / 10%), -10px -10px 30px rgb(14 23 33 / 10%);
    color:#bfbfbf;
}

.dark .gpt-list {
    color:#bfbfbf;
    background: linear-gradient(145deg, #070b0e, #0f1721);
    box-shadow: 10px 10px 30px rgb(0 0 0 / 10%), -10px -10px 30px rgb(14 23 33 / 10%);
}
.dark .gpt-list:hover,
.dark .page_game_list:hover {
    color:#00bb3b;
    transform: scale(1.06);
    background: linear-gradient(145deg, #05080a, #17202f);
    box-shadow: 10px 10px 40px rgb(4 7 10 / 50%), -10px -10px 30px rgb(18 29 42 / 50%);
}
.dark .gpt-list a{
    color:unset;
}

.dark .gpt-list-title{
    color:unset;
}
.dark .gpt-list-info {
    color:rgb(171 171 171 / 40%);
}
.dark .gpt-list-img:before {
    background:#1d2023;
}
.dark .gpt-abroad{
   background: #0b121a;
   color: #797979;
}
.dark .gptnet {
    filter:invert(1);
}
.dark .gpti {
    background:#353535;
}
.dark .zpai{
    filter: contrast(0.5);
}
.dark .game_a,.dark .game_b {
    box-shadow:2px 2px 7px rgba(16,16,16,0.5) !important;
}
.dark .game:hover {
    color:white;
}
.dark .game:hover {
    background: linear-gradient(145deg, #05080a, #17202f);
    box-shadow: 10px 10px 40px rgb(4 7 10 / 50%), -10px -10px 30px rgb(18 29 42 / 50%);
}
.dark .chatw {
    background:#393939
}
.dark .chatinfo {
    color: #d5d5d5;
}
.dark .toTop {
    opacity:0.7
}
.dark #gxcontent {
    background:rgba(49,49,49,0.5);
    box-shadow:unset
}
.dark #toggle-style {

}
.dark .toggle-icon {
    color:white;
}
.dark .fa-moon-o {
    display:none;
}
.dark .fa-certificate {
    color:#ffb300;
    display:block;
}
.dark .thumb::before {
    filter:invert(0.5)
}
.dark .thumbimg {
    filter:brightness(0.8);
}
.dark .searchmore {
    background:#111821;
    box-shadow:unset;
}
.dark .readmore:hover {
    }
.dark .content_img {
    filter: brightness(0.9);
}
.dark .content_img:before {
    border-right:40px solid rgba(53,53,53,0.7);
}
.dark .content_img img{
    border-radius:10px;
}
.dark .txy {
    color:white !important;
}
.dark #share_bz {
    filter:unset;
    box-shadow:0 0 0 4px #1d2635;
}
.dark .page-about {
    color:#b5b5b5
}
.dark .scrolltop {
    background:rgba(16,25,35,0.5);
    box-shadow:rgba(0,0,0) 0px 0px 20px 0px;
    background-image:unset !important;
}
.dark .archy {
    color:#bdbdbd
}
.dark .archive_page_a a {
    background:#14191e;
}
.dark .archive a,.dark .archive,.dark .archive_page_a a {
    color:#a3a3a3 !important;
}
.dark .archive a:hover,
.dark .archive:hover,
.dark .archive_page_a a:hover {
    color:#2aae6b !important;
}
.dark .archive a:hover,.dark .archive_page_a a:hover {
    background:#2f2f2f;
}
.dark .archives:before {
    background-color:#14171c;
}
.dark .archive_a:before {
    background-color:#2f2f2f;
}
.dark .archive_a:after {
    background-color:#14171c;
}
.dark .archive_a:hover:before {
    background-color:#005128;
}
.dark .archive_a:hover:after {
    background-color:#008340;
}
.dark .archive_block:after {
    border-right:10px solid #14171c;
}
.dark .archive_block:before {
    border-left:10px solid #14171c;
}
.dark .Snow {
    opacity:0.3;
}
.dark .linkli {
    background: linear-gradient(145deg, #070b0e, #0f1721);
    box-shadow: 10px 10px 30px rgb(0 0 0 / 10%), -10px -10px 30px rgb(14 23 33 / 10%);
}
.dark .linkli:hover {
    background: linear-gradient(145deg, #05080a, #17202f);
    box-shadow: 10px 10px 40px rgb(4 7 10 / 50%), -10px -10px 30px rgb(18 29 42 / 50%);
}
.dark .linkli a{
    color:#979797
}
.dark .linkli a .b3{
    color:#b1b1b1;
}
.dark .linkli a .b4{
    color:#b1b1b1;
}
.dark h1 {
    color:#c1c1c1
}
.dark h3 {
    color:#8d8d8d;
}
.dark h4 {
    color:#8d8d8d;
}
.dark .archive-title {
    color:#2aae6b
}
.dark .header-menu {
}
.dark .inarticle {
    background:#14171c;
    box-shadow:unset;
    border: 1px solid #1e2127;

}
.dark .inarticle:hover{
    background: #2a2d33;
}
.dark .homet {
    background:unset
}
.dark .list-cont::after {
    background:#15171c;
}
.dark .inarticle:hover .list-cont::after{
    background: #2a2d33;
}
.dark li code {
    background:#333333;
}
.dark .paginationb li {
    background:#131e27;
}
.dark .share_bz:hover::before {
    border:4px solid #dbdbdb
}
.dark .arch0 {
    background:url(/img/typecho/darkwx.png) no-repeat;
}
.dark #flyfish {
    display:none;
}
.dark #aquarium {
    display:block;
}
.dark #userip {
    color:#777777
}
.dark #ip_addr {
    color:#b8b9b9;
}
.dark .post-list-item {
    background:#191d22;
}
.dark .post-list-item a:hover {
    box-shadow:0px 5px 10px 0 rgb(0 0 0 / 20%);
}
.dark .post-list-item a {
    color:#959595
}
.dark .item-meta {
    background:unset
}
.dark .item-meta::before {
    background:#252a31
}
.dark .item-meta::after {
    background:#252a31
}
.dark .item-meta a {
    color:#2aae6b
}
.dark .openai {
    filter:invert(1);
}
.dark .authorid {
    color:#b1b1b1;
}
.dark #firsttime {
    color: #d7d7d7;
    box-shadow: 0 0 40px rgb(14 14 14 / 30%);
    background: rgb(63 63 63 / 30%);
}
.dark .ad{
    opacity:0.5;
}
.dark .active::before{
}
.dark .L4.active::before{
    background-image: linear-gradient(to top, rgb(255 118 0 / 20%) 0%, #ffffff00 100%);
}

.dark .hactive{
}
.dark .k-item p {
    color: #bfbfbf;
}
.dark .game-title a {
    color: #bfbfbf;
}
.dark .ho{
    background: #464646;
}
.dark .surf img{
    filter: invert(0.2) !important;
}
.dark footer{
    background: linear-gradient(0deg, #141414 70%, #ffffff00 70%);
}


/*页面宽度小于580px的样式*/
@media screen and (max-width:580px) {
    .dark .hactive {
    }
    .dark .inarticle {
        box-shadow:0 0px 10px 0 #0f1216;
    }
    .dark .homet {
        background:unset;
    }
    .dark .homei {
        background:unset !important;
    }
    .dark .header-menu::before {
        display:none;
    }
    .dark .list-cont:after {
    }
    .dark .postmain {
        padding:0;
        padding-top:50px;
        background:unset;
        box-shadow:unset;
        border-radius:0;
        margin-top:0px;
    }
    .dark .list-cont {
    }
    .dark .pagination,.dark .post-nav {
        background:rgb(20 23 28);
        box-shadow: unset;
    }
    .dark footer {
       background:#10151c;
    }
    .dark #aquarium {
        bottom:-34px;
    }
}
/* github代码高亮样式*/
pre code.hljs {
  display: block;
  overflow-x: auto;
}
code.hljs {
  padding: 2px
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #24292e;
  background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62
}
.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a
}
.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e
}
.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold
}
.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f
}
.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic
}
.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold
}
.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4
}
.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
  
}