/*! * Theme Name: YusiPro * Theme URI: https://yusi123.com * Description:多设备支持，HTML5+CSS3，响应式布局，可视化拖拽，VIP会员中心，在线支付下载许多功能等你来发现！ * Author: 欲思 * Author URI: https://yusi123.com * Version: 1.5 */ @font-face{font-family:'FontAwesome';src:url(fonts/fontawesome-webfont.eot?v=4.1.0);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular)format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-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}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.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-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{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:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.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{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-square:before,.fa-pied-piper: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-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra: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-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 {font-size: 1.23em;text-align: center;font-style:normal;font-size:.875rem;} html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{background-color:transparent} a:active,a:hover{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} dfn{display:inline-block;margin-right:15px;color:#FF5E52;font-weight:700;font-style:normal;font-size:14px;font-family:Arial} [tabindex="-1"]:focus{outline:0!important} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;} p{margin-top:0;margin-bottom:1rem} abbr[data-original-title],abbr[title]{border-bottom:1px dotted #999;cursor:help} address{margin-bottom:1rem;font-style:normal;line-height:inherit} ol,ul{list-style:none} dl,ol,ul{margin-top:0;margin-bottom:0;padding-left:0} ol ol,ol ul,ul ol,ul ul{margin-bottom:0} dt{font-weight:700} dd{margin-bottom:.5rem;margin-left:0} blockquote{margin:0 0 1rem} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root){overflow:hidden} figure{margin:1em 40px} hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0} pre{overflow:auto} address,caption,cite,code,dfn,em,i,strong,th,var{font-weight:400;font-style:normal} button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit} button{overflow:visible} button,select{text-transform:none} button,html input[type=button],input[type=submit],input[type=reset]{cursor:pointer;-webkit-appearance:button} button[disabled],html input[disabled]{cursor: no-drop;} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} input{line-height:normal} input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto} input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver} legend{padding:0;border:0} textarea{overflow:auto} optgroup{font-weight:700} table{margin:0;margin:0 auto;padding:0;width:80%;border-collapse:collapse;border-spacing:0} table tr{padding:5px} table td,table th{padding:10px;text-align:center} table th{text-transform:uppercase;letter-spacing:1px;font-size:.875rem} @media screen and (max-width:600px){ table{display:none;border:0} table thead{display:none} table tr{display:block;margin-bottom:10px;border-bottom:2px solid #ddd} table td{display:block;border-bottom:1px dotted #ccc;text-align:right;font-size:.75rem} table td:last-child{border-bottom:0} table td:before{float:left;content:attr(data-label);text-transform:uppercase;font-weight:700} } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} :after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html{-webkit-tap-highlight-color:transparent} body{background-color:#f6f6f6;color:#4e585a;font-size:.875rem;font-family:"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height:1.4} body.fixed{padding-top: 86px;} button,input,select,textarea{font-size:inherit;font-family:inherit;line-height:inherit} figure{margin:0} img{vertical-align:middle} hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee} [role=button]{cursor:pointer} fieldset{margin:0;padding:0;min-width:0;border:0} legend{display:block;margin-bottom:20px;padding:0;width:100%;border:0;border-bottom:1px solid #e5e5e5;color:#333;font-size:1.25rem;line-height:inherit} label{display:inline-block;margin-bottom:5px;max-width:100%;font-weight:700} input[type=radio]{width:0;height:0;opacity:0} .radio-style::before{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:10px;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:50%;content:""} input[type=radio]:checked+.radio-style::before{padding:4px;border-color:#1abc9c;background-color:#1abc9c;background-clip:content-box} input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal} input[type=file]{display:block} input[type=range]{display:block;width:100%} select[multiple],select[size]{height:auto} input[type=checkbox]:focus,input[type=radio]:focus,input[type=file]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} output{display:block;padding-top:7px;color:#555;font-size:.875rem;line-height:1.42857143} input[type=search]{-webkit-appearance:none} @keyframes fade-in{0%{opacity:0;transform:translateY(20px)} 100%{opacity:1;transform:translateY(0)} } @-webkit-keyframes fade-in{0%{opacity:0;-webkit-transform:translateY(20px)} 100%{opacity:1;-webkit-transform:translateY(0)} } @keyframes fade-ins{0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes fade-ins{0%{opacity:0} 100%{opacity:1} } .row{margin-left:auto;margin-right:auto;margin-bottom:20px;} .row:after{content:"";display:table;clear:both;} .row .col{float:left;box-sizing:border-box;min-height:1px;} .row .col[class*="push-"], .row .col[class*="pull-"]{position:relative;} .row .col.s1{width:8.33333%;margin-left:auto;left:auto;right:auto;} .row .col.s2{width:16.66667%;margin-left:auto;left:auto;right:auto;} .row .col.s3{width:25%;margin-left:auto;left:auto;right:auto;} .row .col.s4{width:33.33333%;margin-left:auto;left:auto;right:auto;} .row .col.s5{width:41.66667%;margin-left:auto;left:auto;right:auto;} .row .col.s6{width:50%;margin-left:auto;left:auto;right:auto;} .row .col.s7{width:58.33333%;margin-left:auto;left:auto;right:auto;} .row .col.s8{width:66.66667%;margin-left:auto;left:auto;right:auto;} .row .col.s9{width:75%;margin-left:auto;left:auto;right:auto;} .row .col.s10{width:83.33333%;margin-left:auto;left:auto;right:auto;} .row .col.s11{width:91.66667%;margin-left:auto;left:auto;right:auto;} .row .col.s12{width:100%;margin-left:auto;left:auto;right:auto;} .row .col.offset-s1{margin-left:8.33333%;} .row .col.pull-s1{right:8.33333%;} .row .col.push-s1{left:8.33333%;} .row .col.offset-s2{margin-left:16.66667%;} .row .col.pull-s2{right:16.66667%;} .row .col.push-s2{left:16.66667%;} .row .col.offset-s3{margin-left:25%;} .row .col.pull-s3{right:25%;} .row .col.push-s3{left:25%;} .row .col.offset-s4{margin-left:33.33333%;} .row .col.pull-s4{right:33.33333%;} .row .col.push-s4{left:33.33333%;} .row .col.offset-s5{margin-left:41.66667%;} .row .col.pull-s5{right:41.66667%;} .row .col.push-s5{left:41.66667%;} .row .col.offset-s6{margin-left:50%;} .row .col.pull-s6{right:50%;} .row .col.push-s6{left:50%;} .row .col.offset-s7{margin-left:58.33333%;} .row .col.pull-s7{right:58.33333%;} .row .col.push-s7{left:58.33333%;} .row .col.offset-s8{margin-left:66.66667%;} .row .col.pull-s8{right:66.66667%;} .row .col.push-s8{left:66.66667%;} .row .col.offset-s9{margin-left:75%;} .row .col.pull-s9{right:75%;} .row .col.push-s9{left:75%;} .row .col.offset-s10{margin-left:83.33333%;} .row .col.pull-s10{right:83.33333%;} .row .col.push-s10{left:83.33333%;} .row .col.offset-s11{margin-left:91.66667%;} .row .col.pull-s11{right:91.66667%;} .row .col.push-s11{left:91.66667%;} .row .col.offset-s12{margin-left:100%;} .row .col.pull-s12{right:100%;} .row .col.push-s12{left:100%;} @media only screen and (min-width:544px){.row .col.m1{width:8.33333%;margin-left:auto;left:auto;right:auto;} .row .col.m2{width:16.66667%;margin-left:auto;left:auto;right:auto;} .row .col.m3{width:25%;margin-left:auto;left:auto;right:auto;} .row .col.m4{width: 25%;margin-left:auto;left:auto;right:auto;} .row .col.m5{width:41.66667%;margin-left:auto;left:auto;right:auto;} .row .col.m6{/* width:50%; */margin-left:auto;left:auto;right:auto;} .row .col.m7{width:58.33333%;margin-left:auto;left:auto;right:auto;} .row .col.m8{width:66.66667%;margin-left:auto;left:auto;right:auto;} .row .col.m9{width:75%;margin-left:auto;left:auto;right:auto;} .row .col.m10{width:83.33333%;margin-left:auto;left:auto;right:auto;} .row .col.m11{width:91.66667%;margin-left:auto;left:auto;right:auto;} .row .col.m12{width:100%;margin-left:auto;left:auto;right:auto;} .row .col.offset-m1{margin-left:8.33333%;} .row .col.pull-m1{right:8.33333%;} .row .col.push-m1{left:8.33333%;} .row .col.offset-m2{margin-left:16.66667%;} .row .col.pull-m2{right:16.66667%;} .row .col.push-m2{left:16.66667%;} .row .col.offset-m3{margin-left:25%;} .row .col.pull-m3{right:25%;} .row .col.push-m3{left:25%;} .row .col.offset-m4{margin-left:33.33333%;} .row .col.pull-m4{right:33.33333%;} .row .col.push-m4{left:33.33333%;} .row .col.offset-m5{margin-left:41.66667%;} .row .col.pull-m5{right:41.66667%;} .row .col.push-m5{left:41.66667%;} .row .col.offset-m6{margin-left:50%;} .row .col.pull-m6{right:50%;} .row .col.push-m6{left:50%;} .row .col.offset-m7{margin-left:58.33333%;} .row .col.pull-m7{right:58.33333%;} .row .col.push-m7{left:58.33333%;} .row .col.offset-m8{margin-left:66.66667%;} .row .col.pull-m8{right:66.66667%;} .row .col.push-m8{left:66.66667%;} .row .col.offset-m9{margin-left:75%;} .row .col.pull-m9{right:75%;} .row .col.push-m9{left:75%;} .row .col.offset-m10{margin-left:83.33333%;} .row .col.pull-m10{right:83.33333%;} .row .col.push-m10{left:83.33333%;} .row .col.offset-m11{margin-left:91.66667%;} .row .col.pull-m11{right:91.66667%;} .row .col.push-m11{left:91.66667%;} .row .col.offset-m12{margin-left:100%;} .row .col.pull-m12{right:100%;} .row .col.push-m12{left:100%;} } @media only screen and (min-width:1024px){.row .col.l1{width:8.33333%;margin-left:auto;left:auto;right:auto;} .row .col.l2{width:16.66667%;margin-left:auto;left:auto;right:auto;float:right;} .row .col.l3{width:25%;margin-left:auto;left:auto;right:auto;} .row .col.l4{width:33.33333%;margin-left:auto;left:auto;right:auto;} .row .col.l5{width:41.66667%;margin-left:auto;left:auto;right:auto;} .row .col.l6{/* width:50%; */margin-left:auto;left:auto;right:auto;} .row .col.l7{width:58.33333%;margin-left:auto;left:auto;right:auto;} .row .col.l8{width:66.66667%;margin-left:auto;left:auto;right:auto;} .row .col.l9{width:75%;margin-left:auto;left:auto;right:auto;} .row .col.l10{width:83.33333%;margin-left:auto;left:auto;right:auto;} .row .col.l11{width:91.66667%;margin-left:auto;left:auto;right:auto;} .row .col.l12{width:100%;margin-left:auto;left:auto;right:auto;} .row .col.offset-l1{margin-left:8.33333%;} .row .col.pull-l1{right:8.33333%;} .row .col.push-l1{left:8.33333%;} .row .col.offset-l2{margin-left:16.66667%;} .row .col.pull-l2{right:16.66667%;} .row .col.push-l2{left:16.66667%;} .row .col.offset-l3{margin-left:25%;} .row .col.pull-l3{right:25%;} .row .col.push-l3{left:25%;} .row .col.offset-l4{margin-left:33.33333%;} .row .col.pull-l4{right:33.33333%;} .row .col.push-l4{left:33.33333%;} .row .col.offset-l5{margin-left:41.66667%;} .row .col.pull-l5{right:41.66667%;} .row .col.push-l5{left:41.66667%;} .row .col.offset-l6{margin-left:50%;} .row .col.pull-l6{right:50%;} .row .col.push-l6{left:50%;} .row .col.offset-l7{margin-left:58.33333%;} .row .col.pull-l7{right:58.33333%;} .row .col.push-l7{left:58.33333%;} .row .col.offset-l8{margin-left:66.66667%;} .row .col.pull-l8{right:66.66667%;} .row .col.push-l8{left:66.66667%;} .row .col.offset-l9{margin-left:75%;} .row .col.pull-l9{right:75%;} .row .col.push-l9{left:75%;} .row .col.offset-l10{margin-left:83.33333%;} .row .col.pull-l10{right:83.33333%;} .row .col.push-l10{left:83.33333%;} .row .col.offset-l11{margin-left:91.66667%;} .row .col.pull-l11{right:91.66667%;} .row .col.push-l11{left:91.66667%;} .row .col.offset-l12{margin-left:100%;} .row .col.pull-l12{right:100%;} .row .col.push-l12{left:100%;} } .btn{display:inline-block;padding:.35rem 1.5rem;border:1px solid transparent;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.045);box-shadow:0 2px 0 rgba(0,0,0,.045);vertical-align:middle;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);white-space:nowrap;font-weight:400;font-size:.875rem;line-height:1.5;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;user-select:none} .btn-default{border-color:#ddd;background-color:#fff;color:#999} .btn-default:hover{border-color:#d0d0d0;background-color:#f2f2f2;color:#999} .btn-default.focus,.btn-default:focus{border-color:#d0d0d0;background-color:#f2f2f2;color:#999} .btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle{border-color:#d0d0d0;background-color:#f2f2f2;background-image:none;color:#999} .btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover{border-color:#c4c4c4;background-color:#e6e6e6;color:#999} .btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default:disabled.focus,.btn-default:disabled:focus{border-color:#ddd;background-color:#fff} .btn-default.disabled:hover,.btn-default:disabled:hover{border-color:#ddd;background-color:#fff} .btn-block{display:block;width:100%} .btn-wiht{background-color: #009688;border-color: #4CAF50;border-radius: 50px;color:#fff;opacity:.8;} .btn-wiht:hover{opacity:1;color:#fff;} .btn-lg{padding:.52rem 1.5rem} .btn-primary{border-color:#1abc9c;background-color:#1abc9c;color:#fff;border-radius: 50px; border-radius: 50px;} .btn-primary:hover{border-color:#1abc9c;background-color:#1abc9c;color:#fff} .btn-primary.focus,.btn-primary:focus{border-color:#1abc9c;background-color:#1abc9c;color:#fff} .btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{border-color:#1abc9c;background-color:#1abc9c;background-image:none;color:#fff} .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{border-color:#1abc9c;background-color:#1abc9c;color:#fff} .btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary:disabled.focus,.btn-primary:disabled:focus{border-color:#1abc9c;background-color:#1abc9c} .btn-primary.disabled:hover,.btn-primary:disabled:hover{border-color:#1abc9c;background-color:#1abc9c} embed,iframe,video{max-width:100%} img{max-width:100%} .pull-right{float:right!important} .pull-left{float:left!important} .hide{display:none!important} .show{display:block!important} .text-hide{border:0;background-color:transparent;color:transparent;text-shadow:none;font:0/0 a} .hidden{display:none!important} .affix{position:fixed} .clearfix:after,.clearfix:before,.container:after,.container:before{display:table;content:"";line-height:0} .clearfix:after,.container:after{clear:both} .thumb,a,input{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} a{color:#555;text-decoration:none} a:focus,a:hover{text-decoration:none} a:hover{color:#1abc9c} a:focus{outline:0;color:#555} #shareimage{display:none} .header{ position:relative; z-index:99; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .header.fixed{ width: 100%; position: fixed; left: 0; top: 0; height: 66px; z-index: 99999; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; line-height: 65px; } .header.white{background-color:rgba(255,255,255,.95)} .header.white .wel .wel-item>a{color:#555} .header.white .wel .has-sub-menu>a::after{border-top:4px solid #555} .header.white .site-navbar>ul>li>a{padding:0 15px;color:#555;line-height:66px} .header.white .site-navbar li.menu-item-has-children>a::after{border-top:4px solid #555} .header:after,.header:before{display:table;content:"";line-height:0} .header:after{clear:both} .container-inner { background: #16a085; background: linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: -ms-linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: -moz-linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: -o-linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: -webkit-linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); } #nav-header { background-color: rgba(0,21,41,.95); box-shadow: 0 2px 5px rgba(0,0,0,.07); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; height: 51px; line-height: 50px;background: linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%); background-image: -ms-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%); background-image: -moz-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%); background-image: -o-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%); background-image: -webkit-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%); background-image: linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%); } @font-face{font-family:'jin_mei_mxplzx55112';src:url(fonts/jin_mei_mxplzx.eot);src:url(fonts/jin_mei_mxplzx.eot?#iefix) format('embedded-opentype'),url(fonts/jin_mei_mxplzx.woff) format('woff'),url(fonts/jin_mei_mxplzx.ttf) format('truetype'),url(fonts/jin_mei_mxplzx.svg#jin_mei_mxplzx55112)format('svg');font-weight:normal;font-style:normal;} @font-face{font-family:'minijianxixingkai55387';src:url(fonts/minijianxixingkai.eot);src:url(fonts/minijianxixingkai.eot?#iefix) format('embedded-opentype'),url(fonts/minijianxixingkai.woff) format('woff'),url(fonts/minijianxixingkai.ttf) format('truetype'),url(fonts/minijianxixingkai.svg#minijianxixingkai55387)format('svg');font-weight:normal;font-style:normal;} .yusi-logo {display: block;text-align: center;} .yusi-logo h1 {font-weight:100;text-shadow: 0px 0px 1px rgba(94, 255, 216, 0.8);display: inline-block; padding:20px 0px 10px 0px;cursor: pointer;position: relative;color: #fff;} .yusi-mono {font-family: jin_mei_mxplzx55112;letter-spacing: -2px;font-size: 54px;margin: 0;padding: 0; z-index: 0; -webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out;} .yusi-bloger {font-family: minijianxixingkai55387;font-size: 24px;margin-left: -6px;letter-spacing: -2px;padding: 0; z-index: 2;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .yusi-logo h1:hover .yusi-mono {letter-spacing: 5px;} .yusi-logo h1:hover .yusi-bloger { left: 26px; opacity: 0.2;} .wel{position:relative;float:right;font-size:.875rem;height: 50px;} .wel:after,.wel:before{display:table;content:"";line-height:0} .wel:after{clear:both} .wel .wel-item{position: relative;display: inline-block; margin-top: -10px;} .wel .wel-item>a{display:block;padding:0 12.5px;color:#fff;border-left-color:rgba(0,0,0,.2);cursor: pointer;transition: none;} .wel .wel-item>a:hover{color:#1abc9c} .wel .wel-item-btn>a{margin:17px 30px 0 15px;padding:0 20px;height:32px;background-color:#1abc9c;color:#fff;line-height:32px;border-radius: 50px;} .wel .wel-item-btn>a:hover{color:#eefd5c;opacity:.9;} .wel .has-sub-menu>a{padding-right:25px} .wel .has-sub-menu>a::after{position:relative;top:-2px;display:inline-block;margin-left:0;width:4px;height:4px;border-top:4px solid #fff;border-right:4px solid transparent;border-left:4px solid transparent;content:''} .wel .has-sub-menu:hover>a::after{border-top-color:#1abc9c} .wel .has-sub-menu:hover .sub-menu{top:56px;visibility:visible;opacity:1} .wel .avatar{margin-right:10px;width:28px;height:28px;border-radius:50%} .wel .sub-menu{position:absolute;top:100px;right:10px;left:1px;visibility:hidden;opacity:0;-webkit-transition:opacity .25s,visibility .25s,top .25s;-moz-transition:opacity .25s,visibility .25s,top .25s;-o-transition:opacity .25s,visibility .25s,top .25s;transition:opacity .25s,visibility .25s,top .25s;-ms-transition:opacity .25s,visibility .25s,top .25s} .wel .sub-menu ul{position:relative;padding:5px 0;background-color:#FFF;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);font-size:.875rem} .wel .sub-menu ul::after,.wel .sub-menu ul::before{position:absolute;top:-5px;left:50%;margin-left:-3px;border-right:5px solid transparent;border-left:5px solid transparent;content:''} .wel .sub-menu ul::before{border-bottom:5px solid rgba(0,0,0,.1)} .wel .sub-menu ul::after{margin-top:1px;border-bottom:5px solid #fff} .wel .sub-menu a{display:block;padding:12px 14px;text-align:center;line-height:14px;-webkit-transition:color .25s,background-color .25s;-moz-transition:color .25s,background-color .25s;-o-transition:color .25s,background-color .25s;transition:color .25s,background-color .25s;-ms-transition:color .25s,background-color .25s} .wel .sub-menu a:hover{background-color:#F2F2F4} .wel-login{float:right;margin-left:60px} .wel-login a{display:inline-block;padding:6px 20px;border:1px solid #1abc9c;color:#1abc9c;font-weight:700;font-size:.75rem;-webkit-transition:color .25s,background-color .25s;-moz-transition:color .25s,background-color .25s;-o-transition:color .25s,background-color .25s;transition:color .25s,background-color .25s;-ms-transition:color .25s,background-color .25s} .wel-login a:hover{background-color:#1abc9c;color:#fff} .logo{float:left;margin: 0 15px 0 30px;padding-right:30px;width:140px;font-size:1.125rem;} .logo a{display:block;color:#fff;transition: none;} .logo a:hover{color:#1abc9c} .site-navbar{float:left;font-size:.875rem} .site-navbar>ul{margin:0;padding:0;list-style:none} .site-navbar>ul>li>a{padding:0 15px;color:#fff;font-size:1rem;} .site-navbar>ul>li>a:hover{color:#1abc9c} .site-navbar li{position:relative;float:left;list-style-type:none} .site-navbar li:hover{z-index:2} .site-navbar a{display:block;-webkit-transition:color .25s,background-color .25s;-moz-transition:color .25s,background-color .25s;-o-transition:color .25s,background-color .25s;transition:color .25s,background-color .25s;-ms-transition:color .25s,background-color .25s} .site-navbar li.menu-item-has-children>a{padding-right:12px} .site-navbar li.menu-item-has-children:hover>a::after{border-top-color:#1abc9c} .site-navbar li.menu-item-has-children:hover .sub-menu{top:56px;visibility:visible;opacity:1} .site-navbar li.menu-item-has-children>a::after{position:relative;top:-2px;display:inline-block;margin-left:3px;width:4px;height:4px;border-top:4px solid #fff;border-right:4px solid transparent;border-left:4px solid transparent;content:''} .site-navbar li.current_page_item>a{color:#1abc9c} .site-navbar li.current_page_item>a::after{border-top-color:#1abc9c} .site-navbar li.current_page_item:hover .sub-menu{top:56px;visibility:visible;opacity:1} .site-navbar .sub-menu{position:absolute;top:50px;left:50%;visibility:hidden;margin-left:-70px;padding-top:-10px;width:140px;opacity:0;-webkit-transition:opacity .25s,top .25s,visibility .25s;-moz-transition:opacity .25s,top .25s,visibility .25s;-o-transition:opacity .25s,top .25s,visibility .25s;transition:opacity .25s,top .25s,visibility .25s;-ms-transition:opacity .25s,top .25s,visibility .25s} .site-navbar .sub-menu ul{opacity: .95;position:relative;background-color:#FFF;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);font-size:.875rem padding: 5px 0} .site-navbar .sub-menu ul::after,.site-navbar .sub-menu ul::before{position:absolute;top:-5px;left:50%;margin-left:-3px;border-right:5px solid transparent;border-left:5px solid transparent;content:''} .site-navbar .sub-menu ul::before{border-bottom:5px solid rgba(0,0,0,.1)} .site-navbar .sub-menu ul::after{margin-top:1px;border-bottom:5px solid #fff} .site-navbar .sub-menu li{float:none;margin:0;text-align:center} .site-navbar .sub-menu li a{display:block;padding:12px 15px;text-align:center;line-height:.875rem} .site-navbar .sub-menu li a:hover{background-color:#F2F2F4} .m-navbar-start{display:none} .m-mask{display:none} .m-wel-start{display:none} .m-wel{display:none} .header-search-dropdown{line-height: 1;position:absolute;top:100%;right:0;left:0;display:none;visibility:hidden;background-color:#fafafa;opacity:0;-webkit-animation:fade-ins .5s;animation:fade-ins;animation-duration:.5s} .header-search-dropdown.is-active{display:block;visibility:visible;box-shadow:0 3px 2px 0 rgba(0,0,0,.03),0 1px 0 0 rgba(0,0,0,.04),0 -1px 0 0 rgba(0,0,0,.04);opacity:1} .header-search-dropdown .search-form__input{padding:18px 8px;border:none;background:0 0;box-shadow:none;font-size:.875rem;width: 100%;} @media (min-width:768px){ .header-search-dropdown .search-form__input{font-size:.875rem;border-radius: 3px;} } .header-search-dropdown .search-form__input:focus{outline:0;border:none;box-shadow:none} .header-search-dropdown .search-form__submit{text-transform:uppercase} .search-form--horizontal{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center} .search-form--horizontal .search-form__input-wrap{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1} .search-form--horizontal .search-form__submit-wrap{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0;-webkit-flex:0;-moz-flex:0;-ms-flex:0;flex:0} .search-results{color:rgba(0,0,0,.8)} .ajax-search .search-results{display:none;visibility:hidden;opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out} .ajax-search .search-results.is-active{display:block;visibility:visible;opacity:1} .ajax-search .search-results .typing-loader{margin:0 auto} .ajax-search .search-results:not(.is-loading) .typing-loader{display:none} @media (max-width:1024px){ .home2 a{margin-right:0px !important;margin-bottom: 1rem !important;} .home2 p{padding-left:0px !important;margin-top: 1rem !important;margin-bottom: 0rem !important;} .yusi-mono{font-size:36px;} #nav-header {background: none; box-shadow: none;} .header{height:88px;text-align:center} .logo{float:none;margin:12px auto 0;padding:0;width:90px;height:18px;border-right:none;line-height: normal;} .logo a{display:inline-block} .wel{display:none} .wel-login{display:none} body{-webkit-transition-duration:.3s;transition-duration:.3s} .m-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:block;visibility:hidden;background-color:#222;background-color:rgba(0,0,0,.7);opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .m-navbar-start{position:absolute;top:0;left:0;z-index:91;display:block;padding:18px 15px 0;height:50px;color:#fff;font-size:.875rem;line-height:1;cursor:pointer;-webkit-transition-duration:.6s;transition-duration:.6s} .m-wel-start{position:absolute;top:0;right:0;z-index:91;display:block;padding:18px 15px 0;height:50px;color:#fff;font-size:.875rem;line-height:1;cursor:pointer;-webkit-transition-duration:.6s;transition-duration:.6s} .header.white .m-navbar-start,.header.white .m-wel-start{color:#555} .site-navbar{position:fixed;top:0;right:100%;bottom:0;z-index:90;float:none;margin:0;padding:50px 0 0;width: 60%;background-color: #009688;text-align:left;font-size:.75rem;background: linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: -ms-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: -moz-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: -o-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: -webkit-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: linear-gradient(45deg, #051c17 1%, #10846e 45%, #20733f 97%);color: #fff;} .site-navbar>ul{position:absolute;top:58px;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch} .site-navbar>ul>li{float:none;display:block;margin-left:0;} .site-navbar>ul>li>a{padding:15px 15px;color: #ffffff;font-weight:700;line-height:1;} .site-navbar>ul>li.menu-item-has-children::after,.site-navbar>ul>li.menu-item-has-children::before{display:none} .site-navbar>ul>li.menu-item-has-children:hover .sub-menu{top:0} .site-navbar>ul>li .sub-menu{position:relative;top:0;left:0;display:block;visibility:visible;overflow:hidden;margin:0 15px 0 15px;padding-top:0;width:auto;opacity:1} .site-navbar>ul>li .sub-menu ul{margin-right:-4%;padding:0;-webkit-box-shadow:none;box-shadow:none;} .site-navbar>ul>li .sub-menu ul::after,.site-navbar>ul>li .sub-menu ul::before{display:none} .site-navbar>ul>li .sub-menu ul li{float:left;margin-right:4%;margin-bottom:10px;width: 100%;} .site-navbar>ul>li .sub-menu ul a{padding:8px 15px;color: #fff;font-size:.75rem;} .site-navbar>ul>li .sub-menu ul a:hover{background-color:#eceeef;color:#666} .m-navbar-on{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-transform:translateX(60%);transform:translateX(60%)} .m-navbar-on .m-mask{visibility:visible;opacity:1} .m-navbar-on .m-navbar-start{left:-60%;color: #fff;} .menu{ height: 100%; background-color: #009688; color: #fff; text-align: left; line-height: 1; font-size: 14px; z-index:99999; display: block; -webkit-transition:left 0.3s; -moz-transition:left 0.3s; -ms-transition:left 0.3s; -o-transition:left 0.3s; transition:left 0.3s; } .menu li{float: none;text-align: ; margin-left: 0;position: relative;} .menu .sub-menu{position: relative;top: 0;box-shadow:none;background-color:transparent;border:none;border-radius:0;width: auto;margin: 0 0 0 25px;font-size: 14px;padding: 0;font-weight: normal;display: none;} .menu .fa{width: 18px;display: inline-block;text-align: center;} .menu li a{display: block;margin:0 15px;padding: 15px 0;color: #eee;color: rgba(255,255,255,0.8);border-bottom: 1px solid rgba(255,255,255,0.04);} .menu li:hover > a, .m-navbar li a:hover{color: #fff;} .menu li.current-menu-item > a, .m-navbar li.current-menu-parent > a{color: #fff;font-weight: bold;} .menu li.menu-item-has-children .faa{content:'';position: absolute;right: 0;top: 0;font-size: 22px;margin: 0;padding: 11px 15px;z-index: 2;cursor: pointer;display: block;width: auto;} .m-wel{position:fixed;top:0;bottom:0;left:100%;z-index:90;display:block;padding:50px 0 0;width: 60%;background-color:#fff;font-size:.75rem;} .m-wel header{padding:0 30px 0 95px;text-align:left} .m-wel header .avatar{float:left;margin-left:-65px;padding:5px;width:50px;border:1px solid #F6F9FA;-webkit-border-radius:50%;border-radius:50%} .m-wel header h4{margin:0 0 8px;padding-top:10px;font-weight:700;font-size:.75rem;line-height:1} .m-wel header h5{margin:0;color:#999;font-size:.75rem;line-height:1} .m-wel footer{position:absolute;right:0;bottom:0;left:0;text-align:left} .m-wel footer a{display:block;padding-left:95px;background-color:#fbfbfb;color:#bbb;line-height:60px} .m-wel footer a:hover{background-color:#eceeef;color:#4e585a} .m-wel .m-wel-content{position:absolute;top:130px;right:0;bottom:60px;left:0;overflow-y:auto;padding:0 30px 0 30px;text-align:left;font-size:.875rem;-webkit-overflow-scrolling:touch} .m-wel .m-wel-content ul{margin:0;padding:0;list-style:0} .m-wel .m-wel-content ul a{display:block;padding:10px 0 10px 65px;color:#999;line-height:1.4} .m-wel .m-wel-content ul a:hover{background-color:#F6F9FA;color:#4e585a} .m-wel .m-wel-login{margin-top:30%;text-align:center} .m-wel .m-wel-login .avatar{display:block;margin:0 auto 30px;width:50px;-webkit-border-radius:50%;border-radius:50%} .m-wel .m-wel-login a{display:block;margin:0 60px 15px;padding:12px 15px;} .m-wel .m-wel-login a.m-wel-login{background-color:#1abc9c;color:#FFF} .m-wel .m-wel-login a.m-wel-login:hover{background-color:#0098d5} .m-wel .m-wel-login a.m-wel-register{background-color:#F6F9FA} .m-wel .m-wel-login a.m-wel-register:hover{background-color:#eceeef} .m-wel-on{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-transform:translateX(-60%);transform:translateX(-60%)} .m-wel-on .m-mask{visibility:visible;opacity:1} .m-wel-on .m-wel-start{right:-60%;color:#4e585a} } .container_header{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;max-width:1280px} .container-white{margin:0;padding:0;width:100%;background-color:#fff} .container{position:relative;margin:0 auto;padding-right:15px;padding-left:15px;max-width:1280px} .slide_maxwidth{padding: 5px;max-width: 1250px;margin: 20px auto;text-align: center;box-shadow: 0 34px 20px -24px rgba(0, 36, 100, 0.3);} .content-wrap{float:left;margin-bottom:15px;width:100%;-webkit-animation:fade-in .5s;animation:fade-in;animation-duration:.5s} .row{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:0;margin-left:0;width:100%;height:auto;zoom:1} .row:after,.row:before{display:table;content:''} .block-wrapper{position:relative;display:flex;padding:20px 0;height:100%;justify-content:center} .block-wrapper .block-item{display: block;box-sizing:border-box;padding: 20px 40px;width:33.333%;text-align:center;} .home-vipbox {padding: 30px 0px 38px 0px;border-radius:8px;background:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .home-vipbox:hover {-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 20px rgba(213,213,213,0.4);} p.vip-bt {color:#fff;margin:0 auto;width:100px;padding:8px 0;border-radius:26px;} .block-item a p {-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .block-item:nth-child(n) a:hover p {box-shadow:0 10px 20px rgba(245,47,62,.4);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);background-color:#f52f3e;background-repeat:repeat-y;background-image:-moz-linear-gradient(left,#f52f3e,#ff4c22);background-image:-webkit-linear-gradient(left,#f52f3e,#ff4c22);background-image:-o-linear-gradient(left,#f52f3e,#ff4c22);background-image:linear-gradient(left,#f52f3e,#ff4c22);} .block-item:nth-child(1) >.home-vipbox {outline:1px solid rgba(245,210,47,0.24);outline-offset:-8px;} .block-item:nth-child(1) h3 {color:#f5a02f;text-shadow:0 5px 6px #ffe1b9;} .block-item:nth-child(1) .vip-bt {background-image: -webkit-linear-gradient(left,#009688,#4CAF50);} .block-item:nth-child(2) >.home-vipbox {outline:1px solid rgba(47,146,245,0.15);outline-offset:-8px;} .block-item:nth-child(2) h3 {color:#1890ff;text-shadow:0 5px 6px rgba(24,144,255,0.40);} .block-item:nth-child(2) .vip-bt {background-image: -webkit-linear-gradient(left,#2196F3,#29e7ff);} .block-item:nth-child(3) >.home-vipbox {outline:1px solid rgba(245,47,47,0.2);outline-offset:-8px;} .block-item:nth-child(3) h3 {color:#fd3d00;text-shadow:0 5px 6px #ffb9b9;} .block-item:nth-child(3) .vip-bt {background-image: -webkit-linear-gradient(left,#FF9800,#ffe500);} p.home-price {position:relative;font-size: 1.875rem;font-weight: bold;width:200px;margin: 15px auto;} p.home-price i {position:absolute;font-size:16px;left:60px;top:10px;} @media (max-width:768px){ .block-wrapper{display:block} .block-wrapper .block-item{float:left;width:100%;margin: 0;} } .block-wrapper .block-item .icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;width:80px;height:80px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center} .block-wrapper .block-item img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;width:80px;height:80px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center} .block-wrapper .block-item .content0-title{margin:10px auto;line-height:32px} @media (max-width:768px){ .home1{display:none} } .page-template-login>.header,.page-template-login>.footer{display: none;} .sign-bg{position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover} .sign-bg:before{position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.39); z-index: -1;} .sign-container{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; box-shadow: 0 5px 25px rgba(0,0,0,0.06); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 380px; padding: 40px;} .sign-popup{background-color: #fff;width: 100%;padding: 40px;} .sign-container header{text-align: center; font-size: 15px; line-height: 1; margin-bottom: 20px;} .sign-container header .logo{float: unset; overflow: hidden; height: 40px; text-align: center; margin: 0 auto; display: block; border-right: 1px solid transparent; padding-right: 0; max-width: 150px;} .sign-container header .logo img{display: block; margin-bottom: 0; max-height: 40px; text-align: center; margin: 0 auto;} .sign-container h1{text-align: center; margin: 0 0 30px; font-size: 20px; font-weight: normal; color: #1abc9c; line-height: 1;} .sign-container footer{border-top: 1px solid #EBEBEB; background-color: #f2f2f2; margin: 0 -40px -40px; text-align: center; padding: 20px} .sign-container footer a{color: #1abc9c} .sign-container footer a:hover{color: #0098d5} .sign-container .btn{line-height: 1; padding: 10px 12px; outline: none;} .sign-login-rp{float: right; font-size: 12px; color: #bbb} .sign-login-rp:hover{color: #1abc9c} .sign-form .item{margin-bottom: 25px; color: #999; position: relative;} .sign-form label{display: block; margin-bottom: 5px; color: #1abc9c; font-size: 12px} .sign-form .ipt{line-height: 1; padding: 8px 12px; border: 1px solid #e4e4e4;} .sign-form .ipt:active,.sign-form .ipt:focus{border-color: #1abc9c} .sign-submit{margin-bottom: 20px;} .modal .sign-form .sign-qq{margin-bottom:0} .sign-form .sign-qq{display: block;padding: 10px;text-align: center;margin-bottom: 20px;} .sign-form .sign-qq a{position: relative; text-align: center; background-image: url(./img/qqicon.png); width: 42px; height: 42px; display: block; background-size: cover; margin:0 auto;} .sign-form .sign-qq a:hover{opacity:.6;} .sign-tips,.sign-tips-show{position: absolute; top: 0; background-color: #e8604e; left: 0; right: 0; height: 0; line-height: 60px; padding: 0 50px; color: #fff; font-size: 14px; overflow: hidden; text-align: center; z-index: 1;} .sign-tips-show{display: block} .sign-icon{margin: 30px 0 15px; text-align: center; color: #384047} .sign-icon .fa{display: inline-block; font-size: 50px; width: 50px; height: 50px; line-height: 50px} .sign-icon-success{color: #4BC970} .sign-icon-error{color: #FF5E52} .sign-text{position: relative; text-align: center} .sign-text .btn{padding: 10px 30px} .sign-links{position: fixed; bottom: 15px; left: 0; right: 0; text-align: center; font-size: 0; line-height: 1} .sign-links a{position: relative; margin: 0 12px; font-size: 12px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.2)} .sign-links a:hover{color: #1abc9c} .sign-links a:after{content: ''; position: absolute; right: -13px; top: 5px; width: 2px; height: 2px;background-color: #fff} .sign-links a:last-child:after{display: none} .captcha-clk.inline{display: inline-block; position: absolute; right: 0; top: 0; padding: 6px 15px; border-left: 1px solid #d2d8d8; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; font-size: .875rem; color: #343642; cursor: pointer;} @media (max-width: 768px){.page-template-login>.header{display: block;} .sign-bg{display: none} .sign-container{position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 30px auto; max-width: 80%} .sign-container header{display: none} .sign-links{display: none}} @media (max-width: 544px){.sign-container{margin:0 0 10px; width: 100%; max-width: 100%; box-shadow: none; padding: 30px 15px 0} .sign-container h1{margin-bottom: 30px; font-size: 18px; font-weight: bold; color: #4e585a} .sign-container footer{margin: 0; padding: 20px 0; background-color: transparent; border-top-color: #f6f6f6} .sign-submit{margin-bottom: 20px} .sign-tips,.sign-tips-show{bottom: 0} .sign-form .item{margin-bottom: 20px}} .home2{margin:0 auto;background-color: #009688;color:#fff;text-align:center;padding: 20px 0;background-position: center center;background-size: cover;background-repeat: repeat;background-attachment: fixed;} .home2 h3{margin-bottom:0;padding:1.8rem;color:#fff;text-align:center} .home2 img{margin-right:16px;width:40px} .home2 p{margin-bottom: 2rem;text-align:center;text-shadow: rgba(0,0,0,.7) 1px 1px 3px;float: left;padding-left: 20%;font-size: 1.2rem;margin-top: 2.2rem;} .home2 a{margin-bottom: 2rem;margin-right: 20%;margin-top: 2rem;} .cs-lightbg{background-color: #ffffff;} .cs-row{margin-top: 30px;} .cs-statics{max-width: 255px; margin-left: auto; margin-right: auto; background-color: #ffffff; -moz-box-shadow: 0 20px 21px 0 rgba(225, 225, 225, 0.5); -webkit-box-shadow: 0 20px 21px 0 rgba(225, 225, 225, 0.5); box-shadow: 0 20px 21px 0 rgba(225, 225, 225, 0.5); font-size: 18px; font-weight: 600; color: #838383;} @media (max-width: 768px){.cs-statics{margin-bottom:15px;}} @media(min-width: 600px){ .cs-statics{padding-left:40px;} .card-panel{transition: box-shadow .25s; padding: 24px; margin: 0 auto; background-color: #fff;} } .card-panel{transition: box-shadow .25s;padding: 24px;margin: 0 auto;background-color: #f6f6f6;margin-bottom: 20px;} .media-left{display: table-cell; vertical-align: top; padding-right: 30px;} .media-left img{width: 50px; height: 50px;} .content{position:relative} .filters{display:block;margin-top:20px;padding:20px;width:100%;background-color:#fff} .filters .filter-item{padding:10px 0} .filter-catnav,.filter-tag{position:relative;display:inline-block} .filter-tag li{display:inline-block;margin:0;padding:0;list-style:none} .filter-catnav .cat-item{margin-right:10px;padding:0} .filter-catnav .cat-item .children{position:relative;display:inline-block;margin:0;padding:0} .filter-catnav .cat-item .children .children .cat-item{position:relative;display:inline-block;margin:0;padding:0} .filter-catnav .cat-item .children .cat-item{position:relative;display:inline-block;margin:5px;padding:0} .filter-catnav .cat-item .children .cat-item:before{position:absolute;top:17px;left:-10px;width:5px;height:5px;background-color:#c2bcbb;content:''} li.cat-item{display:inline-block;margin:0;padding:0;list-style:none} li.current-cat-parent{display:inline-block;margin:0;padding:0;list-style:none} .filter-catnav .current-cat,.filter-catnav .current-cat a{color:#1abc9c} .filters .filter-item span{margin-right:10px;padding: 4px 8px;background-color: #f6f6f6;} .filters .filter-item a{display:inline-block;margin-top:10px;margin-right:10px} .filters .filter-item>.on{color:#1abc9c} @media (max-width:544px){ .filters{margin-top:0;padding:20px 0;width:100%;background-color:#f6f6f6}.yusi-bloger{display:none;} } .page-template-default .content,.single-post .content{margin-right: 370px;padding-top:22.5px;} .sidebar{float:left;margin-top:22.5px;margin-left: -350px;width: 350px;-webkit-animation:fade-in .5s;animation:fade-in;animation-duration:.5s;} @media (max-width:1350px){ .focusbox .focusbox-title{font-size: 2rem !important;} } @media (max-width:1024px){ .focusbox .focusbox-title{font-size: 1.6rem !important;} .page-template-default .content-wrap,.single-post .content-wrap{float:none;width:100%} .page-template-default .content,.single-post .content{margin-right:0} .page-template-default .sidebar,.single-post .sidebar{float:none;margin-top:45px;margin-left:0;width:auto} } @media (max-width:768px){.page-template-default .content,.single-post .content{padding-top:18px} } .shares{float: right;} .shares strong{display:inline-block;color:#999;font-weight:400;line-height:32px} .shares a{position:relative;display:inline-block;margin-right:10px;width:32px;height:32px;text-align:center;line-height:32px;opacity:.8;cursor:pointer} .shares a:hover{opacity:1} .shares a:hover .share-popover{visibility:visible;margin-bottom:0;opacity:1;z-index: 1200;} .shares a:before{width:10px;height:32px} .shares a:hover:before{right:-70%;-webkit-transition:right .5s;-moz-transition:right .5s;transition:right .5s} .shares i{color:#001529;font-size:1.8rem} .shares .share-popover{position:absolute;bottom:100%;left:0;visibility:hidden;margin-bottom:20px;padding-bottom:6px;width:90px;height:90px;background-color:transparent;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .shares .share-popover .share-popover-inner{position:relative;bottom:6px;display:block;padding:4px;height:90px;border:1px solid #999;background-color:#FFF;z-index: 1200;} .shares .share-popover .share-popover-inner::after,.shares .share-popover .share-popover-inner::before{position:absolute;bottom:-5px;left:9px;border-right:5px solid transparent;border-left:5px solid transparent;content:''} .shares .share-popover .share-popover-inner::before{border-top:5px solid #555} .shares .share-popover .share-popover-inner::after{margin-bottom:1px;border-top:5px solid #fff} .f404{padding:100px 15px;text-align:center} .f404 h2{font-weight:400;font-size:36px} .f404 h3{font-weight:400;font-size:18px} .asst{position:relative;clear:both;overflow:hidden;text-align:center} .asst.asst-list-header{margin-top:24px} .asst.asst-list-footer{margin-top:30px} .asst.asst-single-header{margin-bottom:22.5px} .asst.asst-single-footer{margin-bottom:45px} .asst.asst-single-comment{margin-bottom:45px} .asst.asst-page-header{margin-bottom:22.5px} .asst.asst-page-footer{margin-bottom:45px} @media (max-width:544px){.asst.asst-list-header{margin-top:0} .asst.asst-list-footer{margin-top:15px} } .article-focusbox{position:relative;z-index:1;padding:45px 0;background-color:#394048;color:#eee;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .article-focusbox.bgimg-fixed{padding:100px 0;background-position:center center;background-size:cover;background-repeat:repeat;background-attachment:fixed} .article-focusbox:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#000;content:'';opacity:.4} body.home .focusbox{padding:150px} .swiper-container{width:100%;height:100%;border:none} .focusbox{position:relative;padding:45px 0;background-color:#001529;background: url(http://images.yusi123.com/wp-content/uploads/2019/05/d2849762f47276a.jpeg);background-position:center center;background-size:cover;background-repeat:no-repeat;color:#eee;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .focusbox .focusbox-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -30px 30px 0 rgba(0,0,0,.1);opacity:.8} .focusbox .container{text-align:center;line-height:30px} .focusbox .focusbox-title{margin:0;color:#fff;font-weight:400;font-size:2.6rem;text-shadow: rgba(0,0,0,.7) 1px 1px 3px;} .focusbox .focusbox-title+.focusbox-text{margin:20px 0;font-size:1.2rem; text-shadow: rgba(0,0,0,.7) 1px 1px 3px;} .focusbox .focusbox-text{color:#d5d5d5} .focusbox #fh5co-header-subscribe{margin-top:20px} .focusbox .form-group{position:relative;margin-left:16.66667%;width:66.66667%} .focusbox .form-control{display:inline-block;width:100%;height:48px;border:2px solid rgba(0,0,0,.1);border:0;background:0 0;background:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;vertical-align:middle;font-weight:300;font-size:1rem;line-height:1.42857;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .focusbox .form-control:active,.form-control:focus{outline:0;border-color:#1abc9c;box-shadow:none} .focusbox .form-control button{padding:15px 30px;border:0!important;-moz-background:#2f54eb;color:#fff;text-transform:uppercase;font-size:18px;} #fh5co-header-subscribe button{position:absolute;top:0;right:0;padding:12px 30px;border:0!important;border-bottom-left-radius:0!important;border-top-left-radius:0!important;background: #009688;color:#fff;text-transform:uppercase;text-shadow:0 -1px 0 rgba(0,0,0,.1);font-size:1rem;} #fh5co-header-subscribe button:hover{background: #4CAF50;-webkit-box-shadow:0 14px 30px -15px rgba(0,0,0,.75)!important;-moz-box-shadow:0 14px 30px -15px rgba(0,0,0,.75)!important;box-shadow:0 14px 30px -15px rgba(0,0,0,.75)!important;} #fh5co-header-subscribe #email{padding-right:6em;padding-left:1em;width:100%!important} @media (max-width:768px){.article-focusbox,.focusbox{padding:30px 0} .focusbox .focusbox-text{font-size:12px} body.home .focusbox{padding:50px} } @media (max-width:544px){.article-focusbox,.focusbox{padding:30px 0} .article-focusbox.bgimg-fixed{padding:10px 0} .focusbox .focusbox-title{font-size: .875rem !important;} .focusbox .focusbox-text{display:none}*/ .focusbox .form-group{position:relative;margin-left:0;width:100%} .focusbox .form-control{height:30px} #fh5co-header-subscribe button{padding:4px 15px} } .cms-category{margin-right:20px;width:25%} .cms-category:nth-child(4n){margin-right:0} .cms-category .category-tile{box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08)} .cms-category .category-tile__wrap{position:relative;margin:0;} .cms-category .category-tile__inner{position:relative;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;min-height:180px;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center} .cms-category .category-tile--sm .category-tile__inner{min-height:120px} .cms-category .category-tile .link-overlay{z-index:1} .cms-category .category-tile__text{position:relative;padding:30px 20px 15px;width:100%;text-align:center} .cms-category .category-tile__name{display:inline-block;padding:.4em 1em;max-width:100%;background:#009688;color:#fff;text-transform:uppercase;text-shadow:0 -1px 0 rgba(0,0,0,.1);font-size:.8571rem;-webkit-transition:all .15s ease-out 0s;-moz-transition:all .15s ease-out 0s;transition:all .15s ease-out 0s;border-radius: 50px;} .cms-category .category-tile__description{margin-top:.4em;color:rgba(255,255,255,.8);font-size:.8571rem} .cms-category .category-tile:hover .background-img:after{opacity:.8} .background-img{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden} .background-img,.has-cover-bg-img{background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-attachment:scroll} .cms-category .background-img:after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background-color:#001529;content:'';opacity:.6;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:all;-moz-transition-property:all;transition-property:all} .thumb-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;text-align:center} .thumb-video:hover .fa{background-color:rgba(0,0,0,.7)} .thumb-video .fa{position:absolute;top:calc(50% - 36px);left:50%;margin:-18px 0 0 -18px;padding:6px;width:36px;height:36px;background-color:rgba(0,0,0,.5);color:#fff;color:rgba(255,255,255,.8);font-size:24px;line-height:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} @media (max-width:544px){.thumb-video .fa{margin:-12px 0 0 -12px;padding:4px;width:24px;height:24px;font-size:16px} } .post-view{display:inline-block;margin-right:10px} .post-comm{display:inline-block} .post-like,.post-price{position:relative;float:right;margin-left:10px; color: #FF5722;background-color:rgba(255, 87, 34, 0.1);border-radius: 4px;padding: 2px 6px;} .post-like .fa{margin-right:2px;vertical-align:1px;font-size:.875rem} .post-like.actived{color:#FF6651} .section-info{position:relative;display:block;padding:20px;text-align:center} .section-info .random-btn{display:inline-block;margin-left:15px;padding:3px 8px;background-color:#d6d6d6;color:#fff;font-size:.875rem} .section-info .random-btn:hover{background-color:#a9a9a9} .section-info h2{font-weight:600} .section-info .postmode-description{color:#9E9E9E} .excerpts-wrapper{margin-top:24px} .container.cms .excerpts{min-height:200px} .relates{overflow:hidden;background-color:#fff;border-top:1px solid #f2f2f2;margin-bottom:10px} .relates h3{font-size:15px;line-height:15px;border-bottom:1px dotted #e4e4e4;padding:15px 20px 10px;margin-bottom:0} .relates ul{padding:15px 0 15px 10px;overflow:hidden} .relates li{float:left;width:49%;height:30px;overflow:hidden;line-height:30px;color:#bbb} .relates li i{vertical-align:middle} .relates a{margin-right:20px;padding-left:10px} .home_excerpt{width:49.4%;background-color: #fff;margin-top: 30px;margin-bottom: 30px;} #cat-1{float:left;} #cat-2{float:right} .home_excerpt header{margin: 0 10px 10px 0;height: 25px;overflow: hidden;} .excerpt .focus{float:left;margin:0 20px 0 0;text-align:center;position:relative;overflow:hidden;display:table} .home_excerpt .title{position:relative;height:45px;border-bottom:1px solid #90bba8;margin:5px 20px;line-height: 45px;} .home_excerpt h2{display:inline;font-size:20px;margin:0;font-weight:400;position:relative;top:1px;line-height:25px;} .home_excerpt h2 a{color: #00a67c;opacity:.9;} .home_excerpt h2 a:hover{opacity:1;} .excerpts{margin-right:-2%;margin-bottom:15px;width:100%;min-height:540px} .excerpts-none{padding:200px 0;color:#999;text-align:center;font-weight:400;font-size:1.125rem} .excerpt{position:relative;display:inline-block;margin-right: 1%;margin-bottom:2.5%;padding:15px;background-color:#fff;background-clip:padding-box;vertical-align:top;opacity:1;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transform:translate(0,0);margin-left: 1%;} .excerpt:hover{-webkit-box-shadow:0 5px 8px rgba(0,0,0,.15);box-shadow:0 5px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px);-ms-transform:translateY(-5px)} .excerpt>h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1.5rem;} .excerpt>h2>a{font-weight:500;font-size:.875rem} overflow: hidden .excerpt .thumb{width:100%} .excerpt footer{color:#bbb;font-size:12px} .excerpt time{display:inline-block;margin-right:10px} .excerpts .thumb{width:100%} .excerpt-c2{width:48%} .excerpt-c3{width:31.33333%} .excerpt-c4{width:23%} .excerpt-c5{width:18%} .excerpt-c2 h2{height:auto} .excerpt-c2 .post-view,.excerpt-c2 time{margin-right:20px} .excerpt-c3 h2{height:46px;font-size:1.1rem;line-height:46px} .excerpt-c3 .post-view,.excerpt-c3 time{margin-right:15px} .excerpt-combine{margin-bottom:2%;padding: 0;overflow: hidden;} .excerpt-combine:hover .thumbnail::before{opacity:.8} .excerpt-combine .thumbnail{margin-bottom:0;} .excerpt-combine .thumbnail::before{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;background:-moz-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.9)));background:-webkit-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.9)));background:gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.9)));content:"";opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .excerpt-combine h2{position:absolute;right:0;bottom:0;left:0;z-index:2;margin-bottom:0;padding:15px 15px 39px;height:auto;text-shadow:-1px 1px 0 rgba(0,0,0,.1);font-weight:400;line-height:1.3} .excerpt-combine h2 a,.excerpt-combine h2 a:hover{color:#fff} .excerpt-combine footer{position:absolute;right:0;bottom:0;left:0;z-index:3;padding:0 15px 15px 15px;color:#999} .excerpt-combine footer time.hot{padding:0 3px;background-color:#FF6651;color:#fff;font-weight:400} .excerpt-combine.excerpt-c5 h2{padding:15px 12px 45px} .excerpt-combine.excerpt-c5 footer{padding:0 12px 12px} .excerpt-combine.excerpt-hoverplugin{overflow:hidden} .excerpt-combine.excerpt-hoverplugin h2{padding-bottom:13.5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .excerpt-combine.excerpt-hoverplugin footer{bottom:-50px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .excerpt-combine.excerpt-hoverplugin:hover h2{padding-bottom:39px} .excerpt-combine.excerpt-hoverplugin:hover footer{bottom:0} .excerpt-combine.excerpt-hoverplugin.excerpt-c5:hover h2{padding-bottom:45px} .excerpt-noborder{padding: 0;overflow: hidden;} .excerpt-noborder>h2{padding-left: 10px;padding-right: 10px;} .excerpt-noborder footer{padding: 0 10px;padding-bottom: 10px;} @media (max-width:1024px){.excerpt-c4{width:31.33333%} .excerpt-c5{width:23%} } @media (max-width:768px){.excerpt-c4{width:48%} .excerpt-c5{width:31.33333%} .excerpt-c3{width:48%} } @media (max-width:544px){.section-info .postmode-description{display:none} .excerpts-wrapper{overflow:hidden;margin-top:10px;width:100%} .excerpts{margin-right:-4%;min-height:100px} .excerpt{margin-bottom:4%;} .excerpt .thumbnail{margin-bottom:0} .excerpt h2{margin:0;padding:8px 8px 5px 8px;height:34px;font-size:12px;line-height:1.2} .excerpt h2 a{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .excerpt footer{margin:0;padding:8px 8px 6px;border-top:none;font-size:10px;display: none;} .excerpt footer .post-comm{display:none} .excerpt footer .post-like{top:-1px} .excerpt footer .post-like .fa{font-size:12px} .excerpt.excerpt-combine h2{border-right:none;border-left:none} .excerpt.excerpt-combine footer{display:none;border:none} .excerpt.excerpt-combine.excerpt-hoverplugin h2{height:auto} .list-news .excerpts-wrapper{margin-top:0;margin-right:0;margin-left:0} .list-news .excerpt{display:block;overflow:hidden;margin-bottom:0;padding:10px 15px 10px 105px;width:auto;border-bottom:1px solid #f6f6f6;} .list-news .excerpt:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-webkit-transform:none;-moz-transform:none;transform:none} .list-news .excerpt .thumbnail{float:left;margin-bottom:0;margin-left:-90px;width:80px} .list-news .excerpt h2{margin-bottom:0;padding:0;height:38px;border:none;font-size:.875rem} .list-news .excerpt h2 a{display:block} .list-news .excerpt footer{position:absolute;right:15px;bottom:10px;left:105px;padding:0;border:none;font-size:10px;line-height:1} .list-news .excerpt .post-comm{display:inline-block} .list-news .excerpt .post-like{position:absolute;top:-1px;right:0} .list-news .excerpt .post-like .fa{font-size:10px} .list-news .excerpt-combine .thumbnail::before{display:none} .list-news .excerpt-combine h2,.list-news .excerpt-combine.excerpt-c5 h2{position:relative;padding:0;text-shadow:none;font-weight:700} .list-news .excerpt-combine h2 a,.list-news .excerpt-combine.excerpt-c5 h2 a{color:#555} .list-news .excerpt-combine h2 a:hover,.list-news .excerpt-combine.excerpt-c5 h2 a:hover{color:#FF6651} .list-news .excerpt-combine footer,.list-news .excerpt-combine.excerpt-c5 footer{padding:0;color:#bbb} .list-news .excerpt-combine footer time.hot,.list-news .excerpt-combine.excerpt-c5 footer time.hot{padding:0;background-color:transparent;color:#FF6651;font-weight:700} .list-news .excerpt-combine.excerpt-hoverplugin footer{bottom:10px} .list-news .excerpt-combine.excerpt-hoverplugin:hover h2{padding-bottom:0} .list-news .excerpt-combine.excerpt-hoverplugin:hover footer{bottom:10px} .list-news .excerpt-combine.excerpt-hoverplugin.excerpt-c5:hover h2{padding-bottom:0} } .leadpager{margin-top:15px;margin-bottom:-10.5px;color:#999;text-align:center;font-size:12px;line-height:1} .leadpager::before{content:'--- '} .leadpager::after{content:' ---'} @media (max-width:544px){.leadpager{margin-bottom:0;padding-bottom:15px;border-bottom:1px solid #f6f6f6} } .pagination{margin-bottom:1.8rem;text-align:center;font-size:.875rem} .pagination ul{margin:0;padding:0;list-style-type:none} .pagination ul li{display:inline-block;margin: 5px 5px;} .pagination ul li a,.pagination ul li span{display:inline-block;padding:.35rem 1.5rem; border-radius: 20px;} .pagination ul li a{background-color:#ddd;color:#666;text-decoration:none;opacity:1} .pagination ul li span{color:#aaa;cursor:default} .pagination ul li a:focus,.pagination ul li a:hover{opacity:.8} .pagination ul li.active span{background-color:#aaa;color:#fff} .pagination ul li.next-page a{background-color:#1abc9c;color:#fff} .pagination-loading{padding:15px 0;text-align:center} .pagination-loading img{max-width:70px} @media (max-width:768px){.pagination-loading img{max-width:50px} } .ias_trigger{margin-bottom:15px;text-align:center} .ias_trigger a{display:inline-block;padding:7px 15px;background-color:#1abc9c;color:#fff} .cat-menus{margin-top:22.5px} .cat-menus ul{display:table;margin:0;padding:0;width:100%;list-style:none;text-align:center;word-spacing:-1em} .cat-menus li{display:inline-block;margin:0 10px;word-spacing:0} .cat-menus li.current-cat a{position:relative;color:#1abc9c} @media (max-width:544px){.cat-menus{margin-top:15px;font-size:12px} .cat-menus li{margin:0 5px 10px} } .page .article-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0} .article-header{display:block;text-align: left;max-width: 1250px;margin: auto;} .article-title{margin:0 0 10px;font-weight:700;font-size: 2.7em;text-shadow: rgba(0,0,0,.7) 1px 1px 3px;} .article-meta{font-size:.825rem;margin-bottom: 20px;} .article-meta a{color:#eee} .article-meta .item{display:inline-block;margin-right:15px} @media (max-width:1024px){.article-title{font-size:20px} .article-content{margin-top: 0px !important;} .article-header{padding:15px;} } @media (max-width:768px){.article-meta{font-size:12px} .article-meta .item{margin-right:10px} } @media (max-width:544px){.article-title{margin-bottom:5px;font-size:18px} .article-meta{display:none;margin-bottom:10px} } .article-content{ overflow:hidden; padding:20px; background-color:#fff; word-wrap:break-word; font-size:.95rem; line-height:1.7; margin-top: -120px; z-index: 222; position: relative; } .article-content strong{font-weight:600;} .article-content img{display:block;height:auto;max-width:100%} .article-content .wp-caption,.article-content blockquote,.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.article-content ol,.article-content p,.article-content pre,.article-content table,.article-content ul{margin:0 0 10px} .article-content a{color:#009688;} .article-content a:hover{opacity:.9;} .article-content pre{margin:20px 0;padding:10px 20px;border:none;background:#03152a;color:#b3b3b3;font:12px/20px 'courier new'} .article-content blockquote{position:relative;margin:30px 0;padding:10px 45px;background-color:#f8f8fa} .article-content blockquote:before{position:absolute;top:20px;left:20px;display:block;width:16px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat;content:''} .article-content blockquote:after{position:absolute;right:20px;bottom:20px;display:block;width:16px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat;content:''} .article-content blockquote p{margin:0;margin-bottom:10px;padding:0} .article-content h2{margin-left:-20px;padding:0 0 0 10px;border-left:5px solid #1abc9c;color:#444;font-size:1.25rem} .article-content h3{font-size:1.1rem} .article-content h4{font-size:.875rem} .article-content h5{font-size:.775rem} .article-content h6{font-size:.675rem} .article-content ul{position:relative} .article-content ul li:before{position:absolute;top:10px;left:0;width:6px;height:6px;background-color:#1abc9c;content:''} .article-content ol{margin-left:40px;list-style:decimal} .article-content li{position:relative;margin-bottom:5px;padding-left:20px} .article-content p{margin-bottom:30px} .article-content pre{word-wrap:break-word} .article-content table{margin-bottom:30px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd} .article-content table th{background-color:#f9f9f9;text-align:center} .article-content table td,.article-content table th{padding:5px 10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd} .article-content embed[align=middle]{display:block;margin:0 auto} .article-content .alignnone{margin:0 auto} .article-content .alignleft{float:left;margin:0 30px 30px 0} .article-content .aligncenter{display:block;margin:0 auto;text-align:center} .article-content .aligncenter img{margin:0 auto} .article-content .alignright{float:right;margin:0 0 30px 30px} .article-content .wp-caption{margin-bottom:25px;max-width:100%} .article-content .wp-caption img{margin-bottom:5px} .article-content .wp-caption p{margin:0;text-indent:0} .article-content .wp-caption .alignnone{text-align:center} .article-content .wp-caption .wp-caption-text{color:#999;font-size:14px} .article-copyright{clear:both;overflow:hidden;margin-bottom:30px} .article-copyright a{color:#555} .article-paging{clear:both;overflow:hidden;margin:15px 0 45px;text-align:center;font-size:12px} .article-paging span{display:inline-block;margin:3px 2px;padding:7px 15px;background-color:#bbb;color:#fff} .article-paging a span{background-color:#eee;color:#999} .article-paging a:hover span{background-color:#384047;color:#fff} .article-actions{margin:20px 0;text-align: center;} .article-actions .shares{float:left;margin-bottom:0} .article-actions .shares strong{display:block;margin-bottom:10px;color:#999;font-weight:400;font-size:12px;line-height:1} .article-actions .action-like,.article-actions .action-rewards,.article-actions .action-shareimg{/* float:right; */display:inline-block;margin-top:22px;margin-left:15px;height: 48px;min-width:80px;background-color:#0c6;color:#fff;text-align:center;line-height:31px;opacity:.8;position: relative;padding: 8px 40px;border: 1px solid #d6d6d6;border-radius: 2px;font-size: 1rem;margin: 0 3px;} .article-actions .action-like:hover,.article-actions .action-rewards:hover,.article-actions .action-shareimg{color:#fff;opacity:1} .article-actions .action-like i,.article-actions .action-rewards i{color:#fff;position:relative;margin-right:3px;font-size:14px} .article-actions .action-like{background-color:#FF6651} .article-actions .action-like i{top:-1px;margin-right:5px} .article-actions .action-shareimg i{top:-1px;margin-right:5px} .article-actions .action-shareimg{background-color:#334453} @media (max-width:544px){.article-actions{text-align:center} .article-actions .shares{float:none;margin-bottom: 30px;} .article-actions .action-like,.article-actions .action-rewards,.article-actions .action-shareimg{/* float: right; *//* display: inline-block; *//* margin: 0 5px; *//* font-size:12px; *//* width: 20%; */} } .article-wechats{text-align:center} .article-wechatitem{position:relative;display:inline-block;overflow:hidden;padding:15px 15px 15px 110px;width:400px;border:1px solid #eee;box-shadow:2px 2px 0 rgba(0,0,0,.02);text-align:left} .article-wechatitem img{float:left;margin-left:-95px;width:80px;height:80px} .article-wechatitem-tit{overflow:hidden;margin-bottom:5px;height:19px;font-weight:700;line-height:19px} .article-wechatitem-desc{overflow:hidden;height:32px;color:#bbb;font-size:12px} .article-wechatitem-users{position:absolute;bottom:15px;color:#7BD172;font-size:12px} @media (max-width:544px){.article-wechatitem{width:100%} .article-wechatitem-tit{font-size:12px} } .rewards-popover-mask{position:fixed;top:0;left:0;z-index:9999;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.5)} .rewards-popover{position:fixed;top:50%;left:50%;z-index:9999;display:none;overflow:hidden;margin:-200px 0 0 -275px;padding:40px 20px 50px;width:550px;background-color:#FFF;box-shadow:0 1px 5px rgba(0,0,0,.4);text-align:center;-webkit-animation:fade-in .5s;animation:fade-in;animation-duration:.5s} .rewards-popover h3{margin:0 15px 30px;text-align:center;font-weight:700;font-size:18px} .rewards-popover-item{display:inline-block;margin:0 20px;width:200px} .rewards-popover-item h4{margin:0 20px 10px;font-size:15px} .rewards-popover-item img{padding:5px;width:200px;height:200px;background-color:#eee} .rewards-popover-close{position:absolute;top:0;right:0;padding:15px;color:#999;font-size:16px;line-height:1;cursor:pointer} .rewards-popover-close:hover{color:#666} @media (max-width:768px){.rewards-popover{margin-top:-125px;margin-left:-150px;padding:30px 10px;width:300px} .rewards-popover h3{margin:0 5px 15px;font-size:16px} .rewards-popover-item{margin:0 5px;width:125px} .rewards-popover-item h4{margin:0 0 10px;font-size:12px} .rewards-popover-item img{width:125px;height:125px} } .article-footer{background-color:#fff;padding: 15px 20px;overflow: hidden;border-top: 1px solid #f7f7f7;} .article-tags{float:left;font-size:15px;} .article-tags i{margin-right:10px;color: #bbb;} .article-tags a{display:inline-block;padding:2px 6px 3px;margin:0 2px;color:#fff;background-color:#4a4a4a;opacity: 0.70;filter:alpha(opacity=90);} .article-tags a:hover{background-color:#428bca;opacity: 1;filter:alpha(opacity=100);} .article-tags a:nth-child(5n){background-color: #4A4A4A;} .article-tags a:nth-child(5n+1){background-color: #428BCA;} .article-tags a:nth-child(5n+2){background-color: #5CB85C;} .article-tags a:nth-child(5n+3){background-color: #D9534F;} .article-tags a:nth-child(5n+4){background-color: #F0AD4E;} .article-nav{background-color: #ffffff;overflow:hidden;padding:15px 20px;font-size:15px;color:#bbb;border-top: 1px solid #f7f7f7;} .article-nav span{float:left;position:relative;max-width:50%;} .article-nav span.article-nav-next{float:right;text-align:right;} @media (max-width:544px){.article-nav .article-nav-prev{float:none;display:block;width:auto} .article-nav .article-nav-next{float:none;display:block;margin-top:15px;width:auto;text-align:left} } .postitems{margin-top: 20px;margin-bottom: 20px;padding:20px;background-color:#fff;} .postitems h3{margin:0 0 5px;font-weight:700;font-size:15px;line-height:1} .postitems ul{overflow:hidden;margin:0;padding:0;list-style:none} .postitems ul:after{clear:both;display:block;content:''} .postitems ul .isthumb{float:left;display:block;margin:1%;padding:0;width:23%;vertical-align:top;font-size:14px;opacity:1;transition:all .2s ease-in-out;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transform:translate(0,0)} .postitems ul .isthumb:hover{-webkit-box-shadow:0 5px 8px rgba(0,0,0,.15);box-shadow:0 5px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-3px);transform:translateY(-3px);-ms-transform:translateY(-3px)} .postitems ul .isthumb h4{overflow:hidden;margin:0;padding:10px;text-overflow:ellipsis;white-space:nowrap;font-weight:400} .postitems li .thumbnail .thumb{margin-bottom:0;width:100%;height:130px;} .postitems ul .isthumb:before{display:none} .postitems li{position:relative;display:inline-block;margin-top:15px;padding-right:30px;padding-left:18px;width:50%;vertical-align:top;vertical-align:top} .postitems li:before{position:absolute;top:7px;left:0;width:6px;height:6px;background-color:#19a387;content:''} .postitems li .thumb{margin-bottom:5px} .postitems li .thumbnail{position:relative;display:block} @media (max-width:544px){.postitems ul .isthumb{float:left;margin:1%;width:48%} .postitems li .thumbnail .thumb{width:100%;height:130px} } .image-container{padding-top:15px;padding-bottom:15px;text-align:center} .image-header{margin-bottom:30px} .image-title{margin:0 0 7.5px} .image-meta{color:#999} .image-content img{height:auto} .image-navigation{margin-top:30px;margin-bottom:30px} .image-navigation a{display:inline-block;padding:7px 15px;background-color:#FF6651;color:#fff;opacity:1} .image-navigation a:hover{opacity:.8} .image-caption,.image-description{margin:0 auto 30px;max-width:600px} @media (max-width:1024px){.image-title{font-size:18px} } .page-template-blank .article-header{margin:24px 0;text-align:center} .page-template-blank-2 .article-content{margin:24px 0} .page-template-user .user-downspan{ padding: 4px 10px; margin: 0 5px; background-color: #0d2133; text-shadow: 0 -1px 0 rgba(0,0,0,.1); cursor: pointer; font-size: .875rem; } .page-template-user .user-nav{display:block;margin:0 auto;margin-top: 30px;-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05) !important;-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05) !important;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05) !important;margin-bottom: 50px;} .page-template-user .user-nav ul{margin:0;padding:0;list-style:none;text-align:center;background: #fafafa;height: 700px;border: 1px solid #dddddd;border-right: none;} .page-template-user .user-nav ul li{text-align:center;/* padding: 2px; */background: #fafafa;} .page-template-user .user-nav ul li a{display:block;padding: 12px 8px;background-color: #fff;} .page-template-user .user-nav ul li a:hover,.page-template-user .user-nav ul li a.active{color: #fff;background: #009688;background: linear-gradient(45deg, #009688 1%, #1bb697 45%, #009688 97%);background-image: -ms-linear-gradient(45deg, #009688 1%, #1bb697 45%, #009688 97%);background-image: -moz-linear-gradient(45deg, #009688 1%, #1bb697 45%, #009688 97%);background-image: -o-linear-gradient(45deg, #009688 1%, #1bb697 45%, #009688 97%);background-image: -webkit-linear-gradient(45deg, #009688 1%, #1bb697 45%, #009688 97%);background-image: linear-gradient(45deg, #009688 1%, #1bb697 45%, #009688 97%);-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;/* transition: all 0.5s ease-out; */} .page-template-user .order-wrap{padding:0!important;} .page-template-user .info-wrap{background-color:#fff} .page-template-user .info-wrap{position:relative;display:block;margin-top:30px;padding:20px;width:100%;min-height:600px;-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05) !important;-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05) !important;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05) !important;} .order-row{ display: flex; display: -webkit-flex; margin: 0; padding: 0; width: 100%; flex-wrap: wrap; } .info-wrap .inner{z-index:2;display:block} .page-template-user .order-wrap p{margin:0 auto;padding-top:40px;text-align:center;font-weight:600} .page .order-wrap .random-btn{display:block;margin:40px auto;margin-left:15px;padding:8px 16px;width:120px;background-color:#1abc9c;color:#fff;text-align:center;font-size:14px} .page-template-user .order-wrap .random-btn:hover{background-color:#8BC34A} .page-template-user .order-wrap .order-row{position:relative;display:flex;display:-webkit-flex;margin:0;padding:0;width:100%;flex-wrap:wrap} .order-row .order-item{display:block;margin-right:1%;margin-bottom:2%;margin-left:1%;padding:10px;width:23%;text-align:center;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);background-color: #f6f6f6;} .order-row .order-item:hover{-webkit-box-shadow:0 5px 8px rgba(0,0,0,.15);box-shadow:0 5px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px);-ms-transform:translateY(-5px)} .order-item span{float:left;display:-webkit-box;overflow:hidden;margin-bottom:15px;color:#bbb;text-overflow:ellipsis;font-size:12px;-webkit-line-clamp:2;-webkit-box-orient:vertical} .order-item time{display:block;margin-top:10px;color:#bbb;font-size:12px} .order-item h2{margin:0;padding:40px 0 10px;color:#555;text-align:center;font-weight:600;font-size:15px} .order-item h4{margin:0 0 30px;color:#bbb;font-weight:500;font-size:14px} .comment-user .list-group-item li { list-style: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #efefef; overflow: hidden; color: #bababa; } .comment-user .list-group-item li a{ position: relative; overflow: hidden; padding: 0; border-bottom: none; } @media (max-width:768px){.order-row .order-item{width:31.333%} .order-item span{display:none} } @media (max-width:544px){.order-row .order-item{width:48%} } .user-nav-avatar{ padding: 12px 20px; } .user-nav .downinfo { margin: 0; padding: 12px; border-bottom: 1px solid #f6f6f6; color: #4CAF50; } .user-nav .downinfo span{ float:left; width:50%; padding: 0; } .user-nav-avatar img{margin-bottom: 10px;width: 80px;height: 80px;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.16);} .user-nav-avatar .btn{position:relative;padding: 4px 20px !important;border-radius:50px;} .user-nav-avatar a[class*=upload] input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer} .user-usermeta-form{position:relative;display: block;margin-bottom:20px;padding:40px 30px;margin: 0 auto;} .user-usermeta-form .qq-card a{color:#48b0f7} .user-usermeta-form .qq-card i{position:relative;display:inline-block;margin-right:10px;width:32px;height:32px;border-radius:50%;background-color:#F44336;color:#fff;text-align:center;font-size:18px;line-height:32px;opacity:.8;cursor:pointer} .user-usermeta-form .form-group{position:relative;margin-bottom:25px;color:#555} .user-usermeta-form .form-group .ladda-button{/* width:100%; */} .user-usermeta-form .form-group input{margin-top:10px;padding:6px 12px;width:220px;height:32px;border:1px solid #e4e4e4;border-radius:4px;background-color:#fff;color:#333;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .user-usermeta-form .form-group label{display:block;margin-bottom:5px} .user-usermeta-vip{position:relative;padding:20px;width:100%;min-height:560px} .vip-row{margin-bottom:20px} .vip-row .vip-item{display:block;margin:0 auto;text-align:center;padding: 1rem;} .vip-row .vip-item.form{display:flex;margin:0 auto;padding:1rem;width:100%;text-align:center;justify-content:space-around;align-items:flex-end;flex-wrap:wrap;} .vip-row .vip-item .sc{margin-right:auto;margin-left:auto;padding-top:50px;max-width:1130px} .vip-row .vip-item .sc-hd strong{display:block;color:#001529;font-weight:700;font-size:1.3rem;line-height:34px} .vip-row .vip-item .sc-hd span{display:block;color:#999;text-transform:uppercase;font-size:.75rem;line-height:1} .vip-row .vip-item .sc-hd .rm{position:absolute;top:0;right:0;padding-top:10px;color:#2e2a2b;font-size:16px;line-height:26px} .vip-row .vip-item .sc-bd{padding-top:30px} .vip-row .vip-item .sc-bd .faq-list{text-align:left} .vip-row .vip-item .faq-list .item{padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid #ebebeb} .vip-row .vip-item .faq-list .item .hd{position:relative;background-color:#fff;color:#001529;font-size:1rem} .vip-row .vip-item .faq-list .item .hd:after{position:absolute;top:10px;right:20px;width:10px;height:10px;border-top:2px solid #cacaca;border-right:2px solid #cacaca;content:'';-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(45deg);transform:rotate(45deg)} .vip-row .vip-item .faq-list .item .bd{display:none;padding-top:1rem} .vip-row .vip-item .faq-list .item.active .hd{background-color:#fff} .vip-row .vip-item .faq-list .item.active .hd:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)} .vip-row .vip-item .faq-list .item.active .bd{display:block} .vip-row .vip-item .radio-box{position:relative;display:block;overflow:hidden;margin:0 auto;margin:0 .5rem;margin-bottom:20px;padding:3rem;border-radius:4px;text-align:center;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);flex-grow:1;border: 1px solid #e5e5e5;} .vip-row .vip-item .radio-box.v1{color: #1990fc;} .vip-row .vip-item .radio-box.v2{color: #ff6c76;} .vip-row .vip-item .radio-box.v3{color: #ffc82d;} .vip-row .vip-item .radio-box:hover{box-shadow:0 5px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px);webkit-box-shadow:0 5px 8px rgba(0,0,0,.15);-ms-transform:translateY(-5px)} .vip-row .vip-item .radio-box .tips-box{position:absolute;top:10px;right:-30px;z-index:4;width:120px;height:35px;background:#1890ff;color:#fff;line-height:35px;-webkit-transform:rotate(45deg);transform:rotate(45deg)} .vip-row .vip-item .radio-box .tips-box span{color:#fff;font-size:.75rem} .vip-row .vip-item .radio-box .dec{font-weight:400;font-size:.875rem} .vip-row .vip-item .radio-box .radio-style{display:inline-block;height:40px;font-weight:400;font-size:1.25rem;line-height:40px} .vip-row .vip-item .radio-box.v2 .tips-box {background: #ff6c76;} .vip-row .vip-item .radio-box.v3 .tips-box {background: #ffc801;} .vip-row .vip-item .radio-box.v1 .radio-style {color: #1990ff;font-weight: 700;font-size: 26px;} .vip-row .vip-item .radio-box.v2 .radio-style {color: #ff6c76;font-weight: 700;font-size: 26px;} .vip-row .vip-item .radio-box.v3 .radio-style {color: #ffc801;font-weight: 700;font-size: 26px;} .vip-row .vip-item h2{margin:0 auto;padding: 1rem;font-size:1rem;text-align: center;background-color: #e6f3f0;border-radius: 4px;margin: 0 .5rem;color: #ff6c76;} .vip-row .vip-item h2 span{margin-right:15px} .user-usermeta-form h1{margin-bottom:30px;font-weight:700;font-size:16px;line-height:1} .user-usermeta-form ul{list-style:none} .user-usermeta-form ul li{margin-bottom:25px} .user-usermeta-form ul li:last-child{margin-bottom:0} .user-usermeta-form ul label{display:block;margin-bottom:5px;color:#bbb;font-size:15px} .user-usermeta-form ul .ipt{width:100%} .ipt{display:block;padding:.375rem .75rem;width:100%;border:1px solid #ccc;background-color:#fff;background-image:none;font-size:.67rem} .ipt::-ms-expand{border:0;background-color:transparent} .ipt:focus{outline:0;border-color:#66afe9} .ipt::placeholder{color:#999;opacity:1} .ipt:disabled,.ipt[readonly]{background-color:#eceeef;opacity:1} .ipt:disabled{cursor:not-allowed} .ipt-file,.ipt-range{display:block} .ipt-label{margin-bottom:0;padding:.375rem .75rem} @media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].ipt,input[type=time].ipt,input[type=datetime-local].ipt,input[type=month].ipt{line-height:2.0625rem} input[type=date].input-sm{line-height:1.675rem} .input-group-sm input[type=date].ipt,.input-group-sm input[type=time].ipt,.input-group-sm input[type=datetime-local].ipt,.input-group-sm input[type=month].ipt,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:1.675rem} .input-group-lg input[type=date].ipt,.input-group-lg input[type=time].ipt,.input-group-lg input[type=datetime-local].ipt,.input-group-lg input[type=month].ipt,input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:3.16667rem} } .plinks{overflow:hidden;margin:0 0 15px;padding:0;list-style:none} .plinks h2{margin:30px 0 0;font-weight:700;font-size:18px} .plinks h2 .fa{margin-right:10px;width:18px;font-size:18px} .plinks .linkcat{margin-bottom:30px} .plinks .linkcat ul{overflow:hidden;margin:0 0 0 28px;padding:0;list-style:none} .plinks .linkcat li{float:left;overflow:hidden;margin-top:15px;width:20%;height:19px} @media (max-width:768px){.plinks .linkcat li{width:33.33333%} } @media (max-width:544px){.plinks h2{margin-top:15px;font-size:14px} .plinks h2 .fa{margin-right:10px;width:14px;font-size:14px} .plinks .linkcat{margin-bottom:15px} .plinks .linkcat ul{margin-left:24px} .plinks .linkcat li{margin-top:10px;width:50%} } .tagslist{overflow:hidden;min-height:540px} .tagslist ul{margin:0;margin-right:-15px;padding:0;list-style-type:none} .tagslist li{float:left;margin-top:15px;margin-right:15px;padding:15px;width:calc(20% - 15px);border:1px solid #eee;background-color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .tagslist li: hover{border-color:#999} .tagslist li: hover .name{background-color:#384047;color:#fff} .tagslist li .name{display:inline-block;padding:5px 10px 4px;background-color:#eee;color:#666;font-size:12px} .tagslist li .name: hover{background-color:#FF6651;color:#fff} .tagslist li small{margin-left:10px;color:#bbb} .tagslist li p{display:block;overflow:hidden;margin:10px 0 0;height:36px;font-size:12px;line-height:1.5} .tagslist li p a{color:#999} .tagslist li p a: hover{color:#555} @media (max-width:1024px){.tagslist li{width:calc(25% - 15px)} } @media (max-width:768px){.tagslist li{width:calc(33.3333333% - 15px)} } @media (max-width:544px){.tagslist li{width:calc(50% - 15px)} } .widget{position:relative;clear:both;margin-bottom:22.5px;padding:20px;background-color:#fff} .widget h3{margin:0 0 10px;font-weight: 600;font-size: 1rem;line-height:1;height: 30px;border-bottom: 1px solid #90bba8;} .widget ul{margin:0;padding:0;list-style:none} .widget ul ul{border:none} .widget ul: before,.widget ul:after{display:table;content:"";line-height:0} .widget ul: after{clear:both} .widget_text{padding:15px;border:1px solid #eee;} .widget_text h3{margin:-15px -15px 15px;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_text .textwidget{color:#999} .widget_meta{padding:15px;border:1px solid #eee;} .widget_meta h3{margin:-15px -15px 15px;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_meta ul{color:#999} .widget_meta ul li{margin-bottom:5px;margin-left:20px;list-style:disc} .widget_categories{padding:15px;border:1px solid #eee;} .widget_categories h3{margin:-15px -15px 15px;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_categories ul{color:#bbb} .widget_categories li .children{margin-top:10px} .widget_categories li{margin-bottom:7px;margin-left:20px;list-style:disc} .widget_categories li ul{padding:0 0 0 15px} .widget_categories select{margin-top:10px;padding:4px 5px;width:100%;height:36px;border:1px solid #e6e6e6;line-height:36px} .widget_categories .screen-reader-text{display:none} .widget_archive{padding:15px;border:1px solid #eee;} .widget_archive h3{margin:-15px -15px 15px;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_archive ul{color:#bbb} .widget_archive li{float:left;margin:5px 0 5px 20px;width:43%;list-style:disc} .widget_archive li a{margin-right:5px} .widget_archive select{margin-top:10px;padding:4px 5px;width:100%;height:36px;border:1px solid #e6e6e6;line-height:36px} .widget_archive .screen-reader-text{display:none} .widget_tag_cloud{padding:15px;border:1px solid #eee;} .widget_tag_cloud h3{margin:-15px -15px 15px;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_tag_cloud .tagcloud a{display:inline-block;margin:3px 10px 3px 0} .widget_calendar h3{display:none} .widget_calendar table{width:100%;text-align:center} .widget_calendar table caption{margin-bottom:5px;font-weight:700;font-size:15px} .widget_calendar table #next a,.widget_calendar table #prev a{display:block;padding:0 10px} .widget_calendar table #prev{text-align:left} .widget_calendar table #next{text-align:right} .widget_calendar table tbody td,.widget_calendar table tfoot td,.widget_calendar table thead th{padding:5px 3px;border:1px solid #eee} .widget_calendar table thead th{background-color:#fbfbfb;text-align:center} .widget_calendar table tbody td a{display:block;margin:0 3px;background-color:#666;color:#fff} .widget_calendar table tbody td a: hover{background-color:#444} .widget_pages{padding:15px;border:1px solid #eee;} .widget_pages h3{margin:-15px -15px 15px;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_pages ul{color:#bbb} .widget_pages li{float:left;margin:5px 0 5px 20px;width:43%;list-style:disc} .widget_recent_entries{padding:15px;border:1px solid #eee;} .widget_recent_entries h3{margin:-15px -15px 15px;margin-bottom:0;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_recent_entries li{padding:10px 0;border-bottom:solid 1px #eee} .widget_recent_entries li: last-child{padding-bottom:0;border-bottom:none} .widget_recent_entries .post-date{display:block;margin-top:5px;color:#bbb;font-size:12px} .widget_nav_menu{padding:15px;border:1px solid #eee;} .widget_nav_menu h3{margin:-15px -15px 15px;margin-bottom:0;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_nav_menu ul{color:#999} .widget_nav_menu ul li{margin:10px 0 0 20px;list-style:disc} .widget_links{padding:15px;border:1px solid #eee;} .widget_links h3{margin:-15px -15px 15px;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_links ul{color:#bbb} .widget_links li{float:left;margin:5px 0 5px 20px;width:43%;list-style:disc} .widget_rss{padding:15px;border:1px solid #eee;} .widget_rss h3{margin:-15px -15px 15px;margin-bottom:0;padding:15px;border-bottom:1px solid #eee;background-color:#fbfbfb} .widget_rss .rsswidget img{display:none} .widget_rss ul{color:#999} .widget_rss li{padding:15px 0;border-bottom:solid 1px #eee} .widget_rss li:last-child{padding-bottom:0;border-bottom:none} .widget-download{position:relative;background-color:#fff} .widget-download .down-info{display:block;margin:0 auto;text-align:center} .widget-download .down-info .ac_qqhao{display:block;margin-top:.8rem;margin-bottom:0;text-align:center} .widget-download .down-info a{display:block;margin-bottom:1rem;width:100%;border-radius:30px;} .widget-download .down-info .price{margin-bottom:.5rem;text-align:center;text-transform:uppercase;font-weight:600;font-size:1.66rem} .widget-download .down-info .vipinfo{color:#8c8c8c;font-size:.875rem} .widget-download .down-info span{font-size:.875rem} .widget-download table{clear:both!important;padding:0;width:100%!important;border:0 #ddd solid!important;border-radius:3px!important;background-color:#f0f5ff;color:#9999a3} .widget-download table td{width:50%;border:0;text-align:left;text-transform:uppercase;font-size:.8rem} .widget-download table td:last-child{text-align:right;font-weight:400} .widget-asst{overflow:hidden;text-align:center} .widget-asst img{display:block;margin:0 auto} .widget-textasst a{display:block;font-size:.75rem} .widget-textasst a h2{margin:10px 0;font-weight:400;font-size:1.2rem} .widget-textasst a p{margin-bottom:0;color:#999} .widget-textasst a strong{display:inline-block;margin:-1px 0 0 0;padding:4px 10px;color:#fff;font-weight:400;font-size:.875rem} .widget-textasst a.style01{color:#1990fc} .widget-textasst a.style01: hover{border-color:#45B6F7} .widget-textasst a.style01 strong{background-color:#1990fc} .widget-textasst a.style02{color:#FF5E52} .widget-textasst a.style02: hover{border-color:#FF5E52} .widget-textasst a.style02 strong{background-color:#FF5E52} .widget-textasst a.style03{color:#5CB85C} .widget-textasst a.style03: hover{border-color:#5CB85C} .widget-textasst a.style03 strong{background-color:#5CB85C} .widget-textasst a.style04{color:#C35BFF} .widget-textasst a.style04: hover{border-color:#C35BFF} .widget-textasst a.style04 strong{background-color:#C35BFF} .widget_ui_tags .items{width: 102%;} .widget_ui_tags a:nth-child(9n){background-color: #4A4A4A;} .widget_ui_tags a:nth-child(9n+1){background-color: #15a287;} .widget_ui_tags a:nth-child(9n+2){background-color: #5CB85C;} .widget_ui_tags a:nth-child(9n+3){background-color: #D9534F;} .widget_ui_tags a:nth-child(9n+4){background-color: #567E95;} .widget_ui_tags a:nth-child(9n+5){background-color: #B433FF;} .widget_ui_tags a:nth-child(9n+6){background-color: #00a67c;} .widget_ui_tags a:nth-child(9n+7){background-color: #B37333;} .widget_ui_tags a:nth-child(9n+8){background-color: #FF6600;} .widget_ui_tags a{width: 48%;opacity: 0.70;filter:alpha(opacity=80);color: #fff;background-color: #00a67c;display: inline-block;margin: 0 5px 5px 0;padding: 2px 6px;line-height: 21px;} .widget_ui_tags a:hover{opacity: 1;filter:alpha(opacity=100);} .widget-postlist ul{margin-right:0} .widget-postlist li{display:inline-block;overflow:hidden;padding:10px 0 5px 115px;width:100%;border-bottom:1px solid #f0f0f0;vertical-align:top} .widget-postlist .thumb{margin-bottom:5px} .widget-postlist .thumbnail{position:relative;float:left;display:block;margin-left:-115px;width:100px} .widget-comments a{position:relative;display:block;overflow:hidden;padding:5px 0 5px 52px;color:#777} .widget-comments li: last-child a{padding-bottom:0} .widget-comments a: hover{color:#444} .widget-comments a: hover .inner{background-color:#fbfbfb} .widget-comments .inner{position:relative;padding:12px 15px;border:1px solid #eee;background: #f6fffd99;} .widget-comments .inner::after,.widget-comments .inner::before{position:absolute;top:9px;left:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;content:''} .widget-comments .inner::before{border-right:5px solid #aaa} .widget-comments .inner::after{margin-bottom:1px;border-right:5px solid #fff} .widget-comments time{display:block;margin-bottom:3px;color: #5ab8a5;font-size:12px;} .widget-comments strong{margin-right:10px;color: #cc686e;} .widget-comments .avatar{float:left;margin-left:-52px;width:42px;height:42px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);} .comments-wrap{margin-bottom:30px;padding:20px;background-color:#fff;} .comments-title{margin:0;margin-bottom:15px;font-weight:700;font-size:15px;line-height:1} .comments-title small{display:inline-block;margin-left:10px;color:#999;font-weight:400;font-size:12px} .comments-respond{position:relative;margin-bottom:15px} .comt{position:relative;padding-left:52px} .comt-title{float:left;margin-left:-52px;width:42px;color:#999;text-align:center;font-size:12px} .comt-title .avatar{margin-bottom:5px;width:42px;height:42px;border-radius: 3px;} .comt-title p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap} .comt-box{position:relative;padding:5px 10px 0;background-color: #fbfdfb;border: 1px solid #38a093;opacity: .9;} .comt-area{overflow-x:hidden;overflow-y:auto;width:100%;height:72px;outline:0;border:none;background-color: #fbfdfb;color:#666;font-size:.875rem;line-height:22px;resize:none;} .comt-ctrl{margin-left:-10px;height:36px} .comt-submit{position:absolute;right:0;bottom:0;padding:0;width:100px;height:36px;outline:0;border:none;border-top:none;background: #009688;opacity: .9;color: #ffffff;font-size:.875rem;line-height:36px;} .comt-count{float:right;margin-bottom:5px;color:#999} .comt-tips{margin-right:110px;color:#fff;text-align:center;font-size:1rem;line-height:116px} .comt-tips .comt-tip{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:2;background: #4CAF50;opacity: .7;} .comt-error{background:#FF5E52} .comt-comterinfo{padding:15px 0;text-align:center} .comt-comterinfo ul{display:inline-block;margin:0;padding:0;color:#999;list-style:none;text-align:left} .comt-comterinfo li{float:left;margin-bottom:10px} .comt-comterinfo input{position:relative;margin-right:10px;padding:4px 8px;width:220px;height:36px;outline:0;border:1px solid #f0f5fe;box-shadow:none} @media (max-width:544px){ #focsbox-true{padding:20px;} .focusbox #fh5co-header-subscribe{margin-top:0px;} .card-panel.cs-statics {box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;} .home_excerpt header {margin: 0;float: left;margin-top: 10px;height: 35px;margin-bottom: -10px;} .home_excerpt .note,.side_btn,.home_excerpt .focusbox .focusbox-title{display: none;} .home_excerpt header h2 { padding: 0;} .home_excerpt header a {white-space: normal;font-size: .9rem;} .comt-submit{font-size:12px} .comt-comterinfo{text-align:left} .comt-comterinfo li{overflow:hidden;height:36px} .comt-comterinfo input{width:100%} } .postcomments{margin-bottom:45px} .commentlist{margin:0;padding:0;list-style:none} .comment{position:relative;overflow:hidden;padding: 10px 0 10px 52px;} .comment .comments-respond{margin-top:30px} .comment .comt-avatar{position:relative;float:left;margin-left:-52px;width:42px;height:42px;background-color:#FFF} .comment .comt-avatar .avatar{display:block;width:42px;height:42px;border-radius:3px;} .comment .comt-main{position:relative;color:#666;word-wrap:break-word;font-size:.875rem;padding: 10px 15px;line-height: 25px;border-radius: 3px;background: #fbfdfb;border: 1px #eee solid;font-size: 15px;word-wrap: break-word;} .comment .comt-main:before{content: '';display: inline-block;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-right: 9px solid #eee;position:absolute;top: 15px;left: -9px;} .comment .comt-main:after {content: '';display: inline-block;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid #fbfdfb;position:absolute;top: 17px;left: -7px;} .comment .comt-main p{margin-top:15px;margin-bottom:0} .comment .comt-author{margin-right:10px} .comment .url{color:#999} .comment .url:hover{color:#666;text-decoration:underline} .comment .comt-meta{margin-top:7px;color:#bbb;font-size:.5rem} .comment .comment-reply-link{display:none;margin-left:30px;color:#bbb;font-size:12px} .comment .comment-reply-link:hover{color:#666} .comment .comt-f{position:absolute;top:15px;right:0;color:#bbb;font-size:16px} .comment .comt-approved{display:inline-block;margin-right:10px;padding:2px 3px 1px;background-color:#666;color:#fff;font-size:12px;line-height:1} .comment .children{padding:0;list-style:none} .comment .children .comment{margin:15px 0 0;padding-bottom:0;border-bottom:none} .comment pre{margin:3px 0 5px;padding:7px 10px;} .comment .depth-1{border-bottom:#eee 1px solid} .comment .wp-smiley{margin-bottom:2px} .comment:hover{opacity:.8} .comment:hover .comt-f{color:#666} .comment:hover .comment-reply-link{display:inline-block} #cancel-comment-reply-link{display:none;margin-top:7px;color:#999;text-align:center;font-size:12px} #cancel-comment-reply-link:hover{color:#666} .comment #cancel-comment-reply-link{display:block} .comments-pagination{margin-top:15px;text-align:center;font-size:14px} .comments-pagination a,.comments-pagination span{display:inline-block;margin:0 2px;padding:7px 15px;} .comments-pagination a{background-color:#ddd;color:#666;text-decoration:none;opacity:1} .comments-pagination span{color:#aaa;cursor:default} .comments-pagination a:focus,.comments-pagination a:hover{opacity:.8} .comments-pagination .current{background-color:#aaa;color:#fff} .footer{clear: both;margin-top: 30px;border-top: 1px solid #eee;background-color: #001529;color: #fff;background-color: rgba(0,21,41,.95);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background: linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: -ms-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: -moz-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: -o-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: -webkit-linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);background-image: linear-gradient(45deg, #051c17 1%, #10846e 45%, #021513 97%);} .footer a{color: #fffdfd;} .footer a:hover{color:#FFEB3B} .footer h2.logos{margin:1rem auto;max-width:160px;color:#ccc;text-align:center} .footer-head{color: #ffffff;font-size: 14px;font-weight: 700;margin-top: 0;margin-bottom: 10px;} .cs-footer-links{margin: 10px 0;} .cs-footer-links li{display: block; padding-bottom: 10px; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; transition: all 0.15s ease;} .cs-footer-logo img{max-width: 180px;} .footer .footer-qrimg{width: 80px; height: 80px; padding: 0; border: #f5f6f8 3px solid;} .cs-footer-text{max-width: 523px; margin: 20px auto;} .cs-moble-true,.cs-moble-false{padding-top: 30px;display: block;} .footer-copyright{padding-top: 19px; border-top: 1px solid #173450; font-size: 13px; text-align: center; color: #acacac;} @media(min-width:544px){ .copyright-links{width: 20%;float: right;text-align: right;margin-top: -20px;} .copy-text{text-align: left;color: white;}} .copyright-links>li{display: inline-block} .copyright-links>li+li{margin-left: 12px} .copyright-links>li>a{color: #acacac;letter-spacing: 0.14px;} .flinks{margin-bottom:8px} .flinks dfn{display:none} .flinks ul{display:table;margin:0;padding:0;width:100%;list-style:none;text-align:center;word-spacing:-1em} .flinks li{display:inline-block;margin:0 7px 7px;word-spacing:0} .bomnav{clear:both;overflow:hidden;margin-bottom:8px;text-align:center} .bomnav ul{display:table;margin:0;padding:0;width:100%;list-style:none;text-align:center;word-spacing:-1em} .bomnav li{display:inline-block;margin:0 7px 7px;word-spacing:0} .rollbar{position:fixed;right:15px;bottom:15px;z-index:999;display:none;width:50px} .rollbar .rollbar-item{position:relative;margin-top:10px;width:40px;height:40px;background-color: #009688;color:#fff;text-align:center;opacity: 1;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .rollbar .rollbar-item:hover{color:#fff;opacity:.8} .rollbar .rollbar-item .fa{font-size:18px;line-height:40px} @media (max-width:768px){.cs-moble-false{display: none;}.flinks{display:none} .rollbar{right:-100px} } .side_btn{position:fixed;right:0;bottom:32%;text-align:center;z-index: 1200;line-height:20px;} .side_btn svg{width:18px;height:18px} .side_btn a.btn{padding:8px;background-color:#f2f2f2;width:36px;height:36px;display:block;margin-top:4px;color:#999;position:relative} .side_btn a.btn span{position:absolute;white-space:nowrap;top:0;right:110%;color:#fff;height:36px;display:block;padding:2px 12px;line-height:32px;opacity:0;visibility:hidden} .side_btn a.btn.top{background-color:#222} .side_btn a.btn.top svg{transform:scale(1,-1);-webkit-transform:scale(1,-1);transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);fill:#fff} .side_btn a.btn:hover span{right:100%;opacity:1;visibility:visible} .side_btn a.btn:hover svg{fill:#fff} .side_btn .online{position:relative} .side_btn .online>a.btn{-webkit-transform:translate(0,0);transform:translate(0,0)} .side_btn .online .online_con{position:absolute;bottom:0;right:-100px;z-index:5;background-color:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.1);width:150px;text-align:left;opacity:0;visibility:hidden} .side_btn .online .online_con .title{background: #16a085; background: linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: -ms-linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: -moz-linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: -o-linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: -webkit-linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%); background-image: linear-gradient(45deg, #16a085 1%, #1abc9c 45%, #16a085 97%);color:#fff;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;padding:8px;align-items:center;} .side_btn .online .online_con .title svg{fill:#fff} .side_btn .online .online_con .title h3{flex-grow:1;color:#fff;font-weight:300;margin: 5px;} .side_btn .online .online_con .title span.close{cursor:pointer} .side_btn .online .online_con ul{padding:0 12px;margin:12px 0} .side_btn .online .online_con ul li{margin-bottom:8px} .side_btn .online .online_con ul li:last-child{margin-bottom:0} .side_btn .online .online_con ul.wechat_list{text-align:center} .side_btn .online .online_con ul.qq_list li{font-size:13px} .side_btn .online .online_con ul.qq_list li a{color:#fff;display:block;padding:8px;border-radius:4px;text-align:center} .side_btn .online .online_con ul.qq_list li a svg{fill:#fff} .side_btn .online.active .online_con{opacity:1;visibility:visible;right:0} .side_btn .online.active>a.btn{-webkit-transform:translate(100%,0);transform:translate(100%,0)} .footer1 {line-height: 25px;display: -webkit-box;display:-ms-flexbox;max-width: 1280px;margin: 0 auto;} .footer1 span {float:left;} #friendlinks {float:left;padding-top: 10px;} #friendlinks li {list-style: none;float: left;margin-right: 10px;} #TagMore {color: #009688;} .notice-info {display:none;position:fixed;z-index:999;width:100%;padding:20px;background-color:#fff;max-width:80%;opacity: .96;margin:0 auto;text-align:center;left:0;right:0;bottom:20px;border-radius:4px;-webkit-box-shadow:0 0 12px rgba(136,161,206,0.3);box-shadow:0 0 12px rgba(136,161,206,0.3);border:1px solid #eee;} .notice-info .close {position:absolute;right:20px;top:10px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;z-index:1;} .notice-info .close:hover {color:#1990fc;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);} .notice-info .flex {display:flex;justify-content:center;align-items:center;} .notice-info .flex p {padding:10px;margin:0;font-size:1.25rem;color: #009688;} i.notice {font-size:1.25rem;} @media (max-width:544px) { .notice-info{display:none !important;} .footer1{display:none;} .user-usermeta-form,.user-usermeta-vip{float:none;margin-bottom:10px;padding:30px 15px;width:auto;height:auto;} } .article-content pre{background-color: #f8f8f8;border: 1px solid #eeeeee;overflow: hidden;padding: 8px;font-size:14px;} .prettyprint.linenums,pre.prettyprint.linenums {-webkit-box-shadow: inset 40px 0 0 #eeeeee, inset 42px 0 0 #33b796;-moz-box-shadow: inset 40px 0 0 #eeeeee, inset 42px 0 0 #33b796;box-shadow: inset 40px 0 0 #eeeeee, inset 42px 0 0 #33b796;} .prettyprint.linenums ol,pre.prettyprint.linenums ol {margin:0 0 0 40px; } .prettyprint.linenums ol li,pre.prettyprint.linenums ol li { padding-left: 6px;color: #bebec5;line-height: 20px;margin-left: 0;list-style: decimal;} .prettyprint.linenums ol li:before,pre.prettyprint.linenums ol li:before{content:"";width:0px;} .prettyprint .com { color: #666666; } .prettyprint .lit { color: #cc00cc; } .prettyprint .pun, .prettyprint .opn, .prettyprint .clo { color: #00aa00; } .prettyprint .fun { color: #dc322f; } .prettyprint .str, .prettyprint .atv { color: #c28f5b; } .prettyprint .kwd, .prettyprint .tag { color: #F92659; } .prettyprint .typ, .prettyprint .atn, .prettyprint .dec, .prettyprint .var { color: #00aa00; } .prettyprint .pln { color: #0000ff; }