/*
Theme Name: Lotus
Theme URI: https://hehua.us/
Author: Hehua
Author URI: https://hehua.us/
Description: A classic WordPress blog and CMS theme with configurable layout, sliders, thumbnails, comments, and theme options.
Version: 1.0.8
Tested up to: 7.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, cms, two-columns, responsive, custom-background, featured-images, threaded-comments
*/

@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: 400; font-style: normal }
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; 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(0) }
  100% { -moz-transform: rotate(359deg) }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0) }
  100% { -webkit-transform: rotate(359deg) }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0) }
  100% { -o-transform: rotate(359deg) }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0); transform: rotate(0) }
  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-cog:before,.fa-gear: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-paypal:before { content: "支" }
.fa-play-circle-o:before { content: "\f01d" }
.fa-repeat:before,.fa-rotate-right: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-image:before,.fa-photo: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-exclamation-triangle:before,.fa-warning: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-cogs:before,.fa-gears: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-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-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-floppy-o:before,.fa-save:before { content: "\f0c7" }
.fa-square:before { content: "\f0c8" }
.fa-bars:before,.fa-navicon:before,.fa-reorder: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-sort:before,.fa-unsorted:before { content: "\f0dc" }
.fa-sort-desc:before,.fa-sort-down:before { content: "\f0dd" }
.fa-sort-asc:before,.fa-sort-up:before { content: "\f0de" }
.fa-envelope:before { content: "\f0e0" }
.fa-linkedin:before { content: "\f0e1" }
.fa-rotate-left:before,.fa-undo:before { content: "\f0e2" }
.fa-gavel:before,.fa-legal:before { content: "\f0e3" }
.fa-dashboard:before,.fa-tachometer:before { content: "\f0e4" }
.fa-comment-o:before { content: "\f0e5" }
.fa-comments-o:before { content: "\f0e6" }
.fa-bolt:before,.fa-flash:before { content: "\f0e7" }
.fa-sitemap:before { content: "\f0e8" }
.fa-umbrella:before { content: "\f0e9" }
.fa-clipboard:before,.fa-paste: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-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-chain-broken:before,.fa-unlink: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-caret-square-o-down:before,.fa-toggle-down:before { content: "\f150" }
.fa-caret-square-o-up:before,.fa-toggle-up:before { content: "\f151" }
.fa-caret-square-o-right:before,.fa-toggle-right:before { content: "\f152" }
.fa-eur:before,.fa-euro:before { content: "\f153" }
.fa-gbp:before { content: "\f154" }
.fa-dollar:before,.fa-usd:before { content: "\f155" }
.fa-inr:before,.fa-rupee:before { content: "\f156" }
.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before { content: "\f157" }
.fa-rouble:before,.fa-rub:before,.fa-ruble:before { content: "\f158" }
.fa-krw:before,.fa-won: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-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-caret-square-o-left:before,.fa-toggle-left:before { content: "\f191" }
.fa-dot-circle-o:before { content: "\f192" }
.fa-wheelchair:before { content: "\f193" }
.fa-vimeo-square:before { content: "\f194" }
.fa-try:before,.fa-turkish-lira: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-bank:before,.fa-institution:before,.fa-university:before { content: "\f19c" }
.fa-graduation-cap:before,.fa-mortar-board: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-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before { content: "\f1c5" }
.fa-file-archive-o:before,.fa-file-zip-o:before { content: "\f1c6" }
.fa-file-audio-o:before,.fa-file-sound-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-ring:before,.fa-life-saver:before,.fa-support:before { content: "\f1cd" }
.fa-circle-o-notch:before { content: "\f1ce" }
.fa-ra:before,.fa-rebel:before { content: "\f1d0" }
.fa-empire:before,.fa-ge:before { content: "\f1d1" }
.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-paper-plane:before,.fa-send:before { content: "\f1d8" }
.fa-paper-plane-o:before,.fa-send-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 { width: 16px; font-size: 1.23em; text-align: center }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block }
audio,canvas,video { display: inline-block }
audio:not([controls]) { display: none }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { max-width: 100%; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic }
button,input,select,textarea { margin: 0; font-size: 100%; vertical-align: middle }
button,input { line-height: normal }
button::-moz-focus-inner,input::-moz-focus-inner { padding: 0; border: 0 }
button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer }
button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],label,select { cursor: pointer }
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 }
textarea { overflow: auto; vertical-align: top }
p { margin: 0 0 10px }
.lead { margin-bottom: 20px; font-size: 18px; font-weight: 200; line-height: 30px }
small { font-size: 85% }
strong { font-weight: 700 }
em { font-style: italic }
cite { font-style: normal }
.text-warning { color: #c09853 }
.muted { color: #999 }
a.muted:focus,a.muted:hover { color: gray }
a.text-warning:focus,a.text-warning:hover { color: #a47e3c }
.text-error { color: #d9534f }
a.text-error:focus,a.text-error:hover { color: #c9302c }
.text-info { color: #3a87ad }
a.text-info:focus,a.text-info:hover { color: #2d6987 }
.text-success { color: #56af45 }
a.text-success:focus,a.text-success:hover { color: #448a37 }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
h1,h2,h3,h4,h5 { margin: 5px 0; font-weight: 700; line-height: 35px; color: inherit; text-rendering: optimizelegibility }
.action,.article-content a.dl,.fenye a span,.social a,button.btn { transition-duration: 500ms; -webkit-transition-duration: 500ms; transition-timing-function: cubic-bezier(.445,.05,.55,.95); -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95) }
.page-header { padding-bottom: 9px; margin: 20px 0 20px; border-bottom: 1px solid #eee }
ol,ul { padding: 0; margin: 0; list-style: none }
li { line-height: 20px }
ol.inline,ul.inline { margin-left: 0; list-style: none }
ol.inline>li,ul.inline>li { display: inline-block; padding-left: 5px; padding-right: 5px }
hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff }
code,pre { padding: 0 3px 2px; font-family: Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace !important; color: #444; border-radius: 3px }
code { padding: 2px 4px; color: #d14; background-color: #fbfbfb; border: 1px solid #e1e1e8; word-break: break-all; word-wrap: break-word; font-size: 14px }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 11px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 2px }
pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0 }
.pre-scrollable { max-height: 340px; overflow-y: scroll }
.close { float: right; font-size: 20px; font-weight: 700; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) }
.close:focus,.close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40) }
button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none }
.clearfix:after,.clearfix:before { display: table; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.row-fluid { width: 100% }
.row-fluid:after,.row-fluid:before { display: table; content: ""; line-height: 0 }
.row-fluid:after { clear: both }
.row-fluid [class*=span] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2% }
.row-fluid [class*=span]:first-child { margin-left: 0 }
.row-fluid .controls-row [class*=span]+[class*=span] { margin-left: 2% }
.row-fluid .span12 { width: 100% }
.row-fluid .span11 { width: 91.5% }
.row-fluid .span10 { width: 83% }
.row-fluid .span9 { width: 74.5% }
.row-fluid .span8 { width: 66% }
.row-fluid .span7 { width: 57.5% }
.row-fluid .span6 { width: 49% }
.row-fluid .span5 { width: 40.5% }
.row-fluid .span4 { width: 32% }
.row-fluid .span3 { width: 23.5% }
.row-fluid .span2 { width: 15% }
.row-fluid .span1 { width: 6.5% }
.row-fluid .offset12 { margin-left: 104% }
.row-fluid .offset12:first-child { margin-left: 102% }
.row-fluid .offset11 { margin-left: 95.5% }
.row-fluid .offset11:first-child { margin-left: 93.5% }
.row-fluid .offset10 { margin-left: 87% }
.row-fluid .offset10:first-child { margin-left: 85% }
.row-fluid .offset9 { margin-left: 78.5% }
.row-fluid .offset9:first-child { margin-left: 76.5% }
.row-fluid .offset8 { margin-left: 70% }
.row-fluid .offset8:first-child { margin-left: 68% }
.row-fluid .offset7 { margin-left: 61.5% }
.row-fluid .offset7:first-child { margin-left: 59.5% }
.row-fluid .offset6 { margin-left: 53% }
.row-fluid .offset6:first-child { margin-left: 51% }
.row-fluid .offset5 { margin-left: 44.5% }
.row-fluid .offset5:first-child { margin-left: 42.5% }
.row-fluid .offset4 { margin-left: 36% }
.row-fluid .offset4:first-child { margin-left: 34% }
.row-fluid .offset3 { margin-left: 27.5% }
.row-fluid .offset3:first-child { margin-left: 25.5% }
.row-fluid .offset2 { margin-left: 19% }
.row-fluid .offset2:first-child { margin-left: 17% }
.row-fluid .offset1 { margin-left: 10.5% }
.row-fluid .offset1:first-child { margin-left: 8.5% }
.row-fluid [class*=span].hide,[class*=span].hide { display: none }
.row-fluid [class*=span].pull-right,[class*=span].pull-right { float: right }
body { margin: 0; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: #555; background-color: #eee; overflow-x: hidden }
iframe { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0 }
a { color: #00a67c; text-decoration: none }
a:focus,a:hover { color: #007046; text-decoration: none }
::selection { background: #72d0eb; color: #fff; text-shadow: none }
::-moz-selection { background: #72d0eb; color: #fff; text-shadow: none }
.container { max-width: 1226px; margin: 0 auto; text-align: left; position: relative }
.container:after,.container:before,.footer:after,.footer:before,.header:after,.header:before { display: table; content: ""; line-height: 0 }
.container:after,.footer:after,.header:after { clear: both }
.header { top: 0; width: 100%; z-index: 999 }
.container { margin-bottom: 10px }
.content-wrap { width: 100%; float: left }
.content { margin-right: 370px }
.content-page { position: relative; background-color: #fff }
.page-sidebar { width: 225px; position: absolute; top: 0; left: 0; bottom: 0; height: 100%; border-right: 1px solid #eee }
.content-title { font-size: 20px; font-weight: 400; padding: 15px 20px 14px; line-height: 20px; background-color: #f7f7f7; margin: 0 0 1px; border-bottom: 1px solid #eee }
.sidebar { float: left; margin-left: -360px; width: 360px; position: relative }
.trackcode { float: right }
.footer-inner { max-width: 1226px; padding: 16px 20px 14px; margin: 0 auto; color: #aaa; text-shadow: 0 -1px 0 #333 }
.footer-inner:after,.footer-inner:before { display: table; content: ""; line-height: 0 }
.footer-inner:after { clear: both }
.footer a { color: #aaa }
.footer a:hover { color: #ddd; text-decoration: underline }
.pagewrapper { background-color: #fff; position: relative }
.pageheader { padding: 10px 20px 8px; line-height: 24px; position: relative; border-bottom: 1px solid #eee; margin-bottom: 0; background-color: #f7f7f7 }
.pageheader h1 { font-size: 21px; font-weight: 400; padding: 0; margin: 14px 0 0 0; line-height: 24px }
.pageheader h1 a { color: #444 }
.pageheader h1 .avatar { float: left; margin-right: 5px }
.pageheader h1 em { font-size: 12px; font-style: normal; font-weight: 400 }
.pagecontent { margin-left: 170px; min-height: 600px; border-left: 1px solid #eee; padding: 20px }
.pagecontent .pageheader { background: 0; padding: 0 0 8px; margin-bottom: 20px }
.pagecontent .pageheader h1 { font-size: 20px; font-weight: 400 }
.pagecontent .article-content { padding: 0 }
.pagecontent #postcomments,.pagecontent #respond { margin: 0 -20px }
.pagesidebar { position: absolute; top: 0; left: 0; width: 170px; background-color: #fbfbfb; bottom: 0 }
.pagesider-menu .sub-menu { display: none }
.pagesider-menu a { margin-bottom: 1px; padding: 10px 10px; color: #888; border-left: solid 4px transparent; cursor: pointer; overflow: hidden; border-bottom: 1px solid #eee; display: block }
.pagesider-menu a:hover { background-color: #f7f7f7; color: #666 }
.pagesider-menu li.active a,.pagesider-menu li.current-menu-item a,.pagesider-menu li.current_page_item a { color: #444; background-color: #fff; border-left-color: #00a67c; margin-right: -1px; position: relative; z-index: 2 }
.page-navbar { margin-top: 50px }
.page-navbar li a { padding: 10px 16px; color: #888; display: block; border-left: 4px solid transparent }
.page-navbar .dropdown-toggle .caret { margin-top: 8px }
.page-navbar .active a,.page-navbar .active a:focus,.page-navbar .active a:hover { color: #666; background-color: #f7f7f7 }
.page-navbar>li>ul { font-size: 14px }
.page-navbar>li>ul a { padding-left: 36px }
.page-navbar li:hover a { background-color: #f7f7f7; color: #666 }
.page-navbar li ul,.page-navbar li.current-menu-item a,.page-navbar li.current-menu-parent a,.page-navbar li.current-post-ancestor a,.page-navbar li.current_page_item a { background-color: #f7f7f7; border-left-color: #00a67c; color: #666 }
fieldset { padding: 0; margin: 0; border: 0 }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 18px; line-height: 40px; color: #444; border: 0; border-bottom: 1px solid #e5e5e5 }
legend small { font-size: 15px; color: #999 }
button,input,label,select,textarea { font-weight: 400; line-height: 2px }
label { display: block; margin-bottom: 5px }
input,select,textarea { display: inline-block; height: 20px; padding: 5px 6px 3px; margin-bottom: 10px; line-height: 20px; color: #555; border-radius: 0; vertical-align: middle }
.uneditable-input,input,textarea { width: 206px }
textarea { height: auto }
input,textarea { background-color: #fff; border: 1px solid #d9d9d9; border-top-color: silver; border-left-color: #d0d0d0; -webkit-transition: border linear .2s; -moz-transition: border linear .2s; transition: border linear .2s }
input:focus,input:hover,textarea:focus,textarea:hover { border-color: #999 }
input[type=checkbox],input[type=radio] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal }
input[type=button],input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=reset],input[type=submit] { width: auto }
input[type=file],select { height: 30px; line-height: 30px }
.form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px }
.form-actions:after,.form-actions:before { display: table; content: ""; line-height: 0 }
.form-actions:after { clear: both }
.btn { display: inline-block; padding: 6px 12px 4px; margin-bottom: 0; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 0; border-radius: 0; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif }
.btn[type=submit] { height: 30px }
.btn:focus,.btn:hover { text-decoration: none }
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.btn.active,.btn:active { outline: 0 }
.btn.disabled,.btn[disabled] { cursor: default; opacity: .65; filter: alpha(opacity=65) }
.btn-large { padding: 11px 19px; font-size: 15px }
.btn-mini { padding: 2px 10px; font-size: 12px }
.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.btn-block+.btn-block { margin-top: 5px }
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% }
.btn-primary { color: #fff; background-color: #5fbaac }
.btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-primary[disabled] { color: #fff; background-color: #35d2ab }
.btn-warning { color: #fff; background-color: #f8a31f }
.btn-warning.active,.btn-warning.disabled,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.btn-warning[disabled] { color: #fff; background-color: #f88a2a }
.btn-danger { color: #fff; background-color: #d9534f }
.btn-danger.active,.btn-danger.disabled,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.btn-danger[disabled] { color: #fff; background-color: #e51400 }
.btn-success { color: #fff; background-color: #15a287 }
.btn-success.active,.btn-success.disabled,.btn-success:active,.btn-success:focus,.btn-success:hover,.btn-success[disabled] { color: #fff; background-color: #117f69 }
.btn-info { color: #fff; background-color: #00a67c }
.btn-info.active,.btn-info.disabled,.btn-info:active,.btn-info:focus,.btn-info:hover,.btn-info[disabled] { color: #fff; background-color: #007877 }
.btn-inverse { color: #fff; background-color: #11a99b }
.btn-inverse.active,.btn-inverse.disabled,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.btn-inverse[disabled] { color: #fff; background-color: #31cfa9 }
button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0 }
.btn-group { position: relative; display: inline-block; font-size: 0; vertical-align: middle; white-space: nowrap }
.btn-group+.btn-group { margin-left: 5px }
.btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px }
.btn-toolbar>.btn+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn { margin-left: 5px }
.btn-group>.btn { position: relative; border-radius: 0 }
.btn-group>.btn+.btn { margin-left: 1px }
.btn-group>.btn,.btn-group>.popover { font-size: 12px }
.btn-group>.btn-mini { font-size: 12px }
.btn-group>.btn-large { font-size: 15px }
.btn-group>.btn.large:first-child,.btn-group>.btn:first-child { margin-left: 0 }
.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover { z-index: 2 }
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle { outline: 0 }
.btn-group>.btn+.dropdown-toggle { padding-left: 8px; padding-right: 8px }
.btn-group>.btn-large+.dropdown-toggle { padding-left: 12px; padding-right: 12px }
.btn-group.open .btn.dropdown-toggle { background-color: #ddd }
.btn-group.open .btn-primary.dropdown-toggle { background-color: #35d2ab }
.btn-group.open .btn-danger.dropdown-toggle { background-color: #e51400 }
.btn-group.open .btn-success.dropdown-toggle { background-color: #4cae4c }
.btn-group.open .btn-inverse.dropdown-toggle { background-color: #333 }
.btn .caret { margin-top: 8px; margin-left: 0 }
.btn-large .caret { margin-top: 6px }
.btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px }
.btn-mini .caret,.btn-small .caret { margin-top: 8px }
.dropup .btn-large .caret { border-bottom-width: 5px }
.btn-danger .caret,.btn-info .caret,.btn-inverse .caret,.btn-primary .caret,.btn-success .caret,.btn-warning .caret { border-top-color: #fff; border-bottom-color: #fff }
.btn-group-vertical { display: inline-block }
.btn-group-vertical>.btn { display: block; float: none; max-width: 100%; border-radius: 0 }
.btn-group-vertical>.btn+.btn { margin-left: 0; margin-top: 1px }
.alert { padding: 10px 35px 10px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 2px }
.alert { color: #c09853 }
.alert .close { position: relative; top: 0; right: -21px; line-height: 20px }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #56af45 }
.alert-error { background-color: #f2dede; border-color: #eed3d7; color: #d9534f }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad }
.nav { margin-left: 0; margin-bottom: 20px; list-style: none }
.nav i { display: inline-block; vertical-align: text-bottom }
.nav>li>a { display: block }
.nav>li>a:focus,.nav>li>a:hover { text-decoration: none; background-color: #eee }
.nav>li>a>img { max-width: none }
.nav>.pull-right { float: right }
.nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: 700; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255,255,255,.5); text-transform: uppercase }
.nav li+.nav-header { margin-top: 9px }
.nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0 }
.nav-list .nav-header,.nav-list>li>a { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255,255,255,.5) }
.nav-list>li>a { padding: 3px 15px }
.nav-list>.active>a,.nav-list>.active>a:focus,.nav-list>.active>a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.2); background-color: #00a67c }
.nav-list .divider { height: 1px; margin: 9px 1px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff }
.nav-pills:after,.nav-pills:before,.nav-tabs:after,.nav-tabs:before { display: table; content: ""; line-height: 0 }
.nav-pills:after,.nav-tabs:after { clear: both }
.nav-pills>li,.nav-tabs>li { float: left }
.nav-pills>li>a,.nav-tabs>li>a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px }
.nav-tabs { border-bottom: 1px solid #ddd }
.nav-tabs>li { margin-bottom: -1px }
.nav-tabs>li>a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; border-radius: 2px 2px 0 0 }
.nav-tabs>li>a:focus,.nav-tabs>li>a:hover { border-color: #eee #eee #ddd }
.nav-tabs>.active>a,.nav-tabs>.active>a:focus,.nav-tabs>.active>a:hover { color: #555; background-color: #eee; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default }
.nav-pills>li>a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; border-radius: 2px }
.nav-pills>.active>a,.nav-pills>.active>a:focus,.nav-pills>.active>a:hover { color: #fff; background-color: #00a67c }
.nav-stacked>li { float: none }
.nav-stacked>li>a { margin-right: 0 }
.nav-tabs.nav-stacked { border-bottom: 0 }
.nav-tabs.nav-stacked>li>a { border: 1px solid #ddd; border-radius: 0 }
.nav-tabs.nav-stacked>li:first-child>a { border-top-right-radius: 4px; border-top-left-radius: 4px }
.nav-tabs.nav-stacked>li:last-child>a { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px }
.nav-tabs.nav-stacked>li>a:focus,.nav-tabs.nav-stacked>li>a:hover { border-color: #ddd; z-index: 2 }
.nav-pills.nav-stacked>li>a { margin-bottom: 3px }
.nav-pills.nav-stacked>li:last-child>a { margin-bottom: 1px }
.nav .dropdown-toggle .caret { border-top-color: #00a67c; border-bottom-color: #00a67c; margin-top: 6px }
.nav .dropdown-toggle:focus .caret,.nav .dropdown-toggle:hover .caret { border-top-color: #35d2ab; border-bottom-color: #35d2ab }
.nav-tabs .dropdown-toggle .caret { margin-top: 8px }
.nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff }
.nav-tabs .active .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555 }
.nav>.dropdown.active>a:focus,.nav>.dropdown.active>a:hover { cursor: pointer }
.nav-pills .open .dropdown-toggle,.nav-tabs .open .dropdown-toggle,.nav>li.dropdown.open.active>a:focus,.nav>li.dropdown.open.active>a:hover { color: #fff; background-color: #999; border-color: #999 }
.nav li.dropdown.open .caret,.nav li.dropdown.open a:focus .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open.active .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100) }
.tabs-stacked .open>a:focus,.tabs-stacked .open>a:hover { border-color: #999 }
.tabbable:after,.tabbable:before { display: table; content: ""; line-height: 0 }
.tabbable:after { clear: both }
.tab-content { overflow: auto }
.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs { border-bottom: 0 }
.pill-content>.pill-pane,.tab-content>.tab-pane { display: none }
.pill-content>.active,.tab-content>.active { display: block }
.tabs-below>.nav-tabs { border-top: 1px solid #ddd }
.tabs-below>.nav-tabs>li { margin-top: -1px; margin-bottom: 0 }
.tabs-below>.nav-tabs>li>a { border-radius: 0 0 4px 4px }
.tabs-below>.nav-tabs>li>a:focus,.tabs-below>.nav-tabs>li>a:hover { border-bottom-color: transparent; border-top-color: #ddd }
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:focus,.tabs-below>.nav-tabs>.active>a:hover { border-color: transparent #ddd #ddd #ddd }
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li { float: none }
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a { min-width: 74px; margin-right: 0; margin-bottom: 3px }
.tabs-left>.nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd }
.tabs-left>.nav-tabs>li>a { margin-right: -1px; border-radius: 4px 0 0 4px }
.tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover { border-color: #eee #ddd #eee #eee }
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:focus,.tabs-left>.nav-tabs .active>a:hover { border-color: #ddd transparent #ddd #ddd }
.tabs-right>.nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd }
.tabs-right>.nav-tabs>li>a { margin-left: -1px; border-radius: 0 4px 4px 0 }
.tabs-right>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:hover { border-color: #eee #eee #eee #ddd }
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:focus,.tabs-right>.nav-tabs .active>a:hover { border-color: #ddd #ddd #ddd transparent }
.nav>.disabled>a { color: #999 }
.nav>.disabled>a:focus,.nav>.disabled>a:hover { text-decoration: none; background-color: transparent; cursor: default }
.navbar { height: 52px; background-color: #4a4a4a; opacity: .9; clear: both }
.navbar:after,.navbar:before { display: table; content: ""; line-height: 0 }
.navbar:after { clear: both }
#header { background: #1abc9c; position: relative }
.container-inner { max-width: 1226px; width: 100%; margin: 0 auto; text-align: center; position: relative }
.navbar .nav { position: relative; left: 0; display: block; margin: 0 auto; font-size: 16px; max-width: 1226px }
.navbar .nav.pull-right { float: right; margin-right: 0 }
.navbar .nav>li { position: relative; float: left; margin-right: 1px; display: block; min-width: 75px; width: auto }
.navbar .nav li a { padding: 16px 20px; color: #fff }
.navbar .nav .dropdown-toggle .caret { margin-top: 8px }
.navbar .nav li a:focus,.navbar .nav li a:hover { background-color: #16a085; color: #fff }
.navbar .nav .active a,.navbar .nav .active a:focus,.navbar .nav .active a:hover { color: #fff; background-color: #16a085 }
.navbar .nav li.current-menu-item a,.navbar .nav li.current-menu-parent a,.navbar .nav li.current-post-ancestor a,.navbar .nav li.current_page_item a { color: #fff; position: relative; z-index: 2 }
.navbar .nav li:hover>ul { display: block }
.navbar .nav>li>ul>li>ul { text-align: left; position: absolute; left: 100%; min-width: 120px; z-index: 10; display: none; font-size: 12px }
.navbar .nav>li>ul>li { float: none; margin: 0; position: relative; background-color: #445552 }
.navbar .nav>li>ul>li>a,.navbar .nav>li>ul>li>ul>li>a { float: none; display: block; line-height: 30px; padding: 5px 20px 5px; color: #fff }
.navbar .nav li li.current-menu-item a,.navbar .nav>li>ul>li>a:hover { color: #fff }
.navbar .nav li li a:hover,.navbar .nav li li.current-menu-item a { background-color: #576663 }
.navbar .nav li.current-menu-item a,.navbar .nav li.current-menu-parent a,.navbar .nav li.current-post-ancestor a,.navbar .nav li.current_page_item a,.navbar .nav li:hover a { background-color: #16a085 }
.sub-menu { min-width: 130px; left: 0; max-height: 0; position: absolute; top: 100%; z-index: 0 }
.sub-menu li { min-width: 130px; visibility: hidden; opacity: 0; -webkit-transition: opacity .6s,-webkit-transform .8s; -moz-transition: opacity .6s,-moz-transform .8s; -ms-transition: opacity .6s,-ms-transform .8s; -o-transition: opacity .6s,-o-transform .8s; transition: opacity .6s,transform .8s }
.nav>li:focus .sub-menu,.nav>li:hover .sub-menu { max-height: 1000px; z-index: 10 }
.nav>li:focus .sub-menu li,.nav>li:hover .sub-menu li { visibility: visible; opacity: 1 }
.navbar .nav>li>ul>li>ul { top: 0 }
.navbar .btn-navbar { display: none; float: right; padding: 5px 8px 6px; margin-left: 5px; margin-right: 5px; margin-top: 11px; background-color: #16a085 }
.g-logo { display: block; text-align: center }
.g-logo h1, .g-logo .h1logo { display: inline-block; margin: 5px 0 !important; padding: 52px 0 10px 0; border: 0; font-size: inherit; line-height: 35px; cursor: pointer; font-family: Handlee,"华文行楷","Microsoft Yahei",arial,sans-serif; font-weight: 100; color: inherit; background: transparent }
.g-mono { letter-spacing: -2px; position: relative; color: #fff; font-size: 54px; text-shadow: 0 0 1px rgba(94,255,216,.8); margin: 0; padding: 0; z-index: 0; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -ms-transition: all .1s ease-out; transition: all .1s ease-out }
.g-bloger { position: relative; color: #fff; font-weight: 400; font-size: 24px; text-shadow: 0 0 1px rgba(94,255,216,.8); margin-left: -6px; letter-spacing: -2px; padding: 0; z-index: 2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out }
.g-logo h1:hover .g-mono, .g-logo .h1logo:hover .g-mono { letter-spacing: 5px }
.g-logo h1:hover .g-bloger, .g-logo .h1logo:hover .g-bloger { left: 26px; opacity: .2 }
.toggle-search { position: absolute; margin-top: 0; right: 0; padding: 16px 19px 16px 19px; background: #16a085; color: #fff; cursor: pointer; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out }
.toggle-search.active,.toggle-search:hover { opacity: .75 }
.search-expand { display: none; background: #16a085; position: absolute; top: 52px; right: 0; width: 360px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); box-shadow: 0 1px 0 rgba(255,255,255,.1) }
.search-expand-inner { border-bottom: 1px solid #d2d6d5; border-left: 1px solid #d2d6d5 }
.search-expand .themeform input { width: 90%; border: 0; outline: 0 }
.searchform div { position: relative }
.searchform div input { margin: 0; padding-left: 26px; line-height: 20px }
.searchform div:after { color: #ccc; line-height: 24px; font-size: 14px; content: "\f002"; position: absolute; left: 10px; top: 4px; font-family: FontAwesome }
.searchform div input.search { padding-left: 30px; height: 31px; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif }
.breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; border-radius: 2px }
.breadcrumb>li { display: inline-block; text-shadow: 0 1px 0 #fff }
.breadcrumb>li>.divider { padding: 0 5px; color: #ccc }
.breadcrumb>.active { color: #999 }
.pagination { padding: 20px 0 15px 0; background-color: #fff; text-align: center }
.pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0 }
.pagination ul>li { display: inline }
.pagination ul>li>a,.pagination ul>li>span { margin: 0 3px; float: left; padding: 4px 12px 3px; line-height: 20px; text-decoration: none; background-color: #eee; color: #666 }
.pagination ul>li>a:focus,.pagination ul>li>a:hover { background-color: #6fc299; color: #fff }
.pagination ul>.active>a,.pagination ul>.active>span { background-color: #00a67c; color: #fff }
.pagination ul>.active>a,.pagination ul>.active>span { cursor: default }
.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span,.pagination ul>li>span { color: #999; background-color: transparent; cursor: default }
.ias_trigger { padding-top: 4px }
.ias_trigger a { background-color: #11a99b; display: block; line-height: 35px; text-align: center; color: #eee }
.ias_trigger a:hover { background-color: #00a67c; color: #fff }
.pagination-loading { text-align: center; color: #666; line-height: 39px }
.commentnav { overflow: hidden; text-align: center; padding: 20px }
.commentnav .current,.commentnav .page-numbers,.commentnav a { padding: 4px 12px 3px; color: #666; display: inline-block; background-color: #eee; margin: 0 1px }
.commentnav .current { background-color: #00a67c; color: #fff }
.commentnav a:hover { background-color: #6fc299; color: #fff }
.rollto { position: fixed; right: 20px; bottom: 70px; z-index: 999; width: 32px; display: none }
.rollto .btn { margin-top: 2px; padding: 9px 10px 9px; height: 36px }
.rollto .btn i { margin-top: 0 }
.rollto .btn { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.speedbar { clear: both; color: #666; background-color: #fbfbfb; padding: 8px 20px 18px; line-height: 25px; overflow: hidden; height: 14px; margin-bottom: 10px }
.speedbar i { opacity: .5; filter: alpha(opacity=50) }
.speedbar .btn-group { float: right; margin-left: 6px }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 }
.modal-backdrop.fade { opacity: 0 }
.modal-backdrop,.modal-backdrop.fade.in { opacity: .8; filter: alpha(opacity=80) }
.modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.3); border-radius: 4px; box-shadow: 0 3px 7px rgba(0,0,0,.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: 0 }
.modal.fade { -webkit-transition: opacity .3s linear,top .3s ease-out; -moz-transition: opacity .3s linear,top .3s ease-out; transition: opacity .3s linear,top .3s ease-out; top: -25% }
.modal.fade.in { top: 10% }
.modal-header { padding: 9px 15px; border-bottom: 1px solid #eee }
.modal-header .close { margin-top: 2px }
.modal-header h3 { margin: 0; line-height: 30px }
.modal-white { border: 0; border-radius: 0; box-shadow: none }
.modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px }
.modal-form { margin-bottom: 0 }
.modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0 0 6px 6px; box-shadow: inset 0 1px 0 #fff }
.modal-footer:after,.modal-footer:before { display: table; content: ""; line-height: 0 }
.modal-footer:after { clear: both }
.modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0 }
.modal-footer .btn-group .btn+.btn { margin-left: -1px }
.modal-footer .btn-block+.btn-block { margin-left: 0 }
.tooltip { font-size: 12px; position: absolute; z-index: 1030; display: block; visibility: visible; line-height: 20px; opacity: 0; filter: alpha(opacity=0) }
.tooltip.in { opacity: .8; filter: alpha(opacity=80) }
.tooltip.top { margin-top: -3px; padding: 5px 0 }
.tooltip.right { margin-left: 3px; padding: 0 5px }
.tooltip.bottom { margin-top: 3px; padding: 5px 0 }
.tooltip.left { margin-left: -3px; padding: 0 5px }
.tooltip-inner { max-width: 200px; padding: 3px 8px 2px; color: #fff; text-align: center; text-decoration: none; background-color: #27937b; border-radius: 2px; opacity: .9; filter: alpha(opacity=90) }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #27937b; opacity: .9; filter: alpha(opacity=90) }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #27937b; opacity: .9; filter: alpha(opacity=90) }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #27937b; opacity: .9; filter: alpha(opacity=90) }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #27937b; opacity: .9; filter: alpha(opacity=90) }
.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 262px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; box-shadow: 0 5px 10px rgba(0,0,0,.2); white-space: normal }
.popover.top { margin-top: -10px }
.popover.right { margin-left: 10px }
.popover.bottom { margin-top: 10px }
.popover.left { margin-left: -10px }
.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 }
.popover-title:empty { display: none }
.popover-content { padding: 9px 14px }
.popover .arrow,.popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid }
.popover .arrow { border-width: 11px }
.popover .arrow:after { border-width: 10px; content: "" }
.popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,.25); bottom: -11px }
.popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,.25) }
.popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff }
.popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); top: -11px }
.popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25) }
.popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px }
.badge,.label { position: relative; display: inline-block; padding: 4px 6px 3px; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; background-color: #999 }
.badge { padding: 1px 4px 0 }
.badge:empty,.label:empty { display: none }
a.badge:focus,a.badge:hover,a.label:focus,a.label:hover { color: #fff; text-decoration: none; cursor: pointer }
.label-arrow { position: absolute; width: 0; height: 0; vertical-align: top; content: "" }
.label .label-arrow { top: 7px; right: -4px; border-left: 4px solid #000; border-top: 4px solid transparent; border-bottom: 4px solid transparent }
.badge-important,.label-important { background-color: #d9534f }
.badge-important .label-arrow,.label-important .label-arrow { border-left-color: #d9534f }
.badge-warning,.label-warning { background-color: #f89406 }
.badge-warning .label-arrow,.label-warning .label-arrow { border-left-color: #f89406 }
.badge-success,.label-success { background-color: #56af45 }
.badge-success .label-arrow,.label-success .label-arrow { border-left-color: #56af45 }
.badge-info,.label-info { background-color: #3a87ad }
.badge-info .label-arrow,.label-info .label-arrow { border-left-color: #3a87ad }
.badge-inverse,.label-inverse { background-color: #4a4a4a }
.badge-inverse .label-arrow,.label-inverse .label-arrow { border-left-color: #4a4a4a }
a.badge-important:hover,a.label-important:hover { background-color: #d33632 }
a.badge-info:hover .label-arrow,a.label-info:hover .label-arrow { border-left-color: #d33632 }
a.badge-warning:hover,a.label-warning:hover { background-color: #d57f05 }
a.badge-warning:hover .label-arrow,a.label-warning:hover .label-arrow { border-left-color: #d57f05 }
a.badge-success:hover,a.label-success:hover { background-color: #49953b }
a.badge-success:hover .label-arrow,a.label-success:hover .label-arrow { border-left-color: #49953b }
a.badge-info:hover,a.label-info:hover { background-color: #317292 }
a.badge-info:hover .label-arrow,a.label-info:hover .label-arrow { border-left-color: #317292 }
a.badge-inverse:hover,a.label-inverse:hover { background-color: #383838 }
a.badge-inverse:hover .label-arrow,a.label-inverse:hover .label-arrow { border-left-color: #383838 }
.btn .badge,.btn .label { position: relative; top: -1px }
.btn-mini .badge,.btn-mini .label { top: 0 }
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; transition: opacity .15s linear }
.fade.in { opacity: 1 }
.pull-right { float: right }
.pull-left { float: left }
.hide { display: none }
.show { display: block }
.invisible { visibility: hidden }
.affix { position: fixed }
.archive-header { background-color: #fbfbfb; padding: 5px 20px; margin-bottom: 1px }
.archive-header h1 { font-size: 22px; color: #7a6f6f; font-weight: 400 }
.archive-header h1 a i { padding-top: 2px; color: #f58128 }
.archive-header i { font-size: 1em }
.archive-header-info { color: #666; margin: -4px 0 0 }
.banner-your { display: block; background-color: #fbfbfb; border: 2px dashed #bbb; text-align: center; color: #aaa; line-height: 20px; font-size: 22px }
.banner-your:hover { border-color: #aaa; color: #888 }
.banner-your:active { border-color: #d9534f; color: #d9534f }
.title { position: relative; height: 45px; border-bottom: 1px solid #90bba8; margin: 5px 20px }
.title h2 { font-size: 16px; font-weight: 400; width: 100%; line-height: 45px; color: #1abc9c }
.excerpt { background-color: #fff; padding: 20px 15px 20px 20px; margin-bottom: 10px; position: relative; clear: both }
.excerpt:after,.excerpt:before { display: table; content: ""; line-height: 0 }
.excerpt:after { clear: both }
.excerpt-nothumbnail { padding-left: 20px }
.excerpt-nothumbnail:hover { padding-left: 24px }
.excerpt header { margin: 0 10px 15px 0 }
.excerpt .focus { float: left; margin: 0 20px 0 0; text-align: center; position: relative; overflow: hidden; display: table }
.excerpt .focus a { display: table-cell; vertical-align: middle }
.excerpt .focus a img { margin: 0 auto; display: block; -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform .3s linear }
.excerpt:hover .focus a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }
.excerpt p.auth-span { float: right; position: absolute; bottom: 0; right: 0 }
.excerpt header .label { margin-right: 5px; position: relative; top: -2px; padding: 2px 6px 4px }
.excerpt h2 { display: inline; font-size: 20px; margin: 0; font-weight: 400; position: relative; top: 1px; line-height: 25px }
.excerpt .note { color: #777; line-height: 24px; margin-bottom: 0 }
.excerpt .itag a { border-style: solid; border-width: 1px; border-color: #e2e2e2 #ddd #ddd #e2e2e2; display: inline-block; margin-right: 3px; border-radius: 1px; padding: 0 5px; line-height: 18px }
.article-header .cate,.article-header .muted,.excerpt .muted { margin-right: 20px }
.excerpt .muted .action,.hot-posts .muted .action { background-color: #fff !important; border: 0; padding: 0; color: #f78585 !important; font-size: 13px }
.excerpt .muted .action i,.hot-posts .muted .action i { margin-right: 1px !important }
.hot-posts .muted { margin-left: 20px }
.excerpt .muted { font-size: 13px }
.comm { position: absolute; right: 20px; top: 23px; color: #fff; background-color: #00a67c; padding: 1px 8px 0; min-width: 14px; text-align: center }
.comm i { display: inline-block; border: 5px dotted; border-color: #00a67c transparent; border-bottom-width: 0; border-left-width: 0; position: absolute; bottom: -5px; left: 50%; margin-left: -2px }
.comm:hover { color: #fff; background-color: #d9534f }
.comm:hover i { border-color: #d9534f transparent }
.banner-excerpt { margin-bottom: 5px; padding-top: 4px }
.icot { display: inline-block; margin-right: 10px; position: relative; color: #999; background-color: #eee; padding: 0 6px; height: 23px; line-height: 23px; min-width: 36px; text-align: center }
.icot i { display: inline-block; border: 5px dotted; border-color: transparent #eee; border-right-width: 0; position: absolute; top: 50%; margin-top: -5px; right: -5px }
.aside-tit { clear: both; border-bottom: 1px solid #bdd2df; padding-bottom: 5px; margin-bottom: 10px; color: #333 }
.aside-tit span { font-weight: 400; float: right }
.aside-tit a { margin-left: 8px }
.base-tit { clear: both; font-size: 15px; border-bottom: solid 1px #e6e6e6; background-color: #fbfbfb; padding: 11px 20px 9px; margin: -20px -20px 20px }
.base-tit:after,.base-tit:before { display: table; content: ""; line-height: 0 }
.base-tit:after { clear: both }
.base-tit span { float: right; color: #390; font-weight: 400 }
.base-tit b { color: #d9534f }
.queryinfo { padding-bottom: 6px }
.bds_tools a { padding-left: 0 }
.banner,banner-related { overflow: hidden; clear: both; background-color: #fff; text-align: center }
.banner-post { line-height: 1px; padding-top: 10px; background-color: #fff }
.banner-navbar,.banner-site { margin-bottom: 10px; background: 0 }
.banner-sticky { margin-bottom: 10px; line-height: 1px }
.banner-contenttop { margin-bottom: 1px }
.banner img { display: block }
.page .article-header { padding: 8px 20px }
.breadcrumbs { margin: 0 0 1px; padding: 9px 20px 7px; background-color: #f7f7f7 }
.breadcrumbs small { font-size: 12px; color: #bbb; margin: 0 2px; font-weight: 700 }
.article-author,.article-footer { padding: 15px 20px; overflow: hidden }
.article-header { padding: 2px 20px 12px; background-color: #fff; border-bottom: 1px solid #eee }
.article-title a { color: #444; font-weight: 400; font-size: 24px; line-height: 60px }
.article-content { font-size: 15px; line-height: 26px; word-break: break-all; word-wrap: break-word; position: relative; padding: 10px 20px 20px 20px; background-color: #fff }
.article-content h2 { font-size: 18px; font-weight: 700; margin: 20px -20px 20px -24px; padding: 10px 20px 9px 10px; line-height: 18px; border-left: 4px solid #00a67c; background-color: #fbfbfb }
.article-content h3 { font-size: 16px; font-weight: 700 }
.article-content h4 { font-size: 15px; font-weight: 700 }
.article-content p { margin: 0 0 15px 0 }
.article-content ol,.article-content ul { margin: 8px 0 8px 30px }
.article-content li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; content: "\f192"; width: 20px; height: 0; line-height: 30px; font-size: 12px; color: #bbb }
.article-content li { text-indent: 0; line-height: 30px }
.article-content table { border-top: solid 1px #ddd; border-left: solid 1px #ddd; width: 100%; margin-bottom: 16px; text-indent: 0 }
.article-content table th { background-color: #f9f9f9; text-align: center }
.article-content table td,.article-content table th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }
.article-content .alignleft { float: left; text-align: left; margin-right: 10px }
.article-content .aligncenter { margin: 0 auto; text-align: center; display: block }
.article-content .alignright { float: right; text-align: right; margin-left: 10px }
.article-content a { color: #00a67c }
.article-content a:hover { color: #d9534f }
.article-content a.dl { border: 2px solid #fff; border-radius: 2px; margin: 10px 5px 20px 25px; box-shadow: 0 0 0 1px #EEE; color: #fff; display: inline-block; text-align: center; padding: 8px 16px; cursor: pointer; vertical-align: text-bottom; background: #5fbaac; text-indent: 0 }
.article-content a.dl i { margin-right: 10px; vertical-align: inherit }
.article-content a.dl:hover { background: #f78585 }
.article-content img { margin: 0 auto; display: block }
.article-footer { background-color: #fff; 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: .7; 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 }
.tag-clouds { overflow: hidden }
.tag-clouds li { float: left; width: 25%; margin-bottom: 12px; padding-bottom: 2px; height: 30px; border-bottom: 1px dotted #ddd; overflow: hidden }
.tag-clouds strong { color: #666; margin-left: 2px; margin-bottom: 10px; display: inline-block }
.article-info-text { margin-top: 15px; font-size: 14px }
.article-content blockquote { margin: 15px auto; border: 1px solid #d6e9c6; border-left-width: 3px; padding: 5px 15px 10px; background-color: #fafcf9; font-size: 14px }
.article-content blockquote:before { position: absolute; left: 0; padding-left: 36px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; color: #c4c4c4; text-indent: 0; margin-top: 10px; content: "\f10d" }
.article-content blockquote p { margin: 6px 0 5px 0; padding: 0; font-size: 14px }
.article-content blockquote li { margin-bottom: 5px; line-height: 25px }
.article-nav { border-top: 1px solid #f2f2f2; background-color: #fbfbfb; overflow: hidden; padding: 15px 20px; font-size: 15px; color: #bbb }
.article-nav span { float: left; position: relative; max-width: 50% }
.article-nav span.article-nav-next { float: right; text-align: right }
.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 }
.rowpage { position: relative; background-color: #fff; padding: 0 20px }
.rowpage-header { border-bottom: 1px solid #e2ee; line-height: 16px; height: 31px; padding: 8px 20px; margin: 0 -20px 20px; background-color: #fbfbfb }
.rowpage-header .share { margin: 3px 0 0 }
.link-content { padding: 20px 0 }
.link-content li { float: left; text-align: center; width: 100px; font-size: 12px; margin-bottom: 10px }
.link-content li img,.readers a img { border-radius: 100%; margin-bottom: 5px; transition: .5s; -webkit-transtion: .5s }
.link-content li span,.readers a span { display: block }
.link-content li:hover img,.readers a:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg) }
.readers { padding: 20px 0 }
.readers a { margin: 0 0 15px 0; width: 100px; display: inline-block; font-size: 12px; text-align: center }
.tagcloud { padding: 10px 10px 10px 15px }
.tagcloud a { margin: 0 5px 5px 0; display: inline-block }
.archives .item { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #eee }
.archives h3 { float: left; margin-bottom: 10px; font-size: 20px; font-weight: 400; color: #f15a23; line-height: 20px; margin-top: 0 }
.archives-list { padding-left: 20px; margin: 0 0 20px 140px }
.archives-list li { list-style: disc; margin-left: 20px; margin-bottom: 4px }
.archives-list time { width: 40px; display: inline-block }
.archives-list span { font-size: 12px; display: inline-block; margin-left: 10px }
.meta-tit { border-bottom: solid 1px #e6e6e6; padding: 0 0 10px; margin-bottom: 20px }
.widget { clear: both; margin-bottom: 10px; background-color: #fff }
.widget h2 .btn { position: absolute; top: 15px; right: 10px; font-weight: 400; padding: 1px 5px 1px; color: #fff; background-color: #5fbaac; font-size: 13px }
.widget-notip { line-height: 20px; color: #666; border-top-color: red }
.widget ul:after,.widget ul:before { display: table; content: ""; line-height: 0 }
.widget ul:after { clear: both }
.widget-notip h3 { margin-bottom: 13px }
.lotus_hotpost_txt li,.widget_recent_entries li,.widget_rss li,.widget_views li { border-bottom: solid 1px #eee; padding: 8px 15px }
.widget_links ul { padding: 5px 0 15px 12px }
.widget_links li { width: 50%; float: left }
.widget_links li a { background-color: #fff; padding: 5px 8px; display: inline-block; width: 136px }
.widget_pages ul { padding: 10px 15px 5px; overflow: hidden }
.widget_pages li { float: left; width: 50%; margin-bottom: 5px }
.widget_recent_entries span { display: block; font-size: 12px; color: #999; margin-top: 2px }
.lotus_banner img { display: block }
.lotus_banner_inner { line-height: 1px; position: relative; overflow: hidden }
.lotus_reader ul { padding: 15px 0 9px 16px }
.lotus_reader li { width: 40px; height: 40px; float: left; margin: 0 0 6px 6px }
.lotus_reader li a { display: block }
.lotus_reader li a,.lotus_reader li a:hover { color: #fff }
.lotus_reader li:hover { z-index: 20 }
.lotus_reader li:hover .avatar-popup { display: block }
.lotus_banner .sell { display: block; border: solid 1px #d6d6d6; color: #999; text-align: center; height: 123px; line-height: 123px; font-weight: 700 }
.lotus_banner .sell:hover { border-color: #bbb; color: #777 }
.lotus_comment ul { padding-bottom: 20px }
.lotus_comment ul a { display: block; overflow: hidden; position: relative; padding: 0 20px }
.lotus_comment .avatar { float: left; width: 48px; margin: 18px 12px 0 0; border-radius: 2px }
.lotus_comment div.muted { border-radius: 3px; margin-top: 15px; position: relative; min-height: 40px; background: #fbfdfb; border: 1px #eee solid; padding: 8px; width: 240px; font-size: 14px; float: right }
.lotus_comment div.muted i { color: #00a67c; font-style: normal }
.c-main:before,.lotus_comment div.muted: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 }
.c-main:after,.lotus_comment div.muted: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 }
.widget_calendar { overflow: hidden }
#calendar_wrap { margin: 0 15px 10px }
.widget_calendar table { width: 100%; text-align: center }
.widget_calendar table caption { padding: 10px 0 5px; 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 }
.widget_calendar table tbody td a { display: block; margin: 0 3px; background-color: #00a67c; color: #fff }
.widget_calendar table tbody td a:hover { background-color: #35d2ab }
.widget_categories ul { overflow: hidden; padding: 10px 0 5px; color: #bbb }
.widget_categories li { float: left; width: 50%; margin-bottom: 5px }
.widget_categories li a { margin-left: 15px }
.widget_categories li ul { padding: 0 0 0 15px }
.widget_categories li li { float: none; width: auto }
.widget_nav_menu ul { padding: 10px 15px 5px; color: #999 }
.widget_nav_menu ul li { margin-bottom: 8px }
.widget_rss ul { color: #999 }
.lotus_textbanner a { display: block; background-color: #fff }
.lotus_textbanner a h3 { font-size: 18px; padding: 0 20px 0; font-weight: 400 }
.lotus_textbanner a p { color: #999; margin-bottom: 0; padding: 0 20px 15px }
.lotus_textbanner a.style01,.lotus_textbanner a.style01 h2 { color: #428bca }
.lotus_textbanner a.style01:hover { border-color: #428bca; color: #357ebd }
.lotus_textbanner a.style02,.lotus_textbanner a.style02 h2 { color: #d9534f }
.lotus_textbanner a.style02:hover { border-color: #d9534f; color: #d33632 }
.lotus_textbanner a.style03,.lotus_textbanner a.style03 h2 { color: #5cb85c }
.lotus_textbanner a.style03:hover { border-color: #5cb85c; color: #4cae4c }
.lotus_textbanner a.style04,.lotus_textbanner a.style04 h2 { color: #c35bff }
.lotus_textbanner a.style04:hover { border-color: #c35bff; color: #b433ff }
.lotus_textbanner a.style05,.lotus_textbanner a.style05 h2 { color: #33bbba }
.lotus_textbanner a.style05:hover { border-color: #33bbba; color: #00aba9 }
.lotus_rec .aclass01 { font-size: 19px; height: 38.4px; line-height: 38.4px; width: inherit; text-decoration: none !important; font-family: 微软雅黑,"Microsoft YaHei"; padding: 0 30.72px; color: #FFF; width: 84%; vertical-align: middle; font-weight: 300; text-align: center; display: inline-block; text-decoration-line: none; background: none repeat scroll 0 0 #000 }
.lotus_rec .aclass01:hover { transition-duration: .3s; background: none repeat scroll 0 0 #555 }
.lotus_rec .aclass02 { font-size: 19px; height: 38.4px; line-height: 38.4px; width: inherit; text-decoration: none !important; font-family: 微软雅黑,"Microsoft YaHei"; padding: 0 30.72px; color: #FFF; width: 84%; vertical-align: middle; font-weight: 300; text-align: center; display: inline-block; text-decoration-line: none; background: none repeat scroll 0 0 #428bca }
.lotus_rec .aclass02:hover { transition-duration: .3s; background: none repeat scroll 0 0 #61b3e6 }
.lotus_rec .aclass03 { font-size: 19px; height: 38.4px; line-height: 38.4px; width: inherit; text-decoration: none !important; font-family: 微软雅黑,"Microsoft YaHei"; padding: 0 30.72px; color: #FFF; width: 84%; vertical-align: middle; font-weight: 300; text-align: center; display: inline-block; text-decoration-line: none; background: none repeat scroll 0 0 #d9534f }
.lotus_rec .aclass03:hover { transition-duration: .3s; background: none repeat scroll 0 0 #c31e31 }
.lotus_rec .aclass04 { font-size: 19px; height: 38.4px; line-height: 38.4px; width: inherit; text-decoration: none !important; font-family: 微软雅黑,"Microsoft YaHei"; padding: 0 30.72px; color: #FFF; width: 84%; vertical-align: middle; font-weight: 300; text-align: center; display: inline-block; text-decoration-line: none; background: none repeat scroll 0 0 #f0ad4e }
.lotus_rec .aclass04:hover { transition-duration: .3s; background: none repeat scroll 0 0 #e7ba2e }
.lotus_rec .aclass05 { font-size: 19px; height: 38.4px; line-height: 38.4px; width: inherit; text-decoration: none !important; font-family: 微软雅黑,"Microsoft YaHei"; padding: 0 30.72px; color: #FFF; width: 84%; vertical-align: middle; font-weight: 300; text-align: center; display: inline-block; text-decoration-line: none; background: none repeat scroll 0 0 #7db500 }
.lotus_rec .aclass05:hover { transition-duration: .3s; background: none repeat scroll 0 0 #8fcf00 }
.lotus_tags { padding: 12px 10px 15px 20px }
.lotus_tags a:nth-child(9n) { background-color: #4a4a4a }
.lotus_tags a:nth-child(9n+1) { background-color: #15a287 }
.lotus_tags a:nth-child(9n+2) { background-color: #5cb85c }
.lotus_tags a:nth-child(9n+3) { background-color: #d9534f }
.lotus_tags a:nth-child(9n+4) { background-color: #567e95 }
.lotus_tags a:nth-child(9n+5) { background-color: #b433ff }
.lotus_tags a:nth-child(9n+6) { background-color: #00a67c }
.lotus_tags a:nth-child(9n+7) { background-color: #b37333 }
.lotus_tags a:nth-child(9n+8) { background-color: #f60 }
.lotus_tags a { width: 44%; opacity: .7; filter: alpha(opacity=80); color: #fff; background-color: #00a67c; display: inline-block; margin: 0 5px 5px 0; padding: 2px 6px; line-height: 21px }
.lotus_tags a:hover { opacity: 1; filter: alpha(opacity=100) }
.lotus_postlist ul { padding: 0 20px 20px }
.lotus_postlist li a { padding: 5px 0 15px 90px; border-bottom: solid 1px #eee; overflow: hidden; position: relative; display: block; font-size: 14px }
.lotus_postlist li a:hover { color: #d9534f }
.lotus_postlist .text { line-height: 25px; overflow: hidden; margin: 5px 0 0 20px; display: block; height: 50px }
.lotus_postlist .thumbnail { float: left; margin-left: -90px; margin-top: 10px }
.lotus_postlist .thumbnail img { max-width: 100px; max-height: 64px; display: block; margin: 0 auto }
.lotus_postlist .muted { padding-left: 10px }
.lotus_postlist .nopic li a { padding: 8px 15px }
.lotus_postlist .nopic .text { margin-top: 0 }
.widget_meta { margin: 0 0 10px }
.widget_meta ul { line-height: 24px; padding: 0 20px 10px }
.widget_meta ul li { margin-bottom: 5px }
.widget_archive ul { padding: 10px 20px 5px; overflow: hidden; color: #999 }
.widget_archive li { width: 50%; float: left; margin-bottom: 5px }
.widget_archive select,.widget_categories select { margin-top: 10px; width: 91%; margin-left: 15px; height: 32px; line-height: 32px; padding: 2px }
#postcomments { position: relative; background-color: #fff }
#respond { position: relative; background-color: #fff }
#respond .base-tit { display: none }
.comment #respond { margin: 10px 0 0; padding: 0; border: 1px solid #ddd }
.commentnew { background-color: #dff0d8 }
.commentnew .c-main { margin-bottom: 5px }
.comment { padding: 12px 0 10px 0 }
.commentlist { padding: 12px 20px 0 20px }
.c-avatar .avatar { position: absolute; width: 54px; height: 54px; border-radius: 2px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out }
.c-main { word-wrap: break-word; word-break: break-all; padding: 10px 15px; line-height: 25px; margin-top: -2px; margin-left: 72px; border-radius: 3px; position: relative; background: #fbfdfb; border: 1px #eee solid; font-size: 15px }
.c-meta { color: #bbb; font-size: 14px }
.c-author { margin-right: 10px }
.comment-reply-link { margin-left: 6px; color: #00a67c }
.comment-reply-link:hover { color: #d9534f }
.children .comment { padding: 12px 0 0 10px; margin: 10px 0 0 60px }
.children .c-main p { margin-right: 0 }
.children .c-meta { padding-top: 1px }
.c-floor { float: right; font-size: 18px; color: #ddd }
.comment:hover .c-floor { color: #999 }
.c-approved { border-radius: 2px; background-color: #fbfbfb; border: 1px solid #ccc; color: #999; display: inline-block; padding: 1px 5px; margin-top: 4px }
.wp-smiley { margin: 0 !important; display: inline-block !important }
#comments { font-size: 15px; padding: 12px 20px; line-height: 14px; color: #5fbaac; font-weight: 400; border-bottom: 1px solid #dbece8 }
#comments b { font-weight: 400; font-size: 13px }
#commentform { margin-bottom: 0 }
.comt-title { overflow: hidden; padding: 12px 20px; background-color: #f7f7f7 }
.comt-count { float: right; color: #999; margin-bottom: 5px }
.comt { padding: 20px 20px 5px 20px; position: relative }
.comt-avatar { height: 28px !important; width: 28px }
.comt-avatar img { border-radius: 2px; opacity: .9; height: 28px !important; width: 28px !important }
.comt-author { margin: 5px 10px 0 10px; font-size: 16px; color: #666 }
.comt-author span { color: #bbb; margin-left: 10px }
.comt-box { overflow: hidden }
.comt-area { margin-bottom: 5px }
.comt-ctrl { position: relative; overflow: hidden }
.comt-addcode,.comt-addsmilies { float: left; color: #999; padding: 0 10px 0 10px }
.comt-addcode:hover,.comt-addsmilies:hover { color: #666 }
.comt-mailme { display: none }
.comt-smilie { cursor: pointer; margin-top: 2px; display: inline-block }
.comt-smilie:hover { color: #666 }
#comment-smilies { background-color: #eee; padding: 3px 5px; float: left; position: relative; line-height: 0 }
#comment-smilies img { display: inline-block; padding: 3px; cursor: pointer }
#comment-smilies::after { position: absolute; top: -5px; left: 20px; width: 0; height: 0; vertical-align: top; border-bottom: 5px solid #eee; border-right: 5px solid transparent; border-left: 5px solid transparent; content: "" }
.btn-primary i,.comt-smilie i { vertical-align: middle }
.btn-primary,.comt-smilie { font-size: 15px; height: 36px !important }
.comt-ctrl .popover { width: 219px }
.comt-ctrl .popover-content { padding: 2px 0 2px 1px }
.comt-ctrl .popover-content a { margin: -1px -1px 0 0; float: left; width: 16px; height: 16px; padding: 5px; line-height: 0; border: solid 1px #eee }
.comt-ctrl .popover-content a img { display: block }
.comt-ctrl label { margin: 0 5px }
.comt-ctrl label input { margin-right: 4px }
.comt-tips { text-align: right; line-height: 30px; margin-right: 10px; color: #999 }
.comt-error { color: #d9534f }
#loading { padding: 5px 0 }
#loading img { margin-right: 5px; vertical-align: middle }
#error { padding: 5px 0; color: #c00 }
.ajax-notice { color: #f60; font-size: 12px }
.comt-submit { position: absolute; right: -1px; top: -1px; border: solid 1px #ddd; padding: 0 30px; height: 34px; width: 120px; cursor: pointer; font-weight: 700; color: #666; border-radius: 0 0 3px 0; background-image: -webkit-linear-gradient(#fbfbfb,#f6f6f6); text-shadow: 0 -1px 0 #fff }
.comt-submit:hover { color: #444; border-color: #d6d6d6; background-image: -webkit-linear-gradient(#f6f6f6,#eee) }
.comt-submit:active { border-color: #c6c6c6; box-shadow: inset 0 2px 2px #e6e6e6 }
.comt-comterinfo { padding: 20px 0 0 210px; color: #444; display: none }
.comt-comterinfo h4 { float: left; width: 190px; line-height: 100px; margin-left: -210px; text-align: right }
.comt-comterinfo ul { border-left: dotted 1px #ccc; padding-left: 30px }
.comt-comterinfo li { margin-bottom: 10px }
.comt-comterinfo input { margin-right: 10px; position: relative }
#cancel-comment-reply-link { display: none; color: #bbb; margin: -12px -20px; line-height: 28px; font-size: 14px; padding: 12px 20px }
#cancel-comment-reply-link:hover { background-color: #999; color: #fff }
.comment #cancel-comment-reply-link { display: block }
.related_posts { overflow: hidden; background-color: #fff; padding: 20px 10px 0 10px; margin: 10px 0 10px 0 }
.related_posts a:hover { color: #d9534f }
.related_img { width: 100%; overflow: hidden; text-align: center }
.related_box { float: left; overflow: hidden; width: 25%; padding-bottom: 15px }
.related_box .r_title { line-height: 25px; height: 50px; font-size: 14px; overflow: hidden; float: left; padding: 10px 10px 0 10px; text-align: left }
.article-social { margin-bottom: 30px; padding-top: 40px; text-align: center; text-indent: 0 }
.article-social a { border-bottom: 1px solid #d6d6d6; text-indent: 0 }
.article-social a:hover { background: #f17067; border-bottom: 1px solid #d6d6d6 }
#Addlike { background-color: #f78585; color: #fff }
#Addlike:hover { background-color: #f17067 }
.action { cursor: pointer; position: relative; padding: 8px 40px; display: inline-block; border: 1px solid #d6d6d6; border-radius: 2px; background-color: #5fcec0; font-size: 15px; margin: 0 3px; color: #fff }
.action:hover { background-color: #3bbfaf; border-bottom: 1px solid #d6d6d6 }
.action i,bdsharebuttonbox i { margin-right: 5px; font-size: 1.1em }
.action.actived { border-color: #ff9790; color: #fff; background-color: #f17067 !important }
.action .action-popover { position: absolute; width: 249px; padding: 5px 0 2px; top: -45px; left: 50%; margin-left: -125px; display: none; height: 46px }
.action .popover-content { padding: 6px 3px 5px 8px }
.action:hover .action-popover { display: block }
.action .popover { display: block; border-radius: 4px }
.article-social .or { background: #fff; color: #455670; display: inline-block; padding: 5px 12px; font-size: .8725em; position: absolute; z-index: 2; margin: 4px 0 0 -19px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px }
@-ms-viewport { width: device-width }
.article-content pre { background-color: #f8f8f8; border: 1px solid #eee; overflow: hidden; padding: 8px; font-size: 14px }
.navbar .screen-mini { display: none }
@media(max-width: 979px) {
  .toggle-search { padding: 16px 20px 16px 20px }
  .g-mono { font-size: 42px !important }
  .navbar { background-color: transparent; height: auto }
  .navbar .screen-mini { display: block; float: left }
  .navbar .screen-mini .btn { background-color: #4a4a4a; padding: 16px 22px }
  .navbar .screen-mini .btn.active,.navbar .screen-mini .btn:hover { background-color: #404040 }
  .navbar .screen-mini .btn i { margin-top: 2px }
  .navbar .nav { float: none; padding: 0; background-color: #eee; margin-right: 0; display: none }
  .navbar .nav>li { float: none; margin-right: 0; font-weight: 700 }
  .navbar .nav>li>a { padding: 10px 20px 9px; border-bottom: 1px solid #ddd; color: #444 }
  .navbar .nav li a:hover { background-color: #fff; color: #444 }
  .navbar .nav ul { display: block }
  .navbar .nav>li>ul { position: relative; display: block; top: 0; left: 0; padding-bottom: 0; font-weight: 400 }
  .navbar .nav>li>ul>li>ul { position: relative; display: block; top: 0; left: 0; padding-bottom: 0 }
  .navbar .nav>li>ul>li { float: none; margin: 0; position: relative; border-bottom: 1px solid #ddd }
  .navbar .nav>li>ul>li>a,.navbar .nav>li>ul>li>ul>li>a { float: none; display: block; padding: 10px 20px 9px 50px; color: #444 }
  .navbar .nav>li>ul>li>ul>li>a { padding-left: 80px }
  .navbar .nav li li.current-menu-item a,.navbar .nav>li>ul>li>a:hover { color: #444 }
  .navbar .nav li li a:hover,.navbar .nav li li.current-menu-item a { background-color: #fff }
  .navbar .nav li ul,.navbar .nav li.current-menu-item a,.navbar .nav li.current-menu-parent a,.navbar .nav li.current-post-ancestor a,.navbar .nav li.current_page_item a,.navbar .nav li:hover a { background-color: #eee; color: #444; display: block }
  .g-bloger,.screen-search,.speedbar { display: none }
  .sidebar { display: none }
  .content { margin-right: 0 }
  .header { margin-bottom: 1px }
  .footer-inner { border-left: 0 }
  .share { display: none }
  .navbar .menu { float: none; margin: 0 20px 10px; text-align: center }
  .navbar .menu .btn-group { float: none; display: inline-block; margin-top: -24px }
  .tag-clouds li { width: 50% }
  .navbar .btn.screen-nav { padding: 11px 20px; height: auto; position: absolute; top: 0; left: 0; background-color: transparent }
  .navbar .btn.screen-nav:hover { background-color: transparent }
  .row-fluid { width: 100% }
  .row-fluid:after,.row-fluid:before { display: table; content: ""; line-height: 0 }
  .row-fluid:after { clear: both }
  .row-fluid [class*=span] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 1.2987012987012987% }
  .row-fluid [class*=span]:first-child { margin-left: 0 }
  .row-fluid .controls-row [class*=span]+[class*=span] { margin-left: 1.2987012987012987% }
  .row-fluid .span12 { width: 100% }
  .row-fluid .span11 { width: 91.55844155844156% }
  .row-fluid .span10 { width: 83.1168831168831% }
  .row-fluid .span9 { width: 74.67532467532467% }
  .row-fluid .span8 { width: 66.23376623376623% }
  .row-fluid .span7 { width: 57.79220779220779% }
  .row-fluid .span6 { width: 49.35064935064935% }
  .row-fluid .span5 { width: 40.90909090909091% }
  .row-fluid .span4 { width: 32.467532467532465% }
  .row-fluid .span3 { width: 24.025974025974023% }
  .row-fluid .span2 { width: 15.584415584415584% }
  .row-fluid .span1 { width: 7.142857142857142% }
  .row-fluid .offset12 { margin-left: 102.59740259740259% }
  .row-fluid .offset12:first-child { margin-left: 101.2987012987013% }
  .row-fluid .offset11 { margin-left: 94.15584415584415% }
  .row-fluid .offset11:first-child { margin-left: 92.85714285714286% }
  .row-fluid .offset10 { margin-left: 85.7142857142857% }
  .row-fluid .offset10:first-child { margin-left: 84.4155844155844% }
  .row-fluid .offset9 { margin-left: 77.27272727272727% }
  .row-fluid .offset9:first-child { margin-left: 75.97402597402598% }
  .row-fluid .offset8 { margin-left: 68.83116883116882% }
  .row-fluid .offset8:first-child { margin-left: 67.53246753246754% }
  .row-fluid .offset7 { margin-left: 60.38961038961039% }
  .row-fluid .offset7:first-child { margin-left: 59.090909090909086% }
  .row-fluid .offset6 { margin-left: 51.94805194805195% }
  .row-fluid .offset6:first-child { margin-left: 50.649350649350644% }
  .row-fluid .offset5 { margin-left: 43.506493506493506% }
  .row-fluid .offset5:first-child { margin-left: 42.2077922077922% }
  .row-fluid .offset4 { margin-left: 35.064935064935064% }
  .row-fluid .offset4:first-child { margin-left: 33.76623376623376% }
  .row-fluid .offset3 { margin-left: 26.623376623376622% }
  .row-fluid .offset3:first-child { margin-left: 25.324675324675322% }
  .row-fluid .offset2 { margin-left: 18.18181818181818% }
  .row-fluid .offset2:first-child { margin-left: 16.883116883116884% }
  .row-fluid .offset1 { margin-left: 9.74025974025974% }
  .row-fluid .offset1:first-child { margin-left: 8.441558441558442% }
}
@media(max-width: 767px) {
  .article-title a { font-size: 17px; line-height: 25px }
  .pagecontent { margin-left: 0 }
  .archive-header-info,.comt-comterinfo ul .help-inline,.page-sidebar,.pagesidebar,.relates li img,.speedbar { display: none }
  .header { position: relative }
  .relates li { float: none; width: 100% }
  .relates a { height: auto; text-align: left; line-height: 14px; border-left: 0 }
  .archives h3,.article-footer .share { float: none; clear: both }
  .archives-list,.comt-comterinfo,.content-page { padding-left: 0 }
  .comt-comterinfo h4 { float: none; width: 100%; margin-left: 0; line-height: 20px; text-align: left }
  .comt-comterinfo ul { padding-left: 0; border-left: 0 }
  .comt-comterinfo ul input { margin-right: 0; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 30px }
  .rollto { bottom: 2px; right: 4px }
  .plinks ul li { width: 33.3333333% }
  .excerpt,.excerpt:hover { padding: 10px 15px 10px 15px }
  .excerpt-nothumbnail,.excerpt-nothumbnail:hover { padding: 10px 20px }
  .excerpt .focus { width: 100px; height: 68px; margin: 0 10px 0 0; float: left; display: inline }
  .excerpt .focus a { width: 100px; height: 68px }
  .excerpt .focus a img { max-width: 100px; max-height: 68px }
  .excerpt header h2 { font-size: 16px; line-height: 20px; display: block }
  .excerpt header .label,.excerpt p.auth-span { display: none }
  .excerpt header { margin-bottom: 5px; margin-right: 0 }
  .excerpt span.note { display: block; height: 60px; padding-top: 3px; overflow: hidden; line-height: 20px }
  .banner { display: none }
}
@media(max-width: 334px) {
  .g-mono { font-size: 32px !important }
  .article-title a { line-height: 25px }
  .article-header .muted { margin-right: 6px }
  .excerpt header h2 { display: block; font-size: 16px }
  .muted i { margin-top: -1px }
  .hot-posts .muted { margin-left: 5px }
  #go-comment,#mute-category,.banner,.navbar .menu .btn-group,.post-comments { display: none }
  .related_box { width: 50% }
  .related_box img { width: 90% }
  .action { padding: 6px 20px }
  .c-avatar .avatar { width: 24px; height: 24px }
  .children .comment { margin: 10px 0 0 10px }
  .c-main { padding: 5px 5px; line-height: 20px; margin-left: 35px; font-size: 12px }
  .c-main:before,.lotus_comment div.muted:before { top: 5px }
  .c-main:after,.lotus_comment div.muted:after { top: 7px }
  .url { font-size: 12px }
}
.hm-t-footer a { display: none }
#foot { display: none }
.tui { display: none }
.lotus_subscribe form { margin: 0; padding: 10px 20px 10px }
.lotus_subscribe p { color: #666; font-size: 13px; height: 20px }
.lotus_subscribe .rsstxt { float: left; padding: 1px 8px; width: 220px; height: 30px; border: 0; background: #f7f7f7; outline: 0 }
.lotus_subscribe .rsstxt:hover,.widget_newsletter .rsstxt:focus { outline: 0 }
.lotus_subscribe .rssbutton { width: 84px; height: 32px; border: 0; background: #1abc9c; color: #fff; letter-spacing: 2px; font-size: 15px; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif !important }
.lotus_subscribe .rssbutton:hover { background-color: #16a085 }
#wowslider-container1 { zoom: 1; position: relative; width: 100%; max-width: 716px; float: right; margin: 0 0 10px 0; z-index: 90; aspect-ratio: 716 / 297 }
* html #wowslider-container1 { width: 716px }
#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0 !important; margin: 0 !important }
#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
#wowslider-container1 .ws_images ul,
#wowslider-container1 .ws_images ul li { height: 100% }
#wowslider-container1 .ws_images img { width: 100%; height: 100%; object-fit: cover; border: none 0; max-width: none; padding: 0; margin: 0 }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }
#wowslider-container1 img { max-width: none !important }
#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }
#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-image: url(img/arrows.png); background-size: 200% }
#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em }
#wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 }
#wowslider-container1 a.ws_next:hover { background-position: 100% 100% }
#wowslider-container1 a.ws_prev:hover { background-position: 0 100% }
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev { display: block }
#wowslider-container1:hover a.ws_next,#wowslider-container1:hover a.ws_prev { display: block }
#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }
#wowslider-container1:hover .ws_playpause { display: block }
#wowslider-container1 .ws_pause { background-image: url(img/pause.png) }
#wowslider-container1 .ws_play { background-image: url(img/play.png) }
#wowslider-container1 .ws_pause:hover,#wowslider-container1 .ws_play:hover { background-position: 100% 100% !important }
#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,.4); color: #e7ffff; z-index: 50; font-weight: 700; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }
#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: 400; text-transform: none; color: #fff }
#wowslider-container1 .ws-title span { font-size: 2.4em }
#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -19.51%; top: 0; width: 18.72%; height: 100% }
#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% }
#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin-bottom: 4.5%; text-indent: 0; padding: 2.99%; width: 89.54%; background-color: #fff }
#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }
#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }
#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }
#wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #bce0dd }
#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }
@keyframes wsBasic {
  0% { left: 0 }
  12.5% { left: 0 }
  25% { left: -100% }
  37.5% { left: -100% }
  50% { left: -200% }
  62.5% { left: -200% }
  75% { left: -300% }
  87.5% { left: -300% }
}
@-moz-keyframes wsBasic {
  0% { left: 0 }
  12.5% { left: 0 }
  25% { left: -100% }
  37.5% { left: -100% }
  50% { left: -200% }
  62.5% { left: -200% }
  75% { left: -300% }
  87.5% { left: -300% }
}
@-webkit-keyframes wsBasic {
  0% { left: 0 }
  12.5% { left: 0 }
  25% { left: -100% }
  37.5% { left: -100% }
  50% { left: -200% }
  62.5% { left: -200% }
  75% { left: -300% }
  87.5% { left: -300% }
}
@media screen and (max-width: 1100px) {
  #wowslider-container1 { float: none; margin: 0 auto 10px }
  #wowslider-container1 .ws_thumbs { display: none }
}
.footer { -webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1); box-shadow: 0 -8px 0 rgba(0,0,0,.1); position: relative }
.social { height: 45px; padding: 10px 6px; background-color: #fff }
.social i { font-size: 2.5em; width: 45px; height: 38px; padding-top: 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 -1px 0 #3333sf }
.sinaweibo { background: #f78585 }
.tencentweibo { background: #27ccc0 }
.qq { background: #e74c3c }
.baidu { background: #5b7aa7 }
.email { background: #eca3ac }
.pay { cursor: pointer; background: #f60 }
.repo { background: #81c1f2 }
.weixins { cursor: pointer; background: #6fc299 }
.weixin-popover { position: absolute; width: 256px; padding: 5px 0 2px; top: 45px; left: 50%; margin-left: -125px; display: none; height: 256px }
.weixin:hover .weixin-popover { display: block }
.weixin .popover { display: block; border-radius: 4px; color: #777 }
.social .rss { background: #ff7c49 }
.social a { float: left; width: 45px; height: 45px; margin-right: 6.5px; margin-left: 6.5px; position: relative; color: #fff }
.social a:hover i { background-color: #7fb4ab }
.open-message { margin-bottom: 10px; padding: 5px 10px; border-radius: 2px; background-color: #fcf8e3; border: 1px solid #faebcc; color: #8a6d3b }
.open-message i { text-indent: -20px }
.hot-posts { clear: both; background-color: #fff }
.hot-posts a { font-size: 14px }
.hot-posts h2 { line-height: 45px; font-weight: 400; color: #1abc9c; font-size: 16px }
.hot-posts ul { margin: 0 20px 10px; padding: 15px 0 10px; list-style: none; overflow: hidden }
.hot-posts li { overflow: hidden; clear: both }
.hot-posts p { float: right; font-size: 14px; color: #777; font-size: 13px }
.hot-posts .label { margin-right: 8px; padding: 2px 7px; top: -1px }
.label-1 { background-color: #fd8c84 }
.label-2 { background-color: #6fc299 }
.label-3 { background-color: #81c1f2 }
.fenye { text-indent: 0; text-align: center; margin: 20px auto 10px; font-weight: 700 }
.fenye span { text-indent: 0; border-radius: 2px; border: 1px solid #f6ebeb; padding: 4px 12px 3px; color: #fff; display: inline-block; background-color: #5fbaac; margin: 0 1px }
.fenye a span { font-weight: 400; background-color: #f6f6e8; color: #000; text-decoration: none }
.fenye a:hover span { background-color: #fd9790; color: #fff }
#sc_notice { color: #7da33c; background: #ecf2d6 url(img/sc_notice.png) -1px -1px no-repeat; border: 1px solid #aac66d; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px }
#sc_warn { color: #ad9948; background: #fff4b9 url(img/sc_warn.png) -1px -1px no-repeat; border: 1px solid #eac946; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px }
#sc_error { color: #c66; background: #ffecea url(img/sc_error.png) -1px -1px no-repeat; border: 1px solid #ebb1b1; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px }
#sc_tips { color: #777; background: #eaeaea url(img/sc_tips.png) -1px -1px no-repeat; border: 1px solid #ccc; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px }
#sc_blue { color: #4d99d2; background: #dbe7f8 url(img/sc_blue.png) -1px -1px no-repeat; border: 1px solid #4d99d2; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px }
.sc_act { margin: 10px 0; padding: 10px 15px; background: #FFF; border: 1px solid #e3e3e3; border-left: 3px solid #3dabce }
.sc_act:hover { background: #fcfcfc }
/*!彩色按钮样式 */

.greenbtn { -moz-box-shadow: 0 10px 14px -7px #3e7327; -webkit-box-shadow: 0 10px 14px -7px #3e7327; box-shadow: 0 10px 14px -7px #3e7327; background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#77b55a),color-stop(1,#72b352)); background: -moz-linear-gradient(top,#77b55a 5%,#72b352 100%); background: -webkit-linear-gradient(top,#77b55a 5%,#72b352 100%); background: -o-linear-gradient(top,#77b55a 5%,#72b352 100%); background: -ms-linear-gradient(top,#77b55a 5%,#72b352 100%); background: linear-gradient(to bottom,#77b55a 5%,#72b352 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a',endColorstr='#72b352',GradientType=0); background-color: #77b55a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #4b8f29; display: inline-block; cursor: pointer; color: #fff !important; font-family: arial; font-size: 13px; font-weight: 700; padding: 6px 12px; text-decoration: none; text-shadow: 0 1px 0 #5b8a3c }
.greenbtn:hover { background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#72b352),color-stop(1,#77b55a)); background: -moz-linear-gradient(top,#72b352 5%,#77b55a 100%); background: -webkit-linear-gradient(top,#72b352 5%,#77b55a 100%); background: -o-linear-gradient(top,#72b352 5%,#77b55a 100%); background: -ms-linear-gradient(top,#72b352 5%,#77b55a 100%); background: linear-gradient(to bottom,#72b352 5%,#77b55a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352',endColorstr='#77b55a',GradientType=0); background-color: #72b352 }
.greenbtn:active { position: relative; top: 1px }
.bluebtn { -moz-box-shadow: inset 0 1px 0 0 #54a3f7; -webkit-box-shadow: inset 0 1px 0 0 #54a3f7; box-shadow: inset 0 1px 0 0 #54a3f7; background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#007dc1),color-stop(1,#0061a7)); background: -moz-linear-gradient(top,#007dc1 5%,#0061a7 100%); background: -webkit-linear-gradient(top,#007dc1 5%,#0061a7 100%); background: -o-linear-gradient(top,#007dc1 5%,#0061a7 100%); background: -ms-linear-gradient(top,#007dc1 5%,#0061a7 100%); background: linear-gradient(to bottom,#007dc1 5%,#0061a7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1',endColorstr='#0061a7',GradientType=0); background-color: #007dc1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #124d77; display: inline-block; cursor: pointer; color: #fff !important; font-family: arial; font-size: 13px; padding: 6px 24px; text-decoration: none; text-shadow: 0 1px 0 #154682 }
.bluebtn:hover { background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#0061a7),color-stop(1,#007dc1)); background: -moz-linear-gradient(top,#0061a7 5%,#007dc1 100%); background: -webkit-linear-gradient(top,#0061a7 5%,#007dc1 100%); background: -o-linear-gradient(top,#0061a7 5%,#007dc1 100%); background: -ms-linear-gradient(top,#0061a7 5%,#007dc1 100%); background: linear-gradient(to bottom,#0061a7 5%,#007dc1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7',endColorstr='#007dc1',GradientType=0); background-color: #0061a7 }
.bluebtn:active { position: relative; top: 1px }
.yellowbtn { -moz-box-shadow: inset 0 1px 0 0 #fff6af; -webkit-box-shadow: inset 0 1px 0 0 #fff6af; box-shadow: inset 0 1px 0 0 #fff6af; background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#ffec64),color-stop(1,#ffab23)); background: -moz-linear-gradient(top,#ffec64 5%,#ffab23 100%); background: -webkit-linear-gradient(top,#ffec64 5%,#ffab23 100%); background: -o-linear-gradient(top,#ffec64 5%,#ffab23 100%); background: -ms-linear-gradient(top,#ffec64 5%,#ffab23 100%); background: linear-gradient(to bottom,#ffec64 5%,#ffab23 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',endColorstr='#ffab23',GradientType=0); background-color: #ffec64; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #fa2; display: inline-block; cursor: pointer; color: #333 !important; font-family: arial; font-size: 15px; font-weight: 700; padding: 6px 24px; text-decoration: none; text-shadow: 0 1px 0 #fe6 }
.yellowbtn:hover { background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#ffab23),color-stop(1,#ffec64)); background: -moz-linear-gradient(top,#ffab23 5%,#ffec64 100%); background: -webkit-linear-gradient(top,#ffab23 5%,#ffec64 100%); background: -o-linear-gradient(top,#ffab23 5%,#ffec64 100%); background: -ms-linear-gradient(top,#ffab23 5%,#ffec64 100%); background: linear-gradient(to bottom,#ffab23 5%,#ffec64 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',endColorstr='#ffec64',GradientType=0); background-color: #ffab23 }
.yellowbtn:active { position: relative; top: 1px }
/*! fancyBox看图样式 */

.f ancybox-wrap iframe,.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none }
.fancybox-opened { z-index: 8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5); box-shadow: 0 10px 25px rgba(0,0,0,.5) }
.fancybox-inner,.fancybox-outer { position: relative }
.fancybox-inner { overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap }
.fancybox-iframe,.fancybox-image { display: block; width: 100%; height: 100% }
.fancybox-image { max-width: 100%; max-height: 100% }
#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span { background-image: url(img/fancybox_sprite.png) }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060 }
#fancybox-loading div { width: 44px; height: 44px; background: url(img/fancybox_loading.gif) center center no-repeat }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040 }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(img/grey.gif); -webkit-tap-highlight-color: transparent; z-index: 8040 }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden }
.fancybox-prev span { left: 10px; background-position: 0 -36px }
.fancybox-next span { right: 10px; background-position: 0 -72px }
.fancybox-nav:hover span { visibility: visible }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important }
.fancybox-lock { overflow: hidden }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(img/fancybox_overlay.png) }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll }
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050 }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: 0 0; background: rgba(0,0,0,.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8) }
#topnav { padding: .5px; width: 100%; background: #3a4953; position: fixed; z-index: 10000 }
#topnav ul { list-style: none }
#topnav li { float: left; list-style: none }
#topnav a { display: block; padding: .5px 30px; color: #fff; text-decoration: none; border-right: 1px solid #000 }
#topnav a:hover { background: #146c9c }
/*! 默认代码高亮 */

pre.prettyprint { margin-bottom: 20px }
.prettyprint.linenums,pre.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #eee,inset 42px 0 0 #33b796; -moz-box-shadow: inset 40px 0 0 #eee,inset 42px 0 0 #33b796; box-shadow: inset 40px 0 0 #eee,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: 0 }
.prettyprint .com { color: #666 }
.prettyprint .lit { color: #c0c }
.prettyprint .clo,.prettyprint .opn,.prettyprint .pun { color: #0a0 }
.prettyprint .fun { color: #dc322f }
.prettyprint .atv,.prettyprint .str { color: #c28f5b }
.prettyprint .kwd,.prettyprint .tag { color: #f92659 }
.prettyprint .atn,.prettyprint .dec,.prettyprint .typ,.prettyprint .var { color: #0a0 }
.prettyprint .pln { color: #00f }
#footbar { height: 245px; color: #ccc; font-size: 13px; position: relative; z-index: 1; background-color: #31353a; background-image: -webkit-linear-gradient(top,#31353a,#2f3337); background-image: -moz-linear-gradient(top,#31353a,#2f3337); background-image: linear-gradient(top,#31353a,#2f3337) }
#footbar>ul { width: 960px; position: relative; left: 50%; bottom: 0; margin-left: -480px; padding-bottom: 60px; z-index: -1 }
#footbar>ul>li { width: 25%; float: left }
#footbar ul { list-style: none }
#footbar>ul>li ul li { margin-left: 43px; line-height: 1.8; padding: 5px 5px; float: left; margin: 2px; background-color: #3a3a3a }
#footbar>ul>li ul li:hover { background-color: #000; cursor: pointer; -moz-box-shadow: 3px 3px 22px #48e0d3; -webkit-box-shadow: 3px 3px 22px #48e0d3; box-shadow: 3px 3px 22px #48e0d3 }
#footbar>ul>li ul li a { text-decoration: none !important; color: #a9a9a9 !important }
#footbar>ul>li ul li a:hover { color: #fff !important }
#footbar p { width: 90%; margin-right: 10%; padding: 9px 0; line-height: 18px; background-color: #058cc7; font-weight: 700; font-size: 14px; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.3); margin-bottom: 20px; opacity: .9; cursor: default; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; transition: opacity .4s }
#footbar>ul>li:hover p { opacity: 1 }
#footbar p:before { content: ''; display: inline-block; width: 16px; height: 18px; margin: 0 12px 0 15px; vertical-align: text-bottom }
#footbar p.first { background-color: #0096d6; background-image: -webkit-linear-gradient(top,#0096d6,#008ac6); background-image: -moz-linear-gradient(top,#0096d6,#008ac6); background-image: linear-gradient(top,#0096d6,#008ac6) }
#footbar p.first:before { background-position: 0 -110px }
#footbar p.second { background-color: #00b274; background-image: -webkit-linear-gradient(top,#00b274,#00a46b); background-image: -moz-linear-gradient(top,#00b274,#00a46b); background-image: linear-gradient(top,#00b274,#00a46b) }
#footbar p.second:before { background-position: 0 -129px }
#footbar p.third { background-color: #d75ba2; background-image: -webkit-linear-gradient(top,#d75ba2,#c75496); background-image: -moz-linear-gradient(top,#d75ba2,#c75496); background-image: linear-gradient(top,#d75ba2,#c75496) }
#footbar p.third:before { background-position: 0 -89px }
#footbar p.fourth { background-color: #e9ac40; background-image: -webkit-linear-gradient(top,#e9ac40,#d89f3b); background-image: -moz-linear-gradient(top,#e9ac40,#d89f3b); background-image: linear-gradient(top,#e9ac40,#d89f3b) }
#footbar p.fourth:before { background-position: 0 -69px }
.span_1_of_4 { width: 25%; border-radius: 0 0 5px 5px }
.card { width: 33.3% }
.products { position: relative; display: block; height: 350px }
.product-img { width: 360px; height: 360px; text-align: center; color: #FFF; position: absolute }
.product-img img { display: block }
.product-detail { float: right; color: #999 }
.product-detail .row { padding: 40px 30px }
.product-detail .product-title h2 { font-size: 25px; margin-bottom: 8px; color: #333; max-width: 440px; max-height: 35px; overflow: hidden }
.product-detail .product-title p { overflow: hidden; max-width: 440px; max-height: 40px }
.product { background-color: #F5F5F5; margin: 20px 3px 20px 0; color: #333; font-size: 16px }
.product .dt { width: 90px; display: inline-block; color: #999 }
.product .product-price strong { font-size: 24px; color: #6D27D3; font-weight: 400; font-family: Arial }
.product .product-price strong em { font-size: 14px; font-style: normal; margin-right: 3px }
.product-buy .lhb { margin-left: 25%; margin-right: 25% }
.product-comments a { color: #6D27D3 }
@media screen and (max-width: 800px) {
  .page-template-download #filelink a { display: block }
  .page-template-product .thumb-img img { height: 155.5px !important }
  .thumb-img img,.category .thumb-img img,.page-template-gallery .thumb-img img { height: 117px !important }
  .product-img,.product-img img { width: 100%; display: block; float: left; position: relative }
  .products { width: 100%; position: relative; height: 710px }
  .product-detail .product-title h2 { font-size: 20px; overflow: hidden }
  .product-detail { width: 100%; display: block; position: relative }
  .product-buy .lhb { margin-left: 15%; margin-right: 15% }
  .card,.related_box,.span_1_of_4 { width: 50% }
  .related_box img { border-style: solid; border-width: 5px; border-color: transparent }
  iframe,video { height: 200px }
  .slick,.slick img { height: 130px !important }
  #footbar,#topnav,#toubuads,.ml5,.sg-author,.slick span,.article-social .or { display: none !important }
  .g-logo pull-left { clear: both; display: block; margin: auto !important }
  #fancydlbox { width: auto !important }
}
@media screen and (max-width: 350px) {
  .card .thumb-img img { width: 100% !important; height: auto !important }
  .card,.span_1_of_4 { width: 100% }
}
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 }
.slick-list:focus { outline: 0 }
.slick-loading .slick-list { background: #fff url(img/ajax-loader.gif) center center no-repeat }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1 }
.slick-track:after,.slick-track:before { content: ""; display: table }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none }
.slick-slide img { display: block }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
@font-face { font-family: slick; src: url(fonts/slick.eot); src: url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg"); font-weight: 400; font-style: normal }
.slick-next,.slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: 0 0; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: 0; outline: 0 }
.slick-next:focus,.slick-prev:focus { outline: 0 }
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before { opacity: .25 }
.slick-next:before,.slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; color: #fff; opacity: .85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-prev { left: -25px }
.slick-prev:before { content: "\2190" }
.slick-next { right: -25px }
.slick-next:before { content: "\2192" }
.slick-slider { margin-bottom: 30px }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100% }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer }
.slick-dots li button { border: 0; background: 0 0; display: block; height: 20px; width: 20px; outline: 0; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: 0 }
.slick-dots li button:focus { outline: 0 }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: slick; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-dots li.slick-active button:before { opacity: .75 }
.slick { position: relative; width: 100%; height: 300px; margin: 0 auto; overflow: hidden }
.slick span { position: absolute; left: 0; bottom: 10px; padding: 0 10px; font: 700 22px/65px "Microsoft Yahei"; color: #fff; background-color: #e94880 }
.slick-dots { position: absolute; right: 10px; bottom: 10px; width: auto }
.slick-dots li { display: inline-block; width: auto; height: 20px; margin: 0 0 0 5px }
.slick-dots li button { display: inline-block; width: 20px; height: 10px; border-radius: 5px; background-color: #fff }
.slick-dots li button:before { display: none }
.slick-dots .slick-active button { width: 50px; background-color: #48d8ff }
.slick-next,.slick-prev { position: absolute; top: 50%; width: 55px; height: 80px; margin-top: -40px; background-color: #000; opacity: .5 }
.slick-prev { left: 0 }
.slick-next { right: 0 }
.slick-next:hover,.slick-prev:hover { background-color: #43cef2 }
.slick-next:before,.slick-prev:before { font: 60px/80px SimSun }
.slick-prev:before { content: "<" }
.slick-next:before { content: ">" }
#toubuads { float: right }
.open-message { border: #4094ef 1px solid; border-radius: 5px 5px 5px 5px }
.open-message:hover { background-color: #4094ef; color: #fff; transition-duration: .3s }
.lhb { color: #4094ef !important; padding: 5px 50px; font-family: 微软雅黑,"Microsoft YaHei"; font-size: 19px; border: 1px solid #4094ef; box-shadow: 0 1px 3px rgba(0,0,0,.1) }
.lhb:hover { background: #4094ef; color: #fff !important; transition-duration: .3s; border-color: #fff }
.lotus_tongji li { float: left; width: 50% }
.tongji { padding: 10px 20px 20px 20px }
#nav-header,.archive-header-banner { width: 100% !important }
.open-message a { color: red }
.article-content { text-indent: 0 }
.article-content h2 { border-left: 8px solid #00a67c; border-bottom: 1px solid #00a67c }
.article-content blockquote:before { display: none !important }
.article-content h3 { border-left: 2px solid #0095ff; background-color: #fbfbfb }
input { padding: 0 20px; height: 30px }
.dltable p { margin: .001em .001em; width: 10px; line-height: 30px }
#bdcs-search-inline { width: 100% }
#bdcs-search-form-submit { width: 33% }
.dltable a { padding: 0 1em 0 0 }
#callboard li { margin-bottom: 10px }
.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7,.vp { background: url(img/vip.png) no-repeat; display: inline-block; overflow: hidden; border: none }
.vp { background-position: -515px -2px; width: 16px; height: 16px; margin-bottom: -3px }
.vp:hover { background-position: -515px -22px; width: 16px; height: 16px; margin-bottom: -3px }
.vip { background-position: -494px -3px; width: 16px; height: 14px; margin-bottom: -2px }
.vip:hover { background-position: -494px -22px; width: 16px; height: 14px; margin-bottom: -2px }
.vip1 { background-position: -1px -2px; width: 46px; height: 14px; margin-bottom: -1px }
.vip1:hover { background-position: -1px -22px; width: 46px; height: 14px; margin-bottom: -1px }
.vip2 { background-position: -63px -2px; width: 46px; height: 14px; margin-bottom: -1px }
.vip2:hover { background-position: -63px -22px; width: 46px; height: 14px; margin-bottom: -1px }
.vip3 { background-position: -144px -2px; width: 46px; height: 14px; margin-bottom: -1px }
.vip3:hover { background-position: -144px -22px; width: 46px; height: 14px; margin-bottom: -1px }
.vip4 { background-position: -227px -2px; width: 46px; height: 14px; margin-bottom: -1px }
.vip4:hover { background-position: -227px -22px; width: 46px; height: 14px; margin-bottom: -1px }
.vip5 { background-position: -331px -2px; width: 46px; height: 14px; margin-bottom: -1px }
.vip5:hover { background-position: -331px -22px; width: 46px; height: 14px; margin-bottom: -1px }
.vip6 { background-position: -441px -2px; width: 46px; height: 14px; margin-bottom: -1px }
.vip6:hover { background-position: -441px -22px; width: 46px; height: 14px; margin-bottom: -1px }
.vip7 { background-position: -611px -2px; width: 46px; height: 14px; margin-bottom: -1px }
.vip7:hover { background-position: -611px -22px; width: 46px; height: 14px; margin-bottom: -1px }
.speedbar { background-image: url(img/volume.png); background-repeat: no-repeat; background-position: 1% 50% }
#callboard ul { margin-left: 15px }
.shuoshuo { position: relative; padding: 10px 0 }
.shuoshuo li { padding: 8px 0; display: block }
.shuoshuo-content { box-shadow: 0 0 3px RGBA(0,0,0,.15); background-color: #f2f2f2; border: 1px #ccc solid; border-radius: 4px; font-size: 1.2em; line-height: 1.5em; margin: 0 150px 0 200px; letter-spacing: 1px; padding: 20px 20px 5px 30px; color: #666; min-height: 60px; position: relative; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word }
.shuoshuo-content p { margin: 0 }
.shuoshuo-meta { text-align: right; letter-spacing: 0; margin-top: -10px }
.shuoshuo .tt { margin: 35px 0 0 15px; float: left; font-size: .7em }
.shuoshuo li em { float: left; width: 50px; height: 10px; margin: 42px 0 0 28px }
.shuoshuo li:hover .tt { color: #0c0; font-weight: 700 }
.shuoshuo .zhutou { border-radius: 50%; margin: 25px 35px 0 5px; float: right; padding: 2px; border: 1px #ddd solid; display: block; transition: .5s; width: 40px; height: 40px; overflow: hidden }
.shuoshuo li:hover .zhutou { transform: rotate(720deg); -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); border-color: #0c0 }
.shuoshuo:before { height: 100%; width: 2px; background: #eee; position: absolute; left: 164px; content: ""; top: 0 }
.shuoshuo-content:before { position: absolute; top: 40px; bottom: 0; left: -42px; background: #fff; height: 12px; width: 12px; border-radius: 6px; content: ""; box-shadow: inset 0 0 2px #0c0 }
.shuoshuo-content:after { position: absolute; top: 42px; bottom: 0; left: -40px; background: #ccc; height: 8px; width: 8px; border-radius: 6px; content: "" }
.shuoshuo li:hover .shuoshuo-content:after { background: #0c0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3) }
.shuoshuo li:hover .shuoshuo-content:before { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3) }
.shuoshuo:after { height: 100%; width: 2px; background: #eee; position: absolute; right: 100px; content: ""; top: 0 }
.shuoshuo-meta:before { position: absolute; top: 42px; bottom: 0; right: -56px; background: #fff; height: 12px; width: 12px; border-radius: 6px; content: ""; z-index: 2; box-shadow: inset 0 0 2px #0c0 }
.shuoshuo-meta:after { position: absolute; top: 44px; bottom: 0; right: -54px; background: #ccc; height: 8px; width: 8px; z-index: 2; border-radius: 6px; content: "" }
.shuoshuo li:hover .shuoshuo-meta:after { background: #0c0 }
.zhutou { position: relative; top: -95px }
@media screen and (max-width: 800px) {
  .shuoshuo-content { margin: 0 60px 0 70px; padding: 10px 10px 5px 10px; font-size: .9em }
  .shuoshuo .tt { width: 30px; font-weight: 700; margin: 30px 0 0 1px; font-size: .5em; height: 20px }
  .shuoshuo li:hover .tt { color: #0c0; font-size: .5em }
  .shuoshuo:before { left: 50px }
  .shuoshuo-content:before { left: -26px; top: 30px }
  .shuoshuo-content:after { left: -24px; top: 32px }
  .shuoshuo:after { right: 27px }
  .shuoshuo-meta:before { right: -39px; top: 33px }
  .shuoshuo-meta:after { right: -37px; top: 35px }
  .tt,.zhutou { display: none !important }
  .shuoshuo .zhutou { margin: 17px 5px 0 5px }
  .shuoshuo li em { float: left; width: 39px; height: 10px; margin: 34px 0 0 -1px }
}
.widget_links img { width: 16px; height: 16px }
.dltable p { font-weight: 700 }
.part { padding: 20px 0; border-bottom: 1px solid #DDD }
.part p { margin: 2px 0 }
#fancydlbox h2 { border-left: 8px solid #00a67c; border-bottom: 1px solid #00a67c }
#download_button_part { background: none repeat scroll 0 0 #f0f0f0; border-left: 1px dashed #CCC; border-right: 1px dashed #CCC; text-align: center }
#download_button { margin: 15px auto; height: 40px; line-height: 40px; font-size: 14px; background: none repeat scroll 0 0 #d13b00; color: #FFF; text-align: center; width: 170px; text-decoration: none; cursor: pointer; padding-left: 40px; position: relative; display: inline-block }
#download_button span { background: url(img/dl_icon.png) no-repeat scroll 0 0 #c83400; display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; cursor: pointer }
#download_button:hover { background: none repeat scroll 0 0 #e73f00 }
#download_button:hover span { background-position: -40px 0 }
#fancydlbox .dlfooter { padding: 5px 10px 5px 10px; background: none repeat scroll 0 0 #f0f0f0; border: solid 1px #ddd }
.moredl a { padding: 0 1em 0 0 }
@media screen and (min-width: 1000px) {
  .mobileads,.shuoshuo-sjsj { display: none !important }
}

.sg-author { padding: 15px 0; margin-top: 20px; clear: both; background: #fff none repeat scroll 0 0; position: relative; display: block }
.sg-author .img { display: inline-block; position: absolute; margin-left: 20px; z-index: 2 }
.sg-author-info { min-height: 100px; position: relative; margin-left: 135px }
.authordes { padding: 10px 10px 0 0; line-height: 100%; overflow: hidden; min-height: 45px }
.social-icon-wrap { margin-right: 5px; transition: opacity .4s ease 0s; display: inline-block }
.authorsocial a { padding: 4px 4px; font-size: 14px; line-height: 1px; position: relative }
.authorsocial a:hover { background: #DDD none repeat scroll 0 0 }
.as-img { background: #F5F5F5 none repeat scroll 0 0; text-align: center; display: inline-block; border-radius: 2px; white-space: nowrap }
.as-home { color: #DADA0E }
.as-donate { color: #34DB77 }
.as-sinawb { color: #D52C2B }
.as-qqwb { color: #0B8FBA }
.as-twitter { color: #2CBCC2 }
.as-googleplus { color: #498BF4 }
.as-repo { color: #000 }
#as-weixin-a { position: relative }
#as-donate-qr,#as-weixin-qr { width: 130px; height: 130px; padding: 5px; position: absolute; display: none; bottom: 60px; right: -25px; opacity: 1; background: #DDD none repeat scroll 0 0; border-radius: 5px; border: 3px solid #DDD }
.sg-author img { box-shadow: none; width: 100px; height: 100px }
.as-qq { color: #F887B0 }
.as-email { color: #834DD5 }
.clear { clear: both }
.as-donate i,.as-home i { margin-right: 5px }
.authorsocial i { font-size: 16px; width: 20px; height: 18px }
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; font-size: inherit; text-rendering: auto }
#cardslist { margin: 20px auto 30px auto; overflow: hidden }
.col { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 20px; position: relative }
.shop-item:hover { box-shadow: 0 5px 5px 0 rgba(0,0,0,.25) }
.shop-item { margin: auto 6px; background-color: #FFF; box-shadow: 0 1px 1px 0 rgba(0,0,0,.15); overflow: hidden; position: relative; border: 10px solid #FFF; border-bottom: 0 none }
.span_1_of_4 a.fancyimg { padding: 0; height: auto; overflow: hidden }
.fancyimg { position: relative }
.home-blog-entry-thumb { margin-bottom: 5px }
.fancyimg { padding: 8px; background: #fff; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.fancyimg img { display: block }
.shop-item h3,.shop-item h3 a { font-weight: 400; font-size: 14px; line-height: 25px; height: 25px; overflow: hidden }
.shop-item h3,.shop-item h3 a { font-weight: 400; font-size: 14px; line-height: 25px; height: 25px; overflow: hidden }
.shop-item p { font-size: 12px; line-height: 20px; font-weight: 400; height: 40px; overflow: hidden }
.shop-item .pricebtn { margin: 10px 0 15px; font-size: 16px; height: auto; color: #6D27D3; line-height: 26px }
.pricebtn .buy { background-color: #6D27D3; display: inline-block; border-radius: 2px; color: #FFF; padding: 3px 10px; float: right; font-size: 12px; line-height: 18px }
.metacat a { font-size: 12px; position: absolute; top: 8; left: 0; display: inline-block; padding: 5px 8px; width: 60px; background: none repeat scroll 0 0; color: #FFF; text-align: center }
.metacat a { filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6 }
.metacat a:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
#loginbox { background: #FFf }
#loginbox #loginform { padding: 50px 0px 0px 50px }
#loginbox label { color: #000; font-size: 13px; margin-bottom: 10px }

/* editor-style */
body { font-size: 14px; line-height: 24px; word-break: break-all; word-wrap: break-word; font-family: microsoft yahei }
img { max-width: 100%; padding: 5px; border: solid 1px #e6e6e6; border: 0 }
img:hover { background-color: #fbfbfb; border-color: #ddd }
a { text-decoration: none }
h2,h3,h4 { color: #222; border-bottom: #eee 1px solid; padding-bottom: 5px; margin-bottom: 14px }
h2 { font-size: 18px; margin-top: 30px }
h3,h4 { font-size: 14px }
ul { margin: 0 0 6px 26px }
ol { margin: 16px }
ul li { margin-bottom: 10px; *list-style: disc; *padding-left: 0 }
ol li { list-style: decimal; margin-left: 28px }
p { margin-bottom: 14px }
code { padding: 1px 4px; border-radius: 2px; background-color: #eee; font-family: 'courier new'; color: #777; margin: 0 4px }
table { border-top: solid 1px #ddd; border-left: solid 1px #ddd; width: 100%; margin-bottom: 16px }
table th { background-color: #f9f9f9; text-align: center }
table td,table th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }
.alignleft { float: left; text-align: left; margin-right: 10px }
.aligncenter { text-align: center }
.alignright { float: right; text-align: right; margin-left: 10px }
pre { margin: 15px auto; font: 12px/20px 'courier new'; border: 1px solid #d6d6d6; border-left-width: 4px; background: #fbfbfb; padding: 10px 15px }
blockquote { margin: 15px auto; border: 1px solid #d6d6d6; border-top-width: 3px; padding: 15px 20px 10px; background-color: #fdfdfd }
blockquote p { margin: 0; padding: 0; text-indent: 24px; margin-bottom: 10px }