/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome/fontawesome-webfont.woff2') format('woff2'),url('fonts/fontawesome/fontawesome-webfont.woff') format('woff'),url('fonts/fontawesome/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

.icon {
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.icon-2x {
    font-size: 2em
}

.icon-3x {
    font-size: 3em
}

.icon-4x {
    font-size: 4em
}

.icon-5x {
    font-size: 5em
}

.icon-pl {
    padding-left: 5px
}

.icon-pr {
    padding-right: 5px
}

.icon-glass:before {
    content: "\f000"
}

.icon-music:before {
    content: "\f001"
}

.icon-search:before {
    content: "\f002"
}

.icon-envelope-o:before {
    content: "\f003"
}

.icon-heart:before {
    content: "\f004"
}

.icon-star:before {
    content: "\f005"
}

.icon-star-o:before {
    content: "\f006"
}

.icon-user:before {
    content: "\f007"
}

.icon-film:before {
    content: "\f008"
}

.icon-th-large:before {
    content: "\f009"
}

.icon-th:before {
    content: "\f00a"
}

.icon-th-list:before {
    content: "\f00b"
}

.icon-check:before {
    content: "\f00c"
}

.icon-remove:before,.icon-close:before,.icon-times:before {
    content: "\f00d"
}

.icon-search-plus:before {
    content: "\f00e"
}

.icon-search-minus:before {
    content: "\f010"
}

.icon-power-off:before {
    content: "\f011"
}

.icon-signal:before {
    content: "\f012"
}

.icon-gear:before,.icon-cog:before {
    content: "\f013"
}

.icon-trash-o:before {
    content: "\f014"
}

.icon-home:before {
    content: "\f015"
}

.icon-file-o:before {
    content: "\f016"
}

.icon-clock-o:before {
    content: "\f017"
}

.icon-road:before {
    content: "\f018"
}

.icon-download:before {
    content: "\f019"
}

.icon-arrow-circle-o-down:before {
    content: "\f01a"
}

.icon-arrow-circle-o-up:before {
    content: "\f01b"
}

.icon-inbox:before {
    content: "\f01c"
}

.icon-play-circle-o:before {
    content: "\f01d"
}

.icon-rotate-right:before,.icon-repeat:before {
    content: "\f01e"
}

.icon-refresh:before {
    content: "\f021"
}

.icon-list-alt:before {
    content: "\f022"
}

.icon-lock:before {
    content: "\f023"
}

.icon-flag:before {
    content: "\f024"
}

.icon-headphones:before {
    content: "\f025"
}

.icon-volume-off:before {
    content: "\f026"
}

.icon-volume-down:before {
    content: "\f027"
}

.icon-volume-up:before {
    content: "\f028"
}

.icon-qrcode:before {
    content: "\f029"
}

.icon-barcode:before {
    content: "\f02a"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-tags:before {
    content: "\f02c"
}

.icon-book:before {
    content: "\f02d"
}

.icon-bookmark:before {
    content: "\f02e"
}

.icon-print:before {
    content: "\f02f"
}

.icon-camera:before {
    content: "\f030"
}

.icon-font:before {
    content: "\f031"
}

.icon-bold:before {
    content: "\f032"
}

.icon-italic:before {
    content: "\f033"
}

.icon-text-height:before {
    content: "\f034"
}

.icon-text-width:before {
    content: "\f035"
}

.icon-align-left:before {
    content: "\f036"
}

.icon-align-center:before {
    content: "\f037"
}

.icon-align-right:before {
    content: "\f038"
}

.icon-align-justify:before {
    content: "\f039"
}

.icon-list:before {
    content: "\f03a"
}

.icon-dedent:before,.icon-outdent:before {
    content: "\f03b"
}

.icon-indent:before {
    content: "\f03c"
}

.icon-video-camera:before {
    content: "\f03d"
}

.icon-photo:before,.icon-image:before,.icon-picture-o:before {
    content: "\f03e"
}

.icon-pencil:before {
    content: "\f040"
}

.icon-map-marker:before {
    content: "\f041"
}

.icon-adjust:before {
    content: "\f042"
}

.icon-tint:before {
    content: "\f043"
}

.icon-edit:before,.icon-pencil-square-o:before {
    content: "\f044"
}

.icon-share-square-o:before {
    content: "\f045"
}

.icon-check-square-o:before {
    content: "\f046"
}

.icon-arrows:before {
    content: "\f047"
}

.icon-step-backward:before {
    content: "\f048"
}

.icon-fast-backward:before {
    content: "\f049"
}

.icon-backward:before {
    content: "\f04a"
}

.icon-play:before {
    content: "\f04b"
}

.icon-pause:before {
    content: "\f04c"
}

.icon-stop:before {
    content: "\f04d"
}

.icon-forward:before {
    content: "\f04e"
}

.icon-fast-forward:before {
    content: "\f050"
}

.icon-step-forward:before {
    content: "\f051"
}

.icon-eject:before {
    content: "\f052"
}

.icon-chevron-left:before {
    content: "\f053"
}

.icon-chevron-right:before {
    content: "\f054"
}

.icon-plus-circle:before {
    content: "\f055"
}

.icon-minus-circle:before {
    content: "\f056"
}

.icon-times-circle:before {
    content: "\f057"
}

.icon-check-circle:before {
    content: "\f058"
}

.icon-question-circle:before {
    content: "\f059"
}

.icon-info-circle:before {
    content: "\f05a"
}

.icon-crosshairs:before {
    content: "\f05b"
}

.icon-times-circle-o:before {
    content: "\f05c"
}

.icon-check-circle-o:before {
    content: "\f05d"
}

.icon-ban:before {
    content: "\f05e"
}

.icon-arrow-left:before {
    content: "\f060"
}

.icon-arrow-right:before {
    content: "\f061"
}

.icon-arrow-up:before {
    content: "\f062"
}

.icon-arrow-down:before {
    content: "\f063"
}

.icon-mail-forward:before,.icon-share:before {
    content: "\f064"
}

.icon-expand:before {
    content: "\f065"
}

.icon-compress:before {
    content: "\f066"
}

.icon-plus:before {
    content: "\f067"
}

.icon-minus:before {
    content: "\f068"
}

.icon-asterisk:before {
    content: "\f069"
}

.icon-exclamation-circle:before {
    content: "\f06a"
}

.icon-gift:before {
    content: "\f06b"
}

.icon-leaf:before {
    content: "\f06c"
}

.icon-fire:before {
    content: "\f06d"
}

.icon-eye:before {
    content: "\f06e"
}

.icon-eye-slash:before {
    content: "\f070"
}

.icon-warning:before,.icon-exclamation-triangle:before {
    content: "\f071"
}

.icon-plane:before {
    content: "\f072"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-random:before {
    content: "\f074"
}

.icon-comment:before {
    content: "\f075"
}

.icon-magnet:before {
    content: "\f076"
}

.icon-chevron-up:before {
    content: "\f077"
}

.icon-chevron-down:before {
    content: "\f078"
}

.icon-retweet:before {
    content: "\f079"
}

.icon-shopping-cart:before {
    content: "\f07a"
}

.icon-folder:before {
    content: "\f07b"
}

.icon-folder-open:before {
    content: "\f07c"
}

.icon-arrows-v:before {
    content: "\f07d"
}

.icon-arrows-h:before {
    content: "\f07e"
}

.icon-bar-chart-o:before,.icon-bar-chart:before {
    content: "\f080"
}

.icon-twitter-square:before {
    content: "\f081"
}

.icon-facebook-square:before {
    content: "\f082"
}

.icon-camera-retro:before {
    content: "\f083"
}

.icon-key:before {
    content: "\f084"
}

.icon-gears:before,.icon-cogs:before {
    content: "\f085"
}

.icon-comments:before {
    content: "\f086"
}

.icon-thumbs-o-up:before {
    content: "\f087"
}

.icon-thumbs-o-down:before {
    content: "\f088"
}

.icon-star-half:before {
    content: "\f089"
}

.icon-heart-o:before {
    content: "\f08a"
}

.icon-sign-out:before {
    content: "\f08b"
}

.icon-linkedin-square:before {
    content: "\f08c"
}

.icon-thumb-tack:before {
    content: "\f08d"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-sign-in:before {
    content: "\f090"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-github-square:before {
    content: "\f092"
}

.icon-upload:before {
    content: "\f093"
}

.icon-lemon-o:before {
    content: "\f094"
}

.icon-phone:before {
    content: "\f095"
}

.icon-square-o:before {
    content: "\f096"
}

.icon-bookmark-o:before {
    content: "\f097"
}

.icon-phone-square:before {
    content: "\f098"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook-f:before,.icon-facebook:before {
    content: "\f09a"
}

.icon-github:before {
    content: "\f09b"
}

.icon-unlock:before {
    content: "\f09c"
}

.icon-credit-card:before {
    content: "\f09d"
}

.icon-feed:before,.icon-rss:before {
    content: "\f09e"
}

.icon-hdd-o:before {
    content: "\f0a0"
}

.icon-bullhorn:before {
    content: "\f0a1"
}

.icon-bell:before {
    content: "\f0f3"
}

.icon-certificate:before {
    content: "\f0a3"
}

.icon-hand-o-right:before {
    content: "\f0a4"
}

.icon-hand-o-left:before {
    content: "\f0a5"
}

.icon-hand-o-up:before {
    content: "\f0a6"
}

.icon-hand-o-down:before {
    content: "\f0a7"
}

.icon-arrow-circle-left:before {
    content: "\f0a8"
}

.icon-arrow-circle-right:before {
    content: "\f0a9"
}

.icon-arrow-circle-up:before {
    content: "\f0aa"
}

.icon-arrow-circle-down:before {
    content: "\f0ab"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-wrench:before {
    content: "\f0ad"
}

.icon-tasks:before {
    content: "\f0ae"
}

.icon-filter:before {
    content: "\f0b0"
}

.icon-briefcase:before {
    content: "\f0b1"
}

.icon-arrows-alt:before {
    content: "\f0b2"
}

.icon-group:before,.icon-users:before {
    content: "\f0c0"
}

.icon-chain:before,.icon-link:before {
    content: "\f0c1"
}

.icon-cloud:before {
    content: "\f0c2"
}

.icon-flask:before {
    content: "\f0c3"
}

.icon-cut:before,.icon-scissors:before {
    content: "\f0c4"
}

.icon-copy:before,.icon-files-o:before {
    content: "\f0c5"
}

.icon-paperclip:before {
    content: "\f0c6"
}

.icon-save:before,.icon-floppy-o:before {
    content: "\f0c7"
}

.icon-square:before {
    content: "\f0c8"
}

.icon-navicon:before,.icon-reorder:before,.icon-bars:before {
    content: "\f0c9"
}

.icon-list-ul:before {
    content: "\f0ca"
}

.icon-list-ol:before {
    content: "\f0cb"
}

.icon-strikethrough:before {
    content: "\f0cc"
}

.icon-underline:before {
    content: "\f0cd"
}

.icon-table:before {
    content: "\f0ce"
}

.icon-magic:before {
    content: "\f0d0"
}

.icon-truck:before {
    content: "\f0d1"
}

.icon-pinterest:before {
    content: "\f0d2"
}

.icon-pinterest-square:before {
    content: "\f0d3"
}

.icon-google-plus-square:before {
    content: "\f0d4"
}

.icon-google-plus:before {
    content: "\f0d5"
}

.icon-money:before {
    content: "\f0d6"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-columns:before {
    content: "\f0db"
}

.icon-unsorted:before,.icon-sort:before {
    content: "\f0dc"
}

.icon-sort-down:before,.icon-sort-desc:before {
    content: "\f0dd"
}

.icon-sort-up:before,.icon-sort-asc:before {
    content: "\f0de"
}

.icon-envelope:before {
    content: "\f0e0"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-rotate-left:before,.icon-undo:before {
    content: "\f0e2"
}

.icon-legal:before,.icon-gavel:before {
    content: "\f0e3"
}

.icon-dashboard:before,.icon-tachometer:before {
    content: "\f0e4"
}

.icon-comment-o:before {
    content: "\f0e5"
}

.icon-comments-o:before {
    content: "\f0e6"
}

.icon-flash:before,.icon-bolt:before {
    content: "\f0e7"
}

.icon-sitemap:before {
    content: "\f0e8"
}

.icon-umbrella:before {
    content: "\f0e9"
}

.icon-paste:before,.icon-clipboard:before {
    content: "\f0ea"
}

.icon-lightbulb-o:before {
    content: "\f0eb"
}

.icon-exchange:before {
    content: "\f0ec"
}

.icon-cloud-download:before {
    content: "\f0ed"
}

.icon-cloud-upload:before {
    content: "\f0ee"
}

.icon-user-md:before {
    content: "\f0f0"
}

.icon-stethoscope:before {
    content: "\f0f1"
}

.icon-suitcase:before {
    content: "\f0f2"
}

.icon-bell-o:before {
    content: "\f0a2"
}

.icon-coffee:before {
    content: "\f0f4"
}

.icon-cutlery:before {
    content: "\f0f5"
}

.icon-file-text-o:before {
    content: "\f0f6"
}

.icon-building-o:before {
    content: "\f0f7"
}

.icon-hospital-o:before {
    content: "\f0f8"
}

.icon-ambulance:before {
    content: "\f0f9"
}

.icon-medkit:before {
    content: "\f0fa"
}

.icon-fighter-jet:before {
    content: "\f0fb"
}

.icon-beer:before {
    content: "\f0fc"
}

.icon-h-square:before {
    content: "\f0fd"
}

.icon-plus-square:before {
    content: "\f0fe"
}

.icon-angle-double-left:before {
    content: "\f100"
}

.icon-angle-double-right:before {
    content: "\f101"
}

.icon-angle-double-up:before {
    content: "\f102"
}

.icon-angle-double-down:before {
    content: "\f103"
}

.icon-angle-left:before {
    content: "\f104"
}

.icon-angle-right:before {
    content: "\f105"
}

.icon-angle-up:before {
    content: "\f106"
}

.icon-angle-down:before {
    content: "\f107"
}

.icon-desktop:before {
    content: "\f108"
}

.icon-laptop:before {
    content: "\f109"
}

.icon-tablet:before {
    content: "\f10a"
}

.icon-mobile-phone:before,.icon-mobile:before {
    content: "\f10b"
}

.icon-circle-o:before {
    content: "\f10c"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-spinner:before {
    content: "\f110"
}

.icon-circle:before {
    content: "\f111"
}

.icon-mail-reply:before,.icon-reply:before {
    content: "\f112"
}

.icon-github-alt:before {
    content: "\f113"
}

.icon-folder-o:before {
    content: "\f114"
}

.icon-folder-open-o:before {
    content: "\f115"
}

.icon-smile-o:before {
    content: "\f118"
}

.icon-frown-o:before {
    content: "\f119"
}

.icon-meh-o:before {
    content: "\f11a"
}

.icon-gamepad:before {
    content: "\f11b"
}

.icon-keyboard-o:before {
    content: "\f11c"
}

.icon-flag-o:before {
    content: "\f11d"
}

.icon-flag-checkered:before {
    content: "\f11e"
}

.icon-terminal:before {
    content: "\f120"
}

.icon-code:before {
    content: "\f121"
}

.icon-mail-reply-all:before,.icon-reply-all:before {
    content: "\f122"
}

.icon-star-half-empty:before,.icon-star-half-full:before,.icon-star-half-o:before {
    content: "\f123"
}

.icon-location-arrow:before {
    content: "\f124"
}

.icon-crop:before {
    content: "\f125"
}

.icon-code-fork:before {
    content: "\f126"
}

.icon-unlink:before,.icon-chain-broken:before {
    content: "\f127"
}

.icon-question:before {
    content: "\f128"
}

.icon-info:before {
    content: "\f129"
}

.icon-exclamation:before {
    content: "\f12a"
}

.icon-superscript:before {
    content: "\f12b"
}

.icon-subscript:before {
    content: "\f12c"
}

.icon-eraser:before {
    content: "\f12d"
}

.icon-puzzle-piece:before {
    content: "\f12e"
}

.icon-microphone:before {
    content: "\f130"
}

.icon-microphone-slash:before {
    content: "\f131"
}

.icon-shield:before {
    content: "\f132"
}

.icon-calendar-o:before {
    content: "\f133"
}

.icon-fire-extinguisher:before {
    content: "\f134"
}

.icon-rocket:before {
    content: "\f135"
}

.icon-maxcdn:before {
    content: "\f136"
}

.icon-chevron-circle-left:before {
    content: "\f137"
}

.icon-chevron-circle-right:before {
    content: "\f138"
}

.icon-chevron-circle-up:before {
    content: "\f139"
}

.icon-chevron-circle-down:before {
    content: "\f13a"
}

.icon-html5:before {
    content: "\f13b"
}

.icon-css3:before {
    content: "\f13c"
}

.icon-anchor:before {
    content: "\f13d"
}

.icon-unlock-alt:before {
    content: "\f13e"
}

.icon-bullseye:before {
    content: "\f140"
}

.icon-ellipsis-h:before {
    content: "\f141"
}

.icon-ellipsis-v:before {
    content: "\f142"
}

.icon-rss-square:before {
    content: "\f143"
}

.icon-play-circle:before {
    content: "\f144"
}

.icon-ticket:before {
    content: "\f145"
}

.icon-minus-square:before {
    content: "\f146"
}

.icon-minus-square-o:before {
    content: "\f147"
}

.icon-level-up:before {
    content: "\f148"
}

.icon-level-down:before {
    content: "\f149"
}

.icon-check-square:before {
    content: "\f14a"
}

.icon-pencil-square:before {
    content: "\f14b"
}

.icon-external-link-square:before {
    content: "\f14c"
}

.icon-share-square:before {
    content: "\f14d"
}

.icon-compass:before {
    content: "\f14e"
}

.icon-toggle-down:before,.icon-caret-square-o-down:before {
    content: "\f150"
}

.icon-toggle-up:before,.icon-caret-square-o-up:before {
    content: "\f151"
}

.icon-toggle-right:before,.icon-caret-square-o-right:before {
    content: "\f152"
}

.icon-euro:before,.icon-eur:before {
    content: "\f153"
}

.icon-gbp:before {
    content: "\f154"
}

.icon-dollar:before,.icon-usd:before {
    content: "\f155"
}

.icon-rupee:before,.icon-inr:before {
    content: "\f156"
}

.icon-cny:before,.icon-rmb:before,.icon-yen:before,.icon-jpy:before {
    content: "\f157"
}

.icon-ruble:before,.icon-rouble:before,.icon-rub:before {
    content: "\f158"
}

.icon-won:before,.icon-krw:before {
    content: "\f159"
}

.icon-bitcoin:before,.icon-btc:before {
    content: "\f15a"
}

.icon-file:before {
    content: "\f15b"
}

.icon-file-text:before {
    content: "\f15c"
}

.icon-sort-alpha-asc:before {
    content: "\f15d"
}

.icon-sort-alpha-desc:before {
    content: "\f15e"
}

.icon-sort-amount-asc:before {
    content: "\f160"
}

.icon-sort-amount-desc:before {
    content: "\f161"
}

.icon-sort-numeric-asc:before {
    content: "\f162"
}

.icon-sort-numeric-desc:before {
    content: "\f163"
}

.icon-thumbs-up:before {
    content: "\f164"
}

.icon-thumbs-down:before {
    content: "\f165"
}

.icon-youtube-square:before {
    content: "\f166"
}

.icon-youtube:before {
    content: "\f167"
}

.icon-xing:before {
    content: "\f168"
}

.icon-xing-square:before {
    content: "\f169"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-dropbox:before {
    content: "\f16b"
}

.icon-stack-overflow:before {
    content: "\f16c"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-flickr:before {
    content: "\f16e"
}

.icon-adn:before {
    content: "\f170"
}

.icon-bitbucket:before {
    content: "\f171"
}

.icon-bitbucket-square:before {
    content: "\f172"
}

.icon-tumblr:before {
    content: "\f173"
}

.icon-tumblr-square:before {
    content: "\f174"
}

.icon-long-arrow-down:before {
    content: "\f175"
}

.icon-long-arrow-up:before {
    content: "\f176"
}

.icon-long-arrow-left:before {
    content: "\f177"
}

.icon-long-arrow-right:before {
    content: "\f178"
}

.icon-apple:before {
    content: "\f179"
}

.icon-windows:before {
    content: "\f17a"
}

.icon-android:before {
    content: "\f17b"
}

.icon-linux:before {
    content: "\f17c"
}

.icon-dribbble:before {
    content: "\f17d"
}

.icon-skype:before {
    content: "\f17e"
}

.icon-foursquare:before {
    content: "\f180"
}

.icon-trello:before {
    content: "\f181"
}

.icon-female:before {
    content: "\f182"
}

.icon-male:before {
    content: "\f183"
}

.icon-gittip:before,.icon-gratipay:before {
    content: "\f184"
}

.icon-sun-o:before {
    content: "\f185"
}

.icon-moon-o:before {
    content: "\f186"
}

.icon-archive:before,.icon-archives:before {
    content: "\f187"
}

.icon-bug:before {
    content: "\f188"
}

.icon-vk:before {
    content: "\f189"
}

.icon-weibo:before {
    content: "\f18a"
}

.icon-renren:before {
    content: "\f18b"
}

.icon-pagelines:before {
    content: "\f18c"
}

.icon-stack-exchange:before {
    content: "\f18d"
}

.icon-arrow-circle-o-right:before {
    content: "\f18e"
}

.icon-arrow-circle-o-left:before {
    content: "\f190"
}

.icon-toggle-left:before,.icon-caret-square-o-left:before {
    content: "\f191"
}

.icon-dot-circle-o:before {
    content: "\f192"
}

.icon-wheelchair:before {
    content: "\f193"
}

.icon-vimeo-square:before {
    content: "\f194"
}

.icon-turkish-lira:before,.icon-try:before {
    content: "\f195"
}

.icon-plus-square-o:before {
    content: "\f196"
}

.icon-space-shuttle:before {
    content: "\f197"
}

.icon-slack:before {
    content: "\f198"
}

.icon-envelope-square:before {
    content: "\f199"
}

.icon-wordpress:before {
    content: "\f19a"
}

.icon-openid:before {
    content: "\f19b"
}

.icon-institution:before,.icon-bank:before,.icon-university:before {
    content: "\f19c"
}

.icon-mortar-board:before,.icon-graduation-cap:before {
    content: "\f19d"
}

.icon-yahoo:before {
    content: "\f19e"
}

.icon-google:before {
    content: "\f1a0"
}

.icon-reddit:before {
    content: "\f1a1"
}

.icon-reddit-square:before {
    content: "\f1a2"
}

.icon-stumbleupon-circle:before {
    content: "\f1a3"
}

.icon-stumbleupon:before {
    content: "\f1a4"
}

.icon-delicious:before {
    content: "\f1a5"
}

.icon-digg:before {
    content: "\f1a6"
}

.icon-pied-piper-pp:before {
    content: "\f1a7"
}

.icon-pied-piper-alt:before {
    content: "\f1a8"
}

.icon-drupal:before {
    content: "\f1a9"
}

.icon-joomla:before {
    content: "\f1aa"
}

.icon-language:before {
    content: "\f1ab"
}

.icon-fax:before {
    content: "\f1ac"
}

.icon-building:before {
    content: "\f1ad"
}

.icon-child:before {
    content: "\f1ae"
}

.icon-paw:before {
    content: "\f1b0"
}

.icon-spoon:before {
    content: "\f1b1"
}

.icon-cube:before {
    content: "\f1b2"
}

.icon-cubes:before {
    content: "\f1b3"
}

.icon-behance:before {
    content: "\f1b4"
}

.icon-behance-square:before {
    content: "\f1b5"
}

.icon-steam:before {
    content: "\f1b6"
}

.icon-steam-square:before {
    content: "\f1b7"
}

.icon-recycle:before {
    content: "\f1b8"
}

.icon-automobile:before,.icon-car:before {
    content: "\f1b9"
}

.icon-cab:before,.icon-taxi:before {
    content: "\f1ba"
}

.icon-tree:before {
    content: "\f1bb"
}

.icon-spotify:before {
    content: "\f1bc"
}

.icon-deviantart:before {
    content: "\f1bd"
}

.icon-soundcloud:before {
    content: "\f1be"
}

.icon-database:before {
    content: "\f1c0"
}

.icon-file-pdf-o:before {
    content: "\f1c1"
}

.icon-file-word-o:before {
    content: "\f1c2"
}

.icon-file-excel-o:before {
    content: "\f1c3"
}

.icon-file-powerpoint-o:before {
    content: "\f1c4"
}

.icon-file-photo-o:before,.icon-file-picture-o:before,.icon-file-image-o:before {
    content: "\f1c5"
}

.icon-file-zip-o:before,.icon-file-archive-o:before {
    content: "\f1c6"
}

.icon-file-sound-o:before,.icon-file-audio-o:before {
    content: "\f1c7"
}

.icon-file-movie-o:before,.icon-file-video-o:before {
    content: "\f1c8"
}

.icon-file-code-o:before {
    content: "\f1c9"
}

.icon-vine:before {
    content: "\f1ca"
}

.icon-codepen:before {
    content: "\f1cb"
}

.icon-jsfiddle:before {
    content: "\f1cc"
}

.icon-life-bouy:before,.icon-life-buoy:before,.icon-life-saver:before,.icon-support:before,.icon-life-ring:before {
    content: "\f1cd"
}

.icon-circle-o-notch:before {
    content: "\f1ce"
}

.icon-ra:before,.icon-resistance:before,.icon-rebel:before {
    content: "\f1d0"
}

.icon-ge:before,.icon-empire:before {
    content: "\f1d1"
}

.icon-git-square:before {
    content: "\f1d2"
}

.icon-git:before {
    content: "\f1d3"
}

.icon-y-combinator-square:before,.icon-yc-square:before,.icon-hacker-news:before {
    content: "\f1d4"
}

.icon-tencent-weibo:before {
    content: "\f1d5"
}

.icon-qq:before {
    content: "\f1d6"
}

.icon-wechat:before,.icon-weixin:before {
    content: "\f1d7"
}

.icon-send:before,.icon-paper-plane:before {
    content: "\f1d8"
}

.icon-send-o:before,.icon-paper-plane-o:before {
    content: "\f1d9"
}

.icon-history:before {
    content: "\f1da"
}

.icon-circle-thin:before {
    content: "\f1db"
}

.icon-header:before {
    content: "\f1dc"
}

.icon-paragraph:before {
    content: "\f1dd"
}

.icon-sliders:before {
    content: "\f1de"
}

.icon-share-alt:before {
    content: "\f1e0"
}

.icon-share-alt-square:before {
    content: "\f1e1"
}

.icon-bomb:before {
    content: "\f1e2"
}

.icon-soccer-ball-o:before,.icon-futbol-o:before {
    content: "\f1e3"
}

.icon-tty:before {
    content: "\f1e4"
}

.icon-binoculars:before {
    content: "\f1e5"
}

.icon-plug:before {
    content: "\f1e6"
}

.icon-slideshare:before {
    content: "\f1e7"
}

.icon-twitch:before {
    content: "\f1e8"
}

.icon-yelp:before {
    content: "\f1e9"
}

.icon-newspaper-o:before {
    content: "\f1ea"
}

.icon-wifi:before {
    content: "\f1eb"
}

.icon-calculator:before {
    content: "\f1ec"
}

.icon-paypal:before {
    content: "\f1ed"
}

.icon-google-wallet:before {
    content: "\f1ee"
}

.icon-cc-visa:before {
    content: "\f1f0"
}

.icon-cc-mastercard:before {
    content: "\f1f1"
}

.icon-cc-discover:before {
    content: "\f1f2"
}

.icon-cc-amex:before {
    content: "\f1f3"
}

.icon-cc-paypal:before {
    content: "\f1f4"
}

.icon-cc-stripe:before {
    content: "\f1f5"
}

.icon-bell-slash:before {
    content: "\f1f6"
}

.icon-bell-slash-o:before {
    content: "\f1f7"
}

.icon-trash:before {
    content: "\f1f8"
}

.icon-copyright:before {
    content: "\f1f9"
}

.icon-at:before {
    content: "\f1fa"
}

.icon-eyedropper:before {
    content: "\f1fb"
}

.icon-paint-brush:before {
    content: "\f1fc"
}

.icon-birthday-cake:before {
    content: "\f1fd"
}

.icon-area-chart:before {
    content: "\f1fe"
}

.icon-pie-chart:before {
    content: "\f200"
}

.icon-line-chart:before {
    content: "\f201"
}

.icon-lastfm:before {
    content: "\f202"
}

.icon-lastfm-square:before {
    content: "\f203"
}

.icon-toggle-off:before {
    content: "\f204"
}

.icon-toggle-on:before {
    content: "\f205"
}

.icon-bicycle:before {
    content: "\f206"
}

.icon-bus:before {
    content: "\f207"
}

.icon-ioxhost:before {
    content: "\f208"
}

.icon-angellist:before {
    content: "\f209"
}

.icon-cc:before {
    content: "\f20a"
}

.icon-shekel:before,.icon-sheqel:before,.icon-ils:before {
    content: "\f20b"
}

.icon-meanpath:before {
    content: "\f20c"
}

.icon-buysellads:before {
    content: "\f20d"
}

.icon-connectdevelop:before {
    content: "\f20e"
}

.icon-dashcube:before {
    content: "\f210"
}

.icon-forumbee:before {
    content: "\f211"
}

.icon-leanpub:before {
    content: "\f212"
}

.icon-sellsy:before {
    content: "\f213"
}

.icon-shirtsinbulk:before {
    content: "\f214"
}

.icon-simplybuilt:before {
    content: "\f215"
}

.icon-skyatlas:before {
    content: "\f216"
}

.icon-cart-plus:before {
    content: "\f217"
}

.icon-cart-arrow-down:before {
    content: "\f218"
}

.icon-diamond:before {
    content: "\f219"
}

.icon-ship:before {
    content: "\f21a"
}

.icon-user-secret:before {
    content: "\f21b"
}

.icon-motorcycle:before {
    content: "\f21c"
}

.icon-street-view:before {
    content: "\f21d"
}

.icon-heartbeat:before {
    content: "\f21e"
}

.icon-venus:before {
    content: "\f221"
}

.icon-mars:before {
    content: "\f222"
}

.icon-mercury:before {
    content: "\f223"
}

.icon-intersex:before,.icon-transgender:before {
    content: "\f224"
}

.icon-transgender-alt:before {
    content: "\f225"
}

.icon-venus-double:before {
    content: "\f226"
}

.icon-mars-double:before {
    content: "\f227"
}

.icon-venus-mars:before {
    content: "\f228"
}

.icon-mars-stroke:before {
    content: "\f229"
}

.icon-mars-stroke-v:before {
    content: "\f22a"
}

.icon-mars-stroke-h:before {
    content: "\f22b"
}

.icon-neuter:before {
    content: "\f22c"
}

.icon-genderless:before {
    content: "\f22d"
}

.icon-facebook-official:before {
    content: "\f230"
}

.icon-pinterest-p:before {
    content: "\f231"
}

.icon-whatsapp:before {
    content: "\f232"
}

.icon-server:before {
    content: "\f233"
}

.icon-user-plus:before {
    content: "\f234"
}

.icon-user-times:before {
    content: "\f235"
}

.icon-hotel:before,.icon-bed:before {
    content: "\f236"
}

.icon-viacoin:before {
    content: "\f237"
}

.icon-train:before {
    content: "\f238"
}

.icon-subway:before {
    content: "\f239"
}

.icon-medium:before {
    content: "\f23a"
}

.icon-yc:before,.icon-y-combinator:before {
    content: "\f23b"
}

.icon-optin-monster:before {
    content: "\f23c"
}

.icon-opencart:before {
    content: "\f23d"
}

.icon-expeditedssl:before {
    content: "\f23e"
}

.icon-battery-4:before,.icon-battery:before,.icon-battery-full:before {
    content: "\f240"
}

.icon-battery-3:before,.icon-battery-three-quarters:before {
    content: "\f241"
}

.icon-battery-2:before,.icon-battery-half:before {
    content: "\f242"
}

.icon-battery-1:before,.icon-battery-quarter:before {
    content: "\f243"
}

.icon-battery-0:before,.icon-battery-empty:before {
    content: "\f244"
}

.icon-mouse-pointer:before {
    content: "\f245"
}

.icon-i-cursor:before {
    content: "\f246"
}

.icon-object-group:before {
    content: "\f247"
}

.icon-object-ungroup:before {
    content: "\f248"
}

.icon-sticky-note:before {
    content: "\f249"
}

.icon-sticky-note-o:before {
    content: "\f24a"
}

.icon-cc-jcb:before {
    content: "\f24b"
}

.icon-cc-diners-club:before {
    content: "\f24c"
}

.icon-clone:before {
    content: "\f24d"
}

.icon-balance-scale:before {
    content: "\f24e"
}

.icon-hourglass-o:before {
    content: "\f250"
}

.icon-hourglass-1:before,.icon-hourglass-start:before {
    content: "\f251"
}

.icon-hourglass-2:before,.icon-hourglass-half:before {
    content: "\f252"
}

.icon-hourglass-3:before,.icon-hourglass-end:before {
    content: "\f253"
}

.icon-hourglass:before {
    content: "\f254"
}

.icon-hand-grab-o:before,.icon-hand-rock-o:before {
    content: "\f255"
}

.icon-hand-stop-o:before,.icon-hand-paper-o:before {
    content: "\f256"
}

.icon-hand-scissors-o:before {
    content: "\f257"
}

.icon-hand-lizard-o:before {
    content: "\f258"
}

.icon-hand-spock-o:before {
    content: "\f259"
}

.icon-hand-pointer-o:before {
    content: "\f25a"
}

.icon-hand-peace-o:before {
    content: "\f25b"
}

.icon-trademark:before {
    content: "\f25c"
}

.icon-registered:before {
    content: "\f25d"
}

.icon-creative-commons:before {
    content: "\f25e"
}

.icon-gg:before {
    content: "\f260"
}

.icon-gg-circle:before {
    content: "\f261"
}

.icon-tripadvisor:before {
    content: "\f262"
}

.icon-odnoklassniki:before {
    content: "\f263"
}

.icon-odnoklassniki-square:before {
    content: "\f264"
}

.icon-get-pocket:before {
    content: "\f265"
}

.icon-wikipedia-w:before {
    content: "\f266"
}

.icon-safari:before {
    content: "\f267"
}

.icon-chrome:before {
    content: "\f268"
}

.icon-firefox:before {
    content: "\f269"
}

.icon-opera:before {
    content: "\f26a"
}

.icon-internet-explorer:before {
    content: "\f26b"
}

.icon-tv:before,.icon-television:before {
    content: "\f26c"
}

.icon-contao:before {
    content: "\f26d"
}

.icon-500px:before {
    content: "\f26e"
}

.icon-amazon:before {
    content: "\f270"
}

.icon-calendar-plus-o:before {
    content: "\f271"
}

.icon-calendar-minus-o:before {
    content: "\f272"
}

.icon-calendar-times-o:before {
    content: "\f273"
}

.icon-calendar-check-o:before {
    content: "\f274"
}

.icon-industry:before {
    content: "\f275"
}

.icon-map-pin:before {
    content: "\f276"
}

.icon-map-signs:before {
    content: "\f277"
}

.icon-map-o:before {
    content: "\f278"
}

.icon-map:before {
    content: "\f279"
}

.icon-commenting:before {
    content: "\f27a"
}

.icon-commenting-o:before {
    content: "\f27b"
}

.icon-houzz:before {
    content: "\f27c"
}

.icon-vimeo:before {
    content: "\f27d"
}

.icon-black-tie:before {
    content: "\f27e"
}

.icon-fonticons:before {
    content: "\f280"
}

.icon-reddit-alien:before {
    content: "\f281"
}

.icon-edge:before {
    content: "\f282"
}

.icon-credit-card-alt:before {
    content: "\f283"
}

.icon-codiepie:before {
    content: "\f284"
}

.icon-modx:before {
    content: "\f285"
}

.icon-fort-awesome:before {
    content: "\f286"
}

.icon-usb:before {
    content: "\f287"
}

.icon-product-hunt:before {
    content: "\f288"
}

.icon-mixcloud:before {
    content: "\f289"
}

.icon-scribd:before {
    content: "\f28a"
}

.icon-pause-circle:before {
    content: "\f28b"
}

.icon-pause-circle-o:before {
    content: "\f28c"
}

.icon-stop-circle:before {
    content: "\f28d"
}

.icon-stop-circle-o:before {
    content: "\f28e"
}

.icon-shopping-bag:before {
    content: "\f290"
}

.icon-shopping-basket:before {
    content: "\f291"
}

.icon-hashtag:before {
    content: "\f292"
}

.icon-bluetooth:before {
    content: "\f293"
}

.icon-bluetooth-b:before {
    content: "\f294"
}

.icon-percent:before {
    content: "\f295"
}

.icon-gitlab:before {
    content: "\f296"
}

.icon-wpbeginner:before {
    content: "\f297"
}

.icon-wpforms:before {
    content: "\f298"
}

.icon-envira:before {
    content: "\f299"
}

.icon-universal-access:before {
    content: "\f29a"
}

.icon-wheelchair-alt:before {
    content: "\f29b"
}

.icon-question-circle-o:before {
    content: "\f29c"
}

.icon-blind:before {
    content: "\f29d"
}

.icon-audio-description:before {
    content: "\f29e"
}

.icon-volume-control-phone:before {
    content: "\f2a0"
}

.icon-braille:before {
    content: "\f2a1"
}

.icon-assistive-listening-systems:before {
    content: "\f2a2"
}

.icon-asl-interpreting:before,.icon-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.icon-deafness:before,.icon-hard-of-hearing:before,.icon-deaf:before {
    content: "\f2a4"
}

.icon-glide:before {
    content: "\f2a5"
}

.icon-glide-g:before {
    content: "\f2a6"
}

.icon-signing:before,.icon-sign-language:before {
    content: "\f2a7"
}

.icon-low-vision:before {
    content: "\f2a8"
}

.icon-viadeo:before {
    content: "\f2a9"
}

.icon-viadeo-square:before {
    content: "\f2aa"
}

.icon-snapchat:before {
    content: "\f2ab"
}

.icon-snapchat-ghost:before {
    content: "\f2ac"
}

.icon-snapchat-square:before {
    content: "\f2ad"
}

.icon-pied-piper:before {
    content: "\f2ae"
}

.icon-first-order:before {
    content: "\f2b0"
}

.icon-yoast:before {
    content: "\f2b1"
}

.icon-themeisle:before {
    content: "\f2b2"
}

.icon-google-plus-circle:before,.icon-google-plus-official:before {
    content: "\f2b3"
}

.icon-fa:before,.icon-font-awesome:before {
    content: "\f2b4"
}

.icon-handshake-o:before {
    content: "\f2b5"
}

.icon-envelope-open:before {
    content: "\f2b6"
}

.icon-envelope-open-o:before {
    content: "\f2b7"
}

.icon-linode:before {
    content: "\f2b8"
}

.icon-address-book:before {
    content: "\f2b9"
}

.icon-address-book-o:before {
    content: "\f2ba"
}

.icon-vcard:before,.icon-address-card:before {
    content: "\f2bb"
}

.icon-vcard-o:before,.icon-address-card-o:before {
    content: "\f2bc"
}

.icon-user-circle:before {
    content: "\f2bd"
}

.icon-user-circle-o:before {
    content: "\f2be"
}

.icon-user-o:before {
    content: "\f2c0"
}

.icon-id-badge:before {
    content: "\f2c1"
}

.icon-drivers-license:before,.icon-id-card:before {
    content: "\f2c2"
}

.icon-drivers-license-o:before,.icon-id-card-o:before {
    content: "\f2c3"
}

.icon-quora:before {
    content: "\f2c4"
}

.icon-free-code-camp:before {
    content: "\f2c5"
}

.icon-telegram:before {
    content: "\f2c6"
}

.icon-thermometer-4:before,.icon-thermometer:before,.icon-thermometer-full:before {
    content: "\f2c7"
}

.icon-thermometer-3:before,.icon-thermometer-three-quarters:before {
    content: "\f2c8"
}

.icon-thermometer-2:before,.icon-thermometer-half:before {
    content: "\f2c9"
}

.icon-thermometer-1:before,.icon-thermometer-quarter:before {
    content: "\f2ca"
}

.icon-thermometer-0:before,.icon-thermometer-empty:before {
    content: "\f2cb"
}

.icon-shower:before {
    content: "\f2cc"
}

.icon-bathtub:before,.icon-s15:before,.icon-bath:before {
    content: "\f2cd"
}

.icon-podcast:before {
    content: "\f2ce"
}

.icon-window-maximize:before {
    content: "\f2d0"
}

.icon-window-minimize:before {
    content: "\f2d1"
}

.icon-window-restore:before {
    content: "\f2d2"
}

.icon-times-rectangle:before,.icon-window-close:before {
    content: "\f2d3"
}

.icon-times-rectangle-o:before,.icon-window-close-o:before {
    content: "\f2d4"
}

.icon-bandcamp:before {
    content: "\f2d5"
}

.icon-grav:before {
    content: "\f2d6"
}

.icon-etsy:before {
    content: "\f2d7"
}

.icon-imdb:before {
    content: "\f2d8"
}

.icon-ravelry:before {
    content: "\f2d9"
}

.icon-eercast:before {
    content: "\f2da"
}

.icon-microchip:before {
    content: "\f2db"
}

.icon-snowflake-o:before {
    content: "\f2dc"
}

.icon-superpowers:before {
    content: "\f2dd"
}

.icon-wpexplorer:before {
    content: "\f2de"
}

.icon-meetup:before {
    content: "\f2e0"
}

*,*::before,*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track {
    background-color: inherit
}

::-webkit-scrollbar-thumb {
    background-color: #b6b6b6;
    border: 1px solid #fff;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #9d9d9d
}

::-webkit-scrollbar-thumb:active {
    background-color: #838383
}

::selection {
    background: #d7dbf0
}

html {
    background-color: #f6f6f6;
    color: #212121;
    font-size: 15px;
    line-height: 1.5;
    overflow-x: hidden
}

.gitment-comment-main {
    background-color: #fff
}

body {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-overflow-scrolling: touch
}

html,body {
    position: relative;
    min-height: 100%;
    height: 100%
}

.lock {
    overflow: hidden;
    max-height: 100%
}

body,input,button,textarea,select,option {
    font: normal 1em Roboto,"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif
}

body,h1,h2,h3,h4,h5,h6,p,figure,pre,dl,dd,blockquote,button,input {
    margin: 0
}

input,legend,input,textarea,button {
    padding: 0
}

form,fieldset,th,td {
    margin: 0;
    padding: 0
}

ol,ul {
    margin: 12px 0;
    padding: 0 0 0 32px
}

ol.reset,ul.reset {
    margin: 0;
    padding: 0;
    list-style: none
}

ol ol,ol ul,ul ol,ul ul {
    margin-top: 0;
    margin-bottom: 0
}

p {
    margin: 12px 0
}

small {
    font-size: 75%;
    line-height: 1
}

main {
    display: block
}

template {
    display: none
}

img {
    max-width: 100%;
    border: none
}

img,input,button,label {
    vertical-align: middle
}

i {
    font-style: normal
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400
}

h1,.h1 {
    font-size: 44px;
    line-height: 48px
}

h2,.h2 {
    font-size: 34px;
    line-height: 40px
}

h3,.h3 {
    font-size: 24px;
    line-height: 32px
}

h4,.h4 {
    font-size: 20px;
    line-height: 28px
}

h5,.h5 {
    font-size: 16px;
    line-height: 24px
}

h6,.h6 {
    font-size: 12px;
    line-height: 20px
}

input[type="button"],input[type="submit"],input[type="search"],input[type="reset"] {
    cursor: pointer;
    -webkit-appearance: button
}

input:focus,select:focus,button:focus,textarea:focus {
    outline: none
}

textarea {
    resize: none
}

a {
    background-color: transparent;
    background-image: none;
    color: #3f51b5;
    text-decoration: none;
    outline: 0
}

a:hover {
    color: #303f9f;
    text-decoration: underline
}

hr,.hr {
    border: 0;
    border-top: 1px solid #dadada;
    box-sizing: content-box;
    display: block;
    height: 0;
    margin-top: 24px;
    margin-bottom: 24px
}

.fl {
    float: left
}

.fr {
    float: right
}

.tr {
    text-align: right
}

.tc {
    text-align: center
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
    overflow: hidden
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flex-row,.flex-column,.flex-row-vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-row-wrap,.flex-column {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-row>* {
    display: block
}

.flex-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-align-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.flex-align-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.flex-align-around {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.flex-align-between {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.flex-col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

#loading {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 70;
    width: 100%;
    height: 3px;
    background: #ff4081
}

#loading.active {
    -webkit-animation: loading-anim 1s ease-in-out infinite;
    animation: loading-anim 1s ease-in-out infinite
}

@-webkit-keyframes loading-anim {
    to {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
}

@keyframes loading-anim {
    to {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
}

.fade,.fade-scale {
    opacity: 0
}

.fade.in,.fade-scale.in {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.fade {
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.fade-scale {
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    -webkit-transform: translate(10%, 20%) scale(.6);
    transform: translate(10%, 20%) scale(.6)
}

@media screen and (max-width: 480px) {
    .fade,.fade-scale {
        opacity:1;
        -webkit-transform: none;
        transform: none
    }
}

/*!
 * Waves v0.7.4
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0,0,0,0.2);
    background: -webkit-radial-gradient(rgba(0,0,0,0.2) 0,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.5) 60%,rgba(255,255,255,0) 70%);
    background: radial-gradient(rgba(0,0,0,0.2) 0,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.5) 60%,rgba(255,255,255,0) 70%);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255,255,255,0.4);
    background: -webkit-radial-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 70%);
    background: radial-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 70%)
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0,0,0,0.2)
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255,255,255,0.4)
}

.waves-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

.waves-button,.waves-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: rgba(0,0,0,0);
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper.waves-button {
    padding: 0
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    box-shadow: 0 1px 1.5px 1px rgba(0,0,0,0.12);
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.waves-float:active {
    box-shadow: 0 8px 20px 1px rgba(0,0,0,0.3)
}

.waves-block {
    display: block
}

.container,#main {
    position: relative
}

#menu-off {
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

#menu {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 66;
    width: 240px;
    min-height: 100%;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: .4s cubic-bezier(.18, .81, .3, .89);
    transition: .4s cubic-bezier(.18, .81, .3, .89);
    will-change: transform,-webkit-transform
}

#menu.hide {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

#menu.hide #menu-off {
    -webkit-transform: scale(0);
    transform: scale(0)
}

#menu.hide+#main {
    padding-left: 0
}

#menu .inner {
    position: relative;
    height: 100%
}

#menu .brand-wrap {
    background-size: 100% 100%
}

#menu .brand {
    padding: 40px 20px 2em;
    background: rgba(63,81,181,0.5)
}

#menu .avatar {
    display: block;
    width: 80px;
    height: 80px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

#menu .introduce {
    margin: 1em 0 0;
    color: #fff
}

#menu .mail {
    display: inline-block;
    padding-top: 4px;
    color: #c5cae9;
    font-size: 13px
}

#menu .scroll-wrap {
    position: relative;
    overflow-y: auto
}

#menu .nav {
    margin: 0;
    padding: 12px 0;
    height: 300px;
    min-height: calc(100% - 115px);
    list-style: none;
    line-height: 44px
}

#menu .nav li {
    padding: 0 20px
}

#menu .nav li .icon {
    position: absolute;
    top: 0;
    left: 20px;
    line-height: inherit
}

#menu .nav li:hover,#menu .nav li.active {
    background: rgba(0,0,0,0.05)
}

#menu .nav li:hover a,#menu .nav li.active a,#menu .nav li:hover .icon,#menu .nav li.active .icon {
    color: #3f51b5
}

#menu .nav a {
    display: block;
    padding-left: 48px;
    height: 44px;
    line-height: 44px;
    font-weight: 500;
    color: #727272;
    text-decoration: none
}

#main {
    padding-left: 240px;
    min-height: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.body-wrap {
    padding: 30px 0 40px;
    min-height: calc(100vh - 340px)
}

.container {
    width: 960px;
    margin: 0 auto
}

.container:after {
    content: "";
    display: table;
    clear: both
}

.mask {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 88;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.mask.in {
    visibility: visible;
    pointer-events: auto;
    opacity: .3
}

.footer {
    color: rgba(255,255,255,0.6);
    background: #303f9f
}

.footer p {
    margin: 0;
    line-height: 1.6;
    font-size: 13px;
    text-align: center
}

.footer p span:not(:first-child):before {
    content: "·";
    padding: 0 .5em
}

.footer p a {
    border-bottom: 1px dotted rgba(255,255,255,0.5)
}

.footer p a:hover {
    border-bottom: 1px solid rgba(255,255,255,0.7)
}

.footer .top {
    padding: 16px;
    background: #3f51b5
}

.footer a {
    color: inherit;
    opacity: .8
}

.footer a:hover {
    color: #fff;
    text-decoration: none
}

.footer .bottom {
    padding: 16px
}

a[title="站长统计"] {
    display: none
}

@media screen and (max-width: 1240px) {
    #menu-off {
        display:none
    }

    #menu {
        z-index: 99;
        box-shadow: none;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    #menu.show {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    #main {
        padding-left: 0
    }
}

@media screen and (max-width: 1040px) {
    .container {
        width:100%;
        padding: 20px 16px
    }
}

@media screen and (max-width: 760px) {
    #main {
        width:100%;
        overflow-x: hidden
    }

    #menu .brand {
        padding-top: 20px;
        padding-bottom: 1em
    }

    #menu .nav {
        line-height: 36px
    }

    #menu .nav a {
        height: 36px;
        line-height: 36px
    }

    ::-webkit-scrollbar {
        display: none
    }
}

.top-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    color: #fff;
    height: 56px;
    background: #3f51b5;
    -webkit-transition: padding-left .6s ease-in-out,background-color .3s cubic-bezier(.4, 0, .2, 1),box-shadow .15s linear;
    transition: padding-left .6s ease-in-out,background-color .3s cubic-bezier(.4, 0, .2, 1),box-shadow .15s linear;
    z-index: 30
}

.top-header.fixed {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.top-header.fixed .header-title {
    visibility: visible
}

.header-icon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff
}

.header-icon:hover {
    color: #fff
}

.header-title {
    visibility: hidden;
    font-weight: 400;
    line-height: 56px;
    font-size: 16px;
    text-align: center;
    white-space: nowrap
}

.content-header {
    min-height: 210px;
    margin-left: -240px;
    padding: 104px 16px 48px 256px;
    color: #fff;
    background: #3f51b5;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2)
}

.content-header .subtitle {
    padding-top: 6px;
    font-weight: 300;
    color: #c5cae9
}

.content-header .title {
    font-weight: 500
}

.content-header .article-category-list-link {
    color: #ff73a3
}

.post-header .title,.post-header .subtitle {
    display: none
}

.tags-header,.categories-header {
    position: relative;
    z-index: 6;
    padding-bottom: 0 !important
}

@media screen and (max-width: 1240px) {
    .header-title {
        text-align:left
    }
}

@media screen and (max-width: 760px) {
    .content-header {
        margin:0;
        min-height: auto;
        padding: 72px 16px 20px
    }

    .content-header .title {
        font-size: 24px;
        line-height: 30px
    }

    .content-header .subtitle {
        font-size: 14px;
        line-height: 20px
    }

    .post-header .title {
        display: block;
        font-size: 24px;
        line-height: 1.5
    }
}

.post-content pre {
    position: relative;
    overflow-x: auto;
    padding: 20px;
    font-size: 14px;
    line-height: 22.4px;
    background: #f5f5f5;
    color: #4d4d4c
}

.post-content pre code {
    background: none;
    color: #4d4d4c
}

.post-content .highlight {
    position: relative;
    overflow-x: auto;
    padding: 20px;
    font-size: 14px;
    line-height: 22.4px;
    background: #f5f5f5
}

.post-content .highlight pre {
    margin: 0;
    padding: 0
}

.post-content .highlight .line {
    height: 22.4px;
    line-height: 22.4px
}

.post-content .highlight table {
    margin: 0;
    width: auto
}

.post-content .highlight td {
    border: none
}

.post-content .highlight tr,.post-content .highlight td {
    border-collapse: collapse;
    padding: 0;
    margin: 0
}

.post-content .highlight figcaption {
    font-size: .85em;
    color: #8e908c;
    line-height: 1em;
    margin-bottom: 1em
}

.post-content .highlight figcaption a {
    float: right
}

.post-content .highlight .gutter pre {
    color: #727272;
    font-size: .85em;
    text-align: right;
    padding-right: 20px
}

.post-content .gist {
    background: #f5f5f5
}

.post-content .gist tr,.post-content .gist td {
    height: auto
}

.post-content .gist .gist-file {
    border: none;
    font-family: Consolas,Monaco,courier,monospace
}

.post-content .gist .gist-file .highlight {
    margin: 0;
    padding: 0;
    border: none
}

.post-content .gist .gist-data {
    border: none
}

.post-content .gist .gist-data .line-numbers {
    color: #727272;
    font-size: .85em;
    background: none;
    border: none;
    padding: 0 20px 0 0
}

.post-content .gist .gist-data .line-data {
    padding: 0 !important
}

.post-content .gist .gist-meta {
    background: #f5f5f5;
    color: #8e908c;
    font: .85em Consolas,Monaco,courier,monospace
}

.post-content .gist .gist-meta a {
    color: #ff4081;
    font-weight: normal
}

.post-content .gist .gist-meta a:hover {
    text-decoration: underline
}

pre .comment {
    color: #8e908c
}

pre .tag {
    color: #8e908c
}

pre .variable,pre .title,pre .type,pre .regexp,pre .ruby .constant,pre .xml .tag .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .selector-pseudo,pre .css .id,pre .css .class,pre .css .pseudo,pre .tag .name {
    color: #c82829
}

pre .class,pre .number,pre .preprocessor,pre .built_in,pre .literal,pre .params,pre .constant {
    color: #f5871f
}

pre .attribute,pre .label,pre .ruby .class .title,pre .css .rules .attribute,pre .tag .attr {
    color: #718c00
}

pre .string,pre .value,pre .inheritance,pre .header,pre .ruby .symbol,pre .xml .cdata {
    color: #4271ae
}

pre .selector-tag,pre .css .hexcolor,pre .css .tag {
    color: #3e999f
}

pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title {
    color: #4271ae
}

pre .selector-id,pre .selector-class,pre .keyword,pre .javascript .function {
    color: #8959a8
}

@media screen and (max-width: 760px) {
    .post-content .highlight {
        margin-left:-16px;
        margin-right: -16px;
        padding: 20px 16px
    }
}

.post-list {
    padding: 0;
    margin: 0 -12px;
    list-style: none
}

.post-list-item {
    padding: 0 12px;
    margin-bottom: 30px
}

.post-title {
    margin: 0 0 16px
}

.post-title-link {
    color: #3f51b5;
    position: relative;
    display: inline-block
}

.post-title-link::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #3f51b5;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.post-title-link:hover {
    text-decoration: none
}

.post-title-link:hover::after,.post-title-link:active::after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.post-meta {
    margin: 0 0 10px;
    line-height: 14px;
    font-size: 13px;
    font-weight: bold;
    color: #727272;
    overflow: hidden
}

.post-meta>*:not(:first-child):before {
    content: "·";
    padding: 0 .5em
}

.article-category-list {
    position: relative;
    display: inline;
    list-style: none;
    padding: 0
}

.article-category-list * {
    display: inline
}

.article-category-list ul {
    padding-left: 0
}

.article-category-list-child:before {
    content: "›";
    padding: 0 .3em;
    font-size: 120%
}

.article-category-list-link {
    color: #ff4081
}

.article-category-list-link:hover {
    color: #ff4081
}

.article-tag-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 13px
}

.article-tag-list-item {
    display: inline-block;
    margin: 0 8px 8px 0;
    border-radius: 2px
}

.article-tag-list-item:nth-child(n+1) {
    background: #8bc34a
}

.article-tag-list-item:nth-child(n+2) {
    background: #673ab7
}

.article-tag-list-item:nth-child(n+3) {
    background: #ff9800
}

.article-tag-list-item:nth-child(n+4) {
    background: #f44336
}

.article-tag-list-item:nth-child(n+5) {
    background: #00abc0
}

.article-tag-list-item:nth-child(n+6) {
    background: #2196f3
}

.article-tag-list-link {
    display: block;
    padding: 0 16px;
    line-height: 28px;
    color: rgba(255,255,255,0.8);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.article-tag-list-link:hover {
    color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.26)
}

.post-more {
    display: inline-block;
    padding: 0 6px;
    font-weight: 500;
    color: #3f51b5 !important;
    border: none !important;
    border-radius: 3px
}

.post-more:hover,.post-more:active {
    background: #eaecf7
}

#page-nav {
    margin: 30px 0 0;
    text-align: center
}

#page-nav .inner {
    display: inline-block
}

#page-nav a,#page-nav span {
    display: inline-block;
    line-height: 34px;
    padding: 0 1em;
    margin: 0 2px;
    font-size: 14px;
    color: #727272;
    border-radius: 3px;
    overflow: hidden;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

#page-nav a:hover,#page-nav a:active {
    color: #3f51b5;
    background: #dadada
}

#page-nav .current {
    color: #fff;
    background: #3f51b5
}

@media screen and (max-width: 760px) {
    .post-title {
        font-size:20px;
        line-height: 24px
    }

    .post-more {
        height: 28px;
        line-height: 28px;
        font-size: 13px
    }

    .post-list {
        margin: 0 -16px
    }

    .post-list-item {
        padding: 0;
        margin-bottom: 16px
    }
}

#gotop {
    position: fixed;
    right: 16px;
    bottom: 30px;
    z-index: 30;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    background: #ff4081;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: translateX(200%);
    transform: translateX(200%)
}

#gotop:hover,#gotop:active {
    box-shadow: 0 6px 12px rgba(0,0,0,0.2),0 4px 15px rgba(0,0,0,0.2)
}

#gotop.in {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

@media screen and (max-width: 760px) {
    #gotop {
        width:40px;
        height: 40px;
        line-height: 40px
    }
}

.share-icons li {
    display: inline-block
}

.share-icons .icon-square:before {
    display: inline-block;
    text-align: center;
    color: rgba(0,0,0,0);
    border-radius: .2em
}

.share-icons a {
    display: inline-block;
    border-radius: .2em;
    color: #fff;
    text-align: center
}

.share-icons a.weibo {
    background: #E6162D
}

.share-icons a.qq {
    background: #3D95D5
}

.share-icons a.weixin {
    background: #2BAD13
}

.share-icons a.facebook {
    background: #4862A3
}

.share-icons a.twitter {
    background: #55ACEE
}

.share-icons a.google {
    background: #db4437
}

.global-share {
    position: fixed;
    top: 56px;
    right: 56px;
    z-index: 96;
    width: 260px;
    padding: 16px 6px;
    background: #fff;
    border-radius: 3px;
    visibility: hidden;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scale(0);
    transform: scale(0);
    transform-origin: top right;
    -webkit-transform-origin: top right
}

.global-share:hover,.global-share:active {
    box-shadow: 0 6px 12px rgba(0,0,0,0.2),0 4px 15px rgba(0,0,0,0.2)
}

.global-share.in {
    visibility: visible;
    -webkit-transform: none;
    transform: none
}

.global-share .share-icons {
    margin: 0 auto
}

.global-share li {
    width: 80px;
    text-align: center
}

.global-share a {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-size: 1.33333333em
}

.global-share a:after {
    position: absolute;
    bottom: -22px;
    left: 50%;
    content: attr(data-title);
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
    color: #3f51b5;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-share-fab {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #3f51b5;
    background: #eaecf7;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.page-share-fab:hover,.page-share-fab:active {
    box-shadow: 0 6px 12px rgba(0,0,0,0.2),0 4px 15px rgba(0,0,0,0.2)
}

.page-share-wrap {
    position: absolute;
    right: 35px;
    top: -21px;
    z-index: 2
}

.page-share-wrap .page-share {
    visibility: hidden
}

.page-share {
    position: absolute;
    bottom: 48px;
    right: 4px;
    text-align: center;
    width: 34px
}

.page-share.in {
    visibility: visible
}

.page-share.in .share-icons a {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.page-share .share-icons a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 1.33333em;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.page-share .share-icons a:before,.page-share .share-icons a:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.page-share .share-icons a:before {
    content: attr(data-title);
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    line-height: 24px;
    padding: 0 5px;
    border-radius: 3px;
    background: rgba(0,0,0,0.8)
}

.page-share .share-icons a:after {
    content: "";
    border: 6px solid transparent
}

.page-share .share-icons a:hover:before,.page-share .share-icons a:hover:after {
    visibility: visible;
    opacity: 1
}

.page-share .share-icons a:before,.page-share .share-icons a:after {
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.page-share .share-icons a:before {
    left: -15px
}

.page-share .share-icons a:after {
    left: -3px;
    border-left-color: rgba(0,0,0,0.8)
}

.page-share .share-icons a:hover,.page-share .share-icons a:active {
    box-shadow: 0 6px 12px rgba(0,0,0,0.2),0 4px 15px rgba(0,0,0,0.2)
}

.page-share .share-icons a:before {
    content: '分享到' attr(data-title)
}

.page-share .share-icons li {
    margin-bottom: 10px
}

.wx-share p {
    margin: 0 0 15px
}

.wx-share img {
    width: 200px
}

.post-widget {
    float: right;
    width: 20%;
    padding-left: 30px;
    min-height: 1px
}

.post-widget+.post-article {
    float: left;
    width: 80%;
    padding-right: 30px
}

.post-toc-wrap {
    position: fixed;
    overflow-x: hidden;
    width: 20%
}

.post-toc-wrap.fixed {
    top: 76px;
    bottom: 140px;
    overflow-y: auto
}

.post-toc-wrap ol,.post-toc-wrap ul {
    list-style: none;
    margin: 0
}

.post-toc-wrap h4 {
    padding: 0 0 10px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #727272
}

.post-toc-child {
    padding-left: 10px
}

.post-toc {
    display: inline-block;
    padding: 0;
    font-size: 13px
}

.post-toc>.post-toc-item {
    position: relative
}

.post-toc-item {
    font-weight: 400;
    color: #727272
}

.post-toc-item.active>.post-toc-link {
    font-weight: 600;
    color: #3f51b5
}

.post-toc-item.active>.post-toc-link:before {
    background: rgba(0,0,0,0.06)
}

.post-toc-item.active>.post-toc-link:after {
    border-left: 3px solid #3f51b5
}

.post-toc-link {
    position: relative;
    z-index: 2;
    display: block;
    padding: 3px 20px;
    line-height: 1.5rem;
    color: inherit;
    word-break: break-all
}

.post-toc-link:hover {
    opacity: .8
}

.post-toc-link:before,.post-toc-link:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.post-toc-shrink {
    height: 0;
    overflow-y: hidden
}

.post-toc-expand {
    height: auto
}

.post-article .post-content {
    padding-top: 20px
}

.post-card {
    margin-top: -150px;
    min-height: 100px;
    padding: 35px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2)
}

.post-card .post-meta {
    margin-top: 8px
}

.post-card-title {
    font-size: 32px
}

.post-nav {
    margin-top: 30px;
    padding: 16px 0 0
}

.post-nav .prev,.post-nav .next {
    width: 47%;
    background: #f5f5f5
}

.post-nav .next {
    text-align: right
}

.post-nav-link {
    display: block;
    line-height: 2em;
    font-size: 16px;
    padding: 10px 16px
}

.post-nav-link .title {
    position: relative;
    display: inline-block
}

.post-nav-link .title::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #3f51b5;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.post-nav-link .title:hover {
    text-decoration: none
}

.post-nav-link .title:hover::after,.post-nav-link .title:active::after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.post-nav-link .icon {
    vertical-align: -9%
}

.post-nav-link .tips {
    color: #727272
}

.post-copyright {
    margin-bottom: 100px;
    font-size: 14px
}

.post-copyright .content {
    margin-bottom: 1em;
    padding: 20px 30px;
    word-break: break-all;
    color: #727272;
    background: #f1f3fa;
    border-radius: 30px 30px 0
}

.post-copyright footer {
    float: right
}

.post-copyright footer a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 16px 0 42px;
    height: 28px;
    line-height: 28px;
    color: #727272;
    background: #f1f3fa;
    border-radius: 14px
}

.post-copyright footer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%
}

.post-footer {
    position: relative;
    margin: 0 -35px;
    padding: 20px 35px 0;
    border-top: 1px solid #ddd
}

.post-content {
    padding-bottom: 20px;
    line-height: 1.8
}

.post-content>.highlight,.post-content>.image-bubble,.post-content>pre {
    margin-left: -35px;
    margin-right: -35px
}

.post-content>.highlight,.post-content>pre {
    padding: 20px 35px
}

.post-content .image-bubble {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.post-content .image-caption {
    display: inline-block;
    margin-top: 10px;
    color: #727272
}

.post-content .headerlink {
    visibility: hidden;
    margin-left: -1em;
    padding-right: 5px;
    color: #c5cae9
}

.post-content .headerlink:before {
    content: "#"
}

.post-content p {
    word-wrap: break-word
}

.post-content p a,.post-content li a {
    color: #ff4081;
    border-bottom: 1px dotted #ffa6c4;
    word-break: break-all
}

.post-content p a:hover,.post-content li a:hover,.post-content p a:active,.post-content li a:active {
    text-decoration: none;
    border-bottom-style: solid;
    opacity: .7
}

.post-content strong {
    font-weight: 600;
    color: #3f51b5
}

.post-content strong a {
    border-color: #ff4081
}

.post-content em {
    color: #727272
}

.post-content h1 {
    font-size: 24px
}

.post-content h2 {
    font-size: 22px
}

.post-content h3 {
    font-size: 20px
}

.post-content h4 {
    font-size: 18px
}

.post-content h5 {
    font-size: 16px
}

.post-content h6 {
    font-size: 14px
}

.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5 {
    padding-top: 56px;
    margin-top: -56px
}

.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content blockquote,.post-content ol,.post-content p,.post-content pre,.post-content table,.post-content ul,.post-content figure,.post-content .video-container {
    margin-bottom: 20px
}

.post-content .video-container iframe {
    max-width: 100%
}

.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {
    color: #3f51b5
}

.post-content h1:hover .headerlink,.post-content h2:hover .headerlink,.post-content h3:hover .headerlink,.post-content h4:hover .headerlink,.post-content h5:hover .headerlink,.post-content h6:hover .headerlink {
    visibility: visible
}

.post-content blockquote p:first-child,.post-content blockquote:first-child,.post-content ol:first-child,.post-content p:first-child,.post-content pre:first-child,.post-content table:first-child,.post-content ul:first-child,.post-content figure:first-child {
    margin-top: 0
}

.post-content ol,.post-content ul {
    font-size: 14px;
    line-height: 30px
}

.post-content video,.post-content audio {
    max-width: 100%
}

.post-content blockquote {
    position: relative;
    padding: 16px 20px;
    border-left: 4px solid #3f51b5;
    color: #6e6e6e;
    background: #f5f5f5;
    font-size: 14px;
    border-radius: 0 2px 2px 0
}

.post-content blockquote p {
    margin: 0
}

.post-content blockquote footer {
    margin-top: 10px;
    text-align: right;
    font-size: 80%
}

.post-content table {
    width: 100%;
    border: 1px solid #dedede;
    margin: 15px 0;
    border-collapse: collapse
}

.post-content table tr,.post-content table td {
    height: 35px
}

.post-content table thead tr {
    background: #f8f8f8
}

.post-content table tbody tr:hover {
    background: #efefef
}

.post-content table td,.post-content table th {
    border: 1px solid #dedede;
    padding: 0 10px
}

.post-content figure table {
    border: none;
    width: auto;
    margin: 0
}

.post-content figure table tbody tr:hover {
    background: none
}

.post-content figure table tbody td {
    border: none
}

.post-content code,.post-content kbd,.post-content pre,.post-content samp {
    font-family: Consolas,Monaco,courier,monospace
}

.post-content code,.post-content pre {
    background: #f5f5f5
}

.post-content p code,.post-content li code {
    color: #ff4081;
    line-height: 1;
    margin: 0 4px;
    font-size: 80%;
    padding: 3px 5px;
    border: 1px solid #eee;
    border-radius: 2px;
    word-wrap: break-word
}

.post-content pre {
    margin: 24px 0
}

.post-content pre code {
    border-radius: 0;
    font-size: inherit;
    margin: 0;
    padding: 0
}

.comments {
    padding: 40px 0 0
}

@media screen and (max-width: 760px) {
    .post-widget {
        display:none
    }

    .post-article {
        float: none;
        width: 100% !important;
        padding-right: 0 !important
    }

    .post-card {
        position: relative;
        margin: -20px -16px 0;
        border-radius: 0;
        padding: 16px
    }

    .post-card .post-meta {
        margin-top: -40px;
        padding: 20px 12px;
        background: #fff;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,0.16);
        border-radius: 2px
    }

    .post-card-title {
        display: none
    }

    .post-nav {
        padding: 0;
        margin-left: -16px;
        margin-right: -16px
    }

    .post-nav .prev,.post-nav .next {
        width: 50%;
        background: #fff;
        border-bottom: 1px solid #dadada;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
    }

    .post-nav h4 {
        font-size: 16px;
        line-height: 1.5
    }

    .has-jax {
        font-size: 13px
    }

    .MJXc-display {
        overflow-x: auto;
        overflow-y: hidden
    }

    .comments {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (max-width: 480px) {
    .has-jax {
        font-size:10px
    }

    .post-content .highlight,.post-content .image-bubble,.post-content>pre {
        margin-left: -16px;
        margin-right: -16px
    }

    .post-content .highlight,.post-content>pre {
        padding: 16px
    }
}

.archive-separator {
    margin: 35px 0 13px;
    color: #3f51b5;
    font-size: 16px;
    font-weight: bold
}

.archive-separator:first-child {
    margin-top: 10px
}

.article-card {
    padding: 16px 20px 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(151,151,151,0.58)
}

.article-card .post-content {
    word-break: break-all
}

.article-card .post-content .highlight,.article-card .post-content>pre {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px
}

.article-card .post-time {
    line-height: 24px;
    font-weight: bold
}

.article-card .post-footer {
    margin: 0 -20px;
    padding: 12px 20px 8px
}

.archive-article .post-title {
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 16px
}

.waterfall {
    position: relative;
    margin: 0 -10px -20px;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.waterfall.in {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.waterfall-item {
    position: absolute;
    width: 50%;
    padding: 0 10px 20px
}

@media screen and (max-width: 760px) {
    .archive-article {
        display:block;
        margin: 0 -16px;
        padding: 16px 16px 8px;
        border-bottom: 1px solid #dadada
    }

    .archive-article .post-footer {
        border-top: none;
        padding-top: 0;
        padding-bottom: 0
    }

    .article-card {
        border-radius: 0
    }

    .archive-separator {
        margin-top: 16px
    }

    .waterfall {
        margin: 0;
        height: auto !important;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .waterfall-item {
        position: static;
        width: 100%;
        padding: 0
    }
}

@media screen and (max-width: 420px) {
    .archive-article {
        padding:16px 16px 0
    }
}

.page-header {
    text-align: center
}

.page-article .card {
    padding: 20px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(151,151,151,0.58)
}

.page-article .card>*:last-child {
    margin-bottom: 0
}

.page-article .card>*:first-child {
    padding-top: 0;
    margin-top: 0
}

.page-article .card,.page-article .column,.page-article .timeline {
    margin-bottom: 20px
}

.page-content {
    margin-bottom: 30px;
    border-bottom: 2px solid #dadada
}

.page-content>blockquote,.page-content>pre,.page-content img,.page-content>figure {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(151,151,151,0.58)
}

.page-content img {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none
}

.page-content figure,.page-content pre {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.page-content figure {
    padding: 20px !important
}

.page-content>figure,.page-content>pre {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5 {
    text-align: center
}

.page-content .headerlink {
    display: none
}

.page-content .column-2,.page-content .column-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-content .column-2>* {
    width: 48%
}

.page-content .column-3>* {
    width: 31%
}

.page-content .timeline {
    position: relative;
    text-align: center
}

.page-content .timeline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 4px;
    height: 100%;
    margin-left: -2px;
    background: #dadada
}

.page-content .timeline h5 {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-bottom: 15px;
    padding: .5em 2em;
    color: #fff;
    background: #3f51b5;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.page-content .timeline .item {
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    padding: 15px 0;
    text-align: left
}

.page-content .timeline .item>p {
    display: inline-block;
    width: 45%;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(151,151,151,0.58)
}

.page-content .timeline .item>h6 {
    position: absolute;
    top: 50%;
    padding: 3px 8px;
    color: #fff;
    background: #ff4081;
    border-radius: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-content .timeline .item:nth-child(odd) {
    text-align: right
}

.page-content .timeline .item:nth-child(odd)>h6 {
    right: 50%;
    margin-right: 30px
}

.page-content .timeline .item:nth-child(even)>h6 {
    left: 50%;
    margin-left: 30px
}

.page-content .timeline .item:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border: 4px solid #ff4081;
    outline: 2px solid #f6f6f6;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.page-about-me {
    position: relative;
    padding: 30px 35px !important
}

.page-about-me .avatar {
    margin-right: 35px;
    width: 100px;
    height: 100px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.page-about-me .avatar img {
    border-radius: 50%
}

.page-about-me .content {
    color: #444
}

.page-about-me .content p {
    margin-top: 0
}

@media screen and (max-width: 480px) {
    .page-content {
        margin-left:-16px;
        margin-right: -16px
    }

    .page-content .column {
        display: block
    }

    .page-about-me {
        padding: 15px 20px !important
    }

    .page-about-me .avatar {
        margin-right: 20px;
        width: 60px;
        height: 60px
    }
}

.page-modal {
    display: none;
    position: fixed;
    top: 24%;
    left: 50%;
    z-index: 120;
    padding: 30px;
    text-align: center;
    color: #727272;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    opacity: 0;
    -webkit-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%)
}

.page-modal.ready {
    visibility: hidden;
    display: block;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.page-modal.in {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.page-modal .close {
    position: absolute;
    right: 15px;
    top: 15px;
    color: rgba(0,0,0,0.2);
    font-size: 16px;
    line-height: 20px
}

.page-modal .close:hover,.page-modal .close:active {
    color: rgba(0,0,0,0.4)
}

.tabs-bar {
    position: relative;
    padding: 0;
    margin-top: 14px;
    overflow: hidden;
    background: #3f51b5
}

.tabs-bar.expand {
    overflow: visible;
    text-shadow: none
}

.tabs-bar.expand .tags-list {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 16px;
    white-space: normal;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.tabs-bar.expand .tags-list .tags-list-item {
    padding: 6px 1em;
    margin-bottom: 6px;
    color: #727272
}

.tabs-bar.expand .tags-list .tags-list-item:hover {
    opacity: .7;
    text-decoration: underline
}

.tabs-bar.expand .tags-list .tags-list-item:after {
    display: none
}

.tabs-bar.expand .tags-list .tags-list-item.active {
    color: #fff;
    background: #ff4081;
    border-radius: .2em
}

.tags-list {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0 auto;
    list-style: none;
    padding: 0;
    white-space: nowrap;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tags-list-item {
    position: relative;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 12px 1em;
    line-height: 20px;
    color: rgba(255,255,255,0.8);
    border-radius: .2em .2em 0 0
}

.tags-list-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px
}

.tags-list-item.active {
    color: #fff
}

.tags-list-item.active:after {
    background: #ff4081
}

.tags-list-item:hover,.tags-list-item:active {
    color: #fff;
    text-decoration: none
}

.tags-list-more {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 44px;
    padding-left: 1em;
    background: #3f51b5 !important
}

.tags-list-more .action {
    width: 44px;
    height: 44px;
    line-height: 20px;
    border-radius: 50%;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

@media screen and (max-width: 760px) {
    .tabs-bar {
        margin-left:-16px;
        margin-right: -16px;
        padding: 0 0 0 16px;
        width: auto
    }

    .tags-list {
        overflow-x: auto
    }

    .tags-list::-webkit-scrollbar {
        display: none
    }

    .tags-list-more {
        display: none
    }
}

.search-wrap {
    position: relative;
    min-width: 56px
}

.search-wrap.in .search-input {
    width: 320px;
    opacity: 1
}

.search-wrap.in #search {
    color: #c5cae9
}

.search-wrap .search-input {
    position: relative;
    z-index: 2;
    width: 0;
    height: 36px;
    margin: 10px 10px 0 0;
    border: none;
    background: transparent;
    color: #fff;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    opacity: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.search-wrap .search-input::-webkit-input-placeholder {
    color: #c5cae9
}

.search-wrap .header-icon {
    position: absolute;
    top: 0;
    z-index: 3
}

.search-wrap #search {
    right: 0
}

.search-wrap #back {
    display: none;
    left: 0
}

.search-panel {
    position: fixed;
    top: 50px;
    right: 65px;
    z-index: 36;
    width: 400px;
    max-height: 70%;
    overflow-y: auto;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%) scale(.5);
    transform: translateY(-50%) scale(.5);
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.search-panel.in {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none
}

.search-result {
    margin: 0;
    padding: 0
}

.search-result .item {
    line-height: 1.6em;
    border-top: 1px solid #dadada
}

.search-result .item:first-child {
    border-top: none
}

.search-result .item a {
    padding: 10px 20px
}

.search-result .title {
    color: #3f51b5
}

.search-result .title:hover {
    color: #c5cae9
}

.search-result .tags span,.search-result .time {
    font-size: 13px;
    color: #727272
}

.search-result .tags {
    margin-right: 1em
}

.search-result .tags span {
    margin-right: .5em
}

.search-result .time {
    padding-left: 1em
}

.search-result .tips {
    padding: 30px 0;
    text-align: center;
    color: #727272
}

.lock-size {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

@media screen and (max-width: 760px) {
    .search-wrap.in {
        position:absolute;
        top: 0;
        right: 0;
        z-index: 10;
        width: 100%;
        padding: 0 16px 0 56px;
        background: #3f51b5
    }

    .search-wrap.in .search-input {
        width: 100%
    }

    .search-wrap.in #back {
        display: block
    }

    .search-panel {
        z-index: 28;
        top: 56px;
        right: 0;
        width: 100%;
        height: calc(100vh - 56px);
        max-height: calc(100vh - 56px);
        border-radius: 0;
        box-shadow: none
    }
}

.page-reward {
    margin: 60px 0;
    text-align: center
}

.page-reward-btn {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background: #f44336;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.page-reward-btn:hover,.page-reward-btn:active {
    box-shadow: 0 6px 12px rgba(0,0,0,0.2),0 4px 15px rgba(0,0,0,0.2)
}

.page-reward-btn:hover,.page-reward-btn:active {
    color: #fff;
    text-decoration: none
}

.reward-title {
    position: relative;
    padding: 10px 30px
}

.reward-title .icon-quote-left,.reward-title .icon-quote-right {
    position: absolute;
    font-size: 80%;
    color: #999
}

.reward-title .icon-quote-left {
    top: 0;
    left: 0
}

.reward-title .icon-quote-right {
    bottom: 0;
    right: 0
}

.reward-lay {
    max-width: 100%;
    width: 360px
}

.reward-content {
    margin: 20px 0
}

.reward-code {
    width: 200px;
    margin: 0 auto
}

.reward-toggle {
    position: relative;
    display: block;
    width: 120px;
    overflow: hidden;
    margin: 40px auto 0;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.reward-toggle:hover,.reward-toggle:active {
    box-shadow: 0 6px 12px rgba(0,0,0,0.2),0 4px 15px rgba(0,0,0,0.2)
}

.reward-toggle-check {
    position: absolute;
    visibility: hidden
}

.reward-toggle-check:checked+.reward-toggle-ctrol {
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0)
}

.reward-toggle-ctrol {
    display: flex;
    width: 180px;
    height: 30px;
    line-height: 30px;
    background: #eee;
    border-radius: 3px;
    overflow: hidden;
    user-select: none;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out
}

.reward-toggle-item,.reward-toggle-label {
    flex: 0 0 auto;
    width: 60px;
    height: 100%
}

.reward-toggle-item {
    position: relative;
    z-index: 2;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.3)
}

.reward-toggle .alipay {
    background: #1e88e5
}

.reward-toggle .wechat {
    background: #4caf50
}

@media screen and (max-width: 760px) {
    .reward-title {
        font-size:18px
    }
}

@media screen and (max-width: 480px) {
    .reward-lay {
        border-radius:0
    }

    .reward-content {
        margin: 0
    }

    .reward-toggle {
        margin: 20px auto 0
    }
}

.img-lightbox {
    text-align: center
}

.img-lightbox.ready {
    position: relative;
    top: 0;
    left: 0
}

.img-lightbox.ready img {
    position: absolute;
    z-index: 890
}

.img-lightbox.ready img.zoom-in {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.img-lightbox.ready .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 888;
    background: #2f2d2d;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.img-lightbox.ready .overlay-title {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    height: 40px;
    line-height: 40px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.img-lightbox.active img {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.img-lightbox.active .overlay,.img-lightbox.active .overlay-title {
    opacity: 1
}

.img-lightbox.active .overlay-title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.img-lightbox img {
    display: inline;
    margin: 0;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.img-lightbox img:hover {
    will-change: left,top,width,height
}