@charset "utf-8"; /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face { font-family:FontAwesome; src:url(../fonts/fontawesome-webfont.eot?v=4.7.0); src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg'); font-weight:400; font-style:normal } .fa { display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .fa-lg { font-size:1.33333333em; line-height:.75em; vertical-align:-15% } .fa-2x { font-size:2em } .fa-3x { font-size:3em } .fa-4x { font-size:4em } .fa-5x { font-size:5em } .fa-fw { width:1.28571429em; text-align:center } .fa-ul { padding-left:0; margin-left:2.14285714em; list-style-type:none } .fa-ul>li { position:relative } .fa-li { position:absolute; left:-2.14285714em; width:2.14285714em; top:.14285714em; text-align:center } .fa-li.fa-lg { left:-1.85714286em } .fa-border { padding:.2em .25em .15em; border:solid .08em #eee; border-radius:.1em } .fa-pull-left { float:left } .fa-pull-right { float:right } .fa.fa-pull-left { margin-right:.3em } .fa.fa-pull-right { margin-left:.3em } .pull-right { float:right } .pull-left { float:left } .fa.pull-left { margin-right:.3em } .fa.pull-right { margin-left:.3em } .fa-spin { -webkit-animation:fa-spin 2s infinite linear; animation:fa-spin 2s infinite linear } .fa-pulse { -webkit-animation:fa-spin 1s infinite steps(8); animation:fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } .fa-rotate-90 { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) } .fa-rotate-180 { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .fa-rotate-270 { -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg) } .fa-flip-horizontal { -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) } .fa-flip-vertical { -webkit-transform:scale(1,-1); -ms-transform:scale(1,-1); transform:scale(1,-1) } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { filter:none } .fa-stack { position:relative; display:inline-block; width:2em; height:2em; line-height:2em; vertical-align:middle } .fa-stack-1x, .fa-stack-2x { position:absolute; left:0; width:100%; text-align:center } .fa-stack-1x { line-height:inherit } .fa-stack-2x { font-size:2em } .fa-inverse { color:#fff } .fa-glass:before { content:"\f000" } .fa-music:before { content:"\f001" } .fa-search:before { content:"\f002" } .fa-envelope-o:before { content:"\f003" } .fa-heart:before { content:"\f004" } .fa-star:before { content:"\f005" } .fa-star-o:before { content:"\f006" } .fa-user:before { content:"\f007" } .fa-film:before { content:"\f008" } .fa-th-large:before { content:"\f009" } .fa-th:before { content:"\f00a" } .fa-th-list:before { content:"\f00b" } .fa-check:before { content:"\f00c" } .fa-close:before, .fa-remove:before, .fa-times:before { content:"\f00d" } .fa-search-plus:before { content:"\f00e" } .fa-search-minus:before { content:"\f010" } .fa-power-off:before { content:"\f011" } .fa-signal:before { content:"\f012" } .fa-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-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, .fa-bar-chart:before { content:"\f080" } .fa-twitter-square:before { content:"\f081" } .fa-facebook-square:before { content:"\f082" } .fa-camera-retro:before { content:"\f083" } .fa-key:before { content:"\f084" } .fa-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-github-square:before { content:"\f092" } .fa-upload:before { content:"\f093" } .fa-lemon-o:before { content:"\f094" } .fa-phone:before { content:"\f095" } .fa-square-o:before { content:"\f096" } .fa-bookmark-o:before { content:"\f097" } .fa-phone-square:before { content:"\f098" } .fa-twitter:before { content:"\f099" } .fa-facebook-f:before, .fa-facebook:before { content:"\f09a" } .fa-github:before { content:"\f09b" } .fa-unlock:before { content:"\f09c" } .fa-credit-card:before { content:"\f09d" } .fa-feed:before, .fa-rss:before { content:"\f09e" } .fa-hdd-o:before { content:"\f0a0" } .fa-bullhorn:before { content:"\f0a1" } .fa-bell:before { content:"\f0f3" } .fa-certificate:before { content:"\f0a3" } .fa-hand-o-right:before { content:"\f0a4" } .fa-hand-o-left:before { content:"\f0a5" } .fa-hand-o-up:before { content:"\f0a6" } .fa-hand-o-down:before { content:"\f0a7" } .fa-arrow-circle-left:before { content:"\f0a8" } .fa-arrow-circle-right:before { content:"\f0a9" } .fa-arrow-circle-up:before { content:"\f0aa" } .fa-arrow-circle-down:before { content:"\f0ab" } .fa-globe:before { content:"\f0ac" } .fa-wrench:before { content:"\f0ad" } .fa-tasks:before { content:"\f0ae" } .fa-filter:before { content:"\f0b0" } .fa-briefcase:before { content:"\f0b1" } .fa-arrows-alt:before { content:"\f0b2" } .fa-group:before, .fa-users:before { content:"\f0c0" } .fa-chain:before, .fa-link:before { content:"\f0c1" } .fa-cloud:before { content:"\f0c2" } .fa-flask:before { content:"\f0c3" } .fa-cut:before, .fa-scissors:before { content:"\f0c4" } .fa-copy:before, .fa-files-o:before { content:"\f0c5" } .fa-paperclip:before { content:"\f0c6" } .fa-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-github-alt:before { content:"\f113" } .fa-folder-o:before { content:"\f114" } .fa-folder-open-o:before { content:"\f115" } .fa-smile-o:before { content:"\f118" } .fa-frown-o:before { content:"\f119" } .fa-meh-o:before { content:"\f11a" } .fa-gamepad:before { content:"\f11b" } .fa-keyboard-o:before { content:"\f11c" } .fa-flag-o:before { content:"\f11d" } .fa-flag-checkered:before { content:"\f11e" } .fa-terminal:before { content:"\f120" } .fa-code:before { content:"\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content:"\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content:"\f123" } .fa-location-arrow:before { content:"\f124" } .fa-crop:before { content:"\f125" } .fa-code-fork:before { content:"\f126" } .fa-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-gittip:before, .fa-gratipay:before { content:"\f184" } .fa-sun-o:before { content:"\f185" } .fa-moon-o:before { content:"\f186" } .fa-archive:before { content:"\f187" } .fa-bug:before { content:"\f188" } .fa-vk:before { content:"\f189" } .fa-weibo:before { content:"\f18a" } .fa-renren:before { content:"\f18b" } .fa-pagelines:before { content:"\f18c" } .fa-stack-exchange:before { content:"\f18d" } .fa-arrow-circle-o-right:before { content:"\f18e" } .fa-arrow-circle-o-left:before { content:"\f190" } .fa-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-pp:before { content:"\f1a7" } .fa-pied-piper-alt:before { content:"\f1a8" } .fa-drupal:before { content:"\f1a9" } .fa-joomla:before { content:"\f1aa" } .fa-language:before { content:"\f1ab" } .fa-fax:before { content:"\f1ac" } .fa-building:before { content:"\f1ad" } .fa-child:before { content:"\f1ae" } .fa-paw:before { content:"\f1b0" } .fa-spoon:before { content:"\f1b1" } .fa-cube:before { content:"\f1b2" } .fa-cubes:before { content:"\f1b3" } .fa-behance:before { content:"\f1b4" } .fa-behance-square:before { content:"\f1b5" } .fa-steam:before { content:"\f1b6" } .fa-steam-square:before { content:"\f1b7" } .fa-recycle:before { content:"\f1b8" } .fa-automobile:before, .fa-car:before { content:"\f1b9" } .fa-cab:before, .fa-taxi:before { content:"\f1ba" } .fa-tree:before { content:"\f1bb" } .fa-spotify:before { content:"\f1bc" } .fa-deviantart:before { content:"\f1bd" } .fa-soundcloud:before { content:"\f1be" } .fa-database:before { content:"\f1c0" } .fa-file-pdf-o:before { content:"\f1c1" } .fa-file-word-o:before { content:"\f1c2" } .fa-file-excel-o:before { content:"\f1c3" } .fa-file-powerpoint-o:before { content:"\f1c4" } .fa-file-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-buoy: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, .fa-resistance:before { content:"\f1d0" } .fa-empire:before, .fa-ge:before { content:"\f1d1" } .fa-git-square:before { content:"\f1d2" } .fa-git:before { content:"\f1d3" } .fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square: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-futbol-o:before, .fa-soccer-ball-o:before { content:"\f1e3" } .fa-tty:before { content:"\f1e4" } .fa-binoculars:before { content:"\f1e5" } .fa-plug:before { content:"\f1e6" } .fa-slideshare:before { content:"\f1e7" } .fa-twitch:before { content:"\f1e8" } .fa-yelp:before { content:"\f1e9" } .fa-newspaper-o:before { content:"\f1ea" } .fa-wifi:before { content:"\f1eb" } .fa-calculator:before { content:"\f1ec" } .fa-paypal:before { content:"\f1ed" } .fa-google-wallet:before { content:"\f1ee" } .fa-cc-visa:before { content:"\f1f0" } .fa-cc-mastercard:before { content:"\f1f1" } .fa-cc-discover:before { content:"\f1f2" } .fa-cc-amex:before { content:"\f1f3" } .fa-cc-paypal:before { content:"\f1f4" } .fa-cc-stripe:before { content:"\f1f5" } .fa-bell-slash:before { content:"\f1f6" } .fa-bell-slash-o:before { content:"\f1f7" } .fa-trash:before { content:"\f1f8" } .fa-copyright:before { content:"\f1f9" } .fa-at:before { content:"\f1fa" } .fa-eyedropper:before { content:"\f1fb" } .fa-paint-brush:before { content:"\f1fc" } .fa-birthday-cake:before { content:"\f1fd" } .fa-area-chart:before { content:"\f1fe" } .fa-pie-chart:before { content:"\f200" } .fa-line-chart:before { content:"\f201" } .fa-lastfm:before { content:"\f202" } .fa-lastfm-square:before { content:"\f203" } .fa-toggle-off:before { content:"\f204" } .fa-toggle-on:before { content:"\f205" } .fa-bicycle:before { content:"\f206" } .fa-bus:before { content:"\f207" } .fa-ioxhost:before { content:"\f208" } .fa-angellist:before { content:"\f209" } .fa-cc:before { content:"\f20a" } .fa-ils:before, .fa-shekel:before, .fa-sheqel:before { content:"\f20b" } .fa-meanpath:before { content:"\f20c" } .fa-buysellads:before { content:"\f20d" } .fa-connectdevelop:before { content:"\f20e" } .fa-dashcube:before { content:"\f210" } .fa-forumbee:before { content:"\f211" } .fa-leanpub:before { content:"\f212" } .fa-sellsy:before { content:"\f213" } .fa-shirtsinbulk:before { content:"\f214" } .fa-simplybuilt:before { content:"\f215" } .fa-skyatlas:before { content:"\f216" } .fa-cart-plus:before { content:"\f217" } .fa-cart-arrow-down:before { content:"\f218" } .fa-diamond:before { content:"\f219" } .fa-ship:before { content:"\f21a" } .fa-user-secret:before { content:"\f21b" } .fa-motorcycle:before { content:"\f21c" } .fa-street-view:before { content:"\f21d" } .fa-heartbeat:before { content:"\f21e" } .fa-venus:before { content:"\f221" } .fa-mars:before { content:"\f222" } .fa-mercury:before { content:"\f223" } .fa-intersex:before, .fa-transgender:before { content:"\f224" } .fa-transgender-alt:before { content:"\f225" } .fa-venus-double:before { content:"\f226" } .fa-mars-double:before { content:"\f227" } .fa-venus-mars:before { content:"\f228" } .fa-mars-stroke:before { content:"\f229" } .fa-mars-stroke-v:before { content:"\f22a" } .fa-mars-stroke-h:before { content:"\f22b" } .fa-neuter:before { content:"\f22c" } .fa-genderless:before { content:"\f22d" } .fa-facebook-official:before { content:"\f230" } .fa-pinterest-p:before { content:"\f231" } .fa-whatsapp:before { content:"\f232" } .fa-server:before { content:"\f233" } .fa-user-plus:before { content:"\f234" } .fa-user-times:before { content:"\f235" } .fa-bed:before, .fa-hotel:before { content:"\f236" } .fa-viacoin:before { content:"\f237" } .fa-train:before { content:"\f238" } .fa-subway:before { content:"\f239" } .fa-medium:before { content:"\f23a" } .fa-y-combinator:before, .fa-yc:before { content:"\f23b" } .fa-optin-monster:before { content:"\f23c" } .fa-opencart:before { content:"\f23d" } .fa-expeditedssl:before { content:"\f23e" } .fa-battery-4:before, .fa-battery-full:before, .fa-battery:before { content:"\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content:"\f241" } .fa-battery-2:before, .fa-battery-half:before { content:"\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content:"\f243" } .fa-battery-0:before, .fa-battery-empty:before { content:"\f244" } .fa-mouse-pointer:before { content:"\f245" } .fa-i-cursor:before { content:"\f246" } .fa-object-group:before { content:"\f247" } .fa-object-ungroup:before { content:"\f248" } .fa-sticky-note:before { content:"\f249" } .fa-sticky-note-o:before { content:"\f24a" } .fa-cc-jcb:before { content:"\f24b" } .fa-cc-diners-club:before { content:"\f24c" } .fa-clone:before { content:"\f24d" } .fa-balance-scale:before { content:"\f24e" } .fa-hourglass-o:before { content:"\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content:"\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content:"\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content:"\f253" } .fa-hourglass:before { content:"\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content:"\f255" } .fa-hand-paper-o:before, .fa-hand-stop-o:before { content:"\f256" } .fa-hand-scissors-o:before { content:"\f257" } .fa-hand-lizard-o:before { content:"\f258" } .fa-hand-spock-o:before { content:"\f259" } .fa-hand-pointer-o:before { content:"\f25a" } .fa-hand-peace-o:before { content:"\f25b" } .fa-trademark:before { content:"\f25c" } .fa-registered:before { content:"\f25d" } .fa-creative-commons:before { content:"\f25e" } .fa-gg:before { content:"\f260" } .fa-gg-circle:before { content:"\f261" } .fa-tripadvisor:before { content:"\f262" } .fa-odnoklassniki:before { content:"\f263" } .fa-odnoklassniki-square:before { content:"\f264" } .fa-get-pocket:before { content:"\f265" } .fa-wikipedia-w:before { content:"\f266" } .fa-safari:before { content:"\f267" } .fa-chrome:before { content:"\f268" } .fa-firefox:before { content:"\f269" } .fa-opera:before { content:"\f26a" } .fa-internet-explorer:before { content:"\f26b" } .fa-television:before, .fa-tv:before { content:"\f26c" } .fa-contao:before { content:"\f26d" } .fa-500px:before { content:"\f26e" } .fa-amazon:before { content:"\f270" } .fa-calendar-plus-o:before { content:"\f271" } .fa-calendar-minus-o:before { content:"\f272" } .fa-calendar-times-o:before { content:"\f273" } .fa-calendar-check-o:before { content:"\f274" } .fa-industry:before { content:"\f275" } .fa-map-pin:before { content:"\f276" } .fa-map-signs:before { content:"\f277" } .fa-map-o:before { content:"\f278" } .fa-map:before { content:"\f279" } .fa-commenting:before { content:"\f27a" } .fa-commenting-o:before { content:"\f27b" } .fa-houzz:before { content:"\f27c" } .fa-vimeo:before { content:"\f27d" } .fa-black-tie:before { content:"\f27e" } .fa-fonticons:before { content:"\f280" } .fa-reddit-alien:before { content:"\f281" } .fa-edge:before { content:"\f282" } .fa-credit-card-alt:before { content:"\f283" } .fa-codiepie:before { content:"\f284" } .fa-modx:before { content:"\f285" } .fa-fort-awesome:before { content:"\f286" } .fa-usb:before { content:"\f287" } .fa-product-hunt:before { content:"\f288" } .fa-mixcloud:before { content:"\f289" } .fa-scribd:before { content:"\f28a" } .fa-pause-circle:before { content:"\f28b" } .fa-pause-circle-o:before { content:"\f28c" } .fa-stop-circle:before { content:"\f28d" } .fa-stop-circle-o:before { content:"\f28e" } .fa-shopping-bag:before { content:"\f290" } .fa-shopping-basket:before { content:"\f291" } .fa-hashtag:before { content:"\f292" } .fa-bluetooth:before { content:"\f293" } .fa-bluetooth-b:before { content:"\f294" } .fa-percent:before { content:"\f295" } .fa-gitlab:before { content:"\f296" } .fa-wpbeginner:before { content:"\f297" } .fa-wpforms:before { content:"\f298" } .fa-envira:before { content:"\f299" } .fa-universal-access:before { content:"\f29a" } .fa-wheelchair-alt:before { content:"\f29b" } .fa-question-circle-o:before { content:"\f29c" } .fa-blind:before { content:"\f29d" } .fa-audio-description:before { content:"\f29e" } .fa-volume-control-phone:before { content:"\f2a0" } .fa-braille:before { content:"\f2a1" } .fa-assistive-listening-systems:before { content:"\f2a2" } .fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before { content:"\f2a3" } .fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before { content:"\f2a4" } .fa-glide:before { content:"\f2a5" } .fa-glide-g:before { content:"\f2a6" } .fa-sign-language:before, .fa-signing:before { content:"\f2a7" } .fa-low-vision:before { content:"\f2a8" } .fa-viadeo:before { content:"\f2a9" } .fa-viadeo-square:before { content:"\f2aa" } .fa-snapchat:before { content:"\f2ab" } .fa-snapchat-ghost:before { content:"\f2ac" } .fa-snapchat-square:before { content:"\f2ad" } .fa-pied-piper:before { content:"\f2ae" } .fa-first-order:before { content:"\f2b0" } .fa-yoast:before { content:"\f2b1" } .fa-themeisle:before { content:"\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content:"\f2b3" } .fa-fa:before, .fa-font-awesome:before { content:"\f2b4" } .fa-handshake-o:before { content:"\f2b5" } .fa-envelope-open:before { content:"\f2b6" } .fa-envelope-open-o:before { content:"\f2b7" } .fa-linode:before { content:"\f2b8" } .fa-address-book:before { content:"\f2b9" } .fa-address-book-o:before { content:"\f2ba" } .fa-address-card:before, .fa-vcard:before { content:"\f2bb" } .fa-address-card-o:before, .fa-vcard-o:before { content:"\f2bc" } .fa-user-circle:before { content:"\f2bd" } .fa-user-circle-o:before { content:"\f2be" } .fa-user-o:before { content:"\f2c0" } .fa-id-badge:before { content:"\f2c1" } .fa-drivers-license:before, .fa-id-card:before { content:"\f2c2" } .fa-drivers-license-o:before, .fa-id-card-o:before { content:"\f2c3" } .fa-quora:before { content:"\f2c4" } .fa-free-code-camp:before { content:"\f2c5" } .fa-telegram:before { content:"\f2c6" } .fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before { content:"\f2c7" } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content:"\f2c8" } .fa-thermometer-2:before, .fa-thermometer-half:before { content:"\f2c9" } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content:"\f2ca" } .fa-thermometer-0:before, .fa-thermometer-empty:before { content:"\f2cb" } .fa-shower:before { content:"\f2cc" } .fa-bath:before, .fa-bathtub:before, .fa-s15:before { content:"\f2cd" } .fa-podcast:before { content:"\f2ce" } .fa-window-maximize:before { content:"\f2d0" } .fa-window-minimize:before { content:"\f2d1" } .fa-window-restore:before { content:"\f2d2" } .fa-times-rectangle:before, .fa-window-close:before { content:"\f2d3" } .fa-times-rectangle-o:before, .fa-window-close-o:before { content:"\f2d4" } .fa-bandcamp:before { content:"\f2d5" } .fa-grav:before { content:"\f2d6" } .fa-etsy:before { content:"\f2d7" } .fa-imdb:before { content:"\f2d8" } .fa-ravelry:before { content:"\f2d9" } .fa-eercast:before { content:"\f2da" } .fa-microchip:before { content:"\f2db" } .fa-snowflake-o:before { content:"\f2dc" } .fa-superpowers:before { content:"\f2dd" } .fa-wpexplorer:before { content:"\f2de" } .fa-meetup:before { content:"\f2e0" } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 } .sr-only-focusable:active, .sr-only-focusable:focus { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto } body, html { width:100% } body { font-size:14px; line-height:140% } body, div, fieldset, form, h1, h2, h3, h4, h5, h6, img, li, ol, p, table, td, tr, ul { margin:0; padding:0; font-weight:400 } input, select { font-size:12px; vertical-align:middle; border:none } li, ul { list-style-type:none } img { border:0 none } p { margin-bottom:10px } * { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .container { position:relative; margin-right:auto; margin-left:auto } .row { position:relative; margin:0; padding:0 } .clearfix:after, .clearfix:before, .container:after, .container:before, .row:after, .row:before { display:table; content:" "; clear:both } h1 { font-size:36px } h2 { font-size:32px } h3 { font-size:24px } h4 { font-size:18px } h5 { font-size:16px } h6 { font-size:14px } h1, h2, h3, h4, h5, h6 { font-weight:400; margin-bottom:10px } a, button { text-decoration:none; outline:0; -webkit-tap-highlight-color:transparent } button { border:0 } button:hover, input.btn { cursor:pointer } a:active, a:focus, a:hover { text-decoration:none } .text-center { text-align:center } .text-left { text-align:left } .text-right { text-align:right } .text-overflow { width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap } .content { font-size:16px; line-height:30px; word-wrap:break-word; white-space:normal; word-break:break-all } .font-12 { font-size:12px } .font-13 { font-size:13px } .font-14 { font-size:14px } .font-15 { font-size:15px } .font-16 { font-size:16px } .font-18 { font-size:18px } .font-20 { font-size:20px } .font-22 { font-size:22px } .font-24 { font-size:24px } .font-25 { font-size:24px } .font-40 { font-size:40px } .font-bold { font-weight:700 } img { border:0; vertical-align:middle } .img-circle { border-radius:50% } .img-rounded { border-radius:5px } .img-thumbnail { padding:5px; border-radius:5px } .img-responsive { max-width:100% } .img-thumb { width:220px } .content img { display:block; max-width:100% } select { cursor:pointer; border:none; outline:0 } input, textarea { outline:medium none; outline:0; -webkit-tap-highlight-color:transparent } input.btn, input.form-control { outline:0; -webkit-appearance:none } input[type=checkbox] { vertical-align:-2px } .form-control { display:block; width:100%; height:35px; padding:0 10px; font-size:12px; line-height:20px; border-radius:4px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s } textarea.form-control { height:auto; padding:10px } .form-control.verify { width:90px; text-align:center; margin-right:10px; display:inline-block } .pb10 { padding-bottom:10px } .pt10 { padding-top:10px } .pb15 { padding-bottom:15px } .pt15 { padding-top:15px } .pb20 { padding-bottom:20px } .pt20 { padding-top:20px } .pb30 { padding-bottom:30px } .pt30 { padding-top:30px } .mb10 { margin-bottom:10px } .mt10 { margin-top:10px } .mb15 { margin-bottom:15px } .mt15 { margin-top:15px } .mb20 { margin-bottom:20px } .mt20 { margin-top:20px } .mb30 { margin-bottom:30px } .mt30 { margin-top:30px } .spot { display:inline-block; margin-right:5px; width:8px; height:8px; background-color:#fff; border-radius:50%; border:2px solid } .split-line { display:inline-block; margin-left:12px; margin-right:12px; width:1px; height:14px; vertical-align:-2px } .bottom-line, .bottom-line-dot, .top-line, .top-line-dot { position:relative } .top-line-dot:before, .top-line:before { content:" "; position:absolute; left:0; top:0; right:0; width:100%; height:1px } .bottom-line-dot:before, .bottom-line:after { content:" "; position:absolute; left:0; bottom:0; right:0; width:100%; height:1px } .top-line:before { border-top:1px solid } .bottom-line:after { border-bottom:1px solid } .top-line-dot:before { border-top:1px dotted } .bottom-line-dot:before { border-bottom:1px dotted } .border { border:1px solid } .border-2x { border:2px solid } .border-3x { border:3px solid } .border-4x { border:4px solid } .border-5x { border:5px solid } .badge { display:inline-block; margin-right:10px; width:18px; height:18px; text-align:center; line-height:18px; border-radius:2px; font-size:12px } .btn { display:inline-block; padding:8px 30px; font-size:12px } .btn.btn-xs { padding:4px 15px } .btn.btn-sm { padding:6px 20px } .btn.btn-md { padding:8px 25px } .btn.btn-lg { padding:12px 30px } .btn.btn-block { display:block; width:100%; padding-left:5px; padding-right:5px; text-align:center; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap } .btn.disabled { cursor:not-allowed } .nav { position:relative } .nav>li { float:left } .nav>li.active>a { border-bottom:2px solid } .nav-head>li, .nav-tabs>li { margin-top:10px; margin-left:30px } .nav-head>li>a { padding-bottom:8px; font-size:16px } .nav-tabs>li>a { padding-bottom:10px } .nav-tabs>li .dropdown-box { margin-left:-50px; padding-top:0 } .nav-tabs>li .dropdown-box .item { width:100px; text-align:center } .nav-tabs>li .dropdown-box .item li { padding:5px } .nav-tag>li { margin-left:10px } .nav-tag>li>a { display:inline-block; padding:0 10px; height:25px; line-height:23px; font-size:14px; border-radius:20px } .nav-text>li { line-height:30px } .nav-text>li.active>a { color:#f80 } .nav-page { margin-left:10px } .nav-page>li { margin-left:5px } .nav-page>li>a { display:inline-block; font-size:14px; padding:0 6px; height:25px; line-height:23px } .nav-page>li:first-child { margin-left:0 } .nav-page>li:first-child>a { border-radius:4px 0 0 4px } .nav-page>li:last-child>a { border-radius:0 4px 4px 0 } .pic-tag { position:absolute; z-index:99; padding:2px 5px; font-size:12px; border-radius:2px } .pic-tag-top { top:5px; left:5px } .pic-tag-left { bottom:5px; left:5px } .pic-tag-bottom { bottom:5px; right:5px } .pic-tag-right { top:5px; right:5px } .pic-tag-h { left:0; top:0; padding:2px 8px; border-radius:0 0 8px 0 } .pic-tag-lg { padding:4px 10px } .pic-text { display:block; width:100%; position:absolute; z-index:99; bottom:0; left:0; padding:5px 10px; font-size:12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap } .pic-text-silde { padding-bottom:20px; font-size:14px } .pic-text-lg { padding:8px 20px; font-size:14px } .pic-title-top { display:block; width:100%; position:absolute; top:0; left:0; padding:5px 10px 10px; font-size:12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden } .pic-title-bottom { display:block; width:100%; position:absolute; bottom:0; left:0; padding:5px 10px; font-size:12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden } .qrcode-box { display:inline-block; position:relative; margin-bottom:10px } .qrcode-box .icon { position:absolute; top:50%; left:50%; margin-top:-12.5px; margin-left:-12.5px; border-radius:2px; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.1) } .dropdown { position:relative } .dropdown-box { display:none; position:absolute; z-index:99 } .dropdown-box.top { bottom:100%; padding-bottom:10px; left:50%; margin-left:-80px } .dropdown-box.bottom { top:100%; padding-top:10px; left:50%; margin-left:-80px } .dropdown-box.left { left:100%; padding-left:10px; bottom:0 } .dropdown-box.right { right:100%; padding-right:10px; bottom:0 } .dropdown-box .item { padding:10px; width:160px; border-radius:2px } .dropdown-hover { position:relative } .dropdown-hover:hover .dropdown-box { display:block } .open>.dropdown-box { display:block } .myui-layout { position:relative } .myui-panel { position:relative } .myui-panel-box.active { padding:0 } .myui-panel__head { position:relative; height:30px } .myui-panel__head .title { float:left; display:inline-block; margin:0; padding-right:10px; line-height:30px } .myui-panel__head .title img { display:inline-block; width:24px; height:24px; margin-right:10px; vertical-align:-5px } .myui-panel__head .title, .myui-panel__head .title a { font-size:24px } .myui-panel__head .more { line-height:30px } .myui-panel__head .operate { position:relative; padding-bottom:5px } .myui-panel__head .operate.open .dropdown-menu { display:block } .myui-panel__head.active { height:42px } .myui-vodlist__thumb { display:block; position:relative; background-position:50% 50%!important; background-size:cover!important; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,.1) } .myui-vodlist__thumb.picture { background:0 0; overflow:hidden } .myui-vodlist__thumb.picture img { position:absolute; top:0; left:0; width:100%; height:100% } .myui-vodlist__thumb .play { opacity:0; position:absolute; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,.2) url(../img/play.png) center no-repeat; background-color:rgba(0,0,0,.2); -webkit-transition:all ease-out .35s; transition:all ease-out .35s } .myui-vodlist__thumb .play-v { opacity:0; position:absolute; top:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.2); -webkit-transition:all ease-out .35s; transition:all ease-out .35s } .myui-vodlist__thumb .play.active { opacity:1 } .myui-vodlist__thumb:hover .play, .myui-vodlist__thumb:hover .play-v { opacity:1 } .myui-vodlist__detail.active { padding:0 10px 10px } .myui-vodlist__detail .title { margin:10px 0 0; font-size:15px; font-weight:700 } .myui-vodlist__detail .title.active { font-size:16px; margin-bottom:10px } .myui-vodlist__detail .text { min-height:19px; font-size:12px; margin-bottom:0; margin-top:5px } .myui-vodlist__detail .text-title { font-size:14px; line-height:18px; margin:11px 0 0; height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 } .myui-vodlist__text li a { display:block } .myui-vodlist__text.active li a { padding:0 0 15px } .myui-vodlist__text.active li:first-child a { padding-top:0 } .myui-vodlist__text.striped li { padding:10px 0 10px } .myui-vodlist__text.striped li a { display:inline-block; padding:0 } .myui-vodlist__text.striped .striped-head { padding:10px; border-radius:5px } .myui-vodlist__text .striped-head { font-weight:700 } .myui-vodlist__text.to-color li { padding:10px; border-radius:5px } .myui-vodlist__text.to-color li a { padding:0 } .myui-vodlist__text.downlist { padding-top:0 } .myui-vodlist__text.downlist li { padding:10px 0 } .myui-vodlist__text.downlist li .text { line-height:30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap } .myui-vodlist__text.downlist li a { display:inline-block; padding:0 } .myui-vodlist__text.downlist li a.btn { padding:4px 12px; margin-left:10px } .myui-vodlist__media li:first-child { padding-top:0 } .myui-vodlist__media li:last-child { padding-bottom:0 } .myui-vodlist__media .detail, .myui-vodlist__media .thumb { display:table-cell; vertical-align:top } .myui-vodlist__media .detail { width:100%; padding:0 0 0 20px } .myui-vodlist__media .detail .desc { height:40px } .myui-vodlist__media .detail-side { padding:0 10px 0 } .myui-vodlist__media .detail-left { padding:0 20px 0 0 } .myui-vodlist__media .detail h4.title { margin:10px 0 10px; font-size:18px; line-height:25px } .myui-vodlist__media .detail h5.title { font-size:15px; height:38px; line-height:20px } .myui-vodlist__screen { padding:10px 0 5px } .myui-vodlist__screen:first-child { padding-top:0 } .myui-vodlist__screen:last-child { padding-bottom:0 } .myui-vodlist__screen li { float:left; width:25%; margin-bottom:5px } .myui-vodlist__rank li { margin-bottom:10px } .myui-vodlist__rank li:last-child { margin-bottom:0 } .myui-link__text li { float:left; margin-right:15px; margin-bottom:10px } .myui-content__list { position:relative } .myui-content__list li { float:left; padding:10px } .myui-content__list li a { display:block; padding:8px; text-align:center; width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap } .myui-play__list li { float:left } .myui-play__list li a { display:block; padding:8px 0; text-align:center } .myui-article__title { margin:0 0 10px; font-size:24px; line-height:30px; font-weight:700 } .myui-article__sub { margin-bottom:10px; padding-bottom:10px } .myui-article__content { line-height:30px; font-size:16px } .myui-article__content img { display:block; max-width:100% } .myui-screen__list { position:relative } .myui-screen__list li { float:left } .myui-screen__list li a.btn { padding:5px 12px; font-size:14px } .myui-table { position:relative; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse } .myui-table>thead>tr>th { vertical-align:bottom; border-bottom:2px solid } .myui-table>tbody>tr>td, .myui-table>tbody>tr>th, .myui-table>tfoot>tr>td, .myui-table>tfoot>tr>th, .myui-table>thead>tr>td, .myui-table>thead>tr>th { padding:8px; line-height:25px; vertical-align:top; border-bottom:1px solid } .styu-message__list { position:relative; padding:20px 0 } .styu-message__list .avatar { float:left; width:60px } .styu-message__list .data { margin-left:60px } .styu-message__list .data .name { margin:0; font-size:16px } .styu-message__list .data .content { padding:5px 0; line-height:20px; word-wrap:break-word; white-space:normal } .styu-message__list .data .admin, .styu-message__list .data .content { margin:0; font-size:14px } .styu-message__list.child { margin-top:20px; padding-bottom:0 } .myui-page { margin-bottom:30px } .myui-page li { display:inline-block; margin-left:10px } .myui-page li .num, .myui-page li a { padding:5px 15px } .myui-extra { position:fixed; right:50px; bottom:50px } .myui-extra li { position:relative; padding:15px 10px 0 } .myui-extra li a { display:block; width:50px; height:50px; line-height:50px; text-align:center; border-radius:4px; font-size:18px; cursor:pointer } .flickity { position:relative; white-space:nowrap; overflow:hidden } .flickity [class^=col-] { float:none!important; display:inline-block!important } .flickity.dots { padding-bottom:20px } .flickity-enabled { position:relative } .flickity-enabled:focus { outline:0 } .flickity-viewport { position:relative; overflow:hidden; height:100% } .flickity-slider { position:absolute; width:100%; height:100% } .flickity-viewport.is-pointer-down { cursor:-webkit-grabbing; cursor:grabbing } .flickity-prev-next-button { opacity:0; position:absolute; top:50%; width:25px; height:50px; border:none; background-color:rgba(0,0,0,.6); cursor:pointer; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all ease-out .35s; transition:all ease-out .35s } .flickity-prev-next-button.previous { left:0; border-radius:0 6px 6px 0 } .flickity-prev-next-button.next { right:0; border-radius:6px 0 0 6px } .flickity-prev-next-button:disabled { opacity:0; cursor:auto } .flickity-prev-next-button svg { position:absolute; left:20%; top:20%; width:60%; height:60% } .flickity-prev-next-button .arrow { fill:#fff } .flickity-prev-next-button.no-svg { color:#fff; font-size:18px } .flickity-page-dots { position:relative; text-align:center } .flickity-page-dots .dot { display:inline-block; width:15px; height:3px; margin:0 5px; opacity:.25; cursor:pointer } .flickity-page-dots .dot.is-selected { opacity:1 } .flickity:hover .flickity-prev-next-button { opacity:1 } .flickity.active .flickity-prev-next-button { margin-top:-25px } .flickity.center .flickity-prev-next-button.previous { left:0 } .flickity.center .flickity-prev-next-button.next { right:0 } .carousel { position:relative } .carousel-control { position:absolute; z-index:99; top:0; bottom:0; display:block; width:50px; height:100% } .carousel-control.left { left:30px } .carousel-control.right { right:30px } .carousel-control .fa { position:absolute; top:50%; margin-top:-25px; display:block; width:50px; height:50px; text-align:center; font-size:30px; line-height:50px; background-color:rgba(0,0,0,.6); color:#fff; border-radius:50%; opacity:.5 } .carousel-control:hover .fa { opacity:1 } .carousel-indicators { position:absolute; z-index:101 } .carousel-indicators-dots { width:100%; bottom:20px; left:0; text-align:center } .carousel-indicators-dots li { display:inline-block; margin:0 5px; width:15px; height:3px; opacity:.25; cursor:pointer } .carousel-indicators-dots li.active { opacity:1 } .carousel-indicators-text { z-index:2; top:0; bottom:0; right:150px; width:260px; padding:50px 20px; background-color:rgba(32,32,32,.6) } .carousel-indicators-text li { padding:10px 0; border-bottom:1px solid rgba(255,255,255,.1); cursor:pointer } .carousel-indicators-text li:last-child { border-bottom:0 } .carousel-indicators-text li .title { margin:0; color:#ccc } .carousel-indicators-text li .text { margin:0; font-size:12px; color:#999 } .carousel-indicators-thumb { bottom:20px; left:0; width:100%; text-align:center } .carousel-indicators-thumb li { display:inline-block; margin:0 2px; border:3px solid rgba(255,255,255,.6); box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:2px; overflow:hidden } .popup { position:fixed; z-index:1001; overflow-y:scroll; -webkit-overflow-scrolling:touch; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s } .popup.left { left:-100%; top:0 } .popup.right { right:-100%; top:0 } .popup.top { top:-100%; left:0 } .popup.bottom { bottom:-100%; right:0 } .popup-visible.left { left:0 } .popup-visible.right { right:0 } .popup-visible.top { top:0 } .popup-visible.bottom { bottom:0 } .popup-head { position:relative; padding:10px 20px } .popup-body { position:relative; padding:10px } .embed-responsive { position:relative; display:block; overflow:hidden; padding:0; height:0 } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0 } .embed-responsive-16by9 { padding-bottom:56.25% } .embed-responsive-4by3 { padding-bottom:75% } .fade { opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear } .fade.in { opacity:1 } .collapse { display:none } .collapse.in { display:block } .carousel-inner>.item, .tab-content>.tab-pane { display:none } .carousel-inner>.item.active, .tab-content>.tab-pane.active { display:block } .modal-open { overflow:hidden } .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.fade.in { opacity:.5 } .autocomplete-suggestions { position:absolute; top:100%; width:100%; z-index:9999; padding:10px; margin-top:5px; border-radius:4px } .autocomplete-suggestion, .autocomplete-suggestions li { padding:5px 0; cursor:pointer } .autocomplete-suggestion:first-child { border-top:0 } .mobile-share { position:fixed; z-index:999; top:0; bottom:0; left:0; width:100%; height:100%; animation:fade-in; animation-duration:.5s; -webkit-animation:fade-in .5s } .share-weixin { background:url(../img/share_weixin.png) rgba(0,0,0,.8) no-repeat; background-position:right top 10px; background-size:80% } .share-other { background:url(../img/share_other.png) rgba(0,0,0,.8) no-repeat; background-position:center bottom 10px; background-size:80% } .myui-nav__tabbar { display:none } .hidden { overflow:hidden!important } .relative { position:relative } .fixed { position:fixed } .block { display:block!important } .inline-block { display:inline-block!important } .top-fixed-up { margin-top:0!important } .top-fixed { -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s } .pull-left { float:left!important } .pull-right { float:right!important } .margin-0 { margin:0!important } .padding-0 { padding:0!important } .margin-t0 { margin:0!important } .padding-t0 { padding-top:0!important } .margin-b0 { margin-bottom:0!important } .padding-b0 { padding-top:0!important } .radius-0 { border-radius:0!important } .hide, .visible-inline-lg, .visible-inline-md, .visible-inline-mi, .visible-inline-sm, .visible-inline-xs, .visible-lg, .visible-md, .visible-mi, .visible-sm, .visible-xs { display:none!important } .mask { position:fixed; top:0; left:0; bottom:0; z-index:999; width:100%; height:100%; background:rgba(0,0,0,.2); animation:fade-in; animation-duration:.5s; -webkit-animation:fade-in .5s } .fadeInDown { -webkit-animation:fadeInDown .5s .2s ease both; -moz-animation:fadeInDown .5s .2s ease both } @keyframes fade-in { 0% { opacity:0 } 40% { opacity:0 } 100% { opacity:1 } } @-webkit-keyframes fade-in { 0% { opacity:0 } 40% { opacity:0 } 100% { opacity:1 } } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-10px) } 100% { opacity:1; -webkit-transform:translateY(0) } } @-moz-keyframes fadeInDown { 0% { opacity:0; -moz-transform:translateY(-10px) } 100% { opacity:1; -moz-transform:translateY(0) } } .col-lg-1, .col-lg-10, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-pd, .col-sm-1, .col-sm-10, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position:relative; min-height:1px } .col-xs-1, .col-xs-10, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-wide-1, .col-xs-wide-10, .col-xs-wide-15, .col-xs-wide-2, .col-xs-wide-25, .col-xs-wide-3, .col-xs-wide-35, .col-xs-wide-4, .col-xs-wide-45, .col-xs-wide-5, .col-xs-wide-55, .col-xs-wide-6, .col-xs-wide-65, .col-xs-wide-7, .col-xs-wide-75, .col-xs-wide-8, .col-xs-wide-85, .col-xs-wide-9, .col-xs-wide-95 { float:left } .col-xs-10 { width:10% } .col-xs-9 { width:11.1111111% } .col-xs-8 { width:12.5% } .col-xs-7 { width:14.2857143% } .col-xs-6 { width:16.6666667% } .col-xs-5 { width:20% } .col-xs-4 { width:25% } .col-xs-3 { width:33.3333333% } .col-xs-2 { width:50% } .col-xs-1 { width:100% } .col-xs-wide-10 { width:10% } .col-xs-wide-9 { width:90% } .col-xs-wide-8 { width:80% } .col-xs-wide-7 { width:70% } .col-xs-wide-6 { width:60% } .col-xs-wide-5 { width:50% } .col-xs-wide-4 { width:40% } .col-xs-wide-3 { width:30% } .col-xs-wide-2 { width:20% } .col-xs-wide-15 { width:15% } .col-xs-wide-95 { width:95% } .col-xs-wide-85 { width:85% } .col-xs-wide-75 { width:75% } .col-xs-wide-65 { width:65% } .col-xs-wide-55 { width:55% } .col-xs-wide-45 { width:45% } .col-xs-wide-35 { width:35% } .col-xs-wide-25 { width:25% } .img-xs-300 { width:300px } .img-xs-220 { width:220px } .img-xs-190 { width:190px } .img-xs-160 { width:160px } .img-xs-150 { width:150px } .img-xs-140 { width:140px } .img-xs-130 { width:130px } .img-xs-120 { width:120px } .img-xs-110 { width:110px } .img-xs-100 { width:100px } .img-xs-90 { width:90px } .img-xs-80 { width:80px } .img-xs-70 { width:70px } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-wide-1, .col-sm-wide-10, .col-sm-wide-15, .col-sm-wide-2, .col-sm-wide-25, .col-sm-wide-3, .col-sm-wide-35, .col-sm-wide-4, .col-sm-wide-45, .col-sm-wide-5, .col-sm-wide-55, .col-sm-wide-6, .col-sm-wide-65, .col-sm-wide-7, .col-sm-wide-75, .col-sm-wide-8, .col-sm-wide-85, .col-sm-wide-9, .col-sm-wide-95 { float:left } .col-sm-10 { width:10% } .col-sm-9 { width:11.1111111% } .col-sm-8 { width:12.5% } .col-sm-7 { width:14.2857143% } .col-sm-6 { width:16.6666667% } .col-sm-5 { width:20% } .col-sm-4 { width:25% } .col-sm-3 { width:33.3333333% } .col-sm-2 { width:50% } .col-sm-1 { width:100% } .col-sm-wide-10 { width:10% } .col-sm-wide-9 { width:90% } .col-sm-wide-8 { width:80% } .col-sm-wide-7 { width:70% } .col-sm-wide-6 { width:60% } .col-sm-wide-5 { width:50% } .col-sm-wide-4 { width:40% } .col-sm-wide-3 { width:30% } .col-sm-wide-2 { width:20% } .col-sm-wide-15 { width:15% } .col-sm-wide-95 { width:95% } .col-sm-wide-85 { width:85% } .col-sm-wide-75 { width:75% } .col-sm-wide-65 { width:65% } .col-sm-wide-55 { width:55% } .col-sm-wide-45 { width:45% } .col-sm-wide-35 { width:35% } .col-sm-wide-25 { width:25% } .img-sm-300 { width:300px } .img-sm-220 { width:220px } .img-sm-190 { width:190px } .img-sm-160 { width:160px } .img-sm-150 { width:150px } .img-sm-140 { width:140px } .img-sm-130 { width:130px } .img-sm-120 { width:120px } .img-sm-110 { width:110px } .img-sm-100 { width:100px } .img-sm-90 { width:90px } .img-sm-80 { width:80px } .img-sm-70 { width:70px } } @media (min-width:1024px) { .col-md-1, .col-md-10, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-wide-1, .col-md-wide-10, .col-md-wide-15, .col-md-wide-2, .col-md-wide-25, .col-md-wide-3, .col-md-wide-35, .col-md-wide-4, .col-md-wide-45, .col-md-wide-5, .col-md-wide-55, .col-md-wide-6, .col-md-wide-65, .col-md-wide-7, .col-md-wide-75, .col-md-wide-8, .col-md-wide-85, .col-md-wide-9, .col-md-wide-95 { float:left } .col-md-10 { width:10% } .col-md-9 { width:11.1111111% } .col-md-8 { width:12.5% } .col-md-7 { width:14.2857143% } .col-md-6 { width:16.6666667% } .col-md-5 { width:20% } .col-md-4 { width:25% } .col-md-3 { width:33.3333333% } .col-md-2 { width:50% } .col-md-1 { width:100% } .col-md-wide-10 { width:10% } .col-md-wide-9 { width:90% } .col-md-wide-8 { width:80% } .col-md-wide-7 { width:70% } .col-md-wide-6 { width:60% } .col-md-wide-5 { width:50% } .col-md-wide-4 { width:40% } .col-md-wide-3 { width:30% } .col-md-wide-2 { width:20% } .col-md-wide-15 { width:15% } .col-md-wide-95 { width:95% } .col-md-wide-85 { width:85% } .col-md-wide-75 { width:75% } .col-md-wide-65 { width:65% } .col-md-wide-55 { width:55% } .col-md-wide-45 { width:45% } .col-md-wide-35 { width:35% } .col-md-wide-25 { width:25% } .img-md-300 { width:300px } .img-md-220 { width:220px } .img-md-190 { width:190px } .img-md-160 { width:160px } .img-md-150 { width:150px } .img-md-140 { width:140px } .img-md-130 { width:130px } .img-md-120 { width:120px } .img-md-110 { width:110px } .img-md-100 { width:100px } .img-md-90 { width:90px } .img-md-80 { width:80px } .img-md-70 { width:70px } } @media (min-width:1440px) { .col-lg-1, .col-lg-10, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-wide-1, .col-lg-wide-10, .col-lg-wide-15, .col-lg-wide-2, .col-lg-wide-25, .col-lg-wide-3, .col-lg-wide-35, .col-lg-wide-4, .col-lg-wide-45, .col-lg-wide-5, .col-lg-wide-55, .col-lg-wide-6, .col-lg-wide-65, .col-lg-wide-7, .col-lg-wide-75, .col-lg-wide-8, .col-lg-wide-85, .col-lg-wide-9, .col-lg-wide-95 { float:left } .col-lg-10 { width:10% } .col-lg-9 { width:11.1111111% } .col-lg-8 { width:12.5% } .col-lg-7 { width:14.2857143% } .col-lg-6 { width:16.6666667% } .col-lg-5 { width:20% } .col-lg-4 { width:25% } .col-lg-3 { width:33.3333333% } .col-lg-2 { width:50% } .col-lg-1 { width:100% } .col-lg-wide-10 { width:10% } .col-lg-wide-9 { width:90% } .col-lg-wide-8 { width:80% } .col-lg-wide-7 { width:70% } .col-lg-wide-6 { width:60% } .col-lg-wide-5 { width:50% } .col-lg-wide-4 { width:40% } .col-lg-wide-3 { width:30% } .col-lg-wide-2 { width:20% } .col-lg-wide-15 { width:15% } .col-lg-wide-95 { width:95% } .col-lg-wide-85 { width:85% } .col-lg-wide-75 { width:75% } .col-lg-wide-65 { width:65% } .col-lg-wide-55 { width:55% } .col-lg-wide-45 { width:45% } .col-lg-wide-35 { width:35% } .col-lg-wide-25 { width:25% } .img-lg-300 { width:300px } .img-lg-220 { width:220px } .img-lg-190 { width:190px } .img-lg-160 { width:160px } .img-lg-150 { width:150px } .img-lg-140 { width:140px } .img-lg-130 { width:130px } .img-lg-120 { width:120px } .img-lg-110 { width:110px } .img-lg-100 { width:100px } .img-lg-90 { width:90px } .img-lg-80 { width:80px } .img-lg-70 { width:70px } } @media (min-width:1600px) { .visible-lg { display:block!important } .hidden-lg { display:none!important } .visible-inline-lg { display:inline-block!important } .visible-text-lg { visibility:visible!important } .hidden-text-lg { visibility:hidden!important } } @media (max-width:1199px) and (min-width:1023px) { .visible-md { display:block!important } .hidden-md { display:none!important } .visible-inline-md { display:inline-block!important } .visible-text-md { visibility:visible!important } .hidden-text-md { visibility:hidden!important } } @media (max-width:1023px) and (min-width:767px) { .visible-sm { display:block!important } .hidden-sm { display:none!important } .visible-inline-sm { display:inline-block!important } .visible-text-sm { visibility:visible!important } .hidden-text-sm { visibility:hidden!important } } @media (max-width:1023px) { .dropdown-hover:hover .dropdown-box { display:none } .myui-panel__head .more { line-height:35px } .myui-panel__head.active { height:35px } .nav-head>li, .nav-tabs>li { margin-top:8px; margin-left:15px } .nav-tabs.active { height:35px; white-space:nowrap; overflow-y:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch } .nav-tabs.active li { float:none; display:inline-block } .nav-tabs>li .dropdown-box { margin-left:-80px } .myui-screen__list { white-space:nowrap; overflow-y:hidden } .myui-screen__list li { float:none; display:inline-block; margin-bottom:0 } .myui-screen__list li a.btn { font-size:12px; white-space:nowrap } .myui-vodlist__detail .title.active { font-size:14px; margin-bottom:0 } .myui-content__playlist { -webkit-overflow-scrolling:touch } .myui-modal__dialog { width:320px; margin:50px auto } @media (max-width:767px) { .visible-xs { display:block!important } .hidden-xs { display:none!important } .visible-inline-xs { display:inline-block!important } .visible-text-xs { visibility:visible!important } .hidden-text-xs { visibility:hidden!important } body { font-size:12px } h1 { font-size:24px } h2 { font-size:20px } h3 { font-size:18px } h4 { font-size:16px } h5 { font-size:14px } h6 { font-size:12px } .btn { padding:8px 16px } .btn.btn-xs { padding:4px 8px } .btn.btn-sm { padding:6px 12px } .btn.btn-md { padding:8px 16px } .btn.btn-lg { padding:12px 24px } .myui-nav__tabbar { position:fixed; bottom:0; width:100%; padding:5px 0 0; z-index:999; display:-webkit-box; display:-webkit-flex; display:flex; border-top:1px solid } .myui-nav__tabbar .item { display:block; text-align:center; -webkit-box-flex:1; -webkit-flex:1; flex:1 } .myui-nav__tabbar .item .icon { display:block; text-align:center; font-size:20px; line-height:20px } .myui-nav__tabbar .item .icon-img { display:inline-block; margin-top:5px; width:24px; height:24px } .myui-nav__tabbar .item .title { margin:5px 0; font-size:12px } .split-line { height:12px; margin-left:5px; margin-right:5px } .top-line-dot:before, .top-line:before { -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleY(.5); transform:scaleY(.5) } .bottom-line-dot:before, .bottom-line:after { -webkit-transform-origin:0 100%; transform-origin:0 100%; -webkit-transform:scaleY(.5); transform:scaleY(.5) } .myui-panel__head .title, .myui-panel__head .title a { font-size:18px } .myui-vodlist__thumb .tag { padding:0 5px } .myui-vodlist__thumb .silde-title { font-size:12px } .myui-vodlist__detail .title, .myui-vodlist__detail .title.active { margin-bottom:0; font-size:12px } .myui-vodlist__media li .detail.active { padding-left:0; padding-right:10px } .myui-vodlist__media .detail h4.title { margin-top:0; font-size:14px; line-height:18px } .myui-vodlist__text li a { padding:10px 0 } .myui-vodlist__text.downlist li { padding:5px 0 0 } .myui-article__title { font-size:18px } .myui-page li { float:left; width:20%; margin:0; padding:0 5px 0 5px } .myui-page li a { display:block; padding:5px 0; text-align:center } .myui-extra li { padding:8px 0 0 } .myui-extra li a { width:35px; height:35px; line-height:35px; font-size:16px } .flickity-prev-next-button { width:20px; height:40px } .flickity-prev-next-button.previous { border-radius:0 5px 5px 0 } .flickity-prev-next-button.next { border-radius:5px 0 0 5px } .carousel-control { width:30px; height:100% } .carousel-control .fa { margin-top:-15px; display:block; width:30px; height:30px; font-size:20px; line-height:30px } .carousel-control.left { left:10px } .carousel-control.right { right:10px } .m-margin-0 { margin:0!important } .m-padding-0 { padding:0!important } } } body { padding-top:130px } body.active { padding-top:110px } .myui-header__top { position:fixed; top:0; z-index:999; width:100%; background-color:#fff; height:111px; box-shadow:0 2px 5px rgba(0,0,0,.05) } .top-fixed-down { margin-top:-61px } .myui-header__logo, .myui-header__menu { float:left } .myui-header__search { padding:0; width:100%; border-top:1px solid #eee } .myui-header__search .search-hot { line-height:48px } .myui-header__search .search-hot a { display:inline-block; margin-left:20px; color:#666 } .myui-header__search .search-hot span { color:#666 } .myui-header__search li { float:left } .myui-header__search li.search-box { position:relative; width:260px; height:50px } .myui-header__search li.search-box .form-control { height:50px; padding-left:30px; border-radius:0; background:0 0; border:0 } .myui-header__search li.search-box .form-control:focus { border-color:none; -webkit-box-shadow:none } .myui-header__search li.search-box .submit { display:block; position:absolute; top:0; left:10px; height:50px; line-height:50px; text-align:center; background:0 0; border:0; color:#999 } .myui-header__search li.search-box .dropdown-box { margin-left:-130px; padding-top:0 } .myui-header__search li.search-box .dropdown-box .item { width:260px; padding:20px } .myui-header__search li.search-box.search-box:hover .search-dropdown-hot { display:block } .myui-header__search li.search-select { position:relative; margin-top:15px; padding:0 10px 0 15px; border-right:1px solid #eee; cursor:pointer } .myui-header__search li.search-select .dropdown-box { margin-left:-40px; z-index:101 } .myui-header__search li.search-select .dropdown-box .item { width:80px; padding:10px; text-align:center } .myui-header__search li.search-select .dropdown-box .item p { margin:0; padding:5px 0 } .myui-header__search li.search-ul { position:relative; height:50px; padding:15px 20px 0; border-right:1px solid #eee; cursor:pointer } .myui-header__search li.search-ul .fa { font-size:20px } .myui-header__search li.search-ul .dropdown-box { margin-left:-30px; padding-top:0 } .myui-header__search li.search-ul .dropdown-box .item { width:500px } .myui-header__search li.search-ul .dropdown-box .item li { padding:6px } .myui-header__menu { position:relative } .myui-header__menu>li { position:relative; float:left; margin-left:35px } .myui-header__menu>li>a { font-size:15px; line-height:60px; color:#333 } .myui-header__menu>li.active>a { color:#f90!important } .myui-header__user { float:right } .myui-header__user>li { float:left; position:relative; padding:18px 0 10px; margin-left:20px } .myui-header__user>li>a, .myui-header__user>li>a .fa { display:inline-block; font-size:22px; line-height:24px; color:#333 } .myui-header__user>li .dropdown-box { right:0; margin-left:0; margin-right:-120px; padding-top:10px } .myui-header__user>li .dropdown-box .item { width:260px; padding:20px } .myui-header__user>li.menu .dropdown-box { right:0; margin-left:0; margin-right:-40px; padding-top:10px } .myui-header__user>li.menu .dropdown-box .item { width:90px; padding:10px } .myui-header__user>li.menu .dropdown-box .item li { padding:5px 0; text-align:center } .myui-header__top.color { background:0 0; border-bottom:1px solid rgba(255,255,255,.1); box-shadow:none } .myui-header__top.color .myui-header__menu>li>a, .myui-header__top.color .myui-header__search li.search-box .form-control, .myui-header__top.color .myui-header__search li.search-select .text, .myui-header__top.color .myui-header__search li.search-ul .fa, .myui-header__top.color .myui-header__user>li>a, .myui-header__top.color .myui-header__user>li>a .fa { color:#fff } .myui-header__top.color .myui-header__search li.search-select, .myui-header__top.color .myui-header__search li.search-ul { border-right:1px solid rgba(255,255,255,.1) } .myui-header__top.color .myui-header__search { border-top:1px solid rgba(255,255,255,.1) } .myui-header__top.color .myui-header__search .search-hot a { color:#ddd } .myui-content__thumb { float:left } .myui-content__thumb .myui-vodlist__thumb { width:220px } .myui-content__thumb.active .myui-vodlist__thumb { width:150px } .myui-content__detail, .myui-content__operate { float:left; width:calc(100% - 220px); padding-left:20px } .myui-content__detail.active { width:calc(100% - 150px) } .myui-content__detail .title { margin:10px 0 10px; font-size:24px; line-height:30px } .myui-content__detail .title .score { display:inline-block; margin-left:10px; font-family:Georgia,"Times New Roman",Times,serif } .myui-content__detail .data { margin-bottom:10px; line-height:20px; word-wrap:break-word; white-space:normal; word-break:break-all } .myui-content__detail .score { margin-bottom:20px } .myui-content__detail .score .rating { display:inline-block; position:relative; top:5px } .myui-content__detail .score .rating li { cursor:pointer; display:inline-block; margin-right:5px } .myui-content__detail .score .rating li .fa { font-size:24px } .myui-content__detail .score .branch { display:inline-block; font-family:Georgia,"Times New Roman",Times,serif; font-size:24px; line-height:24px } .myui-content__operate { float:left; margin-top:10px } .myui-content__operate .btn { margin-left:10px; margin-bottom:10px } .myui-content__operate .btn:first-child { margin-left:0 } .myui-content__tag a { display:inline-block; line-height:20px; padding:2px 10px; margin-left:5px; border:1px solid rgba(0,0,0,.1); font-size:12px; border-radius:15px } .myui-content__detail .topline { position:relative; margin:0; padding:10px 0 } .myui-player { margin-top:20px; padding-bottom:15px } .myui-player__item { position:relative } .myui-player__item .fixed { position:fixed; z-index:998; right:0; bottom:0; padding:10px; background-color:#fff; box-shadow:0 2px 5px rgba(0,0,0,.1) } .myui-player__item .is-btn { position:absolute; z-index:99; top:50%; right:-12px; margin-top:-30px; display:block; width:12px; text-align:center; height:60px; line-height:60px; font-size:10px; border-radius:0 4px 4px 0; background-color:#404040; color:#999 } .myui-player__item .player-fixed-off { display:none; position:absolute; top:-10px; left:-10px; width:20px; height:20px; text-align:center; line-height:20px; background-color:#fff; border-radius:50%; color:#333; box-shadow:0 2px 5px rgba(0,0,0,.1) } .myui-player__item .tips { position:relative; height:40px; line-height:40px; overflow:hidden; padding:0 20px; color:#fff } .myui-player__operate { padding:20px 10px; display:-webkit-box; display:-webkit-flex; display:flex } .myui-player__operate li { display:block; text-align:center; -webkit-box-flex:1; -webkit-flex:1; flex:1 } .myui-player__detail .title { margin:0 0 10px } .myui-player__detail .detail-content { padding-top:10px } .myui-player__detail .desc { padding-left:42px } .myui-player__detail .desc .left { margin-left:-42px } #player-sidebar::-webkit-scrollbar { width:4px; background-color:#1c1b1e } #player-sidebar::-webkit-scrollbar-thumb { background-color:#434145 } .myui-player__notice { position:absolute; top:50%; left:0; width:100%; margin-top:-65px } .myui-player__notice h3, .myui-player__notice h5, .myui-player__notice p { color:#fff } .myui-player-links { position:relative; top:15px; right:10px } .myui-player-links .btn { position:absolute; top:0; right:-5px; border-radius:0 5px 5px 0 } .myui-newslist li { padding:30px 0 } .myui-newslist li .title { margin:0; font-size:22px; line-height:30px; font-weight:600 } .myui-newslist li .desc { text-indent:2em; margin:0; padding:20px 0; line-height:25px } .myui-newslist__text li .title { margin:0; font-size:15px } .myui-art__nav li { padding:6px 0 } .myui-art__nav li.active a { font-weight:700; color:#f90 } .myui-foot { padding:20px 0 } .myui-foot p { line-height:25px } .mac_pop_bg { position:fixed; z-index:129; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2) } .mac_pop { z-index:99998; display:none; min-height:20px; max-height:750px; position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; padding:25px; z-index:130; border-radius:8px; background-color:#fff; box-shadow:0 3px 18px rgba(0,0,0,.5) } .mac_pop .pop_top { height:40px; width:100%; border-bottom:1px #e5e5e5 solid } .mac_pop .pop_top h2 { float:left; display:block; margin:0; font-size:18px; font-weight:400; font-family:"microsoft yahei" } .mac_pop span.pop_close { float:right; width:23px; height:23px; font-size:0; text-indent:9999; cursor:pointer; font-weight:700; display:block; background:url(../images/home/background.png) -10px 0 no-repeat } .mac_pop .pop-foot { height:50px; line-height:50px; width:100%; border-top:1px #e5e5e5 solid; text-align:right } .mac_pop .pop-cancel, .pop-ok { padding:8px 15px; margin:15px 5px; border:none; border-radius:5px; background-color:#337ab7; color:#fff; cursor:pointer } .mac_pop .pop-cancel { background-color:#fff; border:1px #cecece solid; color:#000 } .mac_pop .pop-content { height:380px } .mac_pop .pop-content-left { float:left } .mac_pop .pop-content-right { width:310px; float:left; padding-top:20px; padding-left:20px; font-size:16px; line-height:35px } .mac_pop .bgPop { display:none; position:absolute; z-index:129; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2) } .mac_pop .pop-msg { text-align:center; font-size:14px } .mac_pop_msg_bg { position:fixed; z-index:129; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2) } .mac_pop_msg { z-index:99999; display:none; min-height:20px; max-height:750px; position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; padding:25px; z-index:130; border-radius:8px; background-color:#fff; box-shadow:0 3px 18px rgba(0,0,0,.5) } .mac_pop_msg .pop-msg { text-align:center; font-size:14px } @media (max-width:1400px) { .myui-header__top { padding:0 20px } .myui-header__search li.search-box { width:180px } .myui-header__menu>li { margin-left:20px } .myui-header__user>li { margin-left:20px } .myui-header__menu>li:hover .head-dropdown, .myui-header__user>li:hover .head-dropdown { display:none } } @media (max-width:767px) { .myui-panel-bg, .myui-vodlist__bg, .myui-vodlist__bg:hover { box-shadow:none } .myui-panel__head .title, .myui-panel__head .title a { font-size:18px } .myui-header__top { padding:0 10px } .myui-header__search { width:100%; margin:0 } .myui-header__search li.search-box { position:absolute; width:100%; left:120px; top:0 } .myui-header__search li.search-box .dropdown-box { margin-left:-180px; padding-top:0 } .myui-header__search li.search-box .dropdown-box .item { width:240px } .myui-header__search li.search-ul .dropdown-box .item { width:300px } .myui-header__menu>li .dropdown-box { margin-left:-150px; padding-top:0 } .myui-header__menu>li .dropdown-box .item { width:300px } .myui-header__user>li { margin-left:15px; padding:15px 0 10px } .myui-header__user>li>a .fa { font-size:20px; line-height:20px } .myui-header__user>li.menu .dropdown-box { margin-right:0 } .myui-header__user>li.hist .dropdown-box { margin-right:-80px } .myui-content__thumb .myui-vodlist__thumb { width:120px } .myui-content__thumb.active .myui-vodlist__thumb { width:120px } .myui-content__detail { float:left; width:calc(100% - 120px) } .myui-content__detail.active { width:calc(100% - 120px) } .myui-content__detail .title { margin:5px 0 8px; font-size:18px; line-height:18px } .myui-content__detail .data { margin:0 0 10px; font-size:12px; line-height:18px; word-wrap:break-word; white-space:normal } .myui-content__detail .topline { padding:5px 0 } .myui-content__thumb.actor { display:none } .myui-content__detail .score { margin-bottom:5px } .myui-content__detail .score .branch { font-size:16px } .myui-content__detail .score .rating { top:0 } .myui-content__detail .score .rating li { margin:0 } .myui-content__detail .score .rating li .fa { font-size:18px } .myui-content__operate { margin-top:20px; width:100%; padding:0; display:-webkit-box; display:-webkit-flex; display:flex } .myui-content__operate .btn { text-align:center; padding:8px; -webkit-box-flex:1; -webkit-flex:1; flex:1 } .myui-player { margin-top:0 } .myui-player__item { padding:0 } .myui-player__detail { margin:0 } .myui-player__detail .data .title { font-size:16px } .myui-player__detail.detail .title { font-size:18px } .myui-player__operate li { margin:0 } .myui-player__operate li .fa { display:block; margin-bottom:5px; font-size:16px } .myui-player-links { top:0; right:0; padding:0 10px } .myui-player-links .btn { height:35px; right:8px } .myui-newslist li .title { font-size:18px; line-height:30px } .myui-art__nav li { display:inline-block; margin-right:10px } .myui-art__nav li.active a { font-weight:700; color:#f90 } }