/*! * Font Awesome 4.5.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.5.0');src:url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} body, div, span, object, input, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } caption { text-align: left; } input, select { vertical-align: middle; font-size: 16px; color: #666; outline: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; } select { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; } fieldset, img { width: 100%; border: 0; } address, code, caption, th, cite, dfn, em, var { font-style: normal; } ol, ul { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } q:before, q:after { content: ""; } legend { display: none; } a { text-decoration: none; } a:hover { /* text-decoration: underline; */ } /* float */ .clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; } .clearfix { zoom: 1; } .clear { clear: both; } html, body { font-family: "榛戜綋"; width: 100%; } .fl { float: left; } .fr { float: right; } /* fontsize */ .f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f21 { font-size: 21px; } .f24 { font-size: 24px; } .f28 { font-size: 28px; } .f26 { font-size: 26px; } .f30 { font-size: 30px; } .f40 { font-size: 40px; } .f50 { font-size: 50px; } .f60 { font-size: 60px; } .fwb { font-weight: bold; } .fwn { font-weight: normal; } /* fontcolor */ .cb { color: #bbb; } .cf { color: #fff; } .c6 { color: #666; } .c9 { color: #999; } .cd { color: #ddd; } .ca { color: #aaa; } .cc { color: #ccc; } .c3e { color: #3e3e3e; } .cf7 { color: #ff777b; } .ce8 { color: #e8b04d; } .cd8 { color: #d84039; } /* bgcolor */ .bgc-f7 { background: #ff777b; } .bgc-c { background: #ccc; } .bgc-e8 { background: #e8b04d; } .bgc-fc { background: #fca592; } .bgc-f4 { background: #f491b0; } .bgc-92 { background: #929afc; } .bgc-83 { background: #83d084; } /* textal */ .tgc { text-align: center; } /* input */ .ipt270-40 { position: relative; display: inline-block; width: 260px; height: 38px; line-height: 38px; border-radius: 3px; border: 1px solid #ddd; outline: none; padding-left: 8px; text-align: left; } .ipt270-40 { *display: inline; } .ipt180-30 { width: 172px; height: 28px; line-height: 28px; border-radius: 3px; border: 1px solid #ddd; padding-left: 8px; font-size: 12px; text-align: left; } .ipt180-40 { width: 170px; height: 38px; line-height: 38px; border-radius: 3px; border: 1px solid #ddd; padding-left: 8px; font-size: 16px; text-align: left; } .ipt140-40 { width: 130px; height: 38px; line-height: 38px; border-radius: 3px; border: 1px solid #ddd; outline: none; padding-left: 8px; text-align: left; } .ipt60-35 { width: 50px; height: 33px; line-height: 33px; border-radius: 3px; border: 1px solid #ddd; outline: none; padding-left: 8px; } .ipt135-35 { width: 133px; line-height: 33px; height: 33px; border-radius: 3px; border: 1px solid #ddd; outline: none; text-indent: 8px; } .ipt220-40 { width: 210px; height: 38px; border-radius: 3px; border: 1px solid #ddd; padding-left: 8px; font-size: 16px; text-align: left; margin-left: 5px; line-height: 38px; } .ipt70-30 { width: 60px; height: 28px; border-radius: 3px; border: 1px solid #ddd; padding-left: 8px; font-size: 12px; text-align: left; line-height: 26px; } /* width */ .w60 { width: 60px; } .w200 { width: 200px; } .w160 { width: 160px; } /* height */ .h40 { height: 40px; } .h30 { height: 30px; } /* btn */ .btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .b90-40 { line-height: 38px; text-align: center; width: 88px; height: 40px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; } .b100-40 { line-height: 38px; text-align: center; width: 98px; height: 40px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; } .b100-30 { line-height: 28px; text-align: center; width: 98px; height: 30px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; } .b120-40 { line-height: 40px; text-align: center; width: 120px; height: 40px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; } .b270-50 { line-height: 50px; text-align: center; width: 270px; height: 50px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; } .b180-40 { line-height: 40px; text-align: center; width: 180px; height: 40px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; vertical-align: middle; } .btnsp { display: inline-block; position: relative; margin: 10px; padding: 0 20px; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px rgba(255, 255, 255, .22); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44); box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } /* checkbox */ input[type="checkbox"] { display: none; } input[type="radio"], input[type="checkbox"] { margin: 0; } .checkbox-label { display: inline-block; height: 16px; padding-left: 20px; cursor: pointer; line-height: 16px; background: url(../Images/radio-init.png) no-repeat left; } .checkbox-label.checked { background: url(../Images/radio-check.png) no-repeat left; } /* radio */ input[type="radio"] { display: none; } .radio-label label { display: inline-block; padding-left: 20px; cursor: pointer; background: url(../Images/radio-init.png) no-repeat left; } .radio-label label { *display: inline; } .radio-label .checked { background: url(../Images/radio-check.png) no-repeat left; } .radio2-label label { padding-left: 20px; cursor: pointer; background: url(../Images/radio2-init.png) no-repeat left; } .radio2-label .checked { background: url(../Images/radio2-check.png) no-repeat left; } .radio3-label label { padding-left: 20px; cursor: pointer; background: url(../Images/radio3-init.png) no-repeat left; } .radio3-label .checked { background: url(../Images/radio3-check.png) no-repeat left; } /*select鍩庡競涓嬫媺*/ /* 鍩庡競涓嬫媺 */ .selectpage { display: inline-block; cursor: pointer; border: 1px solid #ddd; border-radius: 3px; position: relative; color: #ccc; text-align: left; padding-left: 10px; background-image: url(../Images/header.png); background-repeat: no-repeat; } .selectpage:hover { border-color: #e8b04d; } .selectpage.prohibit:hover { border-color: #ddd; } .selectpage .sc-box { background: #fff; position: absolute; display: none; border: 1px solid #e8b04d; } .selectpage ul span { font-size: 14px; color: #666; } .selectpage ul span:hover { color: #ff777b; } /*select*/ .select_box { display: inline-block; width: 268px; height: 38px; border: 1px solid #ddd; border-radius: 3px; line-height: 38px; background-image: url(../Images/header.png); background-repeat: no-repeat; position: relative; text-align: left; vertical-align: middle; } .select_box { *display: inline; } .select_box span { text-indent: 8px; cursor: pointer; display: block; line-height: 38px; width: 100%; overflow: hidden; font-size: 16px; color: #999; } .prohibit { background: #fafafa !important; color: #999 !important; cursor: no-drop !important; } .select_box ul li { cursor: pointer; font-size: 16px; color: #666; } .son_ul { display: none; width: 100%; position: absolute; left: -1px; top: 38px; border: 1px solid #ccc; background: #fff; overflow-x: hidden; overflow-y: auto; max-height: 180px; z-index: 2; } .son_ul li { display: block; line-height: 40px; padding-left: 10px; width: 270px } .select_box ul .hover { background: #e8b04d; color: #fff; } /*棣栭〉header寮€濮�*/ .header { width: 100%; min-width: 1200px; font-size: 14px; height: 90px; position: relative; z-index: 2; } .header .header-wrap { position: relative; margin: 0 auto; width: 1200px; height: 100%; } .header .header-wrap div { float: left; } .header .logo { cursor: pointer; margin-left: 20px; width: 207px; height: 100%; background-image: url(../Images/logo.png); background-repeat: no-repeat; background-position: center center; background-size: 203px 43px; } .header .choose-city { position: absolute; left: 238px; top: 35px; height: 24px; width: 52px; padding-left: 5px; border: 1px solid #ddd; border-radius: 3px; background-image: url(../Images/header.png); background-position: 40px -530px; background-repeat: no-repeat; cursor: pointer; color: #999; } .header .choose-city:hover { border-color: #e8b04d; } .header .sc-box .all { margin-right: 150px; } .header .sc-text { padding-left: 3px; line-height: 24px; } .header .sc-box { position: absolute; left: -15px; top: 35px; width: 215px; /*height: 120px; background-image: url(../Images/header.png); background-repeat: no-repeat; background-position: 0 -118px;*/ padding: 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: 2px 2px 10px #999; -webkit-box-shadow: 2px 2px 10px #999; -ms-box-shadow: 2px 2px 10px #999; -o-box-shadow: 2px 2px 10px #999; } .header .sc-box ul { color: #666; width: 215px; text-align: center; } .header .sc-box li { float: left; height: 24px; min-width: 38px; border-radius: 2px; line-height: 22px; margin: 3px 5px 0 0px; } .header .sc-box li:hover { height: 22px; min-width: 36px; border: 1px solid #f04848; color: #f04848; line-height: 20px; } .header .sc-box .on:hover { color: #fff; border-color: #bbb; } .header .sc-box .on { background: #bbb; color: #fff; } .header .link-container { width: 678px; height: 88px; padding-left: 82px; } .header .menu { margin-top: 36px; } .header .menu li { float: left; text-align: center; padding: 0 11px; height: 26px; line-height: 24px; } .header .menu a { color: #666; } .header .menu li:hover a { color: #ff777b; } .header .menu .nowpg:hover a { color: #fff; text-decoration: none; } .header .menu .nowpg { background: #ff777b; border-radius: 20px; box-shadow: 0px 3px 5px #ff777b; -moz-box-shadow: 0px 3px 5px #ff777b; -webkit-box-shadow: 0px 3px 5px #ff777b; } .header .menu .nowpg a { color: #fff; } .header .loginbox { height: 50px; width: 210px; margin: 35px 0 0 0px; color: #fff; position: relative; z-index: 3; } .header .loginbox.in { color: #3e3e3e; } .header .loginbox.in i { color: #f04848; padding: 0 5px; font-size: 18px; } .header .loginbox.off { background-image: url("../Images/header.png"); background-position: 34px -61px; background-repeat: no-repeat; } .header .loginbox .get { width: auto; position: static; font-weight: 800; } .header .loginbox span { position: absolute; top: 4px; line-height: 20px; } .header .loginbox li a { color: #3e3e3e; display: block; width: 100%; height: 100%; } .header .loginbox li a span { font-size: 12px; } .header .loginbox div { position: absolute; } .header .loginbox li { cursor: pointer; } .header .loginbox li:hover a { color: #ff777b; } .header .loginbox .lgbtn { left: 163px; } .header .loginbox .regbtn { left: 65px; } .header .loginbox .newmsgnum-wrap { width: 70px; height: 40px; left: 0; top: 4px; } .header .loginbox .newmsgnum { cursor: pointer; } .header .loginbox .usernick-wrap { width: 135px; height: 40px; left: 75px; top: 4px; } .header .loginbox .usernick { width: 100%; height: 20px; overflow: hidden; cursor: pointer; } .header .loginbox .newmsgdrop { width: 92px; height: 120px; background: #fff; border: 1px solid #ddd; top: 32px; left: -35px; } .header .loginbox .newmsgdrop:before { content: ''; position: absolute; left: 36px; top: -9px; width: 14px; height: 9px; background-image: url(../Images/header.png); background-repeat: no-repeat; background-position: 0 -110px; } .header .newmsgdrop ul { margin-left: 20px; width: 70px; } .header .newmsgdrop li { width: 100%; text-align: left; line-height: 30px; } .header .loginbox .usernickdrop { width: 105px; height: 212px; background: #fff; border: 1px solid #ddd; top: 32px; left: -12px; } .header .loginbox.in .usernickdrop:before { content: ''; position: absolute; left: 12px; top: -9px; width: 14px; height: 9px; background-image: url(../Images/header.png); background-repeat: no-repeat; background-position: 0 -110px; } .header .usernickdrop ul { margin-left: 25px; width: 75px; } .header .usernickdrop li { width: 100%; text-align: left; line-height: 30px; } .header .connect { position: absolute; right: 20px; top: 5px; font-size: 12px; color: #999; cursor: pointer; } .header .connect span { margin-left: 8px; display: inline-block; vertical-align: top; } .header .connect i { font-size: 14px; vertical-align: bottom; margin-left: 5px; } .header .connect .ewm { position: absolute; right: -15px; top: 15px; width: 169px; height: 178px; background-image: url(../Images/header1.png); background-repeat: no-repeat; background-position: 0 -240px; z-index: 99; } .header .userbox { height: 30px; width: 120px; margin: 35px 0 0 13px; float: none; } /*棣栭〉header缁撴潫*/ /*浜ゅ弸涓績浜岀骇鑿滃崟缁撴潫*/ /*footer-bar3寮€濮�*/ .bar3 { margin-top: 15px; width: 100%; background: #fff; } .bar3view span:first-child { margin-left: 0px; } .bar3view span { margin-left: 15px; } .bar3view i { font-style: normal; color: #d8271c; font-weight: bold; } .bar3view { text-align: center; margin-top: 50px; } .bar3wrap { margin-left: auto; margin-right: auto; margin-top: 35px; width: 1200px; height: 210px; background: url("../Images/footer.png") center; } /*footer-bar3缁撴潫*/ .footer { width: 100%; } .footer a { color: #666; } .footer i { font-size: 14px; } .footer a:hover { color: #ff777b; } .footer .address { width: 100%; min-width: 1200px; background: #fbfbfb; border-top: 1px solid #eee; /*border-bottom: 1px solid #eee;*/ } .footer .address ul { margin: 0 auto; width: 1192px; padding: 25px 4px; } .footer .address li { color: #3e3e3e; float: left; width: 596px; font-size: 12px; } .footer .address .address-item { margin-bottom: 5px; } .footer .service { margin: 15px auto; color: #d8271c; width: 1200px; line-height: 35px; text-align: center; font-size: 30px; } .footer .link { margin: 0 auto; width: 1200px; } .footer .link ul { width: 655px; margin: 0 auto; } .footer .link li { font-size: 14px; width: 80px; float: left; text-align: center; border-right: 1px dotted #d9d9d9; } .footer .link .lastli { border: none; } .footer .contact { width: 1200px; margin: 10px auto 0; padding-bottom: 20px; color: #999; font-size: 12px; } .footer .contact-wrap { margin: 0 auto; width: 630px; } .footer .contact .contact-wrap div { float: left; } .footer .contact .c-l { text-align: right; width: 320px; margin-right: 30px; } .footer .contact .c-r { width: 280px; text-align: left; } .footer .contact li { line-height: 24px; } .footer .contact .report { width: 45px; height: 15px; display: inline-block; background-image: url("../Images/footer.png"); background-position: 0 -359px; vertical-align: middle; margin-right: 3px; } .footer .contact .report { *display: block; } .footer .contact .integrity { width: 22px; height: 17px; display: inline-block; background-image: url("../Images/footer.png"); background-position: 0 -329px; vertical-align: middle; margin-right: 3px; } .footer .contact .integrity { *display: block; } .morelink { margin: 10px auto 0px; padding-bottom: 6px; width: 1000px; text-align: center; font-size: 14px; border-top: solid 1px #eeeeee; color: #ccc; } .morelink p::first-child { margin-top: 0; } .morelink p { margin-top: 10px; } .morelink a { color: #666; margin-right: 10px; } .morelink a:hover { color: #ff777b; } /*footer涓讳綋缁撴潫*/ *.btn-gray{ background-color: #ccc !important; border-color:#ccc !important; color:#fff !important; } /* 鍥炬爣淇敼 */ /*鎻愮ず*/ #warning { position: absolute; font-size: 12px; line-height: 20px; color: #fff; border-radius: 5px; height: 20px; text-align: center; } /* 鎮诞鍔熻兘鏉�*/ #suspend { position: fixed; right: 10px; bottom: 320px; width: 74px; height: 240px; height: 300px; z-index: 100; } #suspend ul { width: 100%; height: 100%; text-align: center; } #suspend li { width: 70px; height: 76px; background: #fff; border-radius: 3px; margin-bottom: 10px; border: 1px solid #eee; cursor: pointer; position: relative; background: #ff777b; color: #fff; } #suspend i { display: block; margin: auto; width: 44px; height: 44px; background-image: url(../Images/suspend.png); margin-top: 5px; } #suspend li .suspend-hint { text-align: center; font-size: 14px; } /*#suspend .suicon1 { background-position: -57px -885px; } #suspend .suicon2 { background-position: -54px -945px; } #suspend .suicon3 { background-position: -57px -1005px; } #suspend .suicon4 { background-position: -55px -1065px; background-repeat: no-repeat; } #suspend .suicon5 { background-position: -54px -837px; background-repeat: no-repeat; }*/ /*#suspend li:hover .suicon1 { background-position: 3px -885px; } #suspend li:hover .suicon2 { background-position: 6px -945px; } #suspend li:hover .suicon3 { background-position: 3px -1005px; } #suspend li:hover .suicon4 { background-position: 5px -1065px; } #suspend li:hover .suicon5 { background-position: 6px -837px; }*/ #suspend li .suicon1 { background-position: 3px -885px; } #suspend li .suicon2 { background-position: 6px -945px; } #suspend li .suicon3 { background-position: 3px -1005px; } #suspend li .suicon2 { height: 40px; margin-top: 9px; } #suspend li .suicon4 { height: 35px; margin-top: 9px; margin-bottom: 5px; background-position: 5px -1065px; } #suspend li .suicon5 { background-position: 6px -837px; } #suspend li div { position: absolute; top: -80px; padding: 1px; } #suspend li:hover { background: #ea6064; } /*#suspend li:hover i { color: #fff; }*/ .ss-jp-ewm { width: 182px; height: 169px; left: -182px; background-image: url(../Images/suspend.png); background-position: 0 0; } .ss-jp-self { width: 165px; height: 214px; left: -165px; background-image: url(../Images/suspend.png); background-position: -265px -432px; background-repeat: no-repeat; } .ss-jp-share { width: 164px; height: 256px; left: -164px; background-image: url(../Images/suspend.png); background-position: -263px -174px; background-repeat: no-repeat; } .ss-jp-self p { font-size: 14px; line-height: 35px; margin-left: 16px; background-image: url(../Images/suspend.png); background-position: -58px -460px; background-repeat: no-repeat; } .ss-jp-self a { color: #999; display: block; text-align: left; padding-left: 24px; } .ss-jp-self p:hover { background-image: url(../Images/suspend.png); background-position: 0px -460px; background-repeat: no-repeat; } .ss-jp-self p:hover a { color: #ff777b; } .ss-jp-share p { font-size: 14px; height: 45px; line-height: 40px; margin-left: 16px; background-image: url(../Images/suspend.png); } .ss-jp-share a { color: #999; display: block; text-align: left; padding-left: 45px; } .ss-jp-share .ss-wb:hover a { color: #f26f74; } .ss-jp-share .ss-wx:hover a { color: #77c14a; } .ss-jp-share .ss-qq:hover a { color: #69c1ef; } .ss-jp-share .ss-kj:hover a { color: #edc20e; } .ss-jp-share .ss-db:hover a { color: #5cc46b; } .ss-jp-share .ss-wb { margin-top: 10px; background-position: 0 -183px; background-repeat: no-repeat; } .ss-jp-share .ss-wx { background-position: 0 -230px; background-repeat: no-repeat; } .ss-jp-share .ss-qq { background-position: 0 -277px; background-repeat: no-repeat; } .ss-jp-share .ss-kj { background-position: 0 -324px; background-repeat: no-repeat; } .ss-jp-share .ss-db { background-position: 0 -371px; background-repeat: no-repeat; } .ss-jp-share .ss-wb:hover { background-position: 0 -514px; background-repeat: no-repeat; } .ss-jp-share .ss-wx:hover { background-position: 0 -561px; background-repeat: no-repeat; } .ss-jp-share .ss-qq:hover { background-position: 0 -608px; background-repeat: no-repeat; } .ss-jp-share .ss-kj:hover { background-position: 0 -655px; background-repeat: no-repeat; } .ss-jp-share .ss-db:hover { background-position: 0 -702px; background-repeat: no-repeat; } /* display */ .opa0 { opacity: 0; } .disnone { display: none; } .disblock { display: block; } .disinblock { display: inline-block; } /* face */ #facebox { background: #fff; padding: 20px; padding-top: 30px; border-radius: 5px; border: 1px solid #ccc; } #facebox table { border-left: 1px solid #ccc; border-top: 1px solid #ccc; } #facebox td { padding: 1px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: pointer; } #facebox td img { width: 30px; } #facebox .close { display: block; width: 18px; height: 18px; text-align: center; position: absolute; right: 3px; top: 2px; cursor: pointer; font-size: 18px; line-height: 18px; color: #666; } /* 鎵撴嫑鍛兼ā鍧� - 鍐呭閮ㄥ垎 */ .hibox li:hover .r-nick { color: #ff777b; } .hibox .r-nick { line-height: 25px; font-size: 18px; overflow: hidden; color: #3e3e3e; height: 25px; } .hibox .nick { display: inline-block; margin-right: 8px; font-size: 16px; overflow: hidden; white-space: nowrap; vertical-align: bottom; } .hibox .nick { *display: inline; } .hibox .watch { font-size: 12px; color: #ff777b; padding-left: 22px; background-image: url("../Images/indexmain.png"); background-position: -297px -24px; cursor: pointer; transition: background-position .5s; -moz-transition: background-position .5s; -webkit-transition: background-position .5s; -o-transition: background-position .5s; vertical-align: bottom; } .hibox .watch.watched { background-position: -297px 0px; background-repeat: no-repeat; } .hibox .r-photo { cursor: pointer; width: 112px; height: 135px; float: left; display: inline-block; overflow: hidden; border: 2px solid #f2f2f2; } .hibox .r-view { width: 250px; float: left; margin-left: 8px; } .hibox .r-view p { width: 240px; overflow: hidden; } .hibox .r-menu { line-height: 20px; color: #aaa; font-size: 14px; margin-top: 3px; height: 20px; overflow: hidden; } .hibox .r-menu span { vertical-align: top; height: 20px; overflow: hidden; margin-right: 15px; } .hibox .r-menu .income { margin: 0; } .hibox .r-int { color: #666; height: 38px; font-size: 14px; margin-top: 8px; line-height: 18px; } .hibox .r-view .r-hi { margin-top: 8px; width: 104px; height: 34px; background-image: url("../Images/indexmain.png"); background-position: 0 -102px; cursor: pointer; } .hibox .r-view .r-hi.hied { background-image: url("../Images/indexmain.png"); background-position: -182px -46px; width: 36px; } .hibox .r-view .r-hi:hover { background-image: url("../Images/indexmain.png"); background-position: 0 -46px; } .hibox .r-view .r-hi.hied:hover { background-image: url("../Images/indexmain.png"); background-position: -182px -46px; } /* 寰崥img鏀惧ぇ */ #wbimgzoom { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .5); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#96000000, endColorstr=#96000000); z-index: 101; } .wbimgzoom-wrap { margin: 40px auto; position: relative; } #wbimgzoom img { width: auto; } #wbimgzoom .close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../Images/remove.png) no-repeat; cursor: pointer; } #wbimgzoom .close:hover { background: url(../Images/remove-hover.png)no-repeat; } #wbimgzoom .fullphotos { margin: 0 auto; width: 100%; height: 100%; position: relative; overflow: hidden; } #wbimgzoom .fullphotos div { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; } #wbimgzoom .btn { top: 0; position: absolute; height: 100%; width: 49%; z-index: 3; } #wbimgzoom .btn span { position: absolute; width: 24px; height: 32px; display: none; background: url(../Images/turn.png) no-repeat; top: 50%; margin-top: -16px; } #wbimgzoom .wbimgzoom-wrap:hover span { display: block; } #wbimgzoom .priv:hover span { background-position: 0 0px; } #wbimgzoom .next:hover span { background-position: -40px 0px; } #wbimgzoom .priv { left: 0; } #wbimgzoom .priv span { left: 20px; background-position: 0 -36px; } #wbimgzoom .next { right: 0; } #wbimgzoom .next span { right: 20px; background-position: -40px -36px; } /* 娲诲姩鎶ュ悕妯″潡 - 璺崇獥閮ㄥ垎 */ .jpbox-sign-wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .5); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#96000000, endColorstr=#96000000); z-index: 10100; } .jpbox-sign { width: 448px; height: 508px; background: url("../Images/signbg.png") no-repeat center; border-radius: 25px; left: 50%; top: 50%; margin-left: -224px; margin-top: -254px; position: relative; } .jpbox-sign-close { width: 44px; height: 44px; position: absolute; right: 0; top: 0; background: url(../Images/lgico-close.png) no-repeat center; cursor: pointer; } .jpbox-sign-main { position: relative; left: 0; top: 95px; } .jpbox-sign-main .tit { width: 74px; height: 74px; border: 1px solid #ddd; border-radius: 50%; position: relative; margin: 0 auto; overflow: hidden; } .jpbox-sign-main .sign-wrap { position: relative; margin: 15px 0 0 83px; width: 240px; text-align: right; } .jpbox-sign-main .sign-wrap span { font-size: 14px; color: #666; margin-right: 8px; } .jpbox-sign-main .s-age { display: inline-block; } .jpbox-sign-main .s-age { *display: inline; } .jpbox-sign-main .s-sex { display: inline-block; margin-left: 18px; } .jpbox-sign-main .s-sex { *display: inline; } .jpbox-sign-main .s-l2 { margin-top: 20px; } .jpbox-sign-main .s-sex label { margin-left: 13px; color: #666; font-size: 14px; } .jpbox-sign-main .s-mobile { margin-top: 20px; } .jpbox-sign-main .s-cknum { margin-top: 20px; } .jpbox-sign-main .s-cknum .b100-30 { margin-left: 14px; background: #ff777b; font-size: 14px; color: #fff; } .jpbox-sign-main .submit { margin-top: 25px; } .jpbox-sign-main .submit input { background-color: #ff777b; color: #fff; font-size: 18px; } .jpbox-sign-main .ipt70-30 { padding: 0 4px; } /* 鎵撴嫑鍛兼ā鍧� - 璺崇獥閮ㄥ垎 */ .jpbox-hi-wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .5); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#96000000, endColorstr=#96000000); z-index: 9999; } .jpbox-hi { width: 648px; height: 468px; background: url("../Images/hibg.png") no-repeat center; border-radius: 25px; left: 50%; top: 50%; margin-left: -324px; margin-top: -234px; z-index: 101; position: relative; } .jpbox-hi-close { width: 44px; height: 44px; position: absolute; right: 0; top: 0; background: url(../Images/hiico-close.png) no-repeat center; cursor: pointer; } .jpbox-hi-tit { position: absolute; left: 60px; top: 25px; height: 59px; width: 528px; } .jpbox-hi-tit li { float: left; width: 20%; text-align: center; line-height: 59px; cursor: pointer; color: #fff; position: relative; } .jpbox-hi-tit .active:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); background: url("../Images/lichoseed.png") no-repeat; width: 22px; height: 11px; } .jpbox-hi-main { position: absolute; left: 25px; top: 104px; height: 270px; width: 599px; } .jpbox-hi-main label { display: block; margin-left: 15px; height: 54px; line-height: 54px; padding-left: 15px; background: url("../Images/labelchecked.png") no-repeat; background-position: 14px 21px; background-size: 16px 16px; } .jpbox-hi-main .checked { background: url("../Images/labelchecked2.png") no-repeat; background-size: 508px 54px; background-position: 0 3px; } .jpbox-hi-main label .checkpoint { height: 16px; width: 16px; opacity: 0; } .jpbox-hi-main label .checktext { font-size: 12px; margin-left: 30px; width: 420px; height: 42px; border: none; line-height: 40px; background-color: transparent; float: left; margin-top: 8px; } .jpbox-hi-main label span { display: inline-block; margin-left: 8px; font-size: 14px; font-weight: 100; line-height: 55px; } .jpbox-hi-main .jpbox-hi-def { float: right; margin-right: 15px; color: #e8b04d; font-size: 14px; display: none; cursor: pointer; } .jpbox-hi-ctrl { position: absolute; top: 375px; left: 25px; width: 599px; height: 60px; } .jpbox-hi-ctrlb1 { position: absolute; left: 48px; top: 25px; display: inline-block; width: 66px; height: 16px; background: url("../Images/changeteam.png") no-repeat; cursor: pointer; } .jpbox-hi-ctrlb2 { position: absolute; left: 410px; top: 10px; display: inline-block; width: 120px; height: 40px; background-image: url("../Images/indexmain.png"); background-position: 0 -102px; cursor: pointer; } .jpbox-hi-ctrlb2.hied { background-image: url("../Images/indexmain.png"); background-position: -182px -46px; } .jpbox-hi-ctrlb2:hover { background-image: url("../Images/indexmain.png"); background-position: 0 -46px; } .jpbox-hi-ctrlb2.hied:hover { background-image: url("../Images/indexmain.png"); background-position: -182px -46px; } /* 鍙戜俊鎭ā鍧� - 璺崇獥閮ㄥ垎 */ .jpbox-msg-wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .5); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#96000000, endColorstr=#96000000); z-index: 101; } .jpbox-msg { width: 648px; height: 468px; background: url("../Images/msgbg.png") no-repeat center; border-radius: 25px; left: 50%; top: 50%; margin-left: -324px; margin-top: -234px; position: relative; } .jpbox-msg-close { width: 44px; height: 44px; position: absolute; right: 0; top: 0; background: url(../Images/msgico-close.png) no-repeat center; cursor: pointer; } .jpbox-msg-main { position: relative; height: 100%; width: 100%; } .jpbox-msg-main p { position: relative; left: 90px; top: 50px; color: #fff; } .jpbox-msg-main textarea { resize: none; width: 510px; height: 200px; position: absolute; left: 52px; top: 150px; border-radius: 10px; outline: none; padding: 15px; font-size: 18px; } .jpbox-msg-main .ctrl { width: 180px; height: 40px; position: absolute; left: 50px; top: 390px; line-height: 40px; } .jpbox-msg-main td { line-height: 20px; } .jpbox-msg-main .ctrl span { margin-right: 20px; cursor: pointer; } .jpbox-msg-main .ctrl .smile { padding-left: 24px; background: url(../Images/1.gif) no-repeat left; cursor: pointer; } .jpbox-msg-main .jpbox-msg-care { width: 55px; height: 20px; position: absolute; right: 190px; top: 400px; line-height: 22px; } .jpbox-msg-main .jpbox-msg-send { width: 140px; height: 40px; position: absolute; right: 50px; top: 390px; line-height: 40px; background: url(../Images/msgsend.png) no-repeat center; cursor: pointer; } /* 鍙戠ぜ鐗╂潯绐楅儴鍒� */ .jpbox-gift-wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .5); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#96000000, endColorstr=#96000000); z-index: 101; } .jpbox-gift { width: 648px; height: 488px; background: url("../Images/giftbg.png") no-repeat center; border-radius: 25px; left: 50%; top: 50%; margin-left: -324px; margin-top: -244px; position: relative; } .jpbox-gift-close { width: 44px; height: 44px; position: absolute; right: 0; top: 0; background: url(../Images/lgico-close.png) no-repeat center; cursor: pointer; } .jpbox-gift-tit { position: absolute; left: 60px; top: 25px; height: 59px; } .jpbox-gift-tit li { float: left; width: 85px; text-align: center; line-height: 59px; cursor: pointer; color: #fff; position: relative; font-size: 14px; } .jpbox-gift-tit .active:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); background: url("../Images/lichoseed.png") no-repeat; width: 22px; height: 11px; } .jpbox-gift-main { position: absolute; left: 35px; top: 110px; height: 220px; width: 580px; font-size: 12px; color: #666; } .jpbox-gift-main li { float: left; width: 116px; height: 110px; text-align: center; cursor: pointer; margin: 0 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jpbox-gift-main li div { margin: 0 auto; width: 90px; } .jpbox-gift-main li:hover div { width: 96px; } .jpbox-gift-main .on div { width: 96px; background: #ff777b; color: #fff; } ..jpbox-gift-main li p { font-size: 12px; } .jpbox-gift-ctrl { position: absolute; left: 25px; top: 366px; height: 90px; width: 599px; } .jpbox-gift-ctrl div { padding-left: 20px; height: 35px; } .jpbox-gift-ctrl div span { font-size: 12px; color: #aaa; line-height: 25px; margin-right: 15px; } .jpbox-gift-ctrl input { padding-left: 10px; color: #3e3e3e; font-size: 12px; height: 30px; width: 500px; border: 1px solid #ddd; border-radius: 3px; line-height: 30px; background: #f2f2f2; } .jpbox-gift-ctrl .giftsend { position: absolute; right: 25px; bottom: 10px; display: block; width: 140px; height: 40px; background: url(../Images/giftsend.png) no-repeat center; } .jpbox-gift-ctrl .giftcg { color: #aaa; position: absolute; left: 25px; bottom: 15px; display: block; font-size: 14px; } .jpbox-gift-ctrl .giftcg:hover { color: #ff777b; } /* 鍒嗛〉鍣� */ .pagination { position: relative; } .pagination ul {} .pagination li { float: left; text-align: center; font-size: 12px; cursor: pointer; color: #666; } .pagination .on { color: #ff777b; } /* 鐧诲叆妯″潡璺崇獥 */ .jpbox-lg-wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .5); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#96000000, endColorstr=#96000000); z-index: 10100; } .jpbox-lg-wrap .close { position: absolute; top: 5px; right: 5px; width: 44px; height: 44px; background: url(../Images/lgico-close.png) no-repeat center; cursor: pointer; } .jpbox-lg { width: 568px; height: 478px; background: url("../Images/lgboxbg.png") no-repeat center; border-radius: 25px; left: 50%; top: 50%; margin-left: -284px; margin-top: -239px; position: relative; padding: 1px; } .jpbox-lg-main .tit { width: 100%; text-align: center; margin-top: 40px; font-size: 21px; color: #3e3e3e; } .jpbox-lg-main .lg-wrap { margin: 21px auto 0; width: 300px; height: 80px; position: relative; } .lg-wrap input { display: inline-block; border: none; color: #3e3e3e; width: 260px; height: 40px; line-height: 39px; padding-left: 40px; background: url(../Images/lgboxinput.png) no-repeat; } .lg-wrap input { *display: inline; } #jpusn { background-position: 0 0; } #jppwd { *margin-top: -2px; background-position: 0 -40px; } #jpsub { display: block; margin: 20px auto 0; background: #ff777b; width: 300px; height: 40px; border-radius: 5px; color: #fff; text-align: center; line-height: 40px; outline: none; border: none; font-size: 16px; cursor: pointer; } #jplgmsg { margin-top: 12px; height: 20px; text-align: center; color: #ff777b; font-size: 14px; line-height: 20px; } #jplgmsg i { padding: 0 5px; } .jpbox-lg-main .lg-ctrl { margin: 10px auto 0; width: 300px; height: 20px; line-height: 20px; font-size: 14px; } .lg-ctrl .lg-ctrl-forget { float: right; color: #ff777b; } .jpbox-lg-main .lg-other { margin: 22px auto 0; width: 520px; background: url(../Images/lg-border.png) top repeat-x; position: relative; font-size: 16px; color: #666; padding-top: 1px; } .lg-other .lg-other-tit { width: 218px; height: 30px; background: #fff; position: relative; left: 151px; top: -14px; text-align: center; line-height: 30px; } .lg-other ul { margin: 0 auto; width: 200px; } .lg-other ul li { width: 33%; height: 38px; float: left; text-align: center; } .lg-other ul li a { display: block; width: 38px; height: 38px; border-radius: 50%; cursor: pointer; margin: 0 auto; } .lg-weibo a { background-image: url(../Images/lgico-weibo-b.png); } .lg-weibo a:hover { background-image: url(../Images/lgico-weibo.png); } .lg-weixin a { background-image: url(../Images/lgico-weixin-b.png); } .lg-weixin a:hover { background-image: url(../Images/lgico-weixin.png); } .lg-qq a { background-image: url(../Images/lgico-qq-b.png); } .lg-qq a:hover { background-image: url(../Images/lgico-qq.png); } .lg-tb a { background-image: url(../Images/lgico-tb-b.png); } .lg-tb a:hover { background-image: url(../Images/lgico-tb.png); } .lg-other .regnow { margin-top: 19px; width: 100%; text-align: center; font-size: 20px; color: #3e3e3e; letter-spacing: 2px; } .regnow a { color: #d8271c; } /* 鍏ㄥ眬鎻愮ず */ #globalalert { width: 460px; height: 220px; background: #fff; position: fixed; left: 50%; top: 50%; margin: -110px 0 0 -230px; border: 5px solid #f2f2f2; z-index: 9999; text-align: center; color: #565656; font-size: 28px; border-radius: 5px; box-shadow: 0px 0px 10px #888; } .globalalert-wrap { position: relative; border-radius: 5px; width: 458px; height: 218px; border: 1px dashed #c3c3c3; overflow: hidden; } #globalalert .icon { height: 115px; } #globalalert i { padding: 0 5px; font-size: 40px; line-height: 160px; } #globalalert .confirm { margin: 20px auto 0; width: 360px; height: 43px; } #globalalert .confirmtext { padding-top: 50px; height: 60px; line-height: 30px; font-size: 18px; color: #666; } #globalalert .confirmtext i { line-height: normal; font-size: 18px; } #globalalert .confirm span { width: 150px; height: 40px; border-radius: 3px; text-align: center; line-height: 40px; display: inline-block; color: #fff; font-size: 20px; cursor: pointer; } #globalalert .confirm span { *display: block; } #globalalert .confirm .yes { background: #e8b04d; border: 2px rgb(207, 153, 58) solid; } #globalalert .confirm .yes:hover { background: #d69f3f; } #globalalert .confirm .no { background: #ff777b; border: 2px #e56e6b solid; } #globalalert .confirm .no:hover { background: #e65f62; } /* 鐗规畩褰㈢姸 */ .triangle { height: 0; width: 0; overflow: hidden; font-size: 0; line-height: 0; border-color: #FF9600 transparent transparent transparent; border-style: solid; border-width: 20px; } /* 鏂囦欢涓婁紶 */ #uploader { position: absolute; width: 252px; height: 0; overflow: hidden; opacity: 0; filter: alpha(opacity=0); padding: 16px 16px 10px 16px; background: #fff; border-radius: 3px; border: 1px solid #ccc; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2); left: 0px; top: 30px; } #uploader .uptit { font-size: 14px; color: #666; position: relative; } #uploader .uptit .picnum { font-size: 12px; line-height: 30px; } #uploader .uptit .picnum span { padding: 0 3px; } #uploader .uptit .upclose { position: absolute; right: 0px; top: 0px; font-size: 18px; font-weight: lighter; } #uploader .webuploader-container { overflow: hidden; position: relative; width: 80px; height: 80px; float: left; } #uploader .webuploader-pick { position: relative; display: inline-block; cursor: pointer; border: 2px dashed #ccc; width: 76px; height: 76px; color: #ccc; font-weight: bold; font-size: 25px; line-height: 72px; text-align: center; border-radius: 3px; overflow: hidden; } #uploader .webuploader-pick-hover { color: #ff777b; border-color: #ff777b; } #uploader .uploader-list { margin-right: -6px; } #uploader .file-item { width: 80px; height: 80px; float: left; overflow: hidden; margin: 0 6px 6px 0; position: relative; } #uploader .file-item:hover .upctrl { display: block; } #uploader .file-item .upstatus { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .6); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000); } #uploader .file-item .upctrl { display: none; position: absolute; left: 0; top: 0; height: 20px; line-height: 20px; width: 100%; color: #ccc; text-align: right; background: rgba(0, 0, 0, .3); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000); } #uploader .file-item .upctrl i { font-size: 14px; cursor: pointer; padding: 0 3px; } #uploader .file-item .upctrl i:hover { color: #fff; } #uploader .file-item .upstatus i { margin: 25px 0 0 25px; font-size: 20px; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; } #uploader .webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #uploader .webuploader-pick-disable { opacity: 0.6; pointer-events: none; } /* 瀹㈡湇鍥剧墖 */ #k_s_ol_floatWin_cls { width: auto; } #k_s_ol_inviteWin_fl { display: none; } #k_s_ol_floatWin { display: none; z-index: -10000; } #k_s_ol_floatWin_img { display: none; } /*鍥剧墖楠岃瘉鐮�*/ .jpbox_wrap { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, .5); z-index: 99; } .jpbox-verification { width: 378px; height: 358px; position: absolute; background-image: url("../Images/border-box.png"); background-repeat: no-repeat; left: 50%; top: 50%; margin-left: -189px; margin-top: -179px; } .jpbox-verification .verification { width: 180px; margin-left: auto; margin-right: auto; } .tit-verification { margin-top: 45px; text-align: center; font-size: 21px; color: #3e3e3e; } .img-verification { width: 160px; height: 80px; margin-top: 25px; margin-left: auto; margin-right: auto; } .jpbox-verification input { width: 158px; height: 38px; line-height: 38px; border: solid 1px #dddddd; margin-top: 10px; text-align: center; font-family: '榛戜綋'; margin-left: 10px; } .jpbox-verification .button-verification { width: 160px; height: 40px; line-height: 38px; text-align: center; color: #fff; background-color: #ff777b; margin-top: 30px; margin-left: auto; cursor: pointer; margin-right: auto; } .jpbox-verification .verification-hide { background-image: url("../Images/hide-box.png"); background-repeat: no-repeat; width: 44px; height: 44px; position: absolute; cursor: pointer; right: 0px; top: 0px; } #captcha_tips { color: #ff777b; font-size: 12px; position: absolute; line-height: 29px; text-align: center; width: 192px; left: 50%; margin-left: -96px; top: 229px; } /*鍙充笅瑙掑脊绐�*/ .popup_gt { width: 358px; border: 1px solid #f2f2f2; position: fixed; overflow: hidden; background: #fff; border-radius: 10px 10px 0 0; height: 178px; bottom: 0; right: 0; margin-bottom: -178px; z-index: 9999; } .popup_gt-tlt { height: 39px; background: #ff777b; padding-left: 15px; line-height: 39px; } .popup_gt-tlt:hover { cursor: pointer; } .popup_gt-tlt p { width: 18px; height: 3px; margin-right: 16px; background: #fff; margin-top: 19px; } .popup_gt-cent { margin-top: 20px; padding-left: 15px; } .popup_gt-fl { width: 85px; height: 100px; overflow: hidden; } .popup_gt-fr { margin-top: 5px; margin-left: 14px; } .popup_gt-c { margin-top: 10px; } .popup_gt-h a { color: #555; } .popup_gt-f { margin-top: 15px; } .popup_gt-f-fr { width: 100px; height: 28px; margin-left: 17px; line-height: 28px; border-radius: 5px; text-align: center; background: #f04848; cursor: pointer; } .popup_gt-f-fr a { color: #fff; } .popup_gt-f-fl { margin-top: 7px; } .popup_gt-c span { margin-left: 6px; } .popup_gt-c span:first-child { margin: 0; } /*寰俊寮圭獥*/ .weixin_popup { width: 388px; height: 378px; position: fixed; left: 50%; top: 50%; margin-left: -194px; margin-top: -189px; background: url('../Images/weixin_popup.png') no-repeat; z-index: 999; } .weixin_popup .weixin_view { width: 244px; height: 244px; position: absolute; top: 50%; left: 50%; margin-left: -122px; margin-top: -108px; border: solid 1px #ddd; } .weixin_popup .weixin_hide { width: 44px; height: 44px; position: absolute; top: 0px; right: 0px; background: url('../Images/weixin_hide.png'); cursor: pointer; } .weixin_popup .weixin_hide:hover { background: url(../Images/lgico-close.png) no-repeat; } /*寰俊鏀瑰彉*/ .ss-jp-share .ss-wx span { color: #999; display: block; text-align: left; padding-left: 45px; } /*骞垮憡寮圭獥*/ .advertisement-popup { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; display: none; z-index: 9999999; } .advertisement-popup .view { position: absolute; left: 50%; top: 60%; width: 500px; height: 370px; margin-left: -250px; margin-top: -185px; opacity: 0; z-index: 3; } .advertisement-popup .hide { width: 40px; height: 40px; position: absolute; right: -20px; top: -20px; cursor: pointer; border-radius: 50%; background: url('../Images/hide.png') no-repeat center; } .wzly-multiMedia { background-color: #f1f1f1; padding: 20px 0; margin-top: 20px; } .wzly-multiMedia .wzly-multiMedia-preview { padding: 20px; width: 765px; } .wzly-multiMedia .wzly-multiMedia-preview img { width: auto; display: block; margin: auto; max-width: 100%; } .wzly-multiMedia-zoomView { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; } .wzly-multiMedia-zoomView .wzly-multiMedia-zoomView-mask { display: block; height: 100%; background-color: #000; opacity: .5; filter: Alpha(opacity=50); } .wzly-multiMedia-zoomView .wzly-multiMedia-zoomView-content { position: absolute; z-index: 80; left: 50%; width: 50%; background-color: #0d0d0d; overflow: hidden; transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); transition: transform .5s; -webkit-transition: transform .5s ease .2s; -moz-transition: transform .5s ease .2s; -ms-transition: transform .5s ease .2s; } .wzly-multiMedia-zoomView .wzly-multiMedia-zoomView-content.show { transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); } .wzly-multiMedia-zoomView .wzly-multiMedia-zoomView-content.wzly-multiMedia-picChoose-show .wzly-multiMedia-picChoose { bottom: 0; } .wzly-multiMedia-zoomView .wzly-multiMedia-zoomView-content .wzly-multiMedia-zoomView-close { width: 40px; height: 40px; position: absolute; right: 0; top: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAMNQTFRFZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlAAAA////ZWVlLHWrDgAAAD90Uk5Tjn9owUCYOfwMyrgBhG9B2bZ94R/ShtUTuuoz+vubkj3g8/Lm7jvp9vWwnBAhuTHsnbH0VTZUN/nPQiLoCv0AhACxnAAAANFJREFUOMuN0scOg0AMBFDSe++9914JJAz+/6/KkkuCAGXmZK2eVmt7tbFw0YSFOgsPLByysMrCNAtjLMyxMO89s30q0ZIJj7NtT6UgUhIkf52CWQmQLqdgXPyl2ymYKftLt1MQNRGR4I6+0LTIG7Hi3ggMuK5VdtQcVdoWsxknPWLXH9iY//89H4gbC7Fm4etBQpgtEuJ+JiGMBQlhjEiI65OE2D5IiNeRhMBlQkJs+l0OAvsmCYHZyeIgUCkVOOjsNBTRKehMKxrWivXnUjrTNzD0hUeBlLyEAAAAAElFTkSuQmCC"); z-index: 999; cursor: pointer; opacity: .6; filter: Alpha(opacity=60); z-index: 5; } .wzly-multiMedia-zoomView .wzly-multiMedia-zoomView-content .wzly-multiMedia-zoomView-close:hover { opacity: .8; filter: Alpha(opacity=80); } .wzly-multiMedia-zoomView .wzly-multiMedia-zoomView-content img { width: auto; } .wzly-multiMedia-zoomView .wzly-multiMedia-preview { position: relative; width: 100%; height: 100%; } .wzly-multiMedia-zoomView .wzly-multiMedia-preview tbody img { display: block; margin: auto; } .wzly-multiMedia-zoomView .wzly-multiMedia-picChoose { position: absolute; bottom: -80px; left: 0; width: 100%; background-color: #222; z-index: 5; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .wzly-multiMedia-sildeView { margin-top: 20px; } .wzly-multiMedia-zoomView .wzly-multiMedia-picChoose ul, .wzly-multiMedia-sildeView .wzly-multiMedia-picChoose ul { width: 100%; zoom: 1; padding: 10px 0; text-align: center; } .wzly-multiMedia-zoomView .wzly-multiMedia-picChoose ul>li, .wzly-multiMedia-sildeView .wzly-multiMedia-picChoose ul>li { display: inline-block; *zoom: 1; *display: inline; height: 56px; width: 56px; overflow: hidden; border: 2px solid transparent; margin: 0 5px; cursor: pointer; background-color: #fff; } .wzly-multiMedia-zoomView .wzly-multiMedia-picChoose ul>li.active, .wzly-multiMedia-sildeView .wzly-multiMedia-picChoose ul>li.active { border: 2px solid #ec4247 } .wzly-multiMedia-zoomView .wzly-multiMedia-picChoose ul>li img { display: block; width: 100%; margin: auto; } .wzly-multiMedia-sildeView { background-color: #f1f1f1; padding-top: 20px; } .wzly-multiMedia-sildeView > .wzly-multiMedia-preview-img { position: relative; } .wzly-multiMedia-sildeView > .wzly-multiMedia-preview-img .wzly-multiMedia-prev, .wzly-multiMedia-zoomView .wzly-multiMedia-prev { width: 50%; left: 0; top: 0; height: 100%; z-index: 1; position: absolute; cursor: url(http://7799520.oss-cn-hangzhou.aliyuncs.com/img/pic_prev.cur), auto; z-index: 2; } .wzly-multiMedia-sildeView > .wzly-multiMedia-preview-img .wzly-multiMedia-next, .wzly-multiMedia-zoomView .wzly-multiMedia-next { width: 50%; right: 0; top: 0; height: 100%; z-index: 1; position: absolute; cursor: url(http://7799520.oss-cn-hangzhou.aliyuncs.com/img/pic_next.cur), auto; z-index: 2; } .wzly-multiMedia-sildeView > .wzly-multiMedia-preview-img img { width: auto; max-width: 100%; display: block; margin: auto; } .wzly-multiMedia-sildeView .wzly-multiMedia-picChoose { background-color: #999; } .wzly-multiMedia-sildeView-control { padding: 10px; font-size: 13px; color: #333; } .wzly-multiMedia-sildeView-put { padding-left: 20px; background: no-repeat left center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwNDEyQjNBNTIzMTExRTdCNUZBOTVFNDFDRkUyNTRGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwNDEyQjNCNTIzMTExRTdCNUZBOTVFNDFDRkUyNTRGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjA0MTJCMzg1MjMxMTFFN0I1RkE5NUU0MUNGRTI1NEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjA0MTJCMzk1MjMxMTFFN0I1RkE5NUU0MUNGRTI1NEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7tllF1AAAAhElEQVR42sSQQQqAIBBFNdrWGdIzuA46hre1vbvuoF5AWtoIfxVo4yrhIX9mHsrIUoowxojR470XU6e/ESehWgMtuQqO2HErrqwhrMgLsubIdfAmLLJFdhw5EwcRkANy5sh1ML5qEfVPOTWWmLjbZp3/5LnTuwjJlcvAo/Ity9FvPwIMAG64GU3/muDPAAAAAElFTkSuQmCC"); } .wzly-multiMedia-sildeView-put:hover { color: #ff777b; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBBNDM0QUJDNTIzMTExRTdBNkFBQkZDMkYwMEExRkU4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBBNDM0QUJENTIzMTExRTdBNkFBQkZDMkYwMEExRkU4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEE0MzRBQkE1MjMxMTFFN0E2QUFCRkMyRjAwQTFGRTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEE0MzRBQkI1MjMxMTFFN0E2QUFCRkMyRjAwQTFGRTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4xO70SAAAAg0lEQVR42mL8//8/A0NFDQPJoKOFgQmPtAIQHwRiRVwKcGkGaTgAxHZQWpFYzUpQDXxQPi+Ur0SMZpDC70AcCeVHQvkHiNH8FYgdgfgZlP8Myv9KjGaQwudoYs+h4gQ1v8ARiC+IDW2iwMBpZsEjdxmIGYnV/J8ESxnRNTOS6myAAAMAY2sYTfMIqwAAAAAASUVORK5CYII="); } .wzly-multiMedia-sildeView-zoom { padding-left: 20px; margin-left: 5px; background: no-repeat left center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYzMUU4RUJENTIzMTExRTc4NTM0QzVGRjMxRTk0N0YwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYzMUU4RUJFNTIzMTExRTc4NTM0QzVGRjMxRTk0N0YwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjMxRThFQkI1MjMxMTFFNzg1MzRDNUZGMzFFOTQ3RjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjMxRThFQkM1MjMxMTFFNzg1MzRDNUZGMzFFOTQ3RjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ORFq7AAAA1UlEQVR42qTSvwsBYRzH8aMbDCaTlDIL02UwGCg2q3+CGExKNn+A/4JR+VnKaLMysigMpyxKzvvqm/SU8+Bbr667p8/zfJ/nHp/jOIZlWcYv5Tf+KDVcxgZ3LJHWDZfQRQtxDDBBTCfcRg19rNFBD3WdcApTZdxdOaETthFRxqM46oT70rop72E0cELgU7gph+Oe9lieV1QwRNArfEYGVdlrAXlskcMcodewqUx2w0j5lsVM/vkCRex1b9hOJlghKVv66noepHW3g8u7tr3Klpaf9RBgAPpRKjWUkP7zAAAAAElFTkSuQmCC"); } .wzly-multiMedia-sildeView-zoom:hover { color: #ff777b; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZENjBFNjg2NTIzMTExRTc4QjI2OThGODM4MTY3MjY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZENjBFNjg3NTIzMTExRTc4QjI2OThGODM4MTY3MjY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkQ2MEU2ODQ1MjMxMTFFNzhCMjY5OEY4MzgxNjcyNjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkQ2MEU2ODU1MjMxMTFFNzhCMjY5OEY4MzgxNjcyNjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71XNl9AAAA1UlEQVR42qTSPwtBURjH8UsGg8kkpczCaDAYKDarN0EMBolsXoB34Y7K31JGm5WRRWG4yqLk+t56kk65Dp76dLv39DvnOecej23bhtFoGb+U1/ij1HAJG9yxREo3XEQPbcQwwARRnXAHVZhYo4s+ajrhJKbKuLNyXCdsIayMR3DUCZvSuk/eQ6jjBP+ncFMOxzntsTyvKGOIgFv4jDQqstc8ctgiizmCr2GfMtkNI+VbBjP55wsUsNe9YTuZYIWEbOmr63mQ1p0OLu/aditLWn7WQ4ABAB1zKo0bSYadAAAAAElFTkSuQmCC"); } /* 涓嬭浇寮圭獥浜岀淮鐮� */ .app-down-layer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 999999; } .app-down-layer>.mask { position: absolute; width: 100%; height: 100%; background-color: #000; top: 0; left: 0; opacity: .3; filter: alpha(opacity=30); } .app-down-layer>.content { width: 380px; height: 504px; position: absolute; top: 50%; left: 50%; margin-left: -190px; margin-top: -252px; background: url(../Images/down_img.png); display: none; } .app-down-layer>.content>.down_qrcode { display: block; margin: 132px auto 0 auto; width: 250px; } .app-down-layer>.content>.close { width: 50px; height: 32px; position: absolute; bottom: -32px; left: 50%; margin-left: -25px; cursor: pointer; background: url(../Images/down_close.png) no-repeat center center; } .app-down-layer>.content>.close:hover { bottom: -30px; } .common-down-layer>.content { height: 535px; background: url(../Images/download.png) no-repeat; } .common-down-layer>.content>.close { bottom: -55px; } .common-down-layer>.content>.close:hover { bottom: -53px; } .common-down-layer>.content>.content-title { margin-top: 130px; text-align: center; color: #ffa73c; font-size: 22px; } .common-down-layer>.content>.content-cont { margin-top: 5px; text-align: center; color: #999; font-size: 18px; } .common-down-layer>.content>.down_qrcode { margin: 20px auto 0; } .common-down-layer>.content>.activity { width: 260px; margin: 10px auto 0; line-height: 45px; background-color: #f8f8f8; text-align: center; } .app-down-layer>.content>.activity a { color: #999; } .personmain { width: 100%; min-width: 1200px; } .person-main-wrap { margin: 30px auto 0; width: 1200px; } .fastnav { height: 43px; min-width: 1200px; width: 100%; background: url(../Images/navbg.png) repeat-x; } .nav-wrap { margin: 0 auto; width: 1200px; height: 40px; } { margin-top: 30px; } .photo { width: 320px; /* height: 460px; */ margin-left: 20px; } .photo .imgwrap { height: 350px; width: 100%; position: relative; } .photo .imgwrap ul { width: 100%; height: 100%; position: relative; overflow: hidden; } .photo .imgwrap li { position: absolute; left: 0; top: 0; width: 100%; } .photo .imgwrap img { width: 100%; } .photo .imgbtn { background: #f2f2f2; color: #fff; height: 109px; text-align: center; padding-top: 1px; position: relative; } .photo.nophoto .imgbtn { background: #c6c6c6; border: 5px solid #f2f2f2; border-top: none; } .photo .imgbtn .p1 { font-size: 18px; margin-top: 20px; } .photo .imgbtn .p2 { font-size: 14px; margin-top: 10px; cursor: pointer; } .photo .imgbtn .imgbtn-swrap { width: 310px; height: 100px; margin: 4px 0 0 5px; overflow: hidden; position: relative; } .photo .imgbtn ul { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 100%; position: absolute; } .photo .imgbtn li { float: left; height: 100px; width: 100px; margin-right: 5px; cursor: pointer; } .photo .imgbtn .last { background: #ddd; font-size: 14px; line-height: 22px; } .photo .imgbtn .last div { margin-top: 22px; } .photo .imgbtn .btn { position: absolute; width: 20px; height: 100px; top: 5px; color: #ccc; line-height: 100px; font-size: 28px; } .before { left: -20px; text-align: left; } .after { text-align: right; right: -20px; } .view i { padding-right: 4px; } .view { margin: 5px 0 0 62px; width: 470px; } .view .nick { width: 100%; height: auto; width: auto; font-size: 24px; margin-right: 20px; } .view .charm i { font-size: 18px; } .view .p2 { margin: 22px 0 0 0; } .view .p2 span { padding: 0 21px; border-left: 1px dashed #d9d9d9; } .view .p2 .s1 { padding-left: 0; border: none; } .view .p3 { margin-top: 14px; } .view .p3 i { font-size: 18px; padding-right: 15px; } .view .p3 i.finish { color:#ff777b; } .zmxy_mini{ width: 18px; height: 18px; background: url(../Images/zmxy_mini.png) no-repeat; display: inline-block; *zoom:1; *display: inline; vertical-align: -3px; font-style: normal; } .zmxy_mini.finish{ background-image: url(../Images/zmxy_mini_checked.png); } .view .label { margin-top: 22px; } .view .label span { display: inline-block; height: 25px; line-height: 25px; padding: 0 15px; margin-right: 15px; border-radius: 20px; color: #fff; font-size: 14px; } .view .label .bg1 { background: #fca592; } .view .label .bg2 { background: #f491b0; } .view .label .bg3 { background: #929afc; } .view .label .bg4 { background: #83d084; } .view .astro { margin-top: 30px; } .view .lunar { margin-top: 15px; } .view .local { margin-top: 15px; } .view .height { margin-top: 15px; } .view .income { margin-top: 15px; } .view .viewbtns { /* margin-top: -10px; */ } .view .viewbtns .btn { display: inline-block; /* width: 116px; */ height: 36px; border-radius: 4px; font-size: 18px; text-align: center; line-height: 36px; padding: 0 20px; } .view .viewbtns .hibtn i { font-size: 20px; } .view .viewbtns .hibtn { border: 2px solid #e8b04d; border-color: #e8b04d; color: #e8b04d; } .view .viewbtns .hibtn:hover { background: #e8b04d; color: #fff; } .view .viewbtns .hibtn.hied { background: #e8b04d; color: #fff; } .view .viewbtns .msgbtn { border: 2px solid #ff777b; color: #ff777b; } .view .viewbtns .msgbtn:hover { background: #ff777b; color: #fff; } .view .viewbtns .carebtn { border: 2px solid #ff777b; background: #fff; color: #ff777b; } .view .viewbtns .carebtn:hover { background: #ff777b; color: #fff; } .view .viewbtns .carebtn.cared { background: #ccc; color: #fff; border-color: #ccc; } .view .viewbtns .carebtn.cared:hover { background: #ccc; color: #fff; border-color: #ccc; } .matchrate .matchpic { margin-top: 50px; width: 324px; height: 159px; background-image: url(../Images/per.png); background-repeat: no-repeat; position: relative; } .matchrate .matchpic.off { background-image: url(../Images/nologin-per.png); cursor: pointer; } .matchrate .matchpic.off span { display: none; } .matchrate .matchpic.off p { display: none; } .matchrate .matchpic span { position: absolute; left: 115px; top: 42px; font-size: 36px; color: #3e3e3e; } .matchrate .matchpic p { position: absolute; top: 89px; left: 132px; color: #3e3e3e; text-align: center; font-size: 14px; } .matchrate .getgift { margin-top: 42px; padding-top: 1px; } .matchrate .getgift .giftpic { position: relative; } .matchrate .getgift p { font-size: 14px; color: #c9c9c9; text-align: center; margin-bottom: 15px; } .matchrate .getgift span { color: #d8271c; padding: 0 5px; } .matchrate .getgift .giftlb { position: relative; width: 280px; height: 80px; overflow: hidden; left: 22px; } .matchrate .getgift ul { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; overflow: hidden; height: 100%; } .matchrate .getgift li { height: 100%; width: 80px; margin-right: 20px; float: left; cursor: pointer; } .matchrate .getgift .last { background-image: url(../Images/nogift.png); background-position: center; background-repeat: no-repeat; } .matchrate .getgift .btn { position: absolute; width: 20px; height: 80px; color: #ccc; font-size: 24px; text-align: center; } .matchrate .getgift .btn:hover { color: #ff777b; } .matchrate .getgift .btn i { margin-top: 30px; } .matchrate .getgift .priv { left: 0; } .matchrate .getgift .next { right: 0; } .matchrate .giftbtn { margin: 25px auto 0; padding: 0 20px; background: #ff777b; color: #fff; width: 80px; border-radius: 20px; height: 32px; line-height: 32px; text-align: center; } .matchrate .giftbtn i { padding-right: 5px; font-size: 18px; } .detailview { position: relative; width: 860px; height: 990px; overflow: hidden; margin-top: 20px; } .detailview .more-wrap { position: absolute; height: 35px; width: 100%; background: #fff; bottom: 0; left: 0; } .detailview .more { width: 280px; height: 35px; line-height: 35px; position: absolute; bottom: 0px; left: 360px; background: #f2f2f2; text-align: center; border-radius: 5px; } .detailview .more:hover { color: #ff777b; } .detailview .more i { margin-left: 10px; font-size: 20px; vertical-align: middle; transition-delay: 0s; transition-duration: .1s; transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; filter: progid: DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand'); } .detailview .more .hoveri { transition-delay: 0s; transition-duration: .1s; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; filter: progid: DXImageTransform.Microsoft.Matrix( M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand'); } .detailview .heart-tit { background-image: url(../Images/mtit01.png); background-repeat: no-repeat; background-position: center 30px; width: 162px; height: 100px; } .detailview .heart-main { width: 643px; height: 120px; border-bottom: 1px dashed #ddd; overflow: hidden; line-height: 20px; display: table-cell; vertical-align: middle; } .detailview .heart-main p { color: #999; max-height: 80px; overflow: hidden; line-height: 20px; } .detailview .heart-main .default { margin-top: 10px; padding: 0; line-height: 20px; } .detailview .criteria-tit { background-image: url(../Images/mtit02.png); background-repeat: no-repeat; background-position: center 30px; width: 162px; height: 120px; } .detailview .profile-tit { background-image: url(../Images/mtit10.png); background-repeat: no-repeat; background-position: center 30px; width: 162px; height: 120px; } .detailview .criteria-main { width: 643px; height: 124px; border-bottom: 1px dashed #ddd; overflow: hidden; } .detailview .criteria-main li { float: left; width: 320px; color: #999; margin-top: 15px; line-height: 20px; } .detailview .criteria-main li span { color: #666; line-height: 20px; } .detailview .profile-main { width: 643px; height: 124px; border-bottom: 1px dashed #ddd; overflow: hidden; } .detailview .profile-main li { float: left; width: 320px; color: #999; margin-top: 15px; line-height: 20px; } .detailview .profile-main li span { color: #666; line-height: 20px; } .detailview .selfmore-tit { background-image: url(../Images/mtit07.png); background-repeat: no-repeat; background-position: center 30px; width: 162px; height: 100px; } .detailview .selfmore-main { width: 643px; height: 214px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; overflow: hidden; } .detailview .selfmore-main li { float: left; width: 320px; color: #999; margin-top: 15px; line-height: 20px; } .detailview .selfmore-main li span { color: #666; margin-right: 5px; } .detailview .selfmore2-tit { background-image: url(../Images/mtit05.png); background-repeat: no-repeat; background-position: center 30px; width: 162px; height: 100px; } .detailview .selfmore2-main { width: 643px; height: 164px; border-bottom: 1px dashed #ddd; overflow: hidden; } .detailview .selfmore2-main li { float: left; width: 320px; color: #999; margin-top: 15px; line-height: 20px; } .detailview .selfmore2-main li span { color: #666; margin-right: 5px; } .detailview .selfmore3-tit { background-image: url(../Images/mtit06.png); background-repeat: no-repeat; background-position: center 30px; width: 162px; height: 100px; } .detailview .selfmore3-main { width: 643px; height: 164px; border-bottom: 1px dashed #ddd; overflow: hidden; } .detailview .selfmore3-main li { float: left; width: 320px; color: #999; margin-top: 15px; line-height: 20px; } .detailview .selfmore3-main li span { color: #666; margin-right: 5px; } .detailview .selfmore4-tit { background-image: url(../Images/mtit08.png); background-repeat: no-repeat; background-position: center 30px; width: 162px; height: 100px; } .detailview .selfmore4-main { width: 643px; height: 134px; border-bottom: 1px dashed #ddd; display: table-cell; vertical-align: middle; } .detailview .selfmore4-main p { color: #999; } .detailview .selfmore4-main ul { width: 630px; max-height: 90px; overflow: hidden; } .detailview .selfmore4-main li { float: left; margin: 0 8px 8px 0; background: #f2f2f2; padding: 2px 15px; color: #666; border-radius: 15px; line-height: 20px; white-space: nowrap; } .detailview .label-tit { background-image: url(../Images/mtit03.png); background-repeat: no-repeat; background-position: center 30px; width: 162px; height: 100px; } .detailview .label-main { width: 643px; height: 135px; overflow: hidden; display: table-cell; vertical-align: middle; } .detailview .label-main p { color: #999; } .detailview .label-main ul { width: 630px; max-height: 90px; overflow: hidden; } .detailview .label-main li { float: left; margin: 0 8px 8px 0; background: #f2f2f2; padding: 2px 15px; color: #666; border-radius: 15px; line-height: 20px; white-space: nowrap; } .detailview li.fulline { width: 95%; height: 20px; overflow: hidden; } .detailview .fulltype { padding: 30px 0 0 162px; } .newmember { overflow: hidden; padding-left: 30px; margin-top: 30px; } .newmember h3 span { margin-left: 12px; } .newmember .nick { max-width: 140px; } .newmember .r-photo { width: 86px; height: 100px; } .newmember .r-view { width: 210px; } .newmember .r-view p { width: auto; } .newmember .r-menu { margin-top: 8px; } .newmember .r-int { margin-top: 16px; } .newmember ul { margin-top: 20px; } .newmember li { padding-bottom: 20px; } .newmember .min-tit1 { text-align: center; padding: 10px 0 20px; } .newmember .min-tit2 { background-image: url(../Images/mtit09.png); background-repeat: no-repeat; background-position: center; height: 205px; width: 308px; } .newmember .min-btn { width: 120px; height: 36px; line-height: 36px; background: #d8271c; color: #fff; text-align: center; border-radius: 7px; margin: 30px auto 0; } .party .tit { padding: 50px 0 10px 44px; } .party .tit span { margin-left: 6px; } .party ul { padding: 0 0 0 44px; } .party li { position: relative; float: left; width: 25%; height: 248px; overflow: hidden; cursor: pointer; } .party .p-photo { width: 90%; height: 123px; border: 2px solid #f2f2f2; overflow: hidden; } .party .p-photo img { width: 100%; } .party p { width: 90%; overflow: hidden; } .party .p1 { font-size: 18px; color: #3e3e3e; height: 46px; } .party .p2 { font-size: 14px; color: #666666; height: 60px; line-height: 20px; margin-top: 6px; } .joinnum { position: absolute; right: 27px; top: 103px; padding-left: 10px; width: 80px; height: 22px; line-height: 22px; background: rgba(0, 0, 0, .1); font-size: 14px; color: #fff; } .personmain .close { width: 149px; height: 147px; background: url('../Images/close.png') no-repeat; position: absolute; z-index: 2; top: -8px; right: -8px; } /* 娣诲姞 */ /* 鍏ㄥ眬 */ .clearfix:after, .cm-g:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; } .clearfix, .cm-g { zoom: 1; } .cm-wrapin { width: 1200px; margin: auto; } .no-border { border: none !important; } .cm-g { width: 100%; } .cm-u-5 { float: left; width: 50%; } /* 涓汉璧勬枡 */ .user-warpin { padding-top: 30px; } .photo .imgwrap .logout-status { width: 138px; height: 139px; background: url(../Images/user.png) no-repeat center center; position: absolute; right: -8px; top: -7px; z-index: 10; } .users-left{ width: 872px; float: left; } .users-right{ width: 328px; float: right; background-color: pink; } .user-info { padding-top: 18px; } .user-info li { float: left; width: 50%; padding-bottom: 19px; } .user-detail { padding-top: 39px; } .user-detail .group { padding-bottom: 39px; } .user-detail .group .head { width: 162px; padding-top: 39px; float: left; } .user-detail .group .head img { width: 56px; height: 56px; display: block; margin: auto; } .user-detail .group .head .label { text-align: center; color: #3e3e3e; font-size: 16px; padding-top: 10px; } .user-detail .group .body { width: 643px; padding-top: 39px; float: left; border-top: 1px dashed #ddd; color: #666; font-size: 14px; line-height: 20px; } .user-detail .info-list li { padding-bottom: 22px; } .label-group{ padding-bottom: 10px; } .label-group .icon { width: 45px; float: left; } .label-group .content{ width: 596px; float: left; } .label-group .content span{ line-height: 28px; height: 28px; border:1px solid #333; float: left; padding:0 10px; width: 60px; text-align: center; border-radius: 1000px; margin-right: 10px; margin-bottom: 10px; } .icon-sport-mini { display: inline-block; *zoom: 1; *display: inline; width: 28px; height: 28px; background: url(../Images/label_icon_m_00.png); background-position: 0 0; transition: background-position .3s; -webkit-transition: background-position .3s; } .icon-music-mini { display: inline-block; *zoom: 1; *display: inline; width: 28px; height: 28px; background: url(../Images/label_icon_m_01.png); background-position: 0 0; transition: background-position .3s; -webkit-transition: background-position .3s; } .icon-film-mini { display: inline-block; *zoom: 1; *display: inline; width: 28px; height: 28px; background: url(../Images/label_icon_m_02.png); background-position: 0 0; transition: background-position .3s; -webkit-transition: background-position .3s; } .icon-food-mini { display: inline-block; *zoom: 1; *display: inline; width: 28px; height: 28px; background: url(../Images/label_icon_m_03.png); background-position: 0 0; transition: background-position .3s; -webkit-transition: background-position .3s; } .icon-game-mini { display: inline-block; *zoom: 1; *display: inline; width: 28px; height: 28px; background: url(../Images/label_icon_m_04.png); background-position: 0 0; transition: background-position .3s; -webkit-transition: background-position .3s; } .icon-outdoor-mini { display: inline-block; *zoom: 1; *display: inline; width: 28px; height: 28px; background: url(../Images/label_icon_m_05.png); background-position: 0 0; transition: background-position .3s; -webkit-transition: background-position .3s; } .icon-literature-mini { display: inline-block; *zoom: 1; *display: inline; width: 28px; height: 28px; background: url(../Images/label_icon_m_06.png); background-position: 0 0; transition: background-position .3s; -webkit-transition: background-position .3s; } .icon-art-mini { display: inline-block; *zoom: 1; *display: inline; width: 28px; height: 28px; background: url(../Images/label_icon_m_07.png); background-position: 0 0; transition: background-position .3s; -webkit-transition: background-position .3s; } .icon-comic-mini { display: inline-block; *zoom: 1; *display: inline; width: 28px; height: 28px; background: url(../Images/label_icon_m_08.png); background-position: 0 0; transition: background-position .3s; -webkit-transition: background-position .3s; } .icon-sport-mini.active, .icon-music-mini.active, .icon-film-mini.active, .icon-food-mini.active, .icon-game-mini.active, .icon-outdoor-mini.active, .icon-literature-mini.active, .icon-art-mini.active, .icon-comic-mini.active { background-position: 0 28px; } .label-group.sport .content span{ border-color:#e3c749; color:#e3c749; } .label-group.sport .content span.checked{ background-color:#e3c749; color:#fff; } .label-group.music .content span{ border-color:#f6769d; color:#f6769d; } .label-group.music .content span.checked{ background-color:#f6769d; color:#fff; } .label-group.film .content span{ border-color:#579edf; color:#579edf; } .label-group.film .content span.checked{ background-color:#579edf; color:#fff; } .label-group.food .content span{ border-color:#ec9367; color:#ec9367; } .label-group.food .content span.checked{ background-color:#ec9367; color:#fff; } .label-group.game .content span{ border-color:#b176ed; color:#b176ed; } .label-group.game .content span.checked{ background-color:#b176ed; color:#fff; } .label-group.outdoor .content span{ border-color:#74d76f; color:#74d76f; } .label-group.outdoor .content span.checked{ background-color:#74d76f; color:#fff; } .label-group.literature .content span{ border-color:#f07a7a; color:#f07a7a; } .label-group.literature .content span.checked{ background-color:#f07a7a; color:#fff; } .label-group.art .content span{ border-color:#63cdd6; color:#63cdd6; } .label-group.art .content span.checked{ background-color:#63cdd6; color:#fff; } .label-group.comic .content span{ border-color:#acd964; color:#acd964; } .label-group.comic .content span.checked{ background-color:#acd964; color:#fff; }