/*!
 *  Font Awesome 4.2.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(../font/fontawesome-webfont-4.2.0.eot);
  src: url(../font/fontawesome-webfont-4.2.0.eot) format('embedded-opentype'), url(../font/fontawesome-webfont-4.2.0.woff) format('woff'), url(../font/fontawesome-webfont-4.2.0.ttf) format('truetype'), url(../font/fontawesome-webfont-4.2.0.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}
.fa-2x {
  font-size: 2em
}
.fa-3x {
  font-size: 3em
}
.fa-4x {
  font-size: 4em
}
.fa-5x {
  font-size: 5em
}
.fa-fw {
  width: 1.28571429em;
  text-align: center
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}
.fa-ul > li {
  position: relative
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}
.fa-li.fa-lg {
  left: -1.85714286em
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}
.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
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}
.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}
:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
  filter: none
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}
.fa-stack-1x {
  line-height: inherit
}
.fa-stack-2x {
  font-size: 2em
}
.fa-inverse {
  color: #fff
}
.fa-glass:before {
  content: "\f000"
}
.fa-music:before {
  content: "\f001"
}
.fa-search:before {
  content: "\f002"
}
.fa-envelope-o:before {
  content: "\f003"
}
.fa-heart:before {
  content: "\f004"
}
.fa-star:before {
  content: "\f005"
}
.fa-star-o:before {
  content: "\f006"
}
.fa-user:before {
  content: "\f007"
}
.fa-film:before {
  content: "\f008"
}
.fa-th-large:before {
  content: "\f009"
}
.fa-th:before {
  content: "\f00a"
}
.fa-th-list:before {
  content: "\f00b"
}
.fa-check:before {
  content: "\f00c"
}
.fa-close:before, .fa-remove:before, .fa-times:before {
  content: "\f00d"
}
.fa-search-plus:before {
  content: "\f00e"
}
.fa-search-minus:before {
  content: "\f010"
}
.fa-power-off:before {
  content: "\f011"
}
.fa-signal:before {
  content: "\f012"
}
.fa-cog:before, .fa-gear:before {
  content: "\f013"
}
.fa-trash-o:before {
  content: "\f014"
}
.fa-home:before {
  content: "\f015"
}
.fa-file-o:before {
  content: "\f016"
}
.fa-clock-o:before {
  content: "\f017"
}
.fa-road:before {
  content: "\f018"
}
.fa-download:before {
  content: "\f019"
}
.fa-arrow-circle-o-down:before {
  content: "\f01a"
}
.fa-arrow-circle-o-up:before {
  content: "\f01b"
}
.fa-inbox:before {
  content: "\f01c"
}
.fa-play-circle-o:before {
  content: "\f01d"
}
.fa-repeat:before, .fa-rotate-right:before {
  content: "\f01e"
}
.fa-refresh:before {
  content: "\f021"
}
.fa-list-alt:before {
  content: "\f022"
}
.fa-lock:before {
  content: "\f023"
}
.fa-flag:before {
  content: "\f024"
}
.fa-headphones:before {
  content: "\f025"
}
.fa-volume-off:before {
  content: "\f026"
}
.fa-volume-down:before {
  content: "\f027"
}
.fa-volume-up:before {
  content: "\f028"
}
.fa-qrcode:before {
  content: "\f029"
}
.fa-barcode:before {
  content: "\f02a"
}
.fa-tag:before {
  content: "\f02b"
}
.fa-tags:before {
  content: "\f02c"
}
.fa-book:before {
  content: "\f02d"
}
.fa-bookmark:before {
  content: "\f02e"
}
.fa-print:before {
  content: "\f02f"
}
.fa-camera:before {
  content: "\f030"
}
.fa-font:before {
  content: "\f031"
}
.fa-bold:before {
  content: "\f032"
}
.fa-italic:before {
  content: "\f033"
}
.fa-text-height:before {
  content: "\f034"
}
.fa-text-width:before {
  content: "\f035"
}
.fa-align-left:before {
  content: "\f036"
}
.fa-align-center:before {
  content: "\f037"
}
.fa-align-right:before {
  content: "\f038"
}
.fa-align-justify:before {
  content: "\f039"
}
.fa-list:before {
  content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"
}
.fa-indent:before {
  content: "\f03c"
}
.fa-video-camera:before {
  content: "\f03d"
}
.fa-image:before, .fa-photo:before, .fa-picture-o:before {
  content: "\f03e"
}
.fa-pencil:before {
  content: "\f040"
}
.fa-map-marker:before {
  content: "\f041"
}
.fa-adjust:before {
  content: "\f042"
}
.fa-tint:before {
  content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"
}
.fa-share-square-o:before {
  content: "\f045"
}
.fa-check-square-o:before {
  content: "\f046"
}
.fa-arrows:before {
  content: "\f047"
}
.fa-step-backward:before {
  content: "\f048"
}
.fa-fast-backward:before {
  content: "\f049"
}
.fa-backward:before {
  content: "\f04a"
}
.fa-play:before {
  content: "\f04b"
}
.fa-pause:before {
  content: "\f04c"
}
.fa-stop:before {
  content: "\f04d"
}
.fa-forward:before {
  content: "\f04e"
}
.fa-fast-forward:before {
  content: "\f050"
}
.fa-step-forward:before {
  content: "\f051"
}
.fa-eject:before {
  content: "\f052"
}
.fa-chevron-left:before {
  content: "\f053"
}
.fa-chevron-right:before {
  content: "\f054"
}
.fa-plus-circle:before {
  content: "\f055"
}
.fa-minus-circle:before {
  content: "\f056"
}
.fa-times-circle:before {
  content: "\f057"
}
.fa-check-circle:before {
  content: "\f058"
}
.fa-question-circle:before {
  content: "\f059"
}
.fa-info-circle:before {
  content: "\f05a"
}
.fa-crosshairs:before {
  content: "\f05b"
}
.fa-times-circle-o:before {
  content: "\f05c"
}
.fa-check-circle-o:before {
  content: "\f05d"
}
.fa-ban:before {
  content: "\f05e"
}
.fa-arrow-left:before {
  content: "\f060"
}
.fa-arrow-right:before {
  content: "\f061"
}
.fa-arrow-up:before {
  content: "\f062"
}
.fa-arrow-down:before {
  content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
  content: "\f064"
}
.fa-expand:before {
  content: "\f065"
}
.fa-compress:before {
  content: "\f066"
}
.fa-plus:before {
  content: "\f067"
}
.fa-minus:before {
  content: "\f068"
}
.fa-asterisk:before {
  content: "\f069"
}
.fa-exclamation-circle:before {
  content: "\f06a"
}
.fa-gift:before {
  content: "\f06b"
}
.fa-leaf:before {
  content: "\f06c"
}
.fa-fire:before {
  content: "\f06d"
}
.fa-eye:before {
  content: "\f06e"
}
.fa-eye-slash:before {
  content: "\f070"
}
.fa-exclamation-triangle:before, .fa-warning:before {
  content: "\f071"
}
.fa-plane:before {
  content: "\f072"
}
.fa-calendar:before {
  content: "\f073"
}
.fa-random:before {
  content: "\f074"
}
.fa-comment:before {
  content: "\f075"
}
.fa-magnet:before {
  content: "\f076"
}
.fa-chevron-up:before {
  content: "\f077"
}
.fa-chevron-down:before {
  content: "\f078"
}
.fa-retweet:before {
  content: "\f079"
}
.fa-shopping-cart:before {
  content: "\f07a"
}
.fa-folder:before {
  content: "\f07b"
}
.fa-folder-open:before {
  content: "\f07c"
}
.fa-arrows-v:before {
  content: "\f07d"
}
.fa-arrows-h:before {
  content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"
}
.fa-twitter-square:before {
  content: "\f081"
}
.fa-facebook-square:before {
  content: "\f082"
}
.fa-camera-retro:before {
  content: "\f083"
}
.fa-key:before {
  content: "\f084"
}
.fa-cogs:before, .fa-gears:before {
  content: "\f085"
}
.fa-comments:before {
  content: "\f086"
}
.fa-thumbs-o-up:before {
  content: "\f087"
}
.fa-thumbs-o-down:before {
  content: "\f088"
}
.fa-star-half:before {
  content: "\f089"
}
.fa-heart-o:before {
  content: "\f08a"
}
.fa-sign-out:before {
  content: "\f08b"
}
.fa-linkedin-square:before {
  content: "\f08c"
}
.fa-thumb-tack:before {
  content: "\f08d"
}
.fa-external-link:before {
  content: "\f08e"
}
.fa-sign-in:before {
  content: "\f090"
}
.fa-trophy:before {
  content: "\f091"
}
.fa-github-square:before {
  content: "\f092"
}
.fa-upload:before {
  content: "\f093"
}
.fa-lemon-o:before {
  content: "\f094"
}
.fa-phone:before {
  content: "\f095"
}
.fa-square-o:before {
  content: "\f096"
}
.fa-bookmark-o:before {
  content: "\f097"
}
.fa-phone-square:before {
  content: "\f098"
}
.fa-twitter:before {
  content: "\f099"
}
.fa-facebook:before {
  content: "\f09a"
}
.fa-github:before {
  content: "\f09b"
}
.fa-unlock:before {
  content: "\f09c"
}
.fa-credit-card:before {
  content: "\f09d"
}
.fa-rss:before {
  content: "\f09e"
}
.fa-hdd-o:before {
  content: "\f0a0"
}
.fa-bullhorn:before {
  content: "\f0a1"
}
.fa-bell:before {
  content: "\f0f3"
}
.fa-certificate:before {
  content: "\f0a3"
}
.fa-hand-o-right:before {
  content: "\f0a4"
}
.fa-hand-o-left:before {
  content: "\f0a5"
}
.fa-hand-o-up:before {
  content: "\f0a6"
}
.fa-hand-o-down:before {
  content: "\f0a7"
}
.fa-arrow-circle-left:before {
  content: "\f0a8"
}
.fa-arrow-circle-right:before {
  content: "\f0a9"
}
.fa-arrow-circle-up:before {
  content: "\f0aa"
}
.fa-arrow-circle-down:before {
  content: "\f0ab"
}
.fa-globe:before {
  content: "\f0ac"
}
.fa-wrench:before {
  content: "\f0ad"
}
.fa-tasks:before {
  content: "\f0ae"
}
.fa-filter:before {
  content: "\f0b0"
}
.fa-briefcase:before {
  content: "\f0b1"
}
.fa-arrows-alt:before {
  content: "\f0b2"
}
.fa-group:before, .fa-users:before {
  content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
  content: "\f0c1"
}
.fa-cloud:before {
  content: "\f0c2"
}
.fa-flask:before {
  content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"
}
.fa-paperclip:before {
  content: "\f0c6"
}
.fa-floppy-o:before, .fa-save:before {
  content: "\f0c7"
}
.fa-square:before {
  content: "\f0c8"
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
  content: "\f0c9"
}
.fa-list-ul:before {
  content: "\f0ca"
}
.fa-list-ol:before {
  content: "\f0cb"
}
.fa-strikethrough:before {
  content: "\f0cc"
}
.fa-underline:before {
  content: "\f0cd"
}
.fa-table:before {
  content: "\f0ce"
}
.fa-magic:before {
  content: "\f0d0"
}
.fa-truck:before {
  content: "\f0d1"
}
.fa-pinterest:before {
  content: "\f0d2"
}
.fa-pinterest-square:before {
  content: "\f0d3"
}
.fa-google-plus-square:before {
  content: "\f0d4"
}
.fa-google-plus:before {
  content: "\f0d5"
}
.fa-money:before {
  content: "\f0d6"
}
.fa-caret-down:before {
  content: "\f0d7"
}
.fa-caret-up:before {
  content: "\f0d8"
}
.fa-caret-left:before {
  content: "\f0d9"
}
.fa-caret-right:before {
  content: "\f0da"
}
.fa-columns:before {
  content: "\f0db"
}
.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc"
}
.fa-sort-desc:before, .fa-sort-down:before {
  content: "\f0dd"
}
.fa-sort-asc:before, .fa-sort-up:before {
  content: "\f0de"
}
.fa-envelope:before {
  content: "\f0e0"
}
.fa-linkedin:before {
  content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"
}
.fa-gavel:before, .fa-legal:before {
  content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"
}
.fa-comment-o:before {
  content: "\f0e5"
}
.fa-comments-o:before {
  content: "\f0e6"
}
.fa-bolt:before, .fa-flash:before {
  content: "\f0e7"
}
.fa-sitemap:before {
  content: "\f0e8"
}
.fa-umbrella:before {
  content: "\f0e9"
}
.fa-clipboard:before, .fa-paste:before {
  content: "\f0ea"
}
.fa-lightbulb-o:before {
  content: "\f0eb"
}
.fa-exchange:before {
  content: "\f0ec"
}
.fa-cloud-download:before {
  content: "\f0ed"
}
.fa-cloud-upload:before {
  content: "\f0ee"
}
.fa-user-md:before {
  content: "\f0f0"
}
.fa-stethoscope:before {
  content: "\f0f1"
}
.fa-suitcase:before {
  content: "\f0f2"
}
.fa-bell-o:before {
  content: "\f0a2"
}
.fa-coffee:before {
  content: "\f0f4"
}
.fa-cutlery:before {
  content: "\f0f5"
}
.fa-file-text-o:before {
  content: "\f0f6"
}
.fa-building-o:before {
  content: "\f0f7"
}
.fa-hospital-o:before {
  content: "\f0f8"
}
.fa-ambulance:before {
  content: "\f0f9"
}
.fa-medkit:before {
  content: "\f0fa"
}
.fa-fighter-jet:before {
  content: "\f0fb"
}
.fa-beer:before {
  content: "\f0fc"
}
.fa-h-square:before {
  content: "\f0fd"
}
.fa-plus-square:before {
  content: "\f0fe"
}
.fa-angle-double-left:before {
  content: "\f100"
}
.fa-angle-double-right:before {
  content: "\f101"
}
.fa-angle-double-up:before {
  content: "\f102"
}
.fa-angle-double-down:before {
  content: "\f103"
}
.fa-angle-left:before {
  content: "\f104"
}
.fa-angle-right:before {
  content: "\f105"
}
.fa-angle-up:before {
  content: "\f106"
}
.fa-angle-down:before {
  content: "\f107"
}
.fa-desktop:before {
  content: "\f108"
}
.fa-laptop:before {
  content: "\f109"
}
.fa-tablet:before {
  content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"
}
.fa-circle-o:before {
  content: "\f10c"
}
.fa-quote-left:before {
  content: "\f10d"
}
.fa-quote-right:before {
  content: "\f10e"
}
.fa-spinner:before {
  content: "\f110"
}
.fa-circle:before {
  content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"
}
.fa-github-alt:before {
  content: "\f113"
}
.fa-folder-o:before {
  content: "\f114"
}
.fa-folder-open-o:before {
  content: "\f115"
}
.fa-smile-o:before {
  content: "\f118"
}
.fa-frown-o:before {
  content: "\f119"
}
.fa-meh-o:before {
  content: "\f11a"
}
.fa-gamepad:before {
  content: "\f11b"
}
.fa-keyboard-o:before {
  content: "\f11c"
}
.fa-flag-o:before {
  content: "\f11d"
}
.fa-flag-checkered:before {
  content: "\f11e"
}
.fa-terminal:before {
  content: "\f120"
}
.fa-code:before {
  content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"
}
.fa-location-arrow:before {
  content: "\f124"
}
.fa-crop:before {
  content: "\f125"
}
.fa-code-fork:before {
  content: "\f126"
}
.fa-chain-broken:before, .fa-unlink:before {
  content: "\f127"
}
.fa-question:before {
  content: "\f128"
}
.fa-info:before {
  content: "\f129"
}
.fa-exclamation:before {
  content: "\f12a"
}
.fa-superscript:before {
  content: "\f12b"
}
.fa-subscript:before {
  content: "\f12c"
}
.fa-eraser:before {
  content: "\f12d"
}
.fa-puzzle-piece:before {
  content: "\f12e"
}
.fa-microphone:before {
  content: "\f130"
}
.fa-microphone-slash:before {
  content: "\f131"
}
.fa-shield:before {
  content: "\f132"
}
.fa-calendar-o:before {
  content: "\f133"
}
.fa-fire-extinguisher:before {
  content: "\f134"
}
.fa-rocket:before {
  content: "\f135"
}
.fa-maxcdn:before {
  content: "\f136"
}
.fa-chevron-circle-left:before {
  content: "\f137"
}
.fa-chevron-circle-right:before {
  content: "\f138"
}
.fa-chevron-circle-up:before {
  content: "\f139"
}
.fa-chevron-circle-down:before {
  content: "\f13a"
}
.fa-html5:before {
  content: "\f13b"
}
.fa-css3:before {
  content: "\f13c"
}
.fa-anchor:before {
  content: "\f13d"
}
.fa-unlock-alt:before {
  content: "\f13e"
}
.fa-bullseye:before {
  content: "\f140"
}
.fa-ellipsis-h:before {
  content: "\f141"
}
.fa-ellipsis-v:before {
  content: "\f142"
}
.fa-rss-square:before {
  content: "\f143"
}
.fa-play-circle:before {
  content: "\f144"
}
.fa-ticket:before {
  content: "\f145"
}
.fa-minus-square:before {
  content: "\f146"
}
.fa-minus-square-o:before {
  content: "\f147"
}
.fa-level-up:before {
  content: "\f148"
}
.fa-level-down:before {
  content: "\f149"
}
.fa-check-square:before {
  content: "\f14a"
}
.fa-pencil-square:before {
  content: "\f14b"
}
.fa-external-link-square:before {
  content: "\f14c"
}
.fa-share-square:before {
  content: "\f14d"
}
.fa-compass:before {
  content: "\f14e"
}
.fa-caret-square-o-down:before, .fa-toggle-down:before {
  content: "\f150"
}
.fa-caret-square-o-up:before, .fa-toggle-up:before {
  content: "\f151"
}
.fa-caret-square-o-right:before, .fa-toggle-right:before {
  content: "\f152"
}
.fa-eur:before, .fa-euro:before {
  content: "\f153"
}
.fa-gbp:before {
  content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
  content: "\f155"
}
.fa-inr:before, .fa-rupee:before {
  content: "\f156"
}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
  content: "\f157"
}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
  content: "\f158"
}
.fa-krw:before, .fa-won:before {
  content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"
}
.fa-file:before {
  content: "\f15b"
}
.fa-file-text:before {
  content: "\f15c"
}
.fa-sort-alpha-asc:before {
  content: "\f15d"
}
.fa-sort-alpha-desc:before {
  content: "\f15e"
}
.fa-sort-amount-asc:before {
  content: "\f160"
}
.fa-sort-amount-desc:before {
  content: "\f161"
}
.fa-sort-numeric-asc:before {
  content: "\f162"
}
.fa-sort-numeric-desc:before {
  content: "\f163"
}
.fa-thumbs-up:before {
  content: "\f164"
}
.fa-thumbs-down:before {
  content: "\f165"
}
.fa-youtube-square:before {
  content: "\f166"
}
.fa-youtube:before {
  content: "\f167"
}
.fa-xing:before {
  content: "\f168"
}
.fa-xing-square:before {
  content: "\f169"
}
.fa-youtube-play:before {
  content: "\f16a"
}
.fa-dropbox:before {
  content: "\f16b"
}
.fa-stack-overflow:before {
  content: "\f16c"
}
.fa-instagram:before {
  content: "\f16d"
}
.fa-flickr:before {
  content: "\f16e"
}
.fa-adn:before {
  content: "\f170"
}
.fa-bitbucket:before {
  content: "\f171"
}
.fa-bitbucket-square:before {
  content: "\f172"
}
.fa-tumblr:before {
  content: "\f173"
}
.fa-tumblr-square:before {
  content: "\f174"
}
.fa-long-arrow-down:before {
  content: "\f175"
}
.fa-long-arrow-up:before {
  content: "\f176"
}
.fa-long-arrow-left:before {
  content: "\f177"
}
.fa-long-arrow-right:before {
  content: "\f178"
}
.fa-apple:before {
  content: "\f179"
}
.fa-windows:before {
  content: "\f17a"
}
.fa-android:before {
  content: "\f17b"
}
.fa-linux:before {
  content: "\f17c"
}
.fa-dribbble:before {
  content: "\f17d"
}
.fa-skype:before {
  content: "\f17e"
}
.fa-foursquare:before {
  content: "\f180"
}
.fa-trello:before {
  content: "\f181"
}
.fa-female:before {
  content: "\f182"
}
.fa-male:before {
  content: "\f183"
}
.fa-gittip:before {
  content: "\f184"
}
.fa-sun-o:before {
  content: "\f185"
}
.fa-moon-o:before {
  content: "\f186"
}
.fa-archive:before {
  content: "\f187"
}
.fa-bug:before {
  content: "\f188"
}
.fa-vk:before {
  content: "\f189"
}
.fa-weibo:before {
  content: "\f18a"
}
.fa-renren:before {
  content: "\f18b"
}
.fa-pagelines:before {
  content: "\f18c"
}
.fa-stack-exchange:before {
  content: "\f18d"
}
.fa-arrow-circle-o-right:before {
  content: "\f18e"
}
.fa-arrow-circle-o-left:before {
  content: "\f190"
}
.fa-caret-square-o-left:before, .fa-toggle-left:before {
  content: "\f191"
}
.fa-dot-circle-o:before {
  content: "\f192"
}
.fa-wheelchair:before {
  content: "\f193"
}
.fa-vimeo-square:before {
  content: "\f194"
}
.fa-try:before, .fa-turkish-lira:before {
  content: "\f195"
}
.fa-plus-square-o:before {
  content: "\f196"
}
.fa-space-shuttle:before {
  content: "\f197"
}
.fa-slack:before {
  content: "\f198"
}
.fa-envelope-square:before {
  content: "\f199"
}
.fa-wordpress:before {
  content: "\f19a"
}
.fa-openid:before {
  content: "\f19b"
}
.fa-bank:before, .fa-institution:before, .fa-university:before {
  content: "\f19c"
}
.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "\f19d"
}
.fa-yahoo:before {
  content: "\f19e"
}
.fa-google:before {
  content: "\f1a0"
}
.fa-reddit:before {
  content: "\f1a1"
}
.fa-reddit-square:before {
  content: "\f1a2"
}
.fa-stumbleupon-circle:before {
  content: "\f1a3"
}
.fa-stumbleupon:before {
  content: "\f1a4"
}
.fa-delicious:before {
  content: "\f1a5"
}
.fa-digg:before {
  content: "\f1a6"
}
.fa-pied-piper:before {
  content: "\f1a7"
}
.fa-pied-piper-alt:before {
  content: "\f1a8"
}
.fa-drupal:before {
  content: "\f1a9"
}
.fa-joomla:before {
  content: "\f1aa"
}
.fa-language:before {
  content: "\f1ab"
}
.fa-fax:before {
  content: "\f1ac"
}
.fa-building:before {
  content: "\f1ad"
}
.fa-child:before {
  content: "\f1ae"
}
.fa-paw:before {
  content: "\f1b0"
}
.fa-spoon:before {
  content: "\f1b1"
}
.fa-cube:before {
  content: "\f1b2"
}
.fa-cubes:before {
  content: "\f1b3"
}
.fa-behance:before {
  content: "\f1b4"
}
.fa-behance-square:before {
  content: "\f1b5"
}
.fa-steam:before {
  content: "\f1b6"
}
.fa-steam-square:before {
  content: "\f1b7"
}
.fa-recycle:before {
  content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
  content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"
}
.fa-tree:before {
  content: "\f1bb"
}
.fa-spotify:before {
  content: "\f1bc"
}
.fa-deviantart:before {
  content: "\f1bd"
}
.fa-soundcloud:before {
  content: "\f1be"
}
.fa-database:before {
  content: "\f1c0"
}
.fa-file-pdf-o:before {
  content: "\f1c1"
}
.fa-file-word-o:before {
  content: "\f1c2"
}
.fa-file-excel-o:before {
  content: "\f1c3"
}
.fa-file-powerpoint-o:before {
  content: "\f1c4"
}
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
  content: "\f1c5"
}
.fa-file-archive-o:before, .fa-file-zip-o:before {
  content: "\f1c6"
}
.fa-file-audio-o:before, .fa-file-sound-o:before {
  content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"
}
.fa-file-code-o:before {
  content: "\f1c9"
}
.fa-vine:before {
  content: "\f1ca"
}
.fa-codepen:before {
  content: "\f1cb"
}
.fa-jsfiddle:before {
  content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
  content: "\f1cd"
}
.fa-circle-o-notch:before {
  content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before {
  content: "\f1d0"
}
.fa-empire:before, .fa-ge:before {
  content: "\f1d1"
}
.fa-git-square:before {
  content: "\f1d2"
}
.fa-git:before {
  content: "\f1d3"
}
.fa-hacker-news:before {
  content: "\f1d4"
}
.fa-tencent-weibo:before {
  content: "\f1d5"
}
.fa-qq:before {
  content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"
}
.fa-paper-plane:before, .fa-send:before {
  content: "\f1d8"
}
.fa-paper-plane-o:before, .fa-send-o:before {
  content: "\f1d9"
}
.fa-history:before {
  content: "\f1da"
}
.fa-circle-thin:before {
  content: "\f1db"
}
.fa-header:before {
  content: "\f1dc"
}
.fa-paragraph:before {
  content: "\f1dd"
}
.fa-sliders:before {
  content: "\f1de"
}
.fa-share-alt:before {
  content: "\f1e0"
}
.fa-share-alt-square:before {
  content: "\f1e1"
}
.fa-bomb:before {
  content: "\f1e2"
}
.fa-futbol-o:before, .fa-soccer-ball-o:before {
  content: "\f1e3"
}
.fa-tty:before {
  content: "\f1e4"
}
.fa-binoculars:before {
  content: "\f1e5"
}
.fa-plug:before {
  content: "\f1e6"
}
.fa-slideshare:before {
  content: "\f1e7"
}
.fa-twitch:before {
  content: "\f1e8"
}
.fa-yelp:before {
  content: "\f1e9"
}
.fa-newspaper-o:before {
  content: "\f1ea"
}
.fa-wifi:before {
  content: "\f1eb"
}
.fa-calculator:before {
  content: "\f1ec"
}
.fa-paypal:before {
  content: "\f1ed"
}
.fa-google-wallet:before {
  content: "\f1ee"
}
.fa-cc-visa:before {
  content: "\f1f0"
}
.fa-cc-mastercard:before {
  content: "\f1f1"
}
.fa-cc-discover:before {
  content: "\f1f2"
}
.fa-cc-amex:before {
  content: "\f1f3"
}
.fa-cc-paypal:before {
  content: "\f1f4"
}
.fa-cc-stripe:before {
  content: "\f1f5"
}
.fa-bell-slash:before {
  content: "\f1f6"
}
.fa-bell-slash-o:before {
  content: "\f1f7"
}
.fa-trash:before {
  content: "\f1f8"
}
.fa-copyright:before {
  content: "\f1f9"
}
.fa-at:before {
  content: "\f1fa"
}
.fa-eyedropper:before {
  content: "\f1fb"
}
.fa-paint-brush:before {
  content: "\f1fc"
}
.fa-birthday-cake:before {
  content: "\f1fd"
}
.fa-area-chart:before {
  content: "\f1fe"
}
.fa-pie-chart:before {
  content: "\f200"
}
.fa-line-chart:before {
  content: "\f201"
}
.fa-lastfm:before {
  content: "\f202"
}
.fa-lastfm-square:before {
  content: "\f203"
}
.fa-toggle-off:before {
  content: "\f204"
}
.fa-toggle-on:before {
  content: "\f205"
}
.fa-bicycle:before {
  content: "\f206"
}
.fa-bus:before {
  content: "\f207"
}
.fa-ioxhost:before {
  content: "\f208"
}
.fa-angellist:before {
  content: "\f209"
}
.fa-cc:before {
  content: "\f20a"
}
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
  content: "\f20b"
}
.fa-meanpath:before {
  content: "\f20c"
}
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff
}
.bx-wrapper img {
  max-width: 100%;
  display: block
}
.bxslider {
  margin: 0;
  padding: 0
}
ul.bxslider {
  list-style: none
}
.bx-viewport {
  -webkit-transform: translatez(0)
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
  position: absolute;
  bottom: -30px;
  width: 100%
}
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../image/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000
}
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: 700;
  color: #666;
  padding-top: 20px
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #000
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
  display: inline-block;
  vertical-align: bottom
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0
}
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(https://www.dszuqiu.com/assets/css/images/controls.png) 0 -32px no-repeat
}
.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {
  background-position: 0 0
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(https://www.dszuqiu.com/assets/css/images/controls.png) -43px -32px no-repeat
}
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
  background-position: -43px 0
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none
}
.bx-wrapper .bx-controls-auto {
  text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(https://www.dszuqiu.com/assets/css/images/controls.png) -86px -11px no-repeat;
  margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {
  background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(https://www.dszuqiu.com/assets/css/images/controls.png) -86px -44px no-repeat;
  margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {
  background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px
}
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, .75);
  width: 100%
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px
}
meta.foundation-version {
  font-family: "/5.5.3/"
}
meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0
}
meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 53.33333em)/";
  width: 0
}
meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:53.41667em)/";
  width: 53.41667em
}
meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:53.41667em) and (max-width:85.33333em)/";
  width: 53.41667em
}
meta.foundation-mq-large {
  font-family: "/only screen and (min-width:85.41667em)/";
  width: 85.41667em
}
meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:85.41667em) and (max-width:120em)/";
  width: 85.41667em
}
meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:120.08333em)/";
  width: 120.08333em
}
meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:120.08333em) and (max-width:160em)/";
  width: 120.08333em
}
meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:160.08333em)/";
  width: 160.08333em
}
meta.foundation-data-attribute-namespace {
  font-family: false
}
body, html {
  height: 100%
}
*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
body, html {
  font-size: 12px
}
body {
  background: #fdfdfd;
  color: #404040;
  cursor: auto;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative
}
a:hover {
  cursor: pointer
}
img {
  max-width: 100%;
  height: auto
}
img {
  -ms-interpolation-mode: bicubic
}
#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
  max-width: none !important
}
.left {
  float: left !important
}
.right {
  float: right !important
}
.clearfix:after, .clearfix:before {
  content: " ";
  display: table
}
.clearfix:after {
  clear: both
}
.hide {
  display: none
}
.invisible {
  visibility: hidden
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
img {
  display: inline-block;
  vertical-align: middle
}
textarea {
  height: auto;
  min-height: 50px
}
select {
  width: 100%
}
.row {
  margin: 0 auto;
  max-width: 100rem;
  width: 100%
}
.row:after, .row:before {
  content: " ";
  display: table
}
.row:after {
  clear: both
}
.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0
}
.row .row {
  margin: 0 -.83333rem;
  max-width: none;
  width: auto
}
.row .row:after, .row .row:before {
  content: " ";
  display: table
}
.row .row:after {
  clear: both
}
.row .row.collapse {
  margin: 0;
  max-width: none;
  width: auto
}
.row .row.collapse:after, .row .row.collapse:before {
  content: " ";
  display: table
}
.row .row.collapse:after {
  clear: both
}
.column, .columns {
  padding-left: .83333rem;
  padding-right: .83333rem;
  width: 100%;
  float: left
}
.column + .column:last-child, .column + .columns:last-child, .columns + .column:last-child, .columns + .columns:last-child {
  float: right
}
.column + .column.end, .column + .columns.end, .columns + .column.end, .columns + .columns.end {
  float: left
}
@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto
  }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto
  }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
  .column, .columns {
    position: relative;
    padding-left: .83333rem;
    padding-right: .83333rem;
    float: left
  }
  .small-1 {
    width: 8.33333%
  }
  .small-2 {
    width: 16.66667%
  }
  .small-3 {
    width: 25%
  }
  .small-4 {
    width: 33.33333%
  }
  .small-5 {
    width: 41.66667%
  }
  .small-6 {
    width: 50%
  }
  .small-7 {
    width: 58.33333%
  }
  .small-8 {
    width: 66.66667%
  }
  .small-9 {
    width: 75%
  }
  .small-10 {
    width: 83.33333%
  }
  .small-11 {
    width: 91.66667%
  }
  .small-12 {
    width: 100%
  }
  .small-offset-0 {
    margin-left: 0 !important
  }
  .small-offset-1 {
    margin-left: 8.33333% !important
  }
  .small-offset-2 {
    margin-left: 16.66667% !important
  }
  .small-offset-3 {
    margin-left: 25% !important
  }
  .small-offset-4 {
    margin-left: 33.33333% !important
  }
  .small-offset-5 {
    margin-left: 41.66667% !important
  }
  .small-offset-6 {
    margin-left: 50% !important
  }
  .small-offset-7 {
    margin-left: 58.33333% !important
  }
  .small-offset-8 {
    margin-left: 66.66667% !important
  }
  .small-offset-9 {
    margin-left: 75% !important
  }
  .small-offset-10 {
    margin-left: 83.33333% !important
  }
  .small-offset-11 {
    margin-left: 91.66667% !important
  }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto
  }
  .column.small-centered, .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
  }
  .column.small-uncentered, .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0
  }
  .column.small-centered:last-child, .columns.small-centered:last-child {
    float: none
  }
  .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
    float: left
  }
  .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
    float: right
  }
  .row.small-collapse > .column, .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0
  }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0
  }
  .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
    padding-left: .83333rem;
    padding-right: .83333rem;
    float: left
  }
}
@media only screen and (min-width:53.41667em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto
  }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
  .column, .columns {
    position: relative;
    padding-left: .83333rem;
    padding-right: .83333rem;
    float: left
  }
  .medium-1 {
    width: 8.33333%
  }
  .medium-2 {
    width: 16.66667%
  }
  .medium-3 {
    width: 25%
  }
  .medium-4 {
    width: 33.33333%
  }
  .medium-5 {
    width: 41.66667%
  }
  .medium-6 {
    width: 50%
  }
  .medium-7 {
    width: 58.33333%
  }
  .medium-8 {
    width: 66.66667%
  }
  .medium-9 {
    width: 75%
  }
  .medium-10 {
    width: 83.33333%
  }
  .medium-11 {
    width: 91.66667%
  }
  .medium-12 {
    width: 100%
  }
  .medium-offset-0 {
    margin-left: 0 !important
  }
  .medium-offset-1 {
    margin-left: 8.33333% !important
  }
  .medium-offset-2 {
    margin-left: 16.66667% !important
  }
  .medium-offset-3 {
    margin-left: 25% !important
  }
  .medium-offset-4 {
    margin-left: 33.33333% !important
  }
  .medium-offset-5 {
    margin-left: 41.66667% !important
  }
  .medium-offset-6 {
    margin-left: 50% !important
  }
  .medium-offset-7 {
    margin-left: 58.33333% !important
  }
  .medium-offset-8 {
    margin-left: 66.66667% !important
  }
  .medium-offset-9 {
    margin-left: 75% !important
  }
  .medium-offset-10 {
    margin-left: 83.33333% !important
  }
  .medium-offset-11 {
    margin-left: 91.66667% !important
  }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto
  }
  .column.medium-centered, .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
  }
  .column.medium-uncentered, .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0
  }
  .column.medium-centered:last-child, .columns.medium-centered:last-child {
    float: none
  }
  .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
    float: left
  }
  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
    float: right
  }
  .row.medium-collapse > .column, .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0
  }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0
  }
  .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
    padding-left: .83333rem;
    padding-right: .83333rem;
    float: left
  }
  .push-0 {
    position: relative;
    left: 0;
    right: auto
  }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto
  }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
  .column, .columns {
    position: relative;
    padding-left: .83333rem;
    padding-right: .83333rem;
    float: left
  }
  .large-1 {
    width: 8.33333%
  }
  .large-2 {
    width: 16.66667%
  }
  .large-3 {
    width: 25%
  }
  .large-4 {
    width: 33.33333%
  }
  .large-5 {
    width: 41.66667%
  }
  .large-6 {
    width: 50%
  }
  .large-7 {
    width: 58.33333%
  }
  .large-8 {
    width: 66.66667%
  }
  .large-9 {
    width: 75%
  }
  .large-10 {
    width: 83.33333%
  }
  .large-11 {
    width: 91.66667%
  }
  .large-12 {
    width: 100%
  }
  .large-offset-0 {
    margin-left: 0 !important
  }
  .large-offset-1 {
    margin-left: 8.33333% !important
  }
  .large-offset-2 {
    margin-left: 16.66667% !important
  }
  .large-offset-3 {
    margin-left: 25% !important
  }
  .large-offset-4 {
    margin-left: 33.33333% !important
  }
  .large-offset-5 {
    margin-left: 41.66667% !important
  }
  .large-offset-6 {
    margin-left: 50% !important
  }
  .large-offset-7 {
    margin-left: 58.33333% !important
  }
  .large-offset-8 {
    margin-left: 66.66667% !important
  }
  .large-offset-9 {
    margin-left: 75% !important
  }
  .large-offset-10 {
    margin-left: 83.33333% !important
  }
  .large-offset-11 {
    margin-left: 91.66667% !important
  }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto
  }
  .column.large-centered, .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
  }
  .column.large-uncentered, .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0
  }
  .column.large-centered:last-child, .columns.large-centered:last-child {
    float: none
  }
  .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
    float: left
  }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
    float: right
  }
  .row.large-collapse > .column, .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0
  }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0
  }
  .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
    padding-left: .83333rem;
    padding-right: .83333rem;
    float: left
  }
  .push-0 {
    position: relative;
    left: 0;
    right: auto
  }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
}
.accordion {
  margin-bottom: 0;
  margin-left: 0
}
.accordion:after, .accordion:before {
  content: " ";
  display: table
}
.accordion:after {
  clear: both
}
.accordion .accordion-navigation, .accordion dd {
  display: block;
  margin-bottom: 0 !important
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
  background: #2e7d5f;
  color: #222
}
.accordion .accordion-navigation > a, .accordion dd > a {
  background: #2f8162;
  color: #fff;
  display: block;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.16667rem;
  padding: .66667rem
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: #2d7b5d
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
  display: none;
  padding: .83333rem
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
  background: #fff;
  display: block
}
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.66667rem;
  padding: .5rem 1.33333rem .5rem .5rem;
  position: relative;
  transition: opacity .3s ease-out;
  background-color: #2f8162;
  border-color: #286f54;
  color: #fff
}
.alert-box .close {
  right: .33333rem;
  background: inherit;
  color: #2d353c;
  font-size: 1.83333rem;
  line-height: .9;
  margin-top: -.91667rem;
  opacity: .3;
  padding: 0 6px 4px;
  position: absolute;
  top: 50%
}
.alert-box .close:focus, .alert-box .close:hover {
  opacity: .5
}
.alert-box.radius {
  border-radius: 3px
}
.alert-box.round {
  border-radius: 1000px
}
.alert-box.success {
  background-color: #43ac6a;
  border-color: #3a945b;
  color: #fff
}
.alert-box.alert {
  background-color: #d91f1f;
  border-color: #bb1b1b;
  color: #fff
}
.alert-box.secondary {
  background-color: #ffd903;
  border-color: #debc00;
  color: #fff
}
.alert-box.warning {
  background-color: #f6f4c2;
  border-color: #eeea8c;
  color: #584a00
}
.alert-box.info {
  background-color: #a0d3e8;
  border-color: #74bfdd;
  color: #584a00
}
.alert-box.alert-close {
  opacity: 0
}
[class*=block-grid-] {
  display: block;
  padding: 0;
  margin: 0 -.83333rem
}
[class*=block-grid-]:after, [class*=block-grid-]:before {
  content: " ";
  display: table
}
[class*=block-grid-]:after {
  clear: both
}
[class*=block-grid-] > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 .83333rem 1.66667rem
}
@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%
  }
  .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both
  }
  .small-block-grid-2 > li {
    list-style: none;
    width: 50%
  }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both
  }
  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%
  }
  .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both
  }
  .small-block-grid-4 > li {
    list-style: none;
    width: 25%
  }
  .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both
  }
  .small-block-grid-5 > li {
    list-style: none;
    width: 20%
  }
  .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both
  }
  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%
  }
  .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both
  }
  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%
  }
  .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both
  }
  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%
  }
  .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both
  }
  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%
  }
  .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both
  }
  .small-block-grid-10 > li {
    list-style: none;
    width: 10%
  }
  .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both
  }
  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%
  }
  .small-block-grid-11 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both
  }
  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%
  }
  .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both
  }
}
@media only screen and (min-width:53.41667em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%
  }
  .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both
  }
  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%
  }
  .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both
  }
  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%
  }
  .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both
  }
  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%
  }
  .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both
  }
  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%
  }
  .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both
  }
  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%
  }
  .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both
  }
  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%
  }
  .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both
  }
  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%
  }
  .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both
  }
  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%
  }
  .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both
  }
  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%
  }
  .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both
  }
  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%
  }
  .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both
  }
  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%
  }
  .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both
  }
}
@media only screen and (min-width:85.41667em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%
  }
  .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both
  }
  .large-block-grid-2 > li {
    list-style: none;
    width: 50%
  }
  .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both
  }
  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%
  }
  .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both
  }
  .large-block-grid-4 > li {
    list-style: none;
    width: 25%
  }
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both
  }
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both
  }
  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%
  }
  .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both
  }
  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%
  }
  .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both
  }
  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%
  }
  .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both
  }
  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%
  }
  .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both
  }
  .large-block-grid-10 > li {
    list-style: none;
    width: 10%
  }
  .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both
  }
  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%
  }
  .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both
  }
  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%
  }
  .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both
  }
}
.breadcrumbs {
  border-style: solid;
  border-width: 0;
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  padding: .75rem 1.16667rem .75rem;
  background-color: #fff;
  border-color: #e6e6e6;
  border-radius: 3px
}
.breadcrumbs > * {
  color: #2f8162;
  float: left;
  font-size: .91667rem;
  line-height: .91667rem;
  margin: 0;
  text-transform: uppercase
}
.breadcrumbs > :focus a, .breadcrumbs > :hover a {
  text-decoration: underline
}
.breadcrumbs > * a {
  color: #2f8162
}
.breadcrumbs > .current {
  color: #2d353c;
  cursor: default
}
.breadcrumbs > .current a {
  color: #2d353c;
  cursor: default
}
.breadcrumbs > .current:focus, .breadcrumbs > .current:focus a, .breadcrumbs > .current:hover, .breadcrumbs > .current:hover a {
  text-decoration: none
}
.breadcrumbs > .unavailable {
  color: #999
}
.breadcrumbs > .unavailable a {
  color: #999
}
.breadcrumbs > .unavailable a:focus, .breadcrumbs > .unavailable:focus, .breadcrumbs > .unavailable:hover, .breadcrumbs > .unavailable:hover a {
  color: #999;
  cursor: not-allowed;
  text-decoration: none
}
.breadcrumbs > :before {
  color: #aaa;
  content: ">";
  margin: 0 1rem;
  position: relative;
  top: 1px
}
.breadcrumbs > :first-child:before {
  content: " ";
  margin: 0
}
[aria-label=breadcrumbs] [aria-hidden=true]:after {
  content: "/"
}
.button, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 1.66667rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: .83333rem 1.66667rem .91667rem 1.66667rem;
  font-size: 1.33333rem;
  background-color: #2f8162;
  border-color: #26674e;
  color: #fff;
  transition: background-color .3s ease-out
}
.button:focus, .button:hover, button:focus, button:hover {
  background-color: #26674e
}
.button:focus, .button:hover, button:focus, button:hover {
  color: #fff
}
.button.secondary, button.secondary {
  background-color: #ffd903;
  border-color: #ceaf00;
  color: #fff
}
.button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
  background-color: #ceaf00
}
.button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
  color: #fff
}
.button.success, button.success {
  background-color: #43ac6a;
  border-color: #368a55;
  color: #fff
}
.button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
  background-color: #368a55
}
.button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
  color: #fff
}
.button.alert, button.alert {
  background-color: #d91f1f;
  border-color: #ae1919;
  color: #fff
}
.button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
  background-color: #ae1919
}
.button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
  color: #fff
}
.button.warning, button.warning {
  background-color: #f6f4c2;
  border-color: #ebe675;
  color: #2d353c
}
.button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover {
  background-color: #ebe675
}
.button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover {
  color: #fff
}
.button.info, button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #2d353c
}
.button.info:focus, .button.info:hover, button.info:focus, button.info:hover {
  background-color: #61b6d9
}
.button.info:focus, .button.info:hover, button.info:focus, button.info:hover {
  color: #fff
}
.button.large, button.large {
  padding: 1rem 2rem 1.08333rem 2rem;
  font-size: 1.66667rem
}
.button.small, button.small {
  padding: .5rem 1rem .58333rem 1rem;
  font-size: 1.08333rem
}
.button.tiny, button.tiny {
  padding: .33333rem .66667rem .41667rem .66667rem;
  font-size: .91667rem
}
.button.expand, button.expand {
  padding: .83333rem 1.66667rem .91667rem 1.66667rem;
  font-size: 1.33333rem;
  padding-bottom: .91667rem;
  padding-top: .83333rem;
  padding-left: .83333rem;
  padding-right: .83333rem;
  width: 100%
}
.button.left-align, button.left-align {
  text-align: left;
  text-indent: 1rem
}
.button.right-align, button.right-align {
  text-align: right;
  padding-right: 1rem
}
.button.radius, button.radius {
  border-radius: 3px
}
.button.round, button.round {
  border-radius: 1000px
}
.button.disabled, .button[disabled], button.disabled, button[disabled] {
  background-color: #2f8162;
  border-color: #26674e;
  color: #fff;
  box-shadow: none;
  cursor: default;
  opacity: .7
}
.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
  background-color: #26674e
}
.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
  color: #fff
}
.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
  background-color: #2f8162
}
.button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary {
  background-color: #ffd903;
  border-color: #ceaf00;
  color: #fff;
  box-shadow: none;
  cursor: default;
  opacity: .7
}
.button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
  background-color: #ceaf00
}
.button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
  color: #fff
}
.button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
  background-color: #ffd903
}
.button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success {
  background-color: #43ac6a;
  border-color: #368a55;
  color: #fff;
  box-shadow: none;
  cursor: default;
  opacity: .7
}
.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
  background-color: #368a55
}
.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
  color: #fff
}
.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
  background-color: #43ac6a
}
.button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert {
  background-color: #d91f1f;
  border-color: #ae1919;
  color: #fff;
  box-shadow: none;
  cursor: default;
  opacity: .7
}
.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
  background-color: #ae1919
}
.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
  color: #fff
}
.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
  background-color: #d91f1f
}
.button.disabled.warning, .button[disabled].warning, button.disabled.warning, button[disabled].warning {
  background-color: #f6f4c2;
  border-color: #ebe675;
  color: #2d353c;
  box-shadow: none;
  cursor: default;
  opacity: .7
}
.button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
  background-color: #ebe675
}
.button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
  color: #fff
}
.button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
  background-color: #f6f4c2
}
.button.disabled.info, .button[disabled].info, button.disabled.info, button[disabled].info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #2d353c;
  box-shadow: none;
  cursor: default;
  opacity: .7
}
.button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
  background-color: #61b6d9
}
.button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
  color: #fff
}
.button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
  background-color: #a0d3e8
}
button::-moz-focus-inner {
  border: 0;
  padding: 0
}
@media only screen and (min-width:53.41667em) {
  .button, button {
    display: inline-block
  }
}
.button-group {
  list-style: none;
  margin: 0;
  left: 0
}
.button-group:after, .button-group:before {
  content: " ";
  display: table
}
.button-group:after {
  clear: both
}
.button-group.even-2 li {
  display: inline-block;
  margin: 0 -2px;
  width: 50%
}
.button-group.even-2 li .button, .button-group.even-2 li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.even-2 li:first-child .button, .button-group.even-2 li:first-child button {
  border-left: 0
}
.button-group.even-2 li .button, .button-group.even-2 li button {
  width: 100%
}
.button-group.even-3 li {
  display: inline-block;
  margin: 0 -2px;
  width: 33.33333%
}
.button-group.even-3 li .button, .button-group.even-3 li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.even-3 li:first-child .button, .button-group.even-3 li:first-child button {
  border-left: 0
}
.button-group.even-3 li .button, .button-group.even-3 li button {
  width: 100%
}
.button-group.even-4 li {
  display: inline-block;
  margin: 0 -2px;
  width: 25%
}
.button-group.even-4 li .button, .button-group.even-4 li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.even-4 li:first-child .button, .button-group.even-4 li:first-child button {
  border-left: 0
}
.button-group.even-4 li .button, .button-group.even-4 li button {
  width: 100%
}
.button-group.even-5 li {
  display: inline-block;
  margin: 0 -2px;
  width: 20%
}
.button-group.even-5 li .button, .button-group.even-5 li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.even-5 li:first-child .button, .button-group.even-5 li:first-child button {
  border-left: 0
}
.button-group.even-5 li .button, .button-group.even-5 li button {
  width: 100%
}
.button-group.even-6 li {
  display: inline-block;
  margin: 0 -2px;
  width: 16.66667%
}
.button-group.even-6 li .button, .button-group.even-6 li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.even-6 li:first-child .button, .button-group.even-6 li:first-child button {
  border-left: 0
}
.button-group.even-6 li .button, .button-group.even-6 li button {
  width: 100%
}
.button-group.even-7 li {
  display: inline-block;
  margin: 0 -2px;
  width: 14.28571%
}
.button-group.even-7 li .button, .button-group.even-7 li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.even-7 li:first-child .button, .button-group.even-7 li:first-child button {
  border-left: 0
}
.button-group.even-7 li .button, .button-group.even-7 li button {
  width: 100%
}
.button-group.even-8 li {
  display: inline-block;
  margin: 0 -2px;
  width: 12.5%
}
.button-group.even-8 li .button, .button-group.even-8 li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.even-8 li:first-child .button, .button-group.even-8 li:first-child button {
  border-left: 0
}
.button-group.even-8 li .button, .button-group.even-8 li button {
  width: 100%
}
.button-group > li {
  display: inline-block;
  margin: 0 -2px
}
.button-group > li .button, .button-group > li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group > li:first-child .button, .button-group > li:first-child button {
  border-left: 0
}
.button-group.stack > li {
  display: block;
  margin: 0;
  float: none
}
.button-group.stack > li .button, .button-group.stack > li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
  border-left: 0
}
.button-group.stack > li .button, .button-group.stack > li > button {
  border-color: rgba(255, 255, 255, .5);
  border-left-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0
}
.button-group.stack > li > button {
  width: 100%
}
.button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
  border-top: 0
}
.button-group.stack-for-small > li {
  display: inline-block;
  margin: 0 -2px
}
.button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
  border-left: 0
}
@media only screen and (max-width:53.33333em) {
  .button-group.stack-for-small > li {
    display: block;
    margin: 0;
    width: 100%
  }
  .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
  }
  .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
    border-left: 0
  }
  .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
    border-color: rgba(255, 255, 255, .5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
  }
  .button-group.stack-for-small > li > button {
    width: 100%
  }
  .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
    border-top: 0
  }
}
.button-group.radius > * {
  display: inline-block;
  margin: 0 -2px
}
.button-group.radius > * .button, .button-group.radius > * > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.radius > :first-child .button, .button-group.radius > :first-child button {
  border-left: 0
}
.button-group.radius > *, .button-group.radius > * > .button, .button-group.radius > * > a, .button-group.radius > * > button {
  border-radius: 0
}
.button-group.radius > :first-child, .button-group.radius > :first-child > .button, .button-group.radius > :first-child > a, .button-group.radius > :first-child > button {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}
.button-group.radius > :last-child, .button-group.radius > :last-child > .button, .button-group.radius > :last-child > a, .button-group.radius > :last-child > button {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}
.button-group.radius.stack > * {
  display: block;
  margin: 0
}
.button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
  border-left: 0
}
.button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
  border-color: rgba(255, 255, 255, .5);
  border-left-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0
}
.button-group.radius.stack > * > button {
  width: 100%
}
.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
  border-top: 0
}
.button-group.radius.stack > *, .button-group.radius.stack > * > .button, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button {
  border-radius: 0
}
.button-group.radius.stack > :first-child, .button-group.radius.stack > :first-child > .button, .button-group.radius.stack > :first-child > a, .button-group.radius.stack > :first-child > button {
  -webkit-top-left-radius: 3px;
  -webkit-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.button-group.radius.stack > :last-child, .button-group.radius.stack > :last-child > .button, .button-group.radius.stack > :last-child > a, .button-group.radius.stack > :last-child > button {
  -webkit-bottom-left-radius: 3px;
  -webkit-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}
@media only screen and (min-width:53.41667em) {
  .button-group.radius.stack-for-small > * {
    display: inline-block;
    margin: 0 -2px
  }
  .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
  }
  .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
    border-left: 0
  }
  .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
    border-radius: 0
  }
  .button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
  }
  .button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
  }
}
@media only screen and (max-width:53.33333em) {
  .button-group.radius.stack-for-small > * {
    display: block;
    margin: 0
  }
  .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
  }
  .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
    border-left: 0
  }
  .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
    border-color: rgba(255, 255, 255, .5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
  }
  .button-group.radius.stack-for-small > * > button {
    width: 100%
  }
  .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
    border-top: 0
  }
  .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
    border-radius: 0
  }
  .button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
  }
  .button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
  }
}
.button-group.round > * {
  display: inline-block;
  margin: 0 -2px
}
.button-group.round > * .button, .button-group.round > * > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.round > :first-child .button, .button-group.round > :first-child button {
  border-left: 0
}
.button-group.round > *, .button-group.round > * > .button, .button-group.round > * > a, .button-group.round > * > button {
  border-radius: 0
}
.button-group.round > :first-child, .button-group.round > :first-child > .button, .button-group.round > :first-child > a, .button-group.round > :first-child > button {
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px
}
.button-group.round > :last-child, .button-group.round > :last-child > .button, .button-group.round > :last-child > a, .button-group.round > :last-child > button {
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px
}
.button-group.round.stack > * {
  display: block;
  margin: 0
}
.button-group.round.stack > * .button, .button-group.round.stack > * > button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, .5)
}
.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
  border-left: 0
}
.button-group.round.stack > * .button, .button-group.round.stack > * > button {
  border-color: rgba(255, 255, 255, .5);
  border-left-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0
}
.button-group.round.stack > * > button {
  width: 100%
}
.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
  border-top: 0
}
.button-group.round.stack > *, .button-group.round.stack > * > .button, .button-group.round.stack > * > a, .button-group.round.stack > * > button {
  border-radius: 0
}
.button-group.round.stack > :first-child, .button-group.round.stack > :first-child > .button, .button-group.round.stack > :first-child > a, .button-group.round.stack > :first-child > button {
  -webkit-top-left-radius: .83333rem;
  -webkit-top-right-radius: .83333rem;
  border-top-left-radius: .83333rem;
  border-top-right-radius: .83333rem
}
.button-group.round.stack > :last-child, .button-group.round.stack > :last-child > .button, .button-group.round.stack > :last-child > a, .button-group.round.stack > :last-child > button {
  -webkit-bottom-left-radius: .83333rem;
  -webkit-bottom-right-radius: .83333rem;
  border-bottom-left-radius: .83333rem;
  border-bottom-right-radius: .83333rem
}
@media only screen and (min-width:53.41667em) {
  .button-group.round.stack-for-small > * {
    display: inline-block;
    margin: 0 -2px
  }
  .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
  }
  .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
    border-left: 0
  }
  .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
    border-radius: 0
  }
  .button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
  }
  .button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
  }
}
@media only screen and (max-width:53.33333em) {
  .button-group.round.stack-for-small > * {
    display: block;
    margin: 0
  }
  .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
  }
  .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
    border-left: 0
  }
  .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
    border-color: rgba(255, 255, 255, .5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
  }
  .button-group.round.stack-for-small > * > button {
    width: 100%
  }
  .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
    border-top: 0
  }
  .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
    border-radius: 0
  }
  .button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
    -webkit-top-left-radius: .83333rem;
    -webkit-top-right-radius: .83333rem;
    border-top-left-radius: .83333rem;
    border-top-right-radius: .83333rem
  }
  .button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
    -webkit-bottom-left-radius: .83333rem;
    -webkit-bottom-right-radius: .83333rem;
    border-bottom-left-radius: .83333rem;
    border-bottom-right-radius: .83333rem
  }
}
.button-bar:after, .button-bar:before {
  content: " ";
  display: table
}
.button-bar:after {
  clear: both
}
.button-bar .button-group {
  float: left;
  margin-right: .83333rem
}
.button-bar .button-group div {
  overflow: hidden
}
.clearing-thumbs, [data-clearing] {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0
}
.clearing-thumbs:after, .clearing-thumbs:before, [data-clearing]:after, [data-clearing]:before {
  content: " ";
  display: table
}
.clearing-thumbs:after, [data-clearing]:after {
  clear: both
}
.clearing-thumbs li, [data-clearing] li {
  float: left;
  margin-right: 10px
}
.clearing-thumbs[class*=block-grid-] li, [data-clearing][class*=block-grid-] li {
  margin-right: 0
}
.clearing-blackout {
  background: #2d353c;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  left: 0
}
.clearing-blackout .clearing-close {
  display: block
}
.clearing-container {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 998
}
.clearing-touch-label {
  color: #aaa;
  font-size: .6em;
  left: 50%;
  position: absolute;
  top: 50%
}
.visible-img {
  height: 95%;
  position: relative
}
.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  max-height: 100%;
  max-width: 100%
}
.clearing-caption {
  background: #2d353c;
  bottom: 0;
  color: #ccc;
  font-size: .875em;
  line-height: 1.3;
  margin-bottom: 0;
  padding: 10px 30px 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0
}
.clearing-close {
  color: #ccc;
  display: none;
  font-size: 30px;
  line-height: 1;
  padding-left: 20px;
  padding-top: 10px;
  z-index: 999
}
.clearing-close:focus, .clearing-close:hover {
  color: #ccc
}
.clearing-assembled .clearing-container {
  height: 100%
}
.clearing-assembled .clearing-container .carousel > ul {
  display: none
}
.clearing-feature li {
  display: none
}
.clearing-feature li.clearing-featured-img {
  display: block
}
@media only screen and (min-width:53.41667em) {
  .clearing-main-next, .clearing-main-prev {
    height: 100%;
    position: absolute;
    top: 0;
    width: 40px
  }
  .clearing-main-next > span, .clearing-main-prev > span {
    border: solid 12px;
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0
  }
  .clearing-main-next > span:hover, .clearing-main-prev > span:hover {
    opacity: .8
  }
  .clearing-main-prev {
    left: 0
  }
  .clearing-main-prev > span {
    left: 5px;
    border-color: transparent;
    border-right-color: #ccc
  }
  .clearing-main-next {
    right: 0
  }
  .clearing-main-next > span {
    border-color: transparent;
    border-left-color: #ccc
  }
  .clearing-main-next.disabled, .clearing-main-prev.disabled {
    opacity: .3
  }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, .8);
    height: 120px;
    margin-top: 10px;
    text-align: center
  }
  .clearing-assembled .clearing-container .carousel > ul {
    display: inline-block;
    z-index: 999;
    height: 100%;
    position: relative;
    float: none
  }
  .clearing-assembled .clearing-container .carousel > ul li {
    clear: none;
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 0;
    min-height: inherit;
    opacity: .4;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 120px
  }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
    height: 100%;
    max-width: none
  }
  .clearing-assembled .clearing-container .carousel > ul li a.th {
    border: none;
    box-shadow: none;
    display: block
  }
  .clearing-assembled .clearing-container .carousel > ul li img {
    cursor: pointer !important;
    width: 100% !important
  }
  .clearing-assembled .clearing-container .carousel > ul li.visible {
    opacity: 1
  }
  .clearing-assembled .clearing-container .carousel > ul li:hover {
    opacity: .8
  }
  .clearing-assembled .clearing-container .visible-img {
    background: #2d353c;
    height: 85%;
    overflow: hidden
  }
  .clearing-close {
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    top: 10px;
    right: 20px
  }
}
.f-dropdown {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 1rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px
}
.f-dropdown.open {
  display: block
}
.f-dropdown > :first-child {
  margin-top: 0
}
.f-dropdown > :last-child {
  margin-bottom: 0
}
.f-dropdown:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #fff transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -12px;
  left: 10px;
  z-index: 89
}
.f-dropdown:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #ccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -14px;
  left: 9px;
  z-index: 88
}
.f-dropdown.right:before {
  left: auto;
  right: 10px
}
.f-dropdown.right:after {
  left: auto;
  right: 9px
}
.f-dropdown.drop-right {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 1rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-left: 2px;
  max-width: 200px
}
.f-dropdown.drop-right.open {
  display: block
}
.f-dropdown.drop-right > :first-child {
  margin-top: 0
}
.f-dropdown.drop-right > :last-child {
  margin-bottom: 0
}
.f-dropdown.drop-right:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #fff transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 10px;
  left: -12px;
  z-index: 89
}
.f-dropdown.drop-right:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #ccc transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 9px;
  left: -14px;
  z-index: 88
}
.f-dropdown.drop-left {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 1rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-left: -2px;
  max-width: 200px
}
.f-dropdown.drop-left.open {
  display: block
}
.f-dropdown.drop-left > :first-child {
  margin-top: 0
}
.f-dropdown.drop-left > :last-child {
  margin-bottom: 0
}
.f-dropdown.drop-left:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #fff;
  border-left-style: solid;
  position: absolute;
  top: 10px;
  right: -12px;
  left: auto;
  z-index: 89
}
.f-dropdown.drop-left:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #ccc;
  border-left-style: solid;
  position: absolute;
  top: 9px;
  right: -14px;
  left: auto;
  z-index: 88
}
.f-dropdown.drop-top {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 1rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-left: 0;
  margin-top: -2px;
  max-width: 200px
}
.f-dropdown.drop-top.open {
  display: block
}
.f-dropdown.drop-top > :first-child {
  margin-top: 0
}
.f-dropdown.drop-top > :last-child {
  margin-bottom: 0
}
.f-dropdown.drop-top:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #fff transparent transparent transparent;
  border-top-style: solid;
  bottom: -12px;
  position: absolute;
  top: auto;
  left: 10px;
  right: auto;
  z-index: 89
}
.f-dropdown.drop-top:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #ccc transparent transparent transparent;
  border-top-style: solid;
  bottom: -14px;
  position: absolute;
  top: auto;
  left: 9px;
  right: auto;
  z-index: 88
}
.f-dropdown li {
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0
}
.f-dropdown li:focus, .f-dropdown li:hover {
  background: #eee
}
.f-dropdown li a {
  display: block;
  padding: .5rem;
  color: #555
}
.f-dropdown.content {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 1rem;
  height: auto;
  max-height: none;
  padding: 1.66667rem;
  width: 100%;
  z-index: 89;
  max-width: 200px
}
.f-dropdown.content.open {
  display: block
}
.f-dropdown.content > :first-child {
  margin-top: 0
}
.f-dropdown.content > :last-child {
  margin-bottom: 0
}
.f-dropdown.radius {
  border-radius: 3px
}
.f-dropdown.tiny {
  max-width: 200px
}
.f-dropdown.small {
  max-width: 300px
}
.f-dropdown.medium {
  max-width: 500px
}
.f-dropdown.large {
  max-width: 800px
}
.f-dropdown.mega {
  width: 100% !important;
  max-width: 100% !important
}
.f-dropdown.mega.open {
  left: 0 !important
}
.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 4.75rem
}
.dropdown.button::after, button.dropdown::after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  width: 0
}
.dropdown.button::after, button.dropdown::after {
  border-width: .5rem;
  right: 1.875rem;
  margin-top: -.20833rem
}
.dropdown.button::after, button.dropdown::after {
  border-color: #fff transparent transparent transparent
}
.dropdown.button.tiny, button.dropdown.tiny {
  padding-right: 3.5rem
}
.dropdown.button.tiny:after, button.dropdown.tiny:after {
  border-width: .5rem;
  right: 1.5rem;
  margin-top: -.16667rem
}
.dropdown.button.tiny::after, button.dropdown.tiny::after {
  border-color: #fff transparent transparent transparent
}
.dropdown.button.small, button.dropdown.small {
  padding-right: 4.08333rem
}
.dropdown.button.small::after, button.dropdown.small::after {
  border-width: .58333rem;
  right: 1.75rem;
  margin-top: -.20833rem
}
.dropdown.button.small::after, button.dropdown.small::after {
  border-color: #fff transparent transparent transparent
}
.dropdown.button.large, button.dropdown.large {
  padding-right: 4.83333rem
}
.dropdown.button.large::after, button.dropdown.large::after {
  border-width: .41667rem;
  right: 2.29167rem;
  margin-top: -.20833rem
}
.dropdown.button.large::after, button.dropdown.large::after {
  border-color: #fff transparent transparent transparent
}
.dropdown.button.secondary:after, button.dropdown.secondary:after {
  border-color: #2d353c transparent transparent transparent
}
.flex-video {
  height: 0;
  margin-bottom: 1.33333rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 2.08333rem;
  position: relative
}
.flex-video.widescreen {
  padding-bottom: 56.34%
}
.flex-video.vimeo {
  padding-top: 0
}
.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0
}
form {
  margin: 0 0 1.33333rem
}
form .row .row {
  margin: 0 -.66667rem
}
form .row .row .column, form .row .row .columns {
  padding: 0 .66667rem
}
form .row .row.collapse {
  margin: 0
}
form .row .row.collapse .column, form .row .row.collapse .columns {
  padding: 0
}
form .row .row.collapse input {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
  padding-left: .66667rem
}
label {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 1.16667rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0
}
label.right {
  float: none !important;
  text-align: right
}
label.inline {
  margin: 0 0 1.33333rem 0;
  padding: .75rem 0
}
label small {
  text-transform: capitalize;
  color: #676767
}
.postfix, .prefix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 1.16667rem;
  height: 3.08333rem;
  line-height: 3.08333rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2
}
.postfix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center
}
.prefix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center
}
.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}
.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}
.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px
}
.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px
}
label.prefix, span.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #2d353c;
  border-color: #ccc
}
label.postfix, span.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #2d353c;
  border-color: #ccc
}
input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  color: rgba(0, 0, 0, .75);
  display: block;
  font-family: inherit;
  font-size: 1.16667rem;
  height: 3.08333rem;
  margin: 0 0 1.33333rem 0;
  padding: .66667rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color .15s linear, background .15s linear;
  -moz-transition: border-color .15s linear, background .15s linear;
  -ms-transition: border-color .15s linear, background .15s linear;
  -o-transition: border-color .15s linear, background .15s linear;
  transition: border-color .15s linear, background .15s linear
}
input:not([type]):focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
  background: #fafafa;
  border-color: #999;
  outline: 0
}
input:not([type]):disabled, input[type=color]:disabled, input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=datetime]:disabled, input[type=email]:disabled, input[type=month]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled, input[type=url]:disabled, input[type=week]:disabled, textarea:disabled {
  background-color: #ddd;
  cursor: default
}
fieldset[disabled] input:not([type]), fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input:not([type])[disabled], input:not([type])[readonly], input[type=color][disabled], input[type=color][readonly], input[type=date][disabled], input[type=date][readonly], input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime][disabled], input[type=datetime][readonly], input[type=email][disabled], input[type=email][readonly], input[type=month][disabled], input[type=month][readonly], input[type=number][disabled], input[type=number][readonly], input[type=password][disabled], input[type=password][readonly], input[type=search][disabled], input[type=search][readonly], input[type=tel][disabled], input[type=tel][readonly], input[type=text][disabled], input[type=text][readonly], input[type=time][disabled], input[type=time][readonly], input[type=url][disabled], input[type=url][readonly], input[type=week][disabled], input[type=week][readonly], textarea[disabled], textarea[readonly] {
  background-color: #ddd;
  cursor: default
}
input:not([type]).radius, input[type=color].radius, input[type=date].radius, input[type=datetime-local].radius, input[type=datetime].radius, input[type=email].radius, input[type=month].radius, input[type=number].radius, input[type=password].radius, input[type=search].radius, input[type=tel].radius, input[type=text].radius, input[type=time].radius, input[type=url].radius, input[type=week].radius, textarea.radius {
  border-radius: 3px
}
form .row .prefix-radius.row.collapse button, form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse textarea {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}
form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}
form .row .postfix-radius.row.collapse button, form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse textarea {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}
form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}
form .row .prefix-round.row.collapse button, form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse textarea {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px
}
form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px
}
form .row .postfix-round.row.collapse button, form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse textarea {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px
}
form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px
}
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0
}
textarea[rows] {
  height: auto
}
textarea {
  max-width: 100%
}
::-webkit-input-placeholder {
  color: #666
}
:-moz-placeholder {
  color: #666
}
::-moz-placeholder {
  color: #666
}
:-ms-input-placeholder {
  color: #666
}
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #fafafa;
  border-radius: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  color: rgba(0, 0, 0, .75);
  font-family: inherit;
  font-size: 1.16667rem;
  line-height: normal;
  padding: .66667rem;
  border-radius: 0;
  height: 3.08333rem
}
select::-ms-expand {
  display: none
}
select.radius {
  border-radius: 3px
}
select:focus {
  background-color: #f3f3f3;
  border-color: #999
}
select:disabled {
  background-color: #ddd;
  cursor: default
}
select[multiple] {
  height: auto
}
input[type=checkbox], input[type=file], input[type=radio], select {
  margin: 0 0 1.33333rem 0
}
input[type=checkbox] + label, input[type=radio] + label {
  display: inline-block;
  margin-left: .66667rem;
  margin-right: 1.33333rem;
  margin-bottom: 0;
  vertical-align: baseline
}
input[type=file] {
  width: 100%
}
fieldset {
  border: 1px solid #ddd;
  margin: 1.5rem 0;
  padding: 1.66667rem
}
fieldset legend {
  font-weight: 700;
  margin: 0;
  margin-left: -.25rem;
  padding: 0 .25rem
}
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error {
  display: block;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 1.33333rem;
  margin-top: -1px;
  padding: .5rem .75rem .75rem;
  background: #d91f1f;
  color: #fff
}
[data-abide] small.error, [data-abide] span.error {
  display: none
}
small.error, span.error {
  display: block;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 1.33333rem;
  margin-top: -1px;
  padding: .5rem .75rem .75rem;
  background: #d91f1f;
  color: #fff
}
.error input, .error select, .error textarea {
  margin-bottom: 0
}
.error input[type=checkbox], .error input[type=radio] {
  margin-bottom: 1.33333rem
}
.error label, .error label.error {
  color: #d91f1f
}
.error small.error {
  display: block;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 1.33333rem;
  margin-top: -1px;
  padding: .5rem .75rem .75rem;
  background: #d91f1f;
  color: #fff
}
.error > label > small {
  background: 0 0;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize
}
.error span.error-message {
  display: block
}
input.error, select.error, textarea.error {
  margin-bottom: 0
}
label.error {
  color: #d91f1f
}
.icon-bar {
  display: inline-block;
  font-size: 0;
  width: 100%;
  background: #2d353c
}
.icon-bar > * {
  display: block;
  float: left;
  font-size: 1rem;
  margin: 0 auto;
  padding: 1.25rem;
  text-align: center;
  width: 25%
}
.icon-bar > * i, .icon-bar > * img {
  display: block;
  margin: 0 auto
}
.icon-bar > * i + label, .icon-bar > * img + label {
  margin-top: .0625rem
}
.icon-bar > * i {
  font-size: 1.875rem;
  vertical-align: middle
}
.icon-bar > * img {
  height: 1.875rem;
  width: 1.875rem
}
.icon-bar.label-right > * i, .icon-bar.label-right > * img {
  display: inline-block;
  margin: 0 .0625rem 0 0
}
.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
  margin-top: 0
}
.icon-bar.label-right > * label {
  display: inline-block
}
.icon-bar.vertical.label-right > * {
  text-align: left
}
.icon-bar.small-vertical, .icon-bar.vertical {
  height: 100%;
  width: auto
}
.icon-bar.small-vertical .item, .icon-bar.vertical .item {
  float: none;
  margin: auto;
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.medium-vertical {
    height: 100%;
    width: auto
  }
  .icon-bar.medium-vertical .item {
    float: none;
    margin: auto;
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.large-vertical {
    height: 100%;
    width: auto
  }
  .icon-bar.large-vertical .item {
    float: none;
    margin: auto;
    width: auto
  }
}
.icon-bar > * {
  font-size: 1rem;
  padding: 1.25rem
}
.icon-bar > * i + label, .icon-bar > * img + label {
  margin-top: .0625rem;
  font-size: 1rem
}
.icon-bar > * i {
  font-size: 1.875rem
}
.icon-bar > * img {
  height: 1.875rem;
  width: 1.875rem
}
.icon-bar > * label {
  color: #fff
}
.icon-bar > * i {
  color: #fff
}
.icon-bar > a:hover {
  background: #2f8162
}
.icon-bar > a:hover label {
  color: #fff
}
.icon-bar > a:hover i {
  color: #fff
}
.icon-bar > a.active {
  background: #2f8162
}
.icon-bar > a.active label {
  color: #fff
}
.icon-bar > a.active i {
  color: #fff
}
.icon-bar .item.disabled {
  cursor: not-allowed;
  opacity: .7;
  pointer-events: none
}
.icon-bar .item.disabled > * {
  opacity: .7;
  cursor: not-allowed
}
.icon-bar.two-up .item {
  width: 50%
}
.icon-bar.two-up.small-vertical .item, .icon-bar.two-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.two-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.three-up .item {
  width: 33.3333%
}
.icon-bar.three-up.small-vertical .item, .icon-bar.three-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.three-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.four-up .item {
  width: 25%
}
.icon-bar.four-up.small-vertical .item, .icon-bar.four-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.four-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.five-up .item {
  width: 20%
}
.icon-bar.five-up.small-vertical .item, .icon-bar.five-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.five-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.six-up .item {
  width: 16.66667%
}
.icon-bar.six-up.small-vertical .item, .icon-bar.six-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.six-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.seven-up .item {
  width: 14.28571%
}
.icon-bar.seven-up.small-vertical .item, .icon-bar.seven-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.seven-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.seven-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.eight-up .item {
  width: 12.5%
}
.icon-bar.eight-up.small-vertical .item, .icon-bar.eight-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.eight-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.eight-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.two-up .item {
  width: 50%
}
.icon-bar.two-up.small-vertical .item, .icon-bar.two-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.two-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.three-up .item {
  width: 33.3333%
}
.icon-bar.three-up.small-vertical .item, .icon-bar.three-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.three-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.four-up .item {
  width: 25%
}
.icon-bar.four-up.small-vertical .item, .icon-bar.four-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.four-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.five-up .item {
  width: 20%
}
.icon-bar.five-up.small-vertical .item, .icon-bar.five-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.five-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.six-up .item {
  width: 16.66667%
}
.icon-bar.six-up.small-vertical .item, .icon-bar.six-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.six-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.seven-up .item {
  width: 14.28571%
}
.icon-bar.seven-up.small-vertical .item, .icon-bar.seven-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.seven-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.seven-up.large-vertical .item {
    width: auto
  }
}
.icon-bar.eight-up .item {
  width: 12.5%
}
.icon-bar.eight-up.small-vertical .item, .icon-bar.eight-up.vertical .item {
  width: auto
}
@media only screen and (min-width:53.41667em) {
  .icon-bar.eight-up.medium-vertical .item {
    width: auto
  }
}
@media only screen and (min-width:85.41667em) {
  .icon-bar.eight-up.large-vertical .item {
    width: auto
  }
}
.inline-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.41667rem;
  margin-left: -1.83333rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0
}
.inline-list > li {
  display: block;
  float: left;
  list-style: none;
  margin-left: 1.83333rem
}
.inline-list > li > * {
  display: block
}
.joyride-list {
  display: none
}
.joyride-tip-guide {
  background: #2d353c;
  color: #fff;
  display: none;
  font-family: inherit;
  font-weight: 400;
  position: absolute;
  top: 0;
  width: 95%;
  z-index: 103;
  left: 2.5%
}
.lt-ie9 .joyride-tip-guide {
  margin-left: -400px;
  max-width: 800px;
  left: 50%
}
.joyride-content-wrapper {
  padding: 1.5rem 1.66667rem 2rem;
  width: 100%
}
.joyride-content-wrapper .button {
  margin-bottom: 0 !important
}
.joyride-content-wrapper .joyride-prev-tip {
  margin-right: 10px
}
.joyride-tip-guide .joyride-nub {
  border: 10px solid #2d353c;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  left: 22px
}
.joyride-tip-guide .joyride-nub.top {
  border-color: #2d353c;
  border-top-color: transparent !important;
  border-top-style: solid;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: -20px
}
.joyride-tip-guide .joyride-nub.bottom {
  border-color: #2d353c !important;
  border-bottom-color: transparent !important;
  border-bottom-style: solid;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  bottom: -20px
}
.joyride-tip-guide .joyride-nub.right {
  right: -20px
}
.joyride-tip-guide .joyride-nub.left {
  left: -20px
}
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
  color: #fff;
  font-weight: 700;
  line-height: 1.25;
  margin: 0
}
.joyride-tip-guide p {
  font-size: 1.16667rem;
  line-height: 1.3;
  margin: 0 0 1.5rem 0
}
.joyride-timer-indicator-wrap {
  border: solid 1px #555;
  bottom: 1.33333rem;
  height: 3px;
  position: absolute;
  width: 50px;
  right: 1.41667rem
}
.joyride-timer-indicator {
  background: #666;
  display: block;
  height: inherit;
  width: 0
}
.joyride-close-tip {
  color: #7a7e82 !important;
  font-size: 24px;
  font-weight: 400;
  line-height: .5 !important;
  position: absolute;
  text-decoration: none;
  top: 10px;
  right: 12px
}
.joyride-close-tip:focus, .joyride-close-tip:hover {
  color: #eee !important
}
.joyride-modal-bg {
  background: rgba(0, 0, 0, .5);
  cursor: pointer;
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  left: 0
}
.joyride-expose-wrapper {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 15px #fff;
  position: absolute;
  z-index: 102
}
.joyride-expose-cover {
  background: 0 0;
  border-radius: 3px;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 9999
}
@media only screen {
  .joyride-tip-guide {
    width: 300px;
    left: inherit
  }
  .joyride-tip-guide .joyride-nub.bottom {
    border-color: #2d353c !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px
  }
  .joyride-tip-guide .joyride-nub.right {
    border-color: #2d353c !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
    left: auto;
    right: -20px;
    top: 22px
  }
  .joyride-tip-guide .joyride-nub.left {
    border-color: #2d353c !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    left: -20px;
    right: auto;
    top: 22px
  }
}
.keystroke, kbd {
  background-color: #ededed;
  border-color: #ddd;
  color: #222;
  border-style: solid;
  border-width: 1px;
  font-family: Consolas, Menlo, Courier, monospace;
  font-size: inherit;
  margin: 0;
  padding: .16667rem .33333rem 0;
  border-radius: 3px
}
.label {
  display: inline-block;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: .33333rem .58333rem .33333rem;
  font-size: .91667rem;
  background-color: #2f8162;
  color: #fff
}
.label.radius {
  border-radius: 3px
}
.label.round {
  border-radius: 1000px
}
.label.alert {
  background-color: #d91f1f;
  color: #fff
}
.label.warning {
  background-color: #f6f4c2;
  color: #2d353c
}
.label.success {
  background-color: #43ac6a;
  color: #fff
}
.label.secondary {
  background-color: #ffd903;
  color: #fff
}
.label.info {
  background-color: #a0d3e8;
  color: #2d353c
}
[data-magellan-expedition-clone], [data-magellan-expedition] {
  background: #f5f5f5;
  min-width: 100%;
  padding: 10px;
  z-index: 50
}
[data-magellan-expedition-clone] .sub-nav, [data-magellan-expedition] .sub-nav {
  margin-bottom: 0
}
[data-magellan-expedition-clone] .sub-nav dd, [data-magellan-expedition] .sub-nav dd {
  margin-bottom: 0
}
[data-magellan-expedition-clone] .sub-nav a, [data-magellan-expedition] .sub-nav a {
  line-height: 1.8em
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.slideshow-wrapper {
  position: relative
}
.slideshow-wrapper ul {
  list-style-type: none;
  margin: 0
}
.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
  display: none
}
.slideshow-wrapper ul li:first-child {
  display: block
}
.slideshow-wrapper .orbit-container {
  background-color: transparent
}
.slideshow-wrapper .orbit-container li {
  display: block
}
.slideshow-wrapper .orbit-container li .orbit-caption {
  display: block
}
.slideshow-wrapper .orbit-container .orbit-bullets li {
  display: inline-block
}
.slideshow-wrapper .preloader {
  border-radius: 1000px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: rotate;
  animation-timing-function: linear;
  border-color: #555 #fff;
  border: solid 3px;
  display: block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px
}
.orbit-container {
  background: 0 0;
  overflow: hidden;
  position: relative;
  width: 100%
}
.orbit-container .orbit-slides-container {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}
.orbit-container .orbit-slides-container img {
  display: block;
  max-width: 100%
}
.orbit-container .orbit-slides-container > * {
  position: absolute;
  top: 0;
  width: 100%;
  margin-left: 100%
}
.orbit-container .orbit-slides-container > :first-child {
  margin-left: 0
}
.orbit-container .orbit-slides-container > * .orbit-caption {
  bottom: 0;
  position: absolute;
  background-color: rgba(51, 51, 51, .8);
  color: #fff;
  font-size: 1.16667rem;
  padding: .83333rem 1.16667rem;
  width: 100%
}
.orbit-container .orbit-slide-number {
  left: 10px;
  background: 0 0;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 10px;
  z-index: 10
}
.orbit-container .orbit-slide-number span {
  font-weight: 700;
  padding: .41667rem
}
.orbit-container .orbit-timer {
  position: absolute;
  top: 12px;
  right: 10px;
  height: 6px;
  width: 100px;
  z-index: 10
}
.orbit-container .orbit-timer .orbit-progress {
  height: 3px;
  background-color: rgba(255, 255, 255, .3);
  display: block;
  width: 0;
  position: relative;
  right: 20px;
  top: 5px
}
.orbit-container .orbit-timer > span {
  border: solid 4px #fff;
  border-bottom: none;
  border-top: none;
  display: none;
  height: 14px;
  position: absolute;
  top: 0;
  width: 11px;
  right: 0
}
.orbit-container .orbit-timer.paused > span {
  top: 0;
  width: 11px;
  height: 14px;
  border: inset 8px;
  border-left-style: solid;
  border-color: transparent;
  border-left-color: #fff;
  right: -4px
}
.orbit-container .orbit-timer.paused > span.dark {
  border-left-color: #2d353c
}
.orbit-container:hover .orbit-timer > span {
  display: block
}
.orbit-container .orbit-next, .orbit-container .orbit-prev {
  background-color: transparent;
  color: #fff;
  height: 60px;
  line-height: 50px;
  margin-top: -25px;
  position: absolute;
  text-indent: -9999px !important;
  top: 45%;
  width: 36px;
  z-index: 10
}
.orbit-container .orbit-next:hover, .orbit-container .orbit-prev:hover {
  background-color: rgba(0, 0, 0, .3)
}
.orbit-container .orbit-next > span, .orbit-container .orbit-prev > span {
  border: inset 10px;
  display: block;
  height: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 0
}
.orbit-container .orbit-prev {
  left: 0
}
.orbit-container .orbit-prev > span {
  border-right-style: solid;
  border-color: transparent;
  border-right-color: #fff
}
.orbit-container .orbit-prev:hover > span {
  border-right-color: #fff
}
.orbit-container .orbit-next {
  right: 0
}
.orbit-container .orbit-next > span {
  border-color: transparent;
  border-left-style: solid;
  border-left-color: #fff;
  left: 50%;
  margin-left: -4px
}
.orbit-container .orbit-next:hover > span {
  border-left-color: #fff
}
.orbit-bullets-container {
  text-align: center
}
.orbit-bullets {
  display: block;
  float: none;
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  top: 10px
}
.orbit-bullets li {
  background: #ccc;
  cursor: pointer;
  display: inline-block;
  float: none;
  height: .75rem;
  margin-right: 6px;
  width: .75rem;
  border-radius: 1000px
}
.orbit-bullets li.active {
  background: #999
}
.orbit-bullets li:last-child {
  margin-right: 0
}
.touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
  display: none
}
.touch .orbit-bullets {
  display: none
}
@media only screen and (min-width:53.41667em) {
  .touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
    display: inherit
  }
  .touch .orbit-bullets {
    display: block
  }
}
@media only screen and (max-width:53.33333em) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important
  }
  .orbit-stack-on-small .orbit-slides-container > * {
    margin: 0 !important;
    opacity: 1 !important;
    position: relative
  }
  .orbit-stack-on-small .orbit-slide-number {
    display: none
  }
  .orbit-timer {
    display: none
  }
  .orbit-next, .orbit-prev {
    display: none
  }
  .orbit-bullets {
    display: none
  }
}
ul.pagination {
  display: block;
  margin-left: -.41667rem;
  min-height: 2rem
}
ul.pagination li {
  color: #222;
  font-size: 1.16667rem;
  height: 2rem;
  margin-left: .41667rem
}
ul.pagination li a, ul.pagination li button {
  border-radius: 3px;
  transition: background-color .3s ease-out;
  background: 0 0;
  color: #999;
  display: block;
  font-size: 1em;
  font-weight: 400;
  line-height: inherit;
  padding: .08333rem .83333rem .08333rem
}
ul.pagination li a:focus, ul.pagination li button:focus, ul.pagination li:hover a, ul.pagination li:hover button {
  background: #e6e6e6
}
ul.pagination li.unavailable a, ul.pagination li.unavailable button {
  cursor: default;
  color: #999;
  pointer-events: none
}
ul.pagination li.unavailable a:focus, ul.pagination li.unavailable button:focus, ul.pagination li.unavailable:hover a, ul.pagination li.unavailable:hover button {
  background: 0 0
}
ul.pagination li.current a, ul.pagination li.current button {
  background: #2f8162;
  color: #fff;
  cursor: default;
  font-weight: 700
}
ul.pagination li.current a:focus, ul.pagination li.current a:hover, ul.pagination li.current button:focus, ul.pagination li.current button:hover {
  background: #2f8162
}
ul.pagination li {
  display: block;
  float: left
}
.pagination-centered {
  text-align: center
}
.pagination-centered ul.pagination li {
  display: inline-block;
  float: none
}
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #e3e3e3;
  margin-bottom: 1.66667rem;
  padding: 0;
  background: #fff;
  color: #2d353c
}
.panel > :first-child {
  margin-top: 0
}
.panel > :last-child {
  margin-bottom: 0
}
.panel dl, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel li, .panel p {
  color: #2d353c
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: .83333rem
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4
}
.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #e3e3e3;
  margin-bottom: 1.66667rem;
  padding: 0;
  background: #f0faf6;
  color: #2d353c
}
.panel.callout > :first-child {
  margin-top: 0
}
.panel.callout > :last-child {
  margin-bottom: 0
}
.panel.callout dl, .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout li, .panel.callout p {
  color: #2d353c
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: .83333rem
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4
}
.panel.callout a:not(.button) {
  color: #2f8162
}
.panel.callout a:not(.button):focus, .panel.callout a:not(.button):hover {
  color: #286f54
}
.panel.radius {
  border-radius: 3px
}
.pricing-table {
  border: solid 1px #ddd;
  margin-left: 0;
  margin-bottom: 1.66667rem
}
.pricing-table * {
  list-style: none;
  line-height: 1
}
.pricing-table .title {
  background-color: #efefef;
  color: #2f8162;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.33333rem;
  font-weight: 400;
  padding: 1.25rem 1.66667rem;
  text-align: center
}
.pricing-table .price {
  background-color: #fff;
  color: #2d353c;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 2.66667rem;
  font-weight: 400;
  padding: 1.25rem 1.66667rem;
  text-align: center
}
.pricing-table .description {
  background-color: #fff;
  border-bottom: dotted 1px #ddd;
  color: #7a7e82;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  padding: 1.25rem;
  text-align: center
}
.pricing-table .bullet-item {
  background-color: #fff;
  border-bottom: dotted 1px #ddd;
  color: #2d353c;
  font-size: 1rem;
  font-weight: 400;
  padding: .66667rem;
  text-align: center
}
.pricing-table .cta-button {
  background-color: #fff;
  padding: 1.66667rem 1.66667rem 0;
  text-align: center
}
.progress {
  background-color: #eee;
  border: 1px solid #fff;
  height: 1.33333rem;
  margin-bottom: .83333rem;
  padding: .16667rem
}
.progress .meter {
  background: #2f8162;
  display: block;
  height: 100%;
  float: left;
  width: 0%
}
.progress .meter.secondary {
  background: #ffd903;
  display: block;
  height: 100%;
  float: left;
  width: 0%
}
.progress .meter.success {
  background: #43ac6a;
  display: block;
  height: 100%;
  float: left;
  width: 0%
}
.progress .meter.alert {
  background: #d91f1f;
  display: block;
  height: 100%;
  float: left;
  width: 0%
}
.progress.secondary .meter {
  background: #ffd903;
  display: block;
  height: 100%;
  float: left;
  width: 0%
}
.progress.success .meter {
  background: #43ac6a;
  display: block;
  height: 100%;
  float: left;
  width: 0%
}
.progress.alert .meter {
  background: #d91f1f;
  display: block;
  height: 100%;
  float: left;
  width: 0%
}
.progress.radius {
  border-radius: 3px
}
.progress.radius .meter {
  border-radius: 2px
}
.progress.round {
  border-radius: 1000px
}
.progress.round .meter {
  border-radius: 999px
}
.range-slider {
  border: 1px solid #ddd;
  margin: 1.66667rem 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  display: block;
  height: 1.33333rem;
  width: 100%;
  background: #fafafa
}
.range-slider.vertical-range {
  border: 1px solid #ddd;
  margin: 1.66667rem 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  display: inline-block;
  height: 16.66667rem;
  width: 1.33333rem
}
.range-slider.vertical-range .range-slider-handle {
  bottom: -14rem;
  margin-left: -.66667rem;
  margin-top: 0;
  position: absolute
}
.range-slider.vertical-range .range-slider-active-segment {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-left-radius: initial;
  bottom: 0;
  height: auto;
  width: 1.16667rem
}
.range-slider.radius {
  background: #fafafa;
  border-radius: 3px
}
.range-slider.radius .range-slider-handle {
  background: #2f8162;
  border-radius: 3px
}
.range-slider.radius .range-slider-handle:hover {
  background: #297256
}
.range-slider.round {
  background: #fafafa;
  border-radius: 1000px
}
.range-slider.round .range-slider-handle {
  background: #2f8162;
  border-radius: 1000px
}
.range-slider.round .range-slider-handle:hover {
  background: #297256
}
.range-slider.disabled, .range-slider[disabled] {
  background: #fafafa;
  cursor: not-allowed;
  opacity: .7
}
.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
  background: #2f8162;
  cursor: default;
  opacity: .7
}
.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
  background: #297256
}
.range-slider-active-segment {
  background: #ffd900;
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
  display: inline-block;
  height: 1.16667rem;
  position: absolute
}
.range-slider-handle {
  border: 1px solid none;
  cursor: pointer;
  display: inline-block;
  height: 1.83333rem;
  position: absolute;
  top: -.41667rem;
  width: 2.66667rem;
  z-index: 1;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #2f8162
}
.range-slider-handle:hover {
  background: #297256
}
.reveal-modal-bg {
  background: #000;
  background: rgba(0, 0, 0, .45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0
}
.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #fff;
  padding: 1.66667rem;
  border: solid 1px #666;
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}
@media only screen and (max-width:53.33333em) {
  .reveal-modal {
    min-height: 100vh
  }
}
.reveal-modal .column, .reveal-modal .columns {
  min-width: 0
}
.reveal-modal > :first-child {
  margin-top: 0
}
.reveal-modal > :last-child {
  margin-bottom: 0
}
@media only screen and (min-width:53.41667em) {
  .reveal-modal {
    left: 0;
    margin: 0 auto;
    max-width: 100rem;
    right: 0;
    width: 80%
  }
}
@media only screen and (min-width:53.41667em) {
  .reveal-modal {
    top: 5rem
  }
}
.reveal-modal.radius {
  box-shadow: none;
  border-radius: 3px
}
.reveal-modal.round {
  box-shadow: none;
  border-radius: 1000px
}
.reveal-modal.collapse {
  padding: 0;
  box-shadow: none
}
@media only screen and (min-width:53.41667em) {
  .reveal-modal.tiny {
    left: 0;
    margin: 0 auto;
    max-width: 100rem;
    right: 0;
    width: 30%
  }
}
@media only screen and (min-width:53.41667em) {
  .reveal-modal.small {
    left: 0;
    margin: 0 auto;
    max-width: 100rem;
    right: 0;
    width: 40%
  }
}
@media only screen and (min-width:53.41667em) {
  .reveal-modal.medium {
    left: 0;
    margin: 0 auto;
    max-width: 100rem;
    right: 0;
    width: 60%
  }
}
@media only screen and (min-width:53.41667em) {
  .reveal-modal.large {
    left: 0;
    margin: 0 auto;
    max-width: 100rem;
    right: 0;
    width: 70%
  }
}
@media only screen and (min-width:53.41667em) {
  .reveal-modal.xlarge {
    left: 0;
    margin: 0 auto;
    max-width: 100rem;
    right: 0;
    width: 95%
  }
}
.reveal-modal.full {
  height: 100vh;
  height: 100%;
  left: 0;
  margin-left: 0 !important;
  max-width: none !important;
  min-height: 100vh;
  top: 0
}
@media only screen and (min-width:53.41667em) {
  .reveal-modal.full {
    left: 0;
    margin: 0 auto;
    max-width: 100rem;
    right: 0;
    width: 100%
  }
}
.reveal-modal.toback {
  z-index: 1003
}
.reveal-modal .close-reveal-modal {
  color: #aaa;
  cursor: pointer;
  font-size: 1.33333rem;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 1.83333rem
}
.side-nav {
  display: block;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 1.16667rem 0
}
.side-nav li {
  font-size: 1.16667rem;
  font-weight: 400;
  margin: 0 0 .58333rem 0
}
.side-nav li a:not(.button) {
  color: #2f8162;
  display: block;
  margin: 0;
  padding: .58333rem 1.16667rem
}
.side-nav li a:not(.button):focus, .side-nav li a:not(.button):hover {
  background: rgba(0, 0, 0, .025);
  color: #338d6b
}
.side-nav li a:not(.button):active {
  color: #338d6b
}
.side-nav li.active > a:first-child:not(.button) {
  color: #338d6b;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400
}
.side-nav li.divider {
  border-top: 1px solid;
  height: 0;
  list-style: none;
  padding: 0;
  border-top-color: #e6e6e6
}
.side-nav li.heading {
  color: #2f8162;
  font-size: 1.16667rem;
  font-weight: 700;
  text-transform: uppercase
}
.split.button {
  position: relative;
  padding-right: 6.75rem
}
.split.button span {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: solid 1px
}
.split.button span:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: inset;
  top: 50%;
  left: 50%
}
.split.button span:active {
  background-color: rgba(0, 0, 0, .1)
}
.split.button span {
  border-left-color: rgba(255, 255, 255, .5)
}
.split.button span {
  width: 4.125rem
}
.split.button span:after {
  border-top-style: solid;
  border-width: .5rem;
  margin-left: -.5rem;
  top: 48%
}
.split.button span:after {
  border-color: #fff transparent transparent transparent
}
.split.button.secondary span {
  border-left-color: rgba(255, 255, 255, .5)
}
.split.button.secondary span:after {
  border-color: #fff transparent transparent transparent
}
.split.button.alert span {
  border-left-color: rgba(255, 255, 255, .5)
}
.split.button.success span {
  border-left-color: rgba(255, 255, 255, .5)
}
.split.button.tiny {
  padding-right: 5rem
}
.split.button.tiny span {
  width: 3rem
}
.split.button.tiny span:after {
  border-top-style: solid;
  border-width: .5rem;
  margin-left: -.5rem;
  top: 48%
}
.split.button.small {
  padding-right: 5.83333rem
}
.split.button.small span {
  width: 3.5rem
}
.split.button.small span:after {
  border-top-style: solid;
  border-width: .58333rem;
  margin-left: -.5rem;
  top: 48%
}
.split.button.large {
  padding-right: 7.33333rem
}
.split.button.large span {
  width: 4.58333rem
}
.split.button.large span:after {
  border-top-style: solid;
  border-width: .41667rem;
  margin-left: -.5rem;
  top: 48%
}
.split.button.expand {
  padding-left: 2rem
}
.split.button.secondary span:after {
  border-color: #2d353c transparent transparent transparent
}
.split.button.radius span {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}
.split.button.round span {
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px
}
.split.button.no-pip span:before {
  border-style: none
}
.split.button.no-pip span:after {
  border-style: none
}
.split.button.no-pip span > i {
  display: block;
  left: 50%;
  margin-left: -.28889em;
  margin-top: -.48889em;
  position: absolute;
  top: 50%
}
.sub-nav {
  display: block;
  margin: -.33333rem 0 1.5rem;
  overflow: hidden;
  padding-top: .33333rem;
  width: auto
}
.sub-nav dt {
  text-transform: uppercase
}
.sub-nav dd, .sub-nav dt, .sub-nav li {
  color: #999;
  float: left;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.16667rem;
  font-weight: 400;
  margin-left: 1.33333rem;
  margin-bottom: 0
}
.sub-nav dd a, .sub-nav dt a, .sub-nav li a {
  color: #999;
  padding: .25rem 1.33333rem;
  text-decoration: none
}
.sub-nav dd a:hover, .sub-nav dt a:hover, .sub-nav li a:hover {
  color: #737373
}
.sub-nav dd.active a, .sub-nav dt.active a, .sub-nav li.active a {
  border-radius: 3px;
  background: #2f8162;
  color: #fff;
  cursor: default;
  font-weight: 400;
  padding: .25rem 1.33333rem
}
.sub-nav dd.active a:hover, .sub-nav dt.active a:hover, .sub-nav li.active a:hover {
  background: #286f54
}
.switch {
  border: none;
  margin-bottom: 0;
  outline: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.switch label {
  background: #ddd;
  color: transparent;
  cursor: pointer;
  display: block;
  margin-bottom: 1rem;
  position: relative;
  text-indent: 100%;
  width: 4rem;
  height: 2rem;
  transition: left .15s ease-out
}
.switch input {
  left: 10px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 9px
}
.switch input + label {
  margin-left: 0;
  margin-right: 0
}
.switch label:after {
  background: #fff;
  content: "";
  display: block;
  height: 1.5rem;
  left: .25rem;
  position: absolute;
  top: .25rem;
  width: 1.5rem;
  -webkit-transition: left .15s ease-out;
  -moz-transition: left .15s ease-out;
  -o-transition: translate3d(0, 0, 0);
  transition: left .15s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.switch input:checked + label {
  background: #2f8162
}
.switch input:checked + label:after {
  left: 2.25rem
}
.switch label {
  height: 2rem;
  width: 4rem
}
.switch label:after {
  height: 1.5rem;
  width: 1.5rem
}
.switch input:checked + label:after {
  left: 2.25rem
}
.switch label {
  color: transparent;
  background: #ddd
}
.switch label:after {
  background: #fff
}
.switch input:checked + label {
  background: #2f8162
}
.switch.large label {
  height: 2.5rem;
  width: 5rem
}
.switch.large label:after {
  height: 2rem;
  width: 2rem
}
.switch.large input:checked + label:after {
  left: 2.75rem
}
.switch.small label {
  height: 1.75rem;
  width: 3.5rem
}
.switch.small label:after {
  height: 1.25rem;
  width: 1.25rem
}
.switch.small input:checked + label:after {
  left: 2rem
}
.switch.tiny label {
  height: 1.5rem;
  width: 3rem
}
.switch.tiny label:after {
  height: 1rem;
  width: 1rem
}
.switch.tiny input:checked + label:after {
  left: 1.75rem
}
.switch.radius label {
  border-radius: 4px
}
.switch.radius label:after {
  border-radius: 3px
}
.switch.round {
  border-radius: 1000px
}
.switch.round label {
  border-radius: 2rem
}
.switch.round label:after {
  border-radius: 2rem
}
table {
  background: #fff;
  border: solid 1px #ddd;
  margin-bottom: 1.66667rem;
  table-layout: auto
}
table caption {
  background: 0 0;
  color: #222;
  font-size: 1.33333rem;
  font-weight: 700
}
table thead {
  background: #efefef
}
table thead tr td, table thead tr th {
  color: #222;
  font-size: 1rem;
  font-weight: 700;
  padding: .66667rem .33333rem .83333rem
}
table tfoot {
  background: #efefef
}
table tfoot tr td, table tfoot tr th {
  color: #222;
  font-size: 1rem;
  font-weight: 700;
  padding: .66667rem .33333rem .83333rem
}
table tr td, table tr th {
  color: #222;
  font-size: 1rem;
  padding: .33333rem .33333rem;
  text-align: left
}
table tr.alt, table tr.even, table tr:nth-of-type(even) {
  background: #f9f9f9
}
table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th, table thead tr th, table tr td {
  display: table-cell;
  line-height: 1.5rem
}
.tabs {
  margin-bottom: 0 !important;
  margin-left: 0
}
.tabs:after, .tabs:before {
  content: " ";
  display: table
}
.tabs:after {
  clear: both
}
.tabs .tab-title, .tabs dd {
  float: left;
  list-style: none;
  margin-bottom: 0 !important;
  position: relative
}
.tabs .tab-title > a, .tabs dd > a {
  display: block;
  background-color: #fff;
  color: #222;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.16667rem;
  padding: .5rem 1rem
}
.tabs .tab-title > a:hover, .tabs dd > a:hover {
  background-color: #f0f0f0
}
.tabs .tab-title.active > a, .tabs dd.active > a {
  background-color: #2f8162;
  color: #fff
}
.tabs.radius .tab:first-child a, .tabs.radius dd:first-child a {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}
.tabs.radius .tab:last-child a, .tabs.radius dd:last-child a {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}
.tabs.vertical .tab-title, .tabs.vertical dd {
  position: inherit;
  float: none;
  display: block;
  top: auto
}
.tabs-content {
  margin-bottom: 2rem;
  width: 100%
}
.tabs-content:after, .tabs-content:before {
  content: " ";
  display: table
}
.tabs-content:after {
  clear: both
}
.tabs-content > .content {
  display: none;
  float: left;
  padding: .83333rem 0;
  width: 100%
}
.tabs-content > .content.active {
  display: block;
  float: none
}
.tabs-content > .content.contained {
  padding: .83333rem
}
.tabs-content.vertical {
  display: block
}
.tabs-content.vertical > .content {
  padding: 0 .83333rem
}
@media only screen and (min-width:53.41667em) {
  .tabs.vertical {
    float: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%
  }
  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 1rem;
    width: 80%
  }
}
.no-js .tabs-content > .content {
  display: block;
  float: none
}
.th {
  border: solid 4px #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: all .2s ease-out
}
.th:focus, .th:hover {
  box-shadow: 0 0 6px 1px rgba(47, 129, 98, .5)
}
.th.radius {
  border-radius: 3px
}
.has-tip {
  border-bottom: dotted 0 #ccc;
  color: #2d353c;
  cursor: default;
  font-weight: 700
}
.has-tip:focus, .has-tip:hover {
  border-bottom: dotted 0 #153a2c;
  color: #2f8162
}
.has-tip.tip-left, .has-tip.tip-right {
  float: none !important
}
.tooltip {
  background: #2d353c;
  color: #fff;
  display: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  max-width: 300px;
  padding: .5rem;
  position: absolute;
  width: 100%;
  z-index: 1006;
  left: 50%
}
.tooltip > .nub {
  border: solid 5px;
  border-color: transparent transparent #2d353c transparent;
  display: block;
  height: 0;
  pointer-events: none;
  position: absolute;
  top: -10px;
  width: 0;
  left: 5px
}
.tooltip > .nub.rtl {
  left: auto;
  right: 5px
}
.tooltip.radius {
  border-radius: 3px
}
.tooltip.round {
  border-radius: 1000px
}
.tooltip.round > .nub {
  left: 2rem
}
.tooltip.opened {
  border-bottom: dotted 0 #153a2c !important;
  color: #2f8162 !important
}
.tap-to-close {
  color: #7a7e82;
  display: block;
  font-size: .83333rem;
  font-weight: 400
}
@media only screen {
  .tooltip > .nub {
    border-color: transparent transparent #2d353c transparent;
    top: -10px
  }
  .tooltip.tip-top > .nub {
    border-color: #2d353c transparent transparent transparent;
    bottom: -10px;
    top: auto
  }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important
  }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #2d353c;
    left: auto;
    margin-top: -5px;
    right: -10px;
    top: 50%
  }
  .tooltip.tip-right > .nub {
    border-color: transparent #2d353c transparent transparent;
    left: -10px;
    margin-top: -5px;
    right: auto;
    top: 50%
  }
}
meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:53.41667em)/";
  width: 53.41667em
}
.contain-to-grid {
  width: 100%;
  background: #fff
}
.contain-to-grid .top-bar {
  margin-bottom: 0
}
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  left: 0
}
.fixed.expanded:not(.top-bar) {
  height: auto;
  max-height: 100%;
  overflow-y: auto;
  width: 100%
}
.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99
}
.fixed.expanded:not(.top-bar) .top-bar-section {
  margin-top: 4.41667rem;
  z-index: 98
}
.top-bar {
  background: #fff;
  height: 4.41667rem;
  line-height: 4.41667rem;
  margin-bottom: 0;
  overflow: hidden;
  position: relative
}
.top-bar ul {
  list-style: none;
  margin-bottom: 0
}
.top-bar .row {
  max-width: none
}
.top-bar form, .top-bar input, .top-bar select {
  margin-bottom: 0
}
.top-bar input, .top-bar select {
  font-size: .75rem;
  height: 2.33333rem;
  padding-bottom: .35rem;
  padding-top: .35rem
}
.top-bar .button, .top-bar button {
  font-size: .75rem;
  margin-bottom: 0;
  padding-bottom: .43333rem;
  padding-top: .43333rem
}
@media only screen and (max-width:53.33333em) {
  .top-bar .button, .top-bar button {
    position: relative;
    top: -1px
  }
}
.top-bar .title-area {
  margin: 0;
  position: relative
}
.top-bar .name {
  font-size: 12px;
  height: 4.41667rem;
  margin: 0
}
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
  font-size: 1.41667rem;
  line-height: 4.41667rem;
  margin: 0
}
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
  color: #fff;
  display: block;
  font-weight: 400;
  padding: 0 1.47222rem;
  width: 75%
}
.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0
}
.top-bar .toggle-topbar a {
  color: #fff;
  display: block;
  font-size: 1.08333rem;
  font-weight: 700;
  height: 4.41667rem;
  line-height: 4.41667rem;
  padding: 0 1.47222rem;
  position: relative;
  text-transform: uppercase
}
.top-bar .toggle-topbar.menu-icon {
  margin-top: -16px;
  top: 50%
}
.top-bar .toggle-topbar.menu-icon a {
  color: #fff;
  height: 34px;
  line-height: 33px;
  padding: 0 3.55556rem 0 1.47222rem;
  position: relative
}
.top-bar .toggle-topbar.menu-icon a span::after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  margin-top: -8px;
  top: 50%;
  right: 1.47222rem;
  box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
  width: 16px
}
.top-bar .toggle-topbar.menu-icon a span:hover:after {
  box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""
}
.top-bar.expanded {
  background: 0 0;
  height: auto
}
.top-bar.expanded .title-area {
  background: #fff
}
.top-bar.expanded .toggle-topbar a {
  color: #888
}
.top-bar.expanded .toggle-topbar a span::after {
  box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .top-bar.expanded .top-bar-section .dropdown, .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown {
    clip: initial
  }
  .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
    padding: 0
  }
}
.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left .3s ease-out
}
.top-bar-section ul {
  display: block;
  font-size: 12px;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%
}
.top-bar-section .divider, .top-bar-section [role=separator] {
  border-top: solid 1px #44bb8e;
  clear: both;
  height: 1px;
  width: 100%
}
.top-bar-section ul li {
  background: #2d353c
}
.top-bar-section ul li > a {
  color: #fff;
  display: block;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.08333rem;
  font-weight: 400;
  padding-left: 1.47222rem;
  padding: 12px 0 12px 1.47222rem;
  text-transform: none;
  width: 100%
}
.top-bar-section ul li > a.button {
  font-size: 1.08333rem;
  padding-left: 1.47222rem;
  padding-right: 1.47222rem;
  background-color: #2f8162;
  border-color: #26674e;
  color: #fff
}
.top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.button:hover {
  background-color: #26674e
}
.top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.button:hover {
  color: #fff
}
.top-bar-section ul li > a.button.secondary {
  background-color: #ffd903;
  border-color: #ceaf00;
  color: #fff
}
.top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.button.secondary:hover {
  background-color: #ceaf00
}
.top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.button.secondary:hover {
  color: #fff
}
.top-bar-section ul li > a.button.success {
  background-color: #43ac6a;
  border-color: #368a55;
  color: #fff
}
.top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.button.success:hover {
  background-color: #368a55
}
.top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.button.success:hover {
  color: #fff
}
.top-bar-section ul li > a.button.alert {
  background-color: #d91f1f;
  border-color: #ae1919;
  color: #fff
}
.top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.button.alert:hover {
  background-color: #ae1919
}
.top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.button.alert:hover {
  color: #fff
}
.top-bar-section ul li > a.button.warning {
  background-color: #f6f4c2;
  border-color: #ebe675;
  color: #2d353c
}
.top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.button.warning:hover {
  background-color: #ebe675
}
.top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.button.warning:hover {
  color: #fff
}
.top-bar-section ul li > a.button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #2d353c
}
.top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.button.info:hover {
  background-color: #61b6d9
}
.top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.button.info:hover {
  color: #fff
}
.top-bar-section ul li > button {
  font-size: 1.08333rem;
  padding-left: 1.47222rem;
  padding-right: 1.47222rem;
  background-color: #2f8162;
  border-color: #26674e;
  color: #fff
}
.top-bar-section ul li > button:focus, .top-bar-section ul li > button:hover {
  background-color: #26674e
}
.top-bar-section ul li > button:focus, .top-bar-section ul li > button:hover {
  color: #fff
}
.top-bar-section ul li > button.secondary {
  background-color: #ffd903;
  border-color: #ceaf00;
  color: #fff
}
.top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > button.secondary:hover {
  background-color: #ceaf00
}
.top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > button.secondary:hover {
  color: #fff
}
.top-bar-section ul li > button.success {
  background-color: #43ac6a;
  border-color: #368a55;
  color: #fff
}
.top-bar-section ul li > button.success:focus, .top-bar-section ul li > button.success:hover {
  background-color: #368a55
}
.top-bar-section ul li > button.success:focus, .top-bar-section ul li > button.success:hover {
  color: #fff
}
.top-bar-section ul li > button.alert {
  background-color: #d91f1f;
  border-color: #ae1919;
  color: #fff
}
.top-bar-section ul li > button.alert:focus, .top-bar-section ul li > button.alert:hover {
  background-color: #ae1919
}
.top-bar-section ul li > button.alert:focus, .top-bar-section ul li > button.alert:hover {
  color: #fff
}
.top-bar-section ul li > button.warning {
  background-color: #f6f4c2;
  border-color: #ebe675;
  color: #2d353c
}
.top-bar-section ul li > button.warning:focus, .top-bar-section ul li > button.warning:hover {
  background-color: #ebe675
}
.top-bar-section ul li > button.warning:focus, .top-bar-section ul li > button.warning:hover {
  color: #fff
}
.top-bar-section ul li > button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #2d353c
}
.top-bar-section ul li > button.info:focus, .top-bar-section ul li > button.info:hover {
  background-color: #61b6d9
}
.top-bar-section ul li > button.info:focus, .top-bar-section ul li > button.info:hover {
  color: #fff
}
.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #ffd903;
  color: #fff;
  background: #286f54
}
.top-bar-section ul li.active > a {
  background: #286f54;
  color: #fff
}
.top-bar-section ul li.active > a:hover {
  background: #286f54;
  color: #fff
}
.top-bar-section .has-form {
  padding: 1.47222rem
}
.top-bar-section .has-dropdown {
  position: relative
}
.top-bar-section .has-dropdown > a:after {
  border: inset 5px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent rgba(255, 255, 255, .4);
  border-left-style: solid;
  margin-right: 1.47222rem;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0
}
.top-bar-section .has-dropdown.moved {
  position: static
}
.top-bar-section .has-dropdown.moved > .dropdown {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  display: block;
  position: absolute !important;
  width: 100%
}
.top-bar-section .has-dropdown.moved > a:after {
  display: none
}
.top-bar-section .dropdown {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  display: block;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 99;
  left: 100%
}
.top-bar-section .dropdown li {
  height: auto;
  width: 100%
}
.top-bar-section .dropdown li a {
  font-weight: 400;
  padding: 8px 1.47222rem
}
.top-bar-section .dropdown li a.parent-link {
  font-weight: 400
}
.top-bar-section .dropdown li.parent-link, .top-bar-section .dropdown li.title h5 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.5rem
}
.top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
  color: #fff;
  display: block
}
.top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li.title h5 a:hover {
  background: 0 0
}
.top-bar-section .dropdown li.has-form {
  padding: 8px 1.47222rem
}
.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
  top: auto
}
.top-bar-section .dropdown label {
  color: #7a7e82;
  font-size: .83333rem;
  font-weight: 700;
  margin-bottom: 0;
  padding: 8px 1.47222rem 2px;
  text-transform: uppercase
}
.js-generated {
  display: block
}
@media only screen and (min-width:53.41667em) {
  .top-bar {
    background: #fff;
    overflow: visible
  }
  .top-bar:after, .top-bar:before {
    content: " ";
    display: table
  }
  .top-bar:after {
    clear: both
  }
  .top-bar .toggle-topbar {
    display: none
  }
  .top-bar .title-area {
    float: left
  }
  .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a {
    width: auto
  }
  .top-bar .button, .top-bar button, .top-bar input, .top-bar select {
    font-size: 1.16667rem;
    height: 2.33333rem;
    position: relative;
    top: 1.04167rem
  }
  .top-bar .has-form > .button, .top-bar .has-form > button {
    font-size: 1.16667rem;
    height: 2.33333rem;
    position: relative;
    top: 1.04167rem
  }
  .top-bar.expanded {
    background: #fff
  }
  .contain-to-grid .top-bar {
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 100rem
  }
  .top-bar-section {
    transition: none 0 0;
    left: 0 !important
  }
  .top-bar-section ul {
    display: inline;
    height: auto !important;
    width: auto
  }
  .top-bar-section ul li {
    float: left
  }
  .top-bar-section ul li .js-generated {
    display: none
  }
  .top-bar-section li.hover > a:not(.button) {
    background-color: #ffd903;
    background: #286f54;
    color: #fff
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    background: #2f8162;
    line-height: 4.41667rem;
    padding: 0 1.47222rem
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #ffd903;
    background: #286f54
  }
  .top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #286f54;
    color: #fff;
    line-height: 4.41667rem;
    padding: 0 1.47222rem
  }
  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #286f54;
    color: #fff
  }
  .top-bar-section .has-dropdown > a {
    padding-right: 3.13889rem !important
  }
  .top-bar-section .has-dropdown > a:after {
    border: inset 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: rgba(255, 255, 255, .4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 2.20833rem
  }
  .top-bar-section .has-dropdown.moved {
    position: relative
  }
  .top-bar-section .has-dropdown.moved > .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block
  }
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important
  }
  .top-bar-section .has-dropdown > a:focus + .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important
  }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "\00bb";
    top: .25rem;
    right: 5px
  }
  .top-bar-section .dropdown {
    left: 0;
    background: 0 0;
    min-width: 100%;
    top: auto
  }
  .top-bar-section .dropdown li a {
    background: #2d353c;
    color: #fff;
    line-height: 4.41667rem;
    padding: 12px 1.47222rem;
    white-space: nowrap
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #2d353c;
    color: #fff
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #ffd903;
    color: #fff;
    background: #222
  }
  .top-bar-section .dropdown li label {
    background: #2d353c;
    white-space: nowrap
  }
  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0
  }
  .top-bar-section > ul > .divider, .top-bar-section > ul > [role=separator] {
    border-right: solid 1px #fff;
    border-bottom: none;
    border-top: none;
    clear: none;
    height: 4.41667rem;
    width: 0
  }
  .top-bar-section .has-form {
    background: #2f8162;
    height: 4.41667rem;
    padding: 0 1.47222rem
  }
  .top-bar-section .right li .dropdown {
    left: auto;
    right: 0
  }
  .top-bar-section .right li .dropdown li .dropdown {
    right: 100%
  }
  .top-bar-section .left li .dropdown {
    right: auto;
    left: 0
  }
  .top-bar-section .left li .dropdown li .dropdown {
    left: 100%
  }
  .no-js .top-bar-section ul li:hover > a {
    background-color: #ffd903;
    background: #286f54;
    color: #fff
  }
  .no-js .top-bar-section ul li:active > a {
    background: #286f54;
    color: #fff
  }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important
  }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important
  }
}
.text-left {
  text-align: left !important
}
.text-right {
  text-align: right !important
}
.text-center {
  text-align: center !important
}
.text-justify {
  text-align: justify !important
}
@media only screen and (max-width:53.33333em) {
  .small-only-text-left {
    text-align: left !important
  }
  .small-only-text-right {
    text-align: right !important
  }
  .small-only-text-center {
    text-align: center !important
  }
  .small-only-text-justify {
    text-align: justify !important
  }
}
@media only screen {
  .small-text-left {
    text-align: left !important
  }
  .small-text-right {
    text-align: right !important
  }
  .small-text-center {
    text-align: center !important
  }
  .small-text-justify {
    text-align: justify !important
  }
}
@media only screen and (min-width:53.41667em) and (max-width:85.33333em) {
  .medium-only-text-left {
    text-align: left !important
  }
  .medium-only-text-right {
    text-align: right !important
  }
  .medium-only-text-center {
    text-align: center !important
  }
  .medium-only-text-justify {
    text-align: justify !important
  }
}
@media only screen and (min-width:53.41667em) {
  .medium-text-left {
    text-align: left !important
  }
  .medium-text-right {
    text-align: right !important
  }
  .medium-text-center {
    text-align: center !important
  }
  .medium-text-justify {
    text-align: justify !important
  }
}
@media only screen and (min-width:85.41667em) and (max-width:120em) {
  .large-only-text-left {
    text-align: left !important
  }
  .large-only-text-right {
    text-align: right !important
  }
  .large-only-text-center {
    text-align: center !important
  }
  .large-only-text-justify {
    text-align: justify !important
  }
}
@media only screen and (min-width:85.41667em) {
  .large-text-left {
    text-align: left !important
  }
  .large-text-right {
    text-align: right !important
  }
  .large-text-center {
    text-align: center !important
  }
  .large-text-justify {
    text-align: justify !important
  }
}
@media only screen and (min-width:120.08333em) and (max-width:160em) {
  .xlarge-only-text-left {
    text-align: left !important
  }
  .xlarge-only-text-right {
    text-align: right !important
  }
  .xlarge-only-text-center {
    text-align: center !important
  }
  .xlarge-only-text-justify {
    text-align: justify !important
  }
}
@media only screen and (min-width:120.08333em) {
  .xlarge-text-left {
    text-align: left !important
  }
  .xlarge-text-right {
    text-align: right !important
  }
  .xlarge-text-center {
    text-align: center !important
  }
  .xlarge-text-justify {
    text-align: justify !important
  }
}
@media only screen and (min-width:160.08333em) and (max-width:8333333.25em) {
  .xxlarge-only-text-left {
    text-align: left !important
  }
  .xxlarge-only-text-right {
    text-align: right !important
  }
  .xxlarge-only-text-center {
    text-align: center !important
  }
  .xxlarge-only-text-justify {
    text-align: justify !important
  }
}
@media only screen and (min-width:160.08333em) {
  .xxlarge-text-left {
    text-align: left !important
  }
  .xxlarge-text-right {
    text-align: right !important
  }
  .xxlarge-text-center {
    text-align: center !important
  }
  .xxlarge-text-justify {
    text-align: justify !important
  }
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
  margin: 0;
  padding: 0
}
a {
  color: #2f8162;
  line-height: inherit;
  text-decoration: none
}
a:focus, a:hover {
  color: #286f54
}
a img {
  border: none
}
p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 1.66667rem;
  text-rendering: optimizeLegibility
}
p.lead {
  font-size: 1.29167rem;
  line-height: 1.6
}
p aside {
  font-size: 1.16667rem;
  font-style: italic;
  line-height: 1.35
}
h1, h2, h3, h4, h5, h6 {
  color: #222;
  font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: .5rem;
  margin-top: .2rem;
  text-rendering: optimizeLegibility
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #6f6f6f;
  font-size: 60%;
  line-height: 0
}
h1 {
  font-size: 1rem
}
h2 {
  font-size: .83333rem
}
h3 {
  font-size: 1.08333rem
}
h4 {
  font-size: .91667rem
}
h5 {
  font-size: 1.16667rem
}
h6 {
  font-size: 1rem
}
.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: 400;
  margin-top: .2rem;
  margin-bottom: .5rem
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.66667rem 0 1.58333rem
}
em, i {
  font-style: italic;
  line-height: inherit
}
b, strong {
  font-weight: 700;
  line-height: inherit
}
small {
  font-size: 60%;
  line-height: inherit
}
code {
  background-color: #fff4b3;
  border-color: #ffed88;
  border-style: solid;
  border-width: 1px;
  color: #2d353c;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: 400;
  padding: .16667rem .41667rem .08333rem
}
dl, ol, ul {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.66667rem
}
ul {
  margin-left: 1.1rem
}
ul li ol, ul li ul {
  margin-left: 1.66667rem;
  margin-bottom: 0
}
ul.circle li ul, ul.disc li ul, ul.square li ul {
  list-style: inherit
}
ul.square {
  list-style-type: square;
  margin-left: 1.1rem
}
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem
}
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem
}
ol {
  margin-left: 1.4rem
}
ol li ol, ol li ul {
  margin-left: 1.66667rem;
  margin-bottom: 0
}
.no-bullet {
  list-style-type: none;
  margin-left: 0
}
.no-bullet li ol, .no-bullet li ul {
  margin-left: 1.66667rem;
  margin-bottom: 0;
  list-style: none
}
dl dt {
  margin-bottom: .3rem;
  font-weight: 700
}
dl dd {
  margin-bottom: 1rem
}
abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #404040;
  cursor: help
}
abbr {
  text-transform: none
}
abbr[title] {
  border-bottom: 1px dotted #ddd
}
blockquote {
  margin: 0 0 1.66667rem;
  padding: .75rem 1.66667rem 0 1.58333rem;
  border-left: 1px solid #ddd
}
blockquote cite {
  display: block;
  font-size: 1.08333rem;
  color: #555
}
blockquote cite:before {
  content: "\2014 \0020"
}
blockquote cite a, blockquote cite a:visited {
  color: #555
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #6f6f6f
}
.vcard {
  display: inline-block;
  margin: 0 0 1.66667rem 0;
  border: 1px solid #ddd;
  padding: .83333rem 1rem
}
.vcard li {
  margin: 0;
  display: block
}
.vcard .fn {
  font-weight: 700;
  font-size: 1.25rem
}
.vevent .summary {
  font-weight: 700
}
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: 700;
  border: none;
  padding: 0 .08333rem
}
@media only screen and (min-width:53.41667em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4
  }
  h1 {
    font-size: 1.83333rem
  }
  h2 {
    font-size: 1.66667rem
  }
  h3 {
    font-size: 1.5rem
  }
  h4 {
    font-size: 1.33333rem
  }
  h5 {
    font-size: 1.16667rem
  }
  h6 {
    font-size: 1rem
  }
}
@media print {
  * {
    background: 0 0 !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important
  }
  a, a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " ("attr(href) ")"
  }
  abbr[title]:after {
    content: " ("attr(title) ")"
  }
  .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""
  }
  blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  img, tr {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: .34in
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
}
.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden
}
.off-canvas-wrap.move-bottom, .off-canvas-wrap.move-left, .off-canvas-wrap.move-right, .off-canvas-wrap.move-top {
  min-height: 100%;
  -webkit-overflow-scrolling: touch
}
.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform .5s ease;
  -moz-transition: -moz-transform .5s ease;
  -ms-transition: -ms-transform .5s ease;
  -o-transition: -o-transform .5s ease;
  transition: transform .5s ease
}
.inner-wrap:after, .inner-wrap:before {
  content: " ";
  display: table
}
.inner-wrap:after {
  clear: both
}
.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #2d353c;
  color: #fff;
  height: 4.5rem;
  line-height: 4.5rem;
  position: relative
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
  color: #fff;
  font-weight: 700;
  line-height: 4.5rem;
  margin: 0
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
  font-size: 1.16667rem
}
.left-small {
  height: 4.5rem;
  position: absolute;
  top: 0;
  width: 4.5rem;
  border-right: solid 1px #171b1e;
  left: 0
}
.right-small {
  height: 4.5rem;
  position: absolute;
  top: 0;
  width: 4.5rem;
  border-left: solid 1px #171b1e;
  right: 0
}
.tab-bar-section {
  height: 4.5rem;
  padding: 0 .83333rem;
  position: absolute;
  text-align: center;
  top: 0
}
.tab-bar-section.left {
  text-align: left
}
.tab-bar-section.right {
  text-align: right
}
.tab-bar-section.left {
  left: 0;
  right: 4.5rem
}
.tab-bar-section.right {
  left: 4.5rem;
  right: 0
}
.tab-bar-section.middle {
  left: 4.5rem;
  right: 4.5rem
}
.tab-bar .menu-icon {
  color: #fff;
  display: block;
  height: 4.5rem;
  padding: 0;
  position: relative;
  text-indent: 2.91667rem;
  transform: translate3d(0, 0, 0);
  width: 4.5rem
}
.tab-bar .menu-icon span::after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -.66667rem;
  left: 1.58333rem;
  box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
  width: 1.33333rem
}
.tab-bar .menu-icon span:hover:after {
  box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3
}
.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #2f8162;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform .5s ease 0s;
  width: 20.83333rem;
  z-index: 1001;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  top: 0
}
.left-off-canvas-menu * {
  -webkit-backface-visibility: hidden
}
.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #2f8162;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform .5s ease 0s;
  width: 20.83333rem;
  z-index: 1001;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  top: 0
}
.right-off-canvas-menu * {
  -webkit-backface-visibility: hidden
}
.top-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #2f8162;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform .5s ease 0s;
  width: 20.83333rem;
  z-index: 1001;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate(0, -100%);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  top: 0;
  width: 100%;
  height: 25rem
}
.top-off-canvas-menu * {
  -webkit-backface-visibility: hidden
}
.bottom-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #2f8162;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform .5s ease 0s;
  width: 20.83333rem;
  z-index: 1001;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate(0, 100%);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  height: 25rem
}
.bottom-off-canvas-menu * {
  -webkit-backface-visibility: hidden
}
ul.off-canvas-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}
ul.off-canvas-list li label {
  background: #404040;
  border-bottom: none;
  border-top: 1px solid #5b5b5b;
  color: #999;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  padding: .3rem 1.25rem;
  text-transform: uppercase
}
ul.off-canvas-list li a {
  border-bottom: 1px solid #23614a;
  color: rgba(255, 255, 255, .7);
  display: block;
  padding: .66667rem;
  transition: background .3s ease
}
ul.off-canvas-list li a:hover {
  background: #20252a
}
ul.off-canvas-list li a:active {
  background: #20252a
}
.move-right > .inner-wrap {
  -webkit-transform: translate3d(20.83333rem, 0, 0);
  -moz-transform: translate3d(20.83333rem, 0, 0);
  -ms-transform: translate(20.83333rem, 0);
  -o-transform: translate3d(20.83333rem, 0, 0);
  transform: translate3d(20.83333rem, 0, 0)
}
.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: background .3s ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002
}
@media only screen and (min-width:53.41667em) {
  .move-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, .05)
  }
}
.move-left > .inner-wrap {
  -webkit-transform: translate3d(-20.83333rem, 0, 0);
  -moz-transform: translate3d(-20.83333rem, 0, 0);
  -ms-transform: translate(-20.83333rem, 0);
  -o-transform: translate3d(-20.83333rem, 0, 0);
  transform: translate3d(-20.83333rem, 0, 0)
}
.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: background .3s ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002
}
@media only screen and (min-width:53.41667em) {
  .move-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, .05)
  }
}
.move-top > .inner-wrap {
  -webkit-transform: translate3d(0, -25rem, 0);
  -moz-transform: translate3d(0, -25rem, 0);
  -ms-transform: translate(0, -25rem);
  -o-transform: translate3d(0, -25rem, 0);
  transform: translate3d(0, -25rem, 0)
}
.move-top .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: background .3s ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002
}
@media only screen and (min-width:53.41667em) {
  .move-top .exit-off-canvas:hover {
    background: rgba(255, 255, 255, .05)
  }
}
.move-bottom > .inner-wrap {
  -webkit-transform: translate3d(0, 25rem, 0);
  -moz-transform: translate3d(0, 25rem, 0);
  -ms-transform: translate(0, 25rem);
  -o-transform: translate3d(0, 25rem, 0);
  transform: translate3d(0, 25rem, 0)
}
.move-bottom .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: background .3s ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002
}
@media only screen and (min-width:53.41667em) {
  .move-bottom .exit-off-canvas:hover {
    background: rgba(255, 255, 255, .05)
  }
}
.offcanvas-overlap .bottom-off-canvas-menu, .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu, .offcanvas-overlap .top-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003
}
.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: background .3s ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002
}
@media only screen and (min-width:53.41667em) {
  .offcanvas-overlap .exit-off-canvas:hover {
    background: rgba(255, 255, 255, .05)
  }
}
.offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003
}
.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: background .3s ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002
}
@media only screen and (min-width:53.41667em) {
  .offcanvas-overlap-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, .05)
  }
}
.offcanvas-overlap-right .left-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003
}
.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: background .3s ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002
}
@media only screen and (min-width:53.41667em) {
  .offcanvas-overlap-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, .05)
  }
}
.offcanvas-overlap-top .bottom-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003
}
.offcanvas-overlap-top .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: background .3s ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002
}
@media only screen and (min-width:53.41667em) {
  .offcanvas-overlap-top .exit-off-canvas:hover {
    background: rgba(255, 255, 255, .05)
  }
}
.offcanvas-overlap-bottom .top-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003
}
.offcanvas-overlap-bottom .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: background .3s ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002
}
@media only screen and (min-width:53.41667em) {
  .offcanvas-overlap-bottom .exit-off-canvas:hover {
    background: rgba(255, 255, 255, .05)
  }
}
.no-csstransforms .left-off-canvas-menu {
  left: -20.83333rem
}
.no-csstransforms .right-off-canvas-menu {
  right: -20.83333rem
}
.no-csstransforms .top-off-canvas-menu {
  top: -25rem
}
.no-csstransforms .bottom-off-canvas-menu {
  bottom: -25rem
}
.no-csstransforms .move-left > .inner-wrap {
  right: 20.83333rem
}
.no-csstransforms .move-right > .inner-wrap {
  left: 20.83333rem
}
.no-csstransforms .move-top > .inner-wrap {
  right: 25rem
}
.no-csstransforms .move-bottom > .inner-wrap {
  left: 25rem
}
.left-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #2f8162;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 20.83333rem;
  height: 25rem;
  z-index: 1002;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform .5s ease;
  -moz-transition: -moz-transform .5s ease;
  -ms-transition: -ms-transform .5s ease;
  -o-transition: -o-transform .5s ease;
  transition: transform .5s ease
}
.left-submenu * {
  -webkit-backface-visibility: hidden
}
.left-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5b5b5b;
  color: #999;
  font-weight: 700;
  padding: .3rem 1.25rem;
  text-transform: uppercase;
  margin: 0
}
.left-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5b5b5b
}
.left-submenu .back > a:before {
  content: "\AB";
  margin-right: .5rem;
  display: inline
}
.left-submenu.move-right, .left-submenu.offcanvas-overlap, .left-submenu.offcanvas-overlap-right {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.right-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #2f8162;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 20.83333rem;
  height: 25rem;
  z-index: 1002;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform .5s ease;
  -moz-transition: -moz-transform .5s ease;
  -ms-transition: -ms-transform .5s ease;
  -o-transition: -o-transform .5s ease;
  transition: transform .5s ease
}
.right-submenu * {
  -webkit-backface-visibility: hidden
}
.right-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5b5b5b;
  color: #999;
  font-weight: 700;
  padding: .3rem 1.25rem;
  text-transform: uppercase;
  margin: 0
}
.right-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5b5b5b
}
.right-submenu .back > a:after {
  content: "\BB";
  margin-left: .5rem;
  display: inline
}
.right-submenu.move-left, .right-submenu.offcanvas-overlap, .right-submenu.offcanvas-overlap-left {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.top-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #2f8162;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 20.83333rem;
  height: 25rem;
  z-index: 1002;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate(0, -100%);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  top: 0;
  width: 100%;
  -webkit-transition: -webkit-transform .5s ease;
  -moz-transition: -moz-transform .5s ease;
  -ms-transition: -ms-transform .5s ease;
  -o-transition: -o-transform .5s ease;
  transition: transform .5s ease
}
.top-submenu * {
  -webkit-backface-visibility: hidden
}
.top-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5b5b5b;
  color: #999;
  font-weight: 700;
  padding: .3rem 1.25rem;
  text-transform: uppercase;
  margin: 0
}
.top-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5b5b5b
}
.top-submenu.move-bottom, .top-submenu.offcanvas-overlap, .top-submenu.offcanvas-overlap-bottom {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.bottom-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #2f8162;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 20.83333rem;
  height: 25rem;
  z-index: 1002;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate(0, 100%);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  -webkit-transition: -webkit-transform .5s ease;
  -moz-transition: -moz-transform .5s ease;
  -ms-transition: -ms-transform .5s ease;
  -o-transition: -o-transform .5s ease;
  transition: transform .5s ease
}
.bottom-submenu * {
  -webkit-backface-visibility: hidden
}
.bottom-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5b5b5b;
  color: #999;
  font-weight: 700;
  padding: .3rem 1.25rem;
  text-transform: uppercase;
  margin: 0
}
.bottom-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5b5b5b
}
.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap, .bottom-submenu.offcanvas-overlap-top {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: .5rem;
  display: inline
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: .5rem;
  display: inline
}
@media only screen {
  .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
    display: inherit !important
  }
  .hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important
  }
  .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium-down, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .hidden-for-large-down, .hidden-for-medium-down, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-medium, .visible-for-medium-only, .visible-for-medium-up, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
  }
  table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-down, table.show-for-small-only, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
    display: table !important
  }
  thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-down, thead.show-for-small-only, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
    display: table-header-group !important
  }
  tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-down, tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
    display: table-row-group !important
  }
  tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-down, tr.show-for-small-only, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
    display: table-row
  }
  td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-only, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-down, td.show-for-small-only, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-only, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-down, th.show-for-small-only, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
    display: table-cell !important
  }
}
@media only screen and (min-width:53.41667em) {
  .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
    display: inherit !important
  }
  .hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important
  }
  .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .hidden-for-large-down, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
  }
  table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
    display: table !important
  }
  thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
    display: table-header-group !important
  }
  tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
    display: table-row-group !important
  }
  tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
    display: table-row
  }
  td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
    display: table-cell !important
  }
}
@media only screen and (min-width:85.41667em) {
  .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
    display: inherit !important
  }
  .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important
  }
  .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
  }
  table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large, table.show-for-large-down, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
    display: table !important
  }
  thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large, thead.show-for-large-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
    display: table-header-group !important
  }
  tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large, tbody.show-for-large-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
    display: table-row-group !important
  }
  tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large, tr.show-for-large-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
    display: table-row
  }
  td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large, td.show-for-large-down, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large, th.show-for-large-down, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
    display: table-cell !important
  }
}
@media only screen and (min-width:120.08333em) {
  .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-down {
    display: inherit !important
  }
  .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-down, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important
  }
  .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
  }
  table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge, table.show-for-xlarge-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-down {
    display: table !important
  }
  thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-down {
    display: table-header-group !important
  }
  tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-down {
    display: table-row-group !important
  }
  tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-down {
    display: table-row
  }
  td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge, td.show-for-xlarge-down, td.show-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge, th.show-for-xlarge-down, th.show-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-down {
    display: table-cell !important
  }
}
@media only screen and (min-width:160.08333em) {
  .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: inherit !important
  }
  .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only {
    display: none !important
  }
  .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
  }
  table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-down, table.hide-for-xlarge-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
    display: table !important
  }
  thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.hide-for-xlarge-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
    display: table-header-group !important
  }
  tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.hide-for-xlarge-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
    display: table-row-group !important
  }
  tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.hide-for-xlarge-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
    display: table-row
  }
  td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-down, td.hide-for-xlarge-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-up, td.show-for-xxlarge, td.show-for-xxlarge-down, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-down, th.hide-for-xlarge-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-up, th.show-for-xxlarge, th.show-for-xxlarge-down, th.show-for-xxlarge-only, th.show-for-xxlarge-up {
    display: table-cell !important
  }
}
.hide-for-portrait, .show-for-landscape {
  display: inherit !important
}
.hide-for-landscape, .show-for-portrait {
  display: none !important
}
table.hide-for-landscape, table.show-for-portrait {
  display: table !important
}
thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important
}
tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important
}
tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
  display: table-cell !important
}
@media only screen and (orientation:landscape) {
  .hide-for-portrait, .show-for-landscape {
    display: inherit !important
  }
  .hide-for-landscape, .show-for-portrait {
    display: none !important
  }
  table.hide-for-portrait, table.show-for-landscape {
    display: table !important
  }
  thead.hide-for-portrait, thead.show-for-landscape {
    display: table-header-group !important
  }
  tbody.hide-for-portrait, tbody.show-for-landscape {
    display: table-row-group !important
  }
  tr.hide-for-portrait, tr.show-for-landscape {
    display: table-row !important
  }
  td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape {
    display: table-cell !important
  }
}
@media only screen and (orientation:portrait) {
  .hide-for-landscape, .show-for-portrait {
    display: inherit !important
  }
  .hide-for-portrait, .show-for-landscape {
    display: none !important
  }
  table.hide-for-landscape, table.show-for-portrait {
    display: table !important
  }
  thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important
  }
  tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important
  }
  tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important
  }
  td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
    display: table-cell !important
  }
}
.show-for-touch {
  display: none !important
}
.hide-for-touch {
  display: inherit !important
}
.touch .show-for-touch {
  display: inherit !important
}
.touch .hide-for-touch {
  display: none !important
}
table.hide-for-touch {
  display: table !important
}
.touch table.show-for-touch {
  display: table !important
}
thead.hide-for-touch {
  display: table-header-group !important
}
.touch thead.show-for-touch {
  display: table-header-group !important
}
tbody.hide-for-touch {
  display: table-row-group !important
}
.touch tbody.show-for-touch {
  display: table-row-group !important
}
tr.hide-for-touch {
  display: table-row !important
}
.touch tr.show-for-touch {
  display: table-row !important
}
td.hide-for-touch {
  display: table-cell !important
}
.touch td.show-for-touch {
  display: table-cell !important
}
th.hide-for-touch {
  display: table-cell !important
}
.touch th.show-for-touch {
  display: table-cell !important
}
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px
}
.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px
}
.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto
}
.print-only, .show-for-print {
  display: none !important
}
@media print {
  .print-only, .show-for-print {
    display: block !important
  }
  .hide-for-print, .hide-on-print {
    display: none !important
  }
  table.show-for-print {
    display: table !important
  }
  thead.show-for-print {
    display: table-header-group !important
  }
  tbody.show-for-print {
    display: table-row-group !important
  }
  tr.show-for-print {
    display: table-row !important
  }
  td.show-for-print {
    display: table-cell !important
  }
  th.show-for-print {
    display: table-cell !important
  }
}
body {
  -webkit-font-smoothing: antialiased
}
.main {
  /*padding-top: 28px;*/
  padding-bottom: 30px;
  min-height: 400px;
  background: url(../image/body-bg-4.jpg) 0 0 #fff repeat-x
}
@media only screen and (max-width:40em) {
  .main {
    padding-top: 15px
  }
}
.main-header {
  background: #2f8162;
  border-bottom: 1px solid #53b094
}
ul {
  margin-left: 0
}
ul li {
  list-style: none
}
.bg-dark {
  background: #2d353c !important
}
.bg-white {
  background: #fff !important
}
.MBMini {
  margin-bottom: 5px !important
}
.MRMini {
  margin-right: 5px !important
}
.MRBlock {
  margin-right: 20px !important
}
.MRTitle {
  margin-right: 10px !important
}
.PR10 {
  padding-right: .83333rem !important
}
.PR40 {
  padding-right: 3.33333rem !important
}
.PRMini {
  padding-right: .41667rem !important
}
.PLMini {
  padding-left: .41667rem !important
}
.PL20 {
  padding-left: 1.66667rem !important
}
.PL30 {
  padding-left: 2.5rem !important
}
.PL40 {
  padding-left: 3.33333rem !important
}
.MTMini {
  margin-top: 5px !important
}
.MTBlock {
  margin-top: 20px !important
}
.MTTitle {
  margin-top: 10px !important
}
.MBTitle {
  margin-bottom: 10px !important
}
.MBBlock {
  margin-bottom: 20px !important
}
.ML0 {
  margin-left: 0 !important
}
.MLTitle {
  margin-left: 10px !important
}
.MLBlock {
  margin-left: 20px !important
}
.MR0 {
  margin-right: 0 !important
}
.MB0 {
  margin-bottom: 0 !important
}
.MT0 {
  margin-top: 0 !important
}
.MT-3 {
  margin-top: -3px !important
}
.MT-5 {
  margin-top: -5px !important
}
.MT2 {
  margin-top: 2px !important
}
.MT4 {
  margin-top: 4px !important
}
.PBlock {
  padding: 20px !important
}
.PL0 {
  padding-left: 0 !important
}
.PT0 {
  padding-top: 0 !important
}
.PTMini {
  padding-top: 5px !important
}
.PTTitle {
  padding-top: 10px !important
}
.PBTitle {
  padding-bottom: 10px !important
}
.PB0 {
  padding-bottom: 0 !important
}
.PR0 {
  padding-right: 0 !important
}
.PR20 {
  padding-right: 20px !important
}
.ML10 {
  margin-left: 10px !important
}
.VT {
  vertical-align: top !important
}
.VB {
  vertical-align: bottom !important
}
.VM {
  vertical-align: middle !important
}
.f12 {
  font-size: 1rem !important
}
.f14 {
  font-size: 1.16667rem !important
}
.f15 {
  font-size: 1.25rem !important
}
.f16 {
  font-size: 1.33333rem !important
}
.f18 {
  font-size: 1.5rem !important
}
.f20 {
  font-size: 1.66667rem !important
}
.red-color {
  color: #d91f1f !important
}
.jet-color {
  color: #222 !important
}
.monsoon-color {
  color: #7a7e82 !important
}
.gainsboro-color {
  color: #ddd !important
}
.secondary-color {
  color: #ffd903 !important
}
.yellow-color {
  color: #e5e20b !important
}
.orange-color {
  color: #f90 !important
}
.white-color {
  color: #fff !important
}
.primary-color {
  color: #2f8162 !important
}
.aluminum-color {
  color: #999 !important
}
.base-color {
  color: #aaa !important
}
.blue-color {
  color: #3898ff !important
}
.green-color {
  color: #12b139 !important
}
.underline {
  text-decoration: underline !important
}
.inline {
  display: inline !important
}
.inlineBlock {
  display: inline-block !important
}
.block {
  display: block !important
}
.widthAuto {
  width: auto !important
}
.LH1 {
  line-height: 1 !important
}
.LH-normal {
  line-height: 1.5 !important
}
label.inline {
  display: block !important
}
.required:after {
  content: "*";
  color: #d91f1f;
  margin-left: 3px
}
.border-bottom {
  border-bottom: 1px solid #ddd !important
}
.border-right {
  border-right: 1px solid #ddd !important
}
.BB0 {
  border-bottom: 0 !important
}
.BB1 {
  border-bottom: 1px solid #ddd !important
}
.BR1 {
  border-right: 1px solid #ddd !important
}
.BL0 {
  border-left: 0 !important
}
.BR0 {
  border-right: 0 !important
}
.no-before:before {
  display: none !important
}
.font-normal {
  font-weight: 400 !important
}
.font-bold {
  font-weight: 700 !important
}
.f-dropdown {
  outline: 0 !important
}
.line-through {
  text-decoration: line-through !important
}
.relative {
  position: relative !important
}
.noScroll {
  overflow: hidden !important
}
.pointer {
  cursor: pointer !important
}
.tab-bar-section.middle {
  left: 120px !important;
  right: 0
}
.tab-bar-section.middle .top-bar-user .signup a {
  background: #e5e20b !important;
  color: #2f8162 !important
}
.tab-bar-section.middle .top-bar-user .top-bar-account {
  margin-left: 10px;
  position: relative
}
.tab-bar-section.middle .top-bar-user .top-bar-account .topBarUserName span {
  color: #fbd060
}
.tab-bar-section.middle .top-bar-user .top-bar-account .dropdown {
  padding-top: 8px;
  padding-bottom: 8px;
  background: #286f54
}
.tab-bar-section.middle .top-bar-user .top-bar-account .dropdown li {
  background: #f6f6f6 !important
}
.tab-bar-section.middle .top-bar-user .top-bar-account .dropdown li a {
  line-height: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #286f54
}
.tab-bar-section.middle .top-bar-user .top-bar-account .dropdown li a:hover {
  background: #efefef;
  color: #7a7e82
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown {
  background: #fff;
  width: 120px;
  outline: 0 !important;
  border: 0;
  margin-top: 55px
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown.open {
  left: auto !important;
  right: 0 !important
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown:after, .tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown:before {
  display: none
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown li {
  float: none;
  background: #fff !important
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown li a {
  background: #fff !important;
  line-height: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #2d353c;
  border-bottom: 1px solid #0000;
  color: #222 !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  text-align: center
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown li a:hover {
  background: #363f48;
  color: #222 !important;
  background: #f5f5f5 !important
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown li a .fa {
  margin-right: 6px
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown li:last-child {
  margin-bottom: 0;
  margin-top: 5px;
  border-top: 1px solid #ddd;
  padding-top: 5px
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown li:last-child a {
  border-bottom: 0
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown li .button.secondary {
  background: #eee !important;
  color: #999 !important;
  border: 0 !important;
  margin: 10px;
  width: auto
}
.tab-bar-section.middle .top-bar-user .top-bar-account .f-dropdown li .button.disabled {
  background: #ccc !important;
  color: #222 !important;
  border: 0 !important;
  margin: 10px;
  width: auto
}
.top-bar-section ul li {
  background: #2f8162
}
.recommendDropDown.f-dropdown {
  margin-top: -6px;
  padding: 10px
}
.recommendDropDown.f-dropdown p {
  line-height: 1.5 !important
}
.alert-box.info {
  color: #222
}
.button.action, button.action {
  background: #fff;
  color: #7a7e82;
  border: 1px solid #ddd
}
.button.action:hover, button.action:hover {
  background: #f7f7f7
}
.button.buttonRed, button.buttonRed {
  color: #fff;
  background: #d91f1f;
  border: 0
}
.button.buttonRed:hover, button.buttonRed:hover {
  color: #fff;
  background: #d91f1f;
  border: 0
}
.button.disabled, button.disabled {
  background: #ddd;
  color: #999;
  border-color: #999
}
.button.tinyNumber, button.tinyNumber {
  height: 2.33333rem;
  line-height: 2.33333rem;
  padding: 0 .83333rem;
  position: relative
}
@-moz-document url-prefix() {
  .button.tinyNumber, button.tinyNumber {
    height: 2.25rem;
    line-height: 2.08333rem;
    top: 0
  }
}
.tabs {
  border-bottom: 2px solid #2f8162
}
.tabs li {
  margin-right: 2px;
  border: 1px solid #ddd;
  border-bottom: 0
}
.tabs li.tab-title {
  border-radius: 5px 5px 0 0;
  margin-right: -4px
}
.tabs li.active {
  position: relative;
  z-index: 2;
  border: 1px solid #2f8162;
  border-bottom: 0;
  box-shadow: 1px -1px 2px #ccc
}
.tabs li a {
  border-radius: 3px 3px 0 0
}
.tabs li a:focus {
  outline: 0 !important
}
.tabs li.importantTab a {
  color: #d91f1f !important
}
.tabs li.importantTab.active a {
  color: #fff !important
}
.tabs.vertical li {
  margin-right: 0
}
.tabs-content {
  border: 1px solid #ddd;
  border-top: 0;
  background: #fff;
  padding: .83333rem
}
.live-list div.table-wrapper .pinned {
  width: 120px
}
.live-list div.table-wrapper div.scrollable {
  margin-left: 120px
}
.tab-bar {
  background: #2f8162;
  max-width: 100rem;
  margin: 0 auto;
  box-shadow: none
}
.subNav {
  display: none;
  background: #09755c;
  height: 40px;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 2
}
.subNav ul {
  margin: 0 0 0 200px
}
.subNav ul li {
  float: left
}
.subNav ul li a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #fff;
  padding: 0 15px
}
.subNav ul li a:hover {
  color: #ffd51b
}
.subNav ul li.active a {
  color: #ffd51b
}
.top-bar-section ul li.active:not(.has-form) a:not(.button) {
  line-height: 4.5rem
}
.top-bar-section ul li:not(.has-form) a:not(.button) {
  line-height: 4.5rem
}
.dsHasDropdown .topNavBarDropdown {
  width: 8.33333rem;
  background: #2f8162;
  padding: .5rem 0 !important;
  margin-left: 6.5rem;
  margin-top: 3.58333rem;
  border: 0
}
.dsHasDropdown .topNavBarDropdown li {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important
}
.dsHasDropdown .topNavBarDropdown li:hover {
  background: 0 0 !important
}
.dsHasDropdown .topNavBarDropdown li a {
  border-bottom: 0 !important;
  color: #fff !important;
  text-align: center !important;
  padding: .5rem .83333rem !important;
  display: block !important;
  margin-right: 0 !important;
  cursor: pointer
}
.dsHasDropdown .topNavBarDropdown li a:hover {
  color: #ffd903 !important
}
.dsHasDropdown .topNavBarDropdown:before {
  display: none
}
.dsHasDropdown .topNavBarDropdown:after {
  display: none
}
.dsHasDropdown .topNavBarDropdown#tuanDropdown {
  margin-left: 7.25rem
}
.dsHasDropdown .topNavBarDropdown.timeZoomDropdown {
  background: #fff;
  max-height: 300px;
  overflow-y: auto;
  width: 230px !important;
  max-width: none !important;
  margin-top: 10px !important;
  border: 1px solid #ddd;
  box-shadow: 0 2px 2px #bbb;
  z-index: 9999 !important
}
.dsHasDropdown .topNavBarDropdown.timeZoomDropdown li a {
  text-align: left !important;
  color: #666 !important;
  font-size: 12px
}
.dsHasDropdown .topNavBarDropdown.timeZoomDropdown li a:hover {
  color: #333 !important
}
.dsHasDropdown > a {
  color: #fff
}
.dsHasDropdown > a:hover {
  color: #ffd903 !important
}
.navbar-logo {
  margin-left: 1.66667rem
}
.navbar-logo img {
  margin-top: -8px
}
.navbar-logo:hover {
  color: #ffd903
}
.hasTopHotRaces .main {
  padding-top: 5px
}
.topHotRaces {
  text-align: center;
  height: 43px;
  width: 100%;
  margin-top: -28px;
  margin-bottom: .66667rem;
  clear: both;
  display: block
}
.topHotRaces dt {
  font-weight: 700;
  display: inline-block;
  margin: 12px 6px;
  color: #404040;
  font-size: 12px
}
.topHotRaces dd {
  display: inline-block;
  margin: 6px;
  font-size: 12px
}
.topHotRaces dd a {
  color: #404040
}
.hotRacesList .hotRacesItem {
  margin: 1.66667rem 0 0 0
}
.hotRacesList .hotRacesItem .hotRacesItemVS {
  display: block;
  padding-bottom: 1.33333rem;
  border-bottom: 1px solid #f4f6f7;
  color: #404040
}
.hotRacesList .hotRacesItem .hotRacesItemVS:hover {
  color: #2f8162
}
.hotRacesList .hotRacesItem .hotRacesItemVS span {
  display: inline-block;
  vertical-align: middle;
  height: 1.66667rem;
  line-height: 1.66667rem;
  overflow-y: hidden;
  font-size: 1.08333rem
}
.hotRacesList .hotRacesItem .hotRacesItemVS span.hotRacesItemVSH {
  display: block;
  text-align: right
}
.hotRacesList .hotRacesItem .hotRacesItemVS span.hotRacesItemVSH img {
  margin-top: -.16667rem
}
.hotRacesList .hotRacesItem .hotRacesItemVS span.hotRacesItemVSG {
  display: block;
  text-align: left
}
.hotRacesList .hotRacesItem .hotRacesItemVS span.hotRacesItemVSV {
  display: block;
  text-align: center
}
.hotRacesList .hotRacesItem .hotRacesItemVS span.hotRacesItemVSV img {
  margin-top: -.16667rem
}
.indexV6VideoList {
  padding: 0 1.25rem
}
.indexV6VideoList dt {
  font-weight: 400;
  margin-bottom: .83333rem;
  margin-top: 1.66667rem
}
.indexV6VideoList dd {
  height: 2.16667rem;
  line-height: 2.16667rem;
  overflow-y: hidden
}
.indexV6VideoList dd a {
  color: #404040;
  font-size: 1.08333rem
}
.indexV6VideoList dd a:hover {
  color: #2f8162
}
.indexV6VideoList .indexV6VideoListTime {
  background: #ffd51b;
  color: #5d4334;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  width: 46px;
  text-align: center;
  border-radius: 2px;
  margin-right: 6px
}
.indexV6VideoList .indexV6VideoListTime.current {
  background: #2f8162;
  color: #fff
}
.indexV6VideoList .indexV6VideoListTime.end {
  background: #ddd;
  color: #7a7e82
}
.titleL1 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px
}
.titleL1 .titleL1-right {
  margin-top: 3px
}
.titleL1 .titleL1-right small {
  color: #7a7e82
}
table {
  border-collapse: separate;
  border-spacing: 0
}
table caption {
  font-size: 1.16667rem;
  margin-bottom: 5px;
  font-weight: 400
}
table caption .fa {
  font-weight: 700
}
table td.bg1 {
  background: #de5563;
  color: #fff
}
table td.bg1 a {
  color: #fff
}
table td.bg2 {
  background: #7ea7cf;
  color: #fff
}
table td.bg2 a {
  color: #fff
}
table td.bg3 {
  background: #71b096;
  color: #fff
}
table td.bg3 a {
  color: #fff
}
table td.bg4 {
  background: #12a7c7;
  color: #fff
}
table td.bg4 a {
  color: #fff
}
table td.bg5 {
  background: #abc178;
  color: #fff
}
table td.bg5 a {
  color: #fff
}
table td.bg6 {
  background: #53a4c1;
  color: #fff
}
table td.bg6 a {
  color: #fff
}
table td.bg7 {
  background: #d39946;
  color: #fff
}
table td.bg7 a {
  color: #fff
}
table td.bg8 {
  background: #cfbe00;
  color: #fff
}
table td.bg8 a {
  color: #fff
}
table td.bg9 {
  background: #f60;
  color: #fff
}
table td.bg9 a {
  color: #fff
}
table td.bg10 {
  background: #600;
  color: #fff
}
table td.bg10 a {
  color: #fff
}
table td.bg11 {
  background: #c58ed9;
  color: #fff
}
table td.bg11 a {
  color: #fff
}
table td.bg12 {
  background: #f48d32;
  color: #fff
}
table td.bg12 a {
  color: #fff
}
table td.bg13 {
  background: #5671e6;
  color: #fff
}
table td.bg13 a {
  color: #fff
}
table td.bg14 {
  background: #85823b;
  color: #fff
}
table td.bg14 a {
  color: #fff
}
table td.bg15 {
  background: #6ac750;
  color: #fff
}
table td.bg15 a {
  color: #fff
}
table td.bg16 {
  background: #c64316;
  color: #fff
}
table td.bg16 a {
  color: #fff
}
table td.bg17 {
  background: #1e727e;
  color: #fff
}
table td.bg17 a {
  color: #fff
}
table td.bg18 {
  background: #afcb12;
  color: #fff
}
table td.bg18 a {
  color: #fff
}
table td.disabled {
  background: #eee;
  color: #999;
  cursor: default !important
}
table td.disabled a {
  color: #999
}
table td.tableInnerTitle {
  position: relative;
  font-weight: 700
}
table td.tableInnerTitle:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff
}
table td.tableInnerTitle:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff
}
table thead {
  background: 0 0
}
table thead tr.blueTr {
  background: #f2f8fd
}
table thead tr th {
  border-bottom: 1px solid #ddd;
  font-weight: 400;
  border-right: 1px solid #ddd
}
table thead tr th input[type=checkbox], table thead tr th input[type=radio], table thead tr th input[type=text], table thead tr th select {
  margin-bottom: 0
}
table thead tr th:last-child {
  border-right: 0
}
table thead tr th.blueCell {
  background: #f2f8fd
}
table thead tr th.grayCell {
  background: #f7f7ef !important
}
table thead tr .fa-sort-amount-asc {
  display: none
}
table thead tr .fa-sort-amount-desc {
  display: none
}
table tbody tr {
  background: #fff
}
table tbody tr td {
  border-bottom: 2px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd
}
table tbody tr td input[type=checkbox], table tbody tr td input[type=radio], table tbody tr td input[type=text], table tbody tr td select {
  margin-bottom: 0
}
table tbody tr td:hover .live-list-eye {
  display: inline-block
}
table tbody tr td:last-child {
  border-right: 0
}
table tbody tr td.table-2rows {
  padding: 0;
  text-align: center
}
table tbody tr td.table-2rows p {
  margin: 0;
  padding: 4px;
  color: #ddd
}
table tbody tr td.table-2rows p span {
  color: #222
}
table tbody tr td.table-2rows p:first-child {
  border-bottom: 1px solid #ddd
}
table tbody tr td.table-2rows p.corner-data span {
  color: #7a7e82
}
table tbody tr td.table-2rows p.corner-data img {
  opacity: .6
}
table tbody tr td:last-child td {
  border-bottom: 0
}
table tbody tr td.blueCell {
  background: #f2f8fd
}
table tbody tr td.grayCell {
  background: #f7f7ef !important
}
table tbody tr .live-list-eye {
  display: none
}
table tbody tr:hover {
  background: #f7f7ef
}
table tbody tr:hover .live-list-eye {
  display: inline-block
}
table tbody tr.table-chosed {
  background: #f6f4c2 !important
}
table tbody tr:last-child td {
  border-bottom: 0
}
table tbody tr.half-seperate-top td {
  border-top: 4px solid #f2f205
}
table tbody tr.half-seperate-bottom td {
  border-bottom: 4px solid #f2f205
}
table.noHover tbody tr:hover {
  background: #fff !important
}
table.noHover tbody tr:hover:nth-of-type(even) {
  background: #fff !important
}
table.noEven tbody tr:nth-of-type(even) {
  background: #fff !important
}
table.analysisOddsTable thead tr th {
  padding: .9rem .33333rem
}
table.analysisOddsTable tbody tr td {
  padding: .8rem .33333rem
}
table.analysisTable {
  border-color: #f7f7ef
}
table.analysisTable thead tr th {
  background: #2f8162;
  color: #fff;
  padding: .5rem .83333rem
}
table.analysisTable tbody tr td {
  padding: .58333rem .83333rem;
  background: #fff;
  border-color: #f7f7ef
}
table.live-list-table tbody tr {
  background: #f2f8fd
}
table.live-list-table tbody tr:nth-of-type(even) {
  background: #fff
}
table.live-list-table tbody tr td {
  border-color: #ddd;
  padding: 10px 4px 8px 4px
}
table.live-list-table tbody tr td.cornerTd .timeLine {
  top: 4px
}
table.live-list-table tbody tr td.cornerTd .timeLineRedCard {
  bottom: -2px;
  margin-left: -9px
}
table.live-list-table tbody tr td.cornerTd .timeLineMissed {
  bottom: -2px;
  margin-left: -9px
}
table.live-list-table tbody tr td.cornerTd .timeLineGoal {
  bottom: -2px;
  margin-left: -8px
}
table.live-list-table tbody tr td.cornerTd .timeLineSpot {
  bottom: -2px;
  margin-left: -9px
}
table.live-list-table tbody tr td.cornerTd .timeLineCorner {
  top: -12px;
  margin-left: -4px
}
table.live-list-table tbody tr td.cornerTd .timeLineCorner img {
  width: 18px;
  max-width: 18px
}
table.live-list-table tbody tr td.timeTd {
  padding: 2px
}
table.live-list-table tbody tr td.timeTd .OTNum {
  display: block;
  font-size: 12px;
  transform: scale(.8, .8);
  color: #2f8162;
  margin-left: -2px;
  margin-top: -4px
}
table.live-list-table tbody tr td.hasRaceDataPopup {
  position: relative;
  font-weight: 700
}
table.live-list-table tbody tr td.hasRaceDataPopup .fa-angle-down {
  display: block;
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: -2px;
  margin-left: -4px
}
table.live-list-table tbody#on tr:last-child td {
  border-bottom: 1px solid #ddd
}
table.liveTable2 {
  width: 100%
}
table.liveTable2 thead tr th {
  font-weight: 400;
  font-size: 1.16667rem;
  text-align: center;
  background: #f0f1f2;
  border-right: 0
}
table.liveTable2 tbody tr td {
  padding: 1.25rem .41667rem 1rem .41667rem;
  text-align: center;
  font-size: 1.08333rem;
  color: #2f8162
}
table.liveTable2 tbody tr.liveTable2LeagueTr {
  background: #f4f6f7
}
table.liveTable2 tbody tr.liveTable2LeagueTr td {
  padding: .66667rem .83333rem;
  text-align: left
}
table.liveTable2 tbody tr:nth-of-type(even) {
  background: #f8fbfd !important
}
table.liveTable2.noHover tbody tr:hover {
  background: #fff !important
}
table.liveTable2.noHover tbody tr:hover:nth-of-type(even) {
  background: #f8fbfd !important
}
table.liveTable2.noHover tbody tr.liveTable2LeagueTr:hover {
  background: #f4f6f7 !important
}
table.liveTable2.noEven tbody tr:nth-of-type(even) {
  background: #fff !important
}
table.liveTable2 .liveTable2LeagueTrName {
  display: inline-block;
  margin-right: .66667rem;
  color: #404040
}
table.liveTable2 .liveTable2LeagueTrTime {
  display: inline-block;
  color: #999
}
table.liveTable2 .liveTable2LeagueTrImg {
  display: inline-block;
  margin-right: .41667rem
}
table.liveTable2 .liveTable2LeaguePoint {
  color: #d91f1f;
  font-weight: 700
}
.systemPopup2 {
  position: fixed;
  left: 50%;
  top: 30%;
  margin-left: -120px;
  width: 240px;
  z-index: 999;
  text-align: center;
  padding: 20px 10px;
  background: url(../image/systemRevealBg.png) 0 0 repeat;
  border-radius: 6px
}
.systemPopup2 img {
  display: block;
  margin: 20px auto
}
.systemPopup2 h5 {
  font-size: 16px;
  color: #fff
}
.reveal-modal .modal-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 10px
}
.reveal-modal .close-reveal-modal {
  background: #ddd;
  color: #fff;
  width: 22px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  top: 20px
}
.reveal-modal .close-reveal-modal:hover {
  background: #999
}
.reveal-modal .pricing-table .pricing-table-tit {
  padding: 10px .83333rem;
  background: #a0d3e8;
  background: #efefef
}
.reveal-modal.live-data-modal .live-date-wrapper {
  height: 400px;
  overflow-y: auto
}
.reveal-modal .popupError {
  border-radius: 2px 2px 0 0;
  background: #cf3e3e;
  width: 100%;
  height: 64px;
  line-height: 64px;
  padding-left: 30px;
  font-size: 1.33333rem;
  color: #fff
}
.reveal-modal .popupError .fa {
  margin-right: 6px;
  font-size: 1.66667rem;
  vertical-align: middle
}
.edui-editor-toolbarboxinner .addImgBt {
  border: 1px solid #ddd;
  color: #404040;
  padding: .25rem .33333rem .08333rem .33333rem;
  margin-top: .33333rem;
  margin-left: .5rem;
  border-radius: .16667rem;
  font-size: 1rem;
  background: #fff;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  line-height: 1
}
.edui-editor-toolbarboxinner .addImgBt .fa {
  margin-right: 6px;
  font-size: 1.16667rem
}
.edui-editor-toolbarboxinner .addImgBt img {
  display: inline-block;
  margin-right: 6px;
  height: 1.16667rem;
  position: relative;
  top: -1px
}
.edui-editor-toolbarboxinner .addImgBt input[type=file] {
  font-size: 3.33333rem;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  opacity: 0
}
.edui-default.autoSave {
  position: absolute;
  right: .41667rem;
  top: .58333rem;
  color: #999;
  font-size: 1.16667rem
}
.pricing-table {
  border-top: 2px solid #2f8162
}
.pricing-table .pricing-table-tit {
  padding: 10px .83333rem;
  background: #a0d3e8;
  background: #efefef;
  margin-bottom: .83333rem
}
.pricing-table .price img {
  border: 2px solid #ddd;
  border-radius: 3px
}
.redTD {
  background: #d91f1f;
  color: #fff
}
.blueTD {
  background: #3898ff;
  color: #fff
}
.pinkGreenTD {
  background: #d8f0e1
}
.pinkRedTD {
  background: #f8d1d1
}
.reduceTD:after {
  content: '↑';
  margin-left: 5px
}
.raiseTD:after {
  content: '↓';
  margin-left: 5px
}
.greenTh {
  background: #b4e6c9
}
.redTh {
  background: #fab5ae
}
.yellowTh {
  background: #f5ecc1
}
.yellowTd {
  background: #ffffd9
}
.yellowDarkTd {
  background: #f7e798
}
.grayTd {
  background: #fafafa
}
.arrowItem {
  display: inline-block;
  vertical-align: middle
}
.arrowItem img {
  width: .83333rem;
  height: auto
}
.panel {
  background: #fff;
  border-top: 2px solid #2f8162
}
.panel .panel-heading {
  padding: 10px .83333rem;
  background: #a0d3e8;
  background: #efefef
}
.panel .panel-body {
  padding: .83333rem
}
.panel.callout {
  background: #f7f3e5;
  border: 1px solid #e1dcce;
  padding: 10px 10px
}
.panel.callout span.rateItem {
  display: inline-block;
  margin-right: 10px
}
.panel.callout span.rateItem b {
  font-weight: 400
}
.panel.callout span.rateItem:last-child {
  margin-right: 0
}
.panel.callout strong.teamName {
  margin-right: 15px
}
.panel.callout ul li {
  list-style: outside;
  color: #b28742
}
.panel.callout dl dd, .panel.callout dl dt {
  color: #b28742
}
.panel-l {
  border: 0;
  border-top: 2px solid #2f8162;
  box-shadow: 0 4px 8px #eee;
  margin-bottom: 50px
}
.panel-l .panel-heading {
  background: 0 0;
  padding-top: 15px
}
.panel-l .panel-heading h3 {
  position: relative;
  color: #2f8162;
  font-size: 22px;
  border-bottom: 1px solid #ddd;
  line-height: 1;
  padding-left: 15px;
  margin: 0;
  margin-top: 5px;
  padding-bottom: 15px
}
.panel-l .panel-heading h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 4px;
  height: 22px;
  background: #2f8162
}
.panel-l .panel-heading h3 .button-group .button {
  border-color: #2f8162
}
.panel-l .panel-heading h3 .button-group .button:first-child {
  border-left: 1px solid #2f8162 !important
}
.sort-control .fa-caret-down {
  display: inline-block
}
.sort-control .fa-caret-up {
  display: none
}
.sort-control.reverse .fa-caret-down {
  display: none
}
.sort-control.reverse .fa-caret-up {
  display: inline-block
}
.fav-icon {
  font-size: 1.5rem;
  color: #f1b634
}
.fav-icon:hover {
  color: #f1b634
}
.remove-icon {
  font-size: 1.5rem;
  color: #7a7e82
}
.remove-icon:hover {
  color: #222
}
.score-bar-con .score-bar-tit {
  text-align: center;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  position: relative
}
.score-bar-con .score-bar-tit span {
  position: absolute;
  left: 0;
  top: 0
}
.score-bar-con .score-bar-item {
  margin-bottom: 0
}
.score-bar-con .score-bar-item .row .columns {
  padding: 0;
  font-weight: 400;
  font-size: 10px
}
.score-bar-con .score-bar-item h5 {
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center
}
.score-bar-con .score-bar-item .progress {
  padding: 0;
  background: #f6ba25;
  height: 4px;
  border: 0;
  margin: 8px 0;
  font-size: 10px
}
.score-bar-con .score-bar-item .progress .meter {
  background: #0eb24a
}
.score-bar-con .score-bar-item .progress.disabled {
  background: #ddd
}
.label {
  cursor: default
}
.label.secondary {
  background: #efefef;
  color: #555
}
.sidebar .sidebarHeading {
  padding: 10px 20px;
  font-weight: 400;
  color: #fff;
  background: #2f8162;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.16667rem
}
.sidebar .side-nav {
  padding: 0;
  border: 1px solid #ddd;
  background: #f6f6f6;
  margin-bottom: 20px
}
.sidebar .side-nav li {
  margin-bottom: 0;
  padding: 0 15px;
  background: #fff;
  font-size: 1rem
}
.sidebar .side-nav li a:not(.button) {
  color: #999;
  position: relative;
  padding: 20px 20px 20px 30px;
  border-bottom: 1px solid #ddd
}
.sidebar .side-nav li a:not(.button) .fa-angle-right {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 20px
}
.sidebar .side-nav li a:not(.button):focus, .sidebar .side-nav li a:not(.button):hover {
  color: #2f8162;
  background: 0 0
}
.sidebar .side-nav li.heading {
  padding: 6px 16px;
  font-weight: 700;
  color: #fff;
  background: #2f8162
}
.sidebar .side-nav li.subHeading {
  padding: 6px 16px;
  font-weight: 700;
  color: #222;
  background: #eee
}
.sidebar .side-nav li:last-child a:not(.button) {
  border-bottom: 0
}
.sidebar.dateCenterSidebar .side-nav li {
  padding: 0
}
.sidebar.dateCenterSidebar .side-nav li.heading {
  padding: 6px 16px;
  font-weight: 700;
  color: #fff;
  background: #2f8162
}
.sidebar.dateCenterSidebar .side-nav li a:not(.button) {
  padding: 8px 20px
}
.DSSidebar .accordion .accordion-navigation {
  border-bottom: 1px solid #fff
}
.DSSidebar .accordion .accordion-navigation ul {
  margin: 0
}
.DSSidebar .accordion .accordion-navigation ul > li a {
  display: block;
  padding: 4px 8px
}
.DSSidebar .accordion .accordion-navigation ul > li a:hover {
  background: #f5f5f5
}
table.table-propagate {
  width: 100%;
  margin: 20px auto
}
table.table-propagate caption {
  color: #d91f1f
}
table.table-propagate thead tr th {
  text-align: center;
  color: #2f8162;
  font-size: 1.16667rem
}
table.table-propagate tbody tr td {
  text-align: center
}
.timeLine {
  display: inline-block;
  position: relative;
  top: 3px;
  height: 14px;
  width: 200px;
  border: 1px solid #2d353c;
  margin-right: 5px;
  background: #666;
  background: -moz-linear-gradient(top, #666, #444 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#444))
}
.timeLine .timeLineBg1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #666;
  background: -moz-linear-gradient(top, #666, #444 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#444))
}
.timeLine .timeLineBg2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  background: #288267;
  background: -moz-linear-gradient(top, #288267, #105541 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#288267), to(#105541));
  border-right: 1px solid #2d7d68
}
.timeLine .timeLineL10min, .timeLine .timeLineL5min {
  position: absolute;
  bottom: 0;
  width: 0;
  z-index: 3;
  border-left: 1px solid #2d353c;
  opacity: .7
}
.timeLine .timeLineL5min {
  height: 3px
}
.timeLine .timeLineL10min {
  height: 5px
}
.timeLine .timeLineL1, .timeLine .timeLineL2, .timeLine .timeLineL3, .timeLine .timeLineL4, .timeLine .timeLineL5, .timeLine .timeLineL6, .timeLine .timeLineL7, .timeLine .timeLineL8, .timeLine .timeLineL9 {
  position: absolute;
  bottom: 0;
  width: 0;
  z-index: 3;
  height: 10px;
  border-left: 1px solid #666;
  border-right: 1px solid #333;
  opacity: .7
}
.timeLine .timeLineL1 {
  height: 6px;
  left: 10%
}
.timeLine .timeLineL2 {
  left: 20%
}
.timeLine .timeLineL3 {
  height: 6px;
  left: 30%
}
.timeLine .timeLineL4 {
  left: 40%
}
.timeLine .timeLineL5 {
  height: 6px;
  left: 50%
}
.timeLine .timeLineL6 {
  left: 60%
}
.timeLine .timeLineL7 {
  height: 6px;
  left: 70%
}
.timeLine .timeLineL8 {
  left: 80%
}
.timeLine .timeLineL9 {
  height: 6px;
  left: 90%
}
.timeLine .timeLineRedCard {
  position: absolute;
  z-index: 8;
  bottom: -2px;
  margin-left: -9px
}
.timeLine .timeLineRedCard img {
  width: 17px
}
.timeLine .timeLineMissed {
  position: absolute;
  z-index: 5;
  bottom: -2px;
  margin-left: -9px
}
.timeLine .timeLineMissed img {
  width: 17px
}
.timeLine .timeLineGoal {
  position: absolute;
  z-index: 6;
  bottom: -2px;
  margin-left: -8px
}
.timeLine .timeLineGoal img {
  width: 17px
}
.timeLine .timeLineSpot {
  position: absolute;
  z-index: 7;
  bottom: -2px;
  margin-left: -9px
}
.timeLine .timeLineSpot img {
  width: 17px
}
.timeLine .timeLineCorner {
  position: absolute;
  z-index: 7;
  top: -12px;
  margin-left: -4px
}
.timeLine .timeLineCorner img {
  width: 18px;
  max-width: 18px
}
.timeLine .timeLineHT {
  position: absolute;
  z-index: 4;
  bottom: 0;
  width: 9px;
  left: 50%;
  margin-left: -4px
}
.timeLine.cornerTimeLine .timeLineRedCard {
  bottom: -2px;
  margin-left: -9px
}
.timeLine.cornerTimeLine .timeLineMissed {
  bottom: -2px;
  margin-left: -9px
}
.timeLine.cornerTimeLine .timeLineGoal {
  bottom: -2px;
  margin-left: -8px
}
.timeLine.cornerTimeLine .timeLineSpot {
  bottom: -2px;
  margin-left: -9px
}
.timeLine.cornerTimeLine .timeLineCorner {
  top: -13px;
  margin-left: -4px
}
.postfixButton.button.postfix {
  padding-top: 11px
}
.label.action {
  background: #fff;
  border: 1px solid #ddd;
  color: #222
}
.label.win {
  background: #d91f1f;
  color: #fff
}
.label.lose {
  background: #7a7e82;
  color: #fff
}
.label.zhong {
  background: #ebaa41;
  border-radius: 2px;
  color: #fff
}
.label.hong {
  background: #d91f1f;
  border-radius: 2px;
  color: #fff
}
.button.mini {
  font-size: 12px;
  padding: 2px 4px
}
.live-list-eye {
  color: #222
}
.live-list-eye:hover {
  color: #2f8162
}
select.tiny {
  height: 28px;
  padding: 3px 6px;
  vertical-align: top
}
@-moz-document url-prefix() {
  select.tiny {
    height: 2.25rem;
    line-height: 2.08333rem;
    top: 0
  }
}
.breadcrumbs {
  padding-left: 0;
  border-bottom: 1px solid #ddd
}
.breadcrumbs > :before {
  margin: 0 5px;
  font-size: 14px
}
.bottom-bar {
  position: fixed;
  z-index: 98;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #088e67;
  background: #d8f0e1;
  padding: 6px 10px;
  max-height: 40px
}
.bottom-bar.bottom-bar-open {
  display: none;
  z-index: 99
}
.bottom-bar.bottom-bar-open ul {
  height: 150px;
  overflow-y: auto
}
.bottom-bar .bottom-bar-ctrl-arrow {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: -14px;
  width: 50px;
  height: 14px;
  text-align: center;
  background: #2f8162;
  background: -moz-linear-gradient(top, #14a67c, #088e67 80%);
  background: -webkit-gradient(linear, 0 0, 0 80%, from(#14a67c), to(#088e67));
  color: #fff;
  font-size: 14px;
  border: 1px solid #2f8162
}
.bottom-bar .bottom-bar-ctrl-arrow .fa {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -6px
}
.bottom-bar .columns {
  border-right: 1px solid #222
}
.bottom-bar .columns:last-child {
  border-right: 0
}
.bottom-bar .columns .fa {
  font-weight: 700
}
.bottom-bar .columns h5 {
  float: left;
  width: 90px
}
.bottom-bar .columns .bx-wrapper .bx-viewport {
  background: 0 0 !important;
  box-shadow: none !important;
  border: 0 !important
}
.bottom-bar .columns .bx-wrapper .bx-viewport .bxslider li {
  height: 24px;
  line-height: 24px
}
.bottom-bar .columns .bx-wrapper .bx-viewport .bxslider li img {
  display: inline
}
.bottom-bar .columns .bxslider-impor, .bottom-bar .columns .bxslider-recom {
  margin-left: 100px;
  position: relative
}
.bottom-bar .columns .bxslider-impor .bxslider-ctr, .bottom-bar .columns .bxslider-recom .bxslider-ctr {
  position: absolute;
  right: 4px;
  top: 2px
}
.bottom-bar .columns .bxslider-impor .bxslider-ctr .bxslider-ctr-up, .bottom-bar .columns .bxslider-recom .bxslider-ctr .bxslider-ctr-up {
  position: absolute;
  right: 0;
  top: -4px;
  font-size: 12px
}
.bottom-bar .columns .bxslider-impor .bxslider-ctr .bxslider-ctr-down, .bottom-bar .columns .bxslider-recom .bxslider-ctr .bxslider-ctr-down {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 12px
}
.bottom-bar .columns .bxslider-impor .bxslider-ctr .bxslider-ctr-down a, .bottom-bar .columns .bxslider-impor .bxslider-ctr .bxslider-ctr-up a, .bottom-bar .columns .bxslider-recom .bxslider-ctr .bxslider-ctr-down a, .bottom-bar .columns .bxslider-recom .bxslider-ctr .bxslider-ctr-up a {
  color: #222
}
.bottom-bar .columns .bxslider-impor .bxslider-ctr .bxslider-ctr-down a:hover, .bottom-bar .columns .bxslider-impor .bxslider-ctr .bxslider-ctr-up a:hover, .bottom-bar .columns .bxslider-recom .bxslider-ctr .bxslider-ctr-down a:hover, .bottom-bar .columns .bxslider-recom .bxslider-ctr .bxslider-ctr-up a:hover {
  color: #2f8162
}
.time-min {
  position: relative;
  top: -1px;
  left: 1px;
  font-size: 1.33333rem;
  font-weight: 700
}
.hasRaceDataPopup {
  position: relative;
  cursor: pointer
}
.hasRaceDataPopup .raceDataPopup2 {
  display: none;
  position: absolute;
  z-index: 9;
  width: 220px;
  left: 50%;
  top: 38px;
  margin-left: -110px;
  background: #434447;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  -webkit-transform: scale(.9);
  -o-transform: scale(1)
}
.hasRaceDataPopup .raceDataPopup2:after {
  content: '';
  position: absolute;
  z-index: 3;
  left: 50%;
  top: -9px;
  margin-left: -6px;
  border: 6px solid;
  border-color: transparent transparent #434447 transparent
}
.hasRaceDataPopup .raceDataPopup2 .racdDataPopup2Half {
  border-bottom: 1px solid #363638;
  margin-top: -10px
}
.hasRaceDataPopup .raceDataPopup2 .racdDataPopup2Half .columns {
  border-right: 1px solid #363638;
  padding-top: 10px;
  padding-bottom: 10px
}
.hasRaceDataPopup .raceDataPopup2 .racdDataPopup2Half .columns:last-child {
  border-right: 0
}
.hasRaceDataPopup .raceDataPopup2.score-bar-con .score-bar-item {
  position: relative;
  color: #fff
}
.hasRaceDataPopup .raceDataPopup2.score-bar-con .score-bar-item h5 {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 2px
}
.hasRaceDataPopup .raceDataPopup2.raceDataPopup2Table {
  width: 210px;
  margin-left: -108px
}
.hasRaceDataPopup .raceDataPopup2.raceDataPopup2Table .panel-body {
  padding: 0
}
.hasRaceDataPopup .raceDataPopup2.raceDataPopup2Table .panel-body table {
  width: 100%;
  background: 0 0;
  border: 0;
  margin-bottom: 0
}
.hasRaceDataPopup .raceDataPopup2.raceDataPopup2Table .panel-body table thead tr {
  background: 0 0
}
.hasRaceDataPopup .raceDataPopup2.raceDataPopup2Table .panel-body table thead tr th {
  font-weight: 400;
  text-align: center;
  color: #fff;
  border: 0;
  border-bottom: 1px solid #363638;
  font-size: 10px
}
.hasRaceDataPopup .raceDataPopup2.raceDataPopup2Table .panel-body table tbody tr {
  background: 0 0 !important
}
.hasRaceDataPopup .raceDataPopup2.raceDataPopup2Table .panel-body table tbody tr td {
  text-align: center;
  color: #fff;
  border: 0;
  border-bottom: 1px solid #363638;
  font-weight: 400;
  font-size: 10px
}
.hasRaceDataPopup .raceDataPopup2.raceDataPopup2Table .panel-body table tbody tr:last-child td {
  border-bottom: 0
}
.hasRaceDataPopup:hover {
  background: #fcf8e3
}
@-moz-document url-prefix() {
  .hasRaceDataPopup .raceDataPopup2 {
    top: 52px !important
  }
}
.stars {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../image/stars.png) 0 0 no-repeat;
  background-size: 30px auto;
  vertical-align: middle
}
.stars.lev5 {
  background-position: -5px -8px
}
.stars.lev4 {
  background-position: -5px -32px
}
.stars.lev3 {
  background-position: -5px -56px
}
.stars.lev2 {
  background-position: -5px -82px
}
.stars.lev1 {
  background-position: -5px -105px
}
.cupTeamList h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.cupTeamList h3 img {
  height: 1.83333rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.cupTeamList ul {
  display: block;
  margin: 0;
  background: #fff;
  border-top: 3px solid #97161b;
  padding: 1.5rem .83333rem;
  box-shadow: 0 0 2px #ccc
}
.cupTeamList ul li {
  margin-bottom: 1.58333rem
}
.cupTeamList ul li:last-child {
  margin-bottom: 0
}
.cupTeamList ul li span {
  display: inline-block;
  width: 4.16667rem;
  font-size: 1rem;
  vertical-align: middle;
  font-weight: 700;
  text-align: center
}
.cupTeamList ul li a {
  display: inline-block;
  width: 4.16667rem;
  text-align: center;
  vertical-align: middle
}
.cupTeamList ul li a img {
  width: auto;
  height: 1.66667rem
}
.cupDailyRaceReport h3 {
  position: relative;
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.cupDailyRaceReport h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.cupDailyRaceReport h3 .more {
  position: absolute;
  right: 0;
  top: 0;
  color: #999
}
.albumList {
  margin-bottom: 3.33333rem
}
.albumList h3 {
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0 0 .83333rem 0;
  margin: 0 0 1.66667rem 0;
  border-bottom: 1px solid #404040;
  color: #404040
}
.albumList .albumItem {
  display: block;
  margin-bottom: 0
}
.albumList .albumItem .albumItemImg {
  position: relative;
  display: block;
  width: 100%;
  height: 10.83333rem;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: .66667rem;
  border: 1px solid #ddd
}
.albumList .albumItem .albumItemImg .videoPlayIcon {
  display: block;
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-top: -1.16667rem;
  margin-left: -1rem;
  opacity: .9
}
.albumList .albumItem .albumItemImg .videoPlayIcon:hover {
  opacity: 1
}
.albumList .albumItem .albumItemText {
  display: block;
  font-size: 1.16667rem;
  color: #404040;
  line-height: 1.4;
  height: 3.16667rem;
  overflow: hidden
}
.albumList .albumItem.more .albumItemImg {
  font-size: 1.33333rem;
  font-weight: 700;
  color: #999;
  padding-top: 7.5rem;
  background-size: 50px auto;
  background-position: 50% 40%;
  text-align: center
}
.tableExTitle a {
  color: #999
}
.tableExTitle a.active {
  color: #2f8162
}
.tableExTitle a:hover {
  color: #2f8162
}
.grayPanel {
  background: #f6f6f6;
  border: 1px solid #ddd;
  padding: 6px
}
.payMethod {
  display: inline-block;
  border: 1px solid #ddd;
  margin-right: 6px;
  padding: 4px 10px
}
.payMethod img {
  vertical-align: middle
}
.icons {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../image/userCenter.png);
  background-size: 16px auto;
  background-repeat: no-repeat
}
.icons.iconsAlert {
  background-position: 2px -397px
}
.icons.iconsStar {
  background-position: 2px -426px
}
.icons.iconsStar1 {
  background-position: 2px -473px
}
.icons.iconsStar2 {
  background-position: 2px -524px
}
.icons.iconsStar3 {
  background-position: 2px -550px
}
.icons.iconsStar4 {
  background-position: 2px -550px
}
.icons.iconsStar5 {
  background-position: 2px -579px
}
.icons.iconsClock {
  background-position: 2px -448px
}
.newsPayIcon {
  display: inline-block
}
.newsPayIcon img {
  height: 16px;
  width: auto;
  margin-top: -2px
}
.redCard, .yellowCard {
  display: inline-block;
  width: 12px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  margin: 0;
  font-family: PMingLiU;
  position: relative;
  top: -4px;
  transform: scale(.9)
}
.redCard {
  background: #c51313;
  background: -moz-linear-gradient(top, #e93333, #c51313 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e93333), to(#c51313))
}
.yellowCard {
  background: #edbb24;
  background: -moz-linear-gradient(top, #f4da1a, #edbb24 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4da1a), to(#edbb24));
  color: #000
}
.ds-button-group.button-group .button {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd !important
}
.ds-button-group.button-group .button.action {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd !important
}
.ds-button-group.button-group .button.action:hover {
  background: #f6f6f6
}
#tourModal {
  width: 750px;
  padding-left: 60px;
  padding-right: 60px;
  height: 500px;
  overflow: hidden
}
#tourModal .bx-wrapper {
  margin-bottom: 10px
}
#tourModal .bx-wrapper .bx-viewport {
  box-shadow: none
}
#tourModal .bx-wrapper .bx-prev {
  width: 50px;
  height: 162px;
  background: url(https://www.dszuqiu.com/assets/images/tour/sliderLeft.png) 50% 50% no-repeat;
  background-size: 100% auto;
  left: -30px;
  opacity: .6
}
#tourModal .bx-wrapper .bx-prev:hover {
  opacity: 1
}
#tourModal .bx-wrapper .bx-next {
  width: 50px;
  height: 162px;
  background: url(https://www.dszuqiu.com/assets/images/tour/sliderRight.png) 50% 50% no-repeat;
  background-size: 100% auto;
  right: -30px;
  opacity: .6
}
#tourModal .bx-wrapper .bx-next:hover {
  opacity: 1
}
#tourModal .bx-wrapper .bx-controls-direction a {
  margin-top: -80px
}
#tourModal .bx-wrapper .bx-pager {
  bottom: 0;
  padding-top: 0
}
#tourModal .bx-wrapper .bx-pager.bx-default-pager a {
  width: 36px;
  height: 4px;
  background: #2f8162;
  opacity: .2;
  border-radius: 0;
  margin: 0 3px
}
#tourModal .bx-wrapper .bx-pager.bx-default-pager a.active {
  height: 6px;
  opacity: .8;
  position: relative;
  top: -2px
}
#tourModal .tourSlider {
  margin: 20px auto 0 auto;
  text-align: center
}
#tourModal .tourSlider li {
  height: 450px
}
#tourModal .tourSlider li h4 {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 2.5rem;
  color: #2f8162
}
#tourModal .tourSlider li img {
  width: auto;
  max-width: auto;
  height: 260px;
  margin: 0 auto
}
#tourModal .tourSlider li .tourSliderTips {
  margin-top: 20px;
  font-size: 1.16667rem;
  color: #2f8162
}
#live-filter-bar {
  padding: 0 10px
}
#live-filter-bar.sticky {
  margin-bottom: 10px;
  width: 100% !important
}
#live-filter-bar.sticky.is-active {
  padding-top: 8px;
  padding-bottom: 8px;
  left: 0 !important;
  background: url(../image/stickyMask.png) 0 0 repeat
}
#live-filter-bar.sticky.is-active #showTour {
  color: #fff
}
#live-filter-bar.sticky.is-active > .row {
  max-width: 102.5rem;
  margin: 0 auto;
  color: #fff
}
.liveH1 {
  color: #2f8162;
  font-size: 1.16667rem;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0;
  border-left: 1px solid #2f8162;
  padding-left: 6px
}
.pageFixedBar2 {
  position: fixed;
  z-index: 1004;
  left: 50%;
  bottom: 174px;
  width: 60px;
  margin-left: 615px;
  text-align: center;
  padding: 2px 0 0 0
}
.pageFixedBar2 hr {
  margin: 10px 6px
}
.pageFixedBar2 .comBarImgClose {
  position: absolute;
  z-index: 3;
  right: -12px;
  top: -12px;
  display: block;
  border: 1px solid #999;
  color: #999;
  height: 16px;
  font-size: 1rem;
  padding: .16667rem .33333rem .25rem .33333rem;
  line-height: 1;
  transform: scale(.9)
}
.pageFixedBar2 .comBarImg {
  width: 86px;
  max-width: none;
  margin-left: -14px;
  margin-bottom: 10px
}
.pageFixedBar2 .commentNotic {
  position: absolute;
  z-index: 2;
  left: -27px;
  top: 70px;
  width: 60px
}
.pageFixedBar2 a {
  display: block;
  text-align: center;
  margin-bottom: 5px
}
.pageFixedBar2 a .commentNotic2 {
  display: block;
  width: 6px;
  height: 6px;
  background: #e73838;
  position: absolute;
  z-index: 2;
  left: 16px;
  top: 60px;
  border-radius: 50%
}
.pageFixedBar2 a img {
  width: 5rem;
  height: 5rem
}
.pageFixedBar2 a.fixbarCommentBt img {
  height: 5rem;
  width: 5rem
}
.pageFixedBar2 #wechatQRCode {
  text-align: center;
  padding: 5px;
  width: 136px;
  font-size: 12px;
  margin-top: -90px
}
.pageFixedBar2 #wechatQRCode img {
  width: 120px
}
.pageFixedBar2 #wechatQRCode:before {
  top: auto;
  bottom: 20px
}
.pageFixedBar2 #wechatQRCode:after {
  top: auto;
  bottom: 19px
}
.pageFixedBar2 #backtotop {
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s
}
.pageFixedBar2 #backtotop.showBTT {
  opacity: 1
}
.pageFixedBar3 {
  position: fixed;
  z-index: 1004;
  right: 50%;
  bottom: 174px;
  width: 60px;
  margin-right: 660px;
  text-align: center;
  padding: 2px 0 0 0
}
.pageFixedBar3 .pageFixedBar3Con {
  position: relative;
  text-align: center;
  padding: 2px;
  width: 106px;
  font-size: 12px;
  border: 1px solid #eee;
  background: #fff;
  color: #888
}
.pageFixedBar3 .pageFixedBar3Con img {
  width: 100px
}
.pageFixedBar3 .pageFixedBar3Con .pageFixedBar3ConTips {
  position: absolute;
  right: 0;
  top: -18px;
  height: 16px;
  line-height: 16px;
  background: #999;
  color: #fff;
  font-size: 12px;
  padding: 0 6px;
  display: block;
  opacity: .8
}
.raceComment {
  display: none;
  position: fixed;
  width: 530px !important;
  height: 400px !important;
  right: 0;
  bottom: 0;
  box-shadow: 0 -1px 2px #999;
  background: #fff
}
.raceComment .raceAlertPopupMask {
  display: none;
  position: absolute;
  z-index: 8;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #333;
  opacity: .3
}
.raceComment .raceAlertPopup {
  display: none;
  position: absolute;
  z-index: 9;
  left: 50%;
  margin-left: -150px;
  top: 50%;
  margin-top: -60px;
  width: 300px;
  height: 120px;
  border-radius: 6px;
  box-shadow: 0 0 4px #ccc;
  padding: 30px 20px;
  background: #fff
}
.raceComment .raceAlertPopup h3 {
  font-size: 1.16667rem;
  padding: 0;
  margin: 0 0 20px 0
}
.raceComment .raceAlertPopup a.button {
  display: inline-block
}
.raceComment .raceCommentRaceList {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #434447
}
.raceComment .raceCommentRaceList ul {
  margin: 0;
  padding: 0
}
.raceComment .raceCommentRaceList ul.content li {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #535456;
  background: #2e3035
}
.raceComment .raceCommentRaceList ul.content li:hover {
  background: #535458
}
.raceComment .raceCommentRaceList ul.content li.active {
  background: #535458
}
.raceComment .raceCommentRaceList ul.content li.active > a {
  color: #fff
}
.raceComment .raceCommentRaceList ul.content li > a {
  padding: 10px 6px;
  color: #bcbcbc;
  font-size: 1rem;
  text-align: left
}
.raceComment .raceCommentRaceList ul.content li > a:hover {
  color: #fff
}
.raceComment .raceCommentRaceList ul.content li > a p {
  height: 20px;
  line-height: 20px;
  width: 135px;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.raceComment .raceCommentRaceList ul.content li > a span {
  display: inline-block
}
.raceComment .raceCommentRaceList ul.content li > a.fav-icon {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 10px;
  padding: 0
}
.raceComment .raceCommentRaceList ul.content li > a.fav-icon .fa {
  color: #888;
  font-size: 1.16667rem
}
.raceComment .raceCommentRaceList ul.content li > a.fav-icon.active {
  display: inline-block
}
.raceComment .raceCommentRaceList ul.content li > a.fav-icon.active .fa {
  color: #ffd903
}
.raceComment .raceCommentRaceList ul.content li > span.num {
  display: inline-block;
  position: absolute;
  z-index: 2;
  right: -4px;
  top: 30px;
  width: 40px;
  text-align: center;
  font-size: 1rem;
  transform: scale(.8);
  color: #999
}
.raceComment .raceCommentRaceList ul.content li > span.commentGoal {
  display: inline-block;
  position: absolute;
  z-index: 2;
  right: 46px;
  top: 3px;
  width: 20px;
  height: 56px;
  text-align: center;
  font-size: 1rem;
  transform: scale(.8);
  color: #fff;
  background: url(https://www.dszuqiu.com/images/icons/commentGoal.png) 0 0 no-repeat;
  background-size: 100% auto
}
.raceComment .raceCommentRaceList ul.content li > span.commentGoal small {
  display: block;
  width: 20px;
  position: absolute;
  left: 0
}
.raceComment .raceCommentRaceList ul.content li > span.commentGoal small:first-child {
  top: 1px
}
.raceComment .raceCommentRaceList ul.content li > span.commentGoal small:last-child {
  bottom: 1px
}
.raceComment .raceCommentRaceList ul.content li > span.commentCorner {
  display: inline-block;
  position: absolute;
  z-index: 2;
  right: 28px;
  top: 3px;
  width: 20px;
  height: 56px;
  text-align: center;
  font-size: 1rem;
  transform: scale(.8);
  color: #fff;
  background: url(https://www.dszuqiu.com/images/icons/commentCorner.png) 0 0 no-repeat;
  background-size: 100% auto
}
.raceComment .raceCommentRaceList ul.content li > span.commentCorner small {
  display: block;
  width: 20px;
  position: absolute;
  left: 0
}
.raceComment .raceCommentRaceList ul.content li > span.commentCorner small:first-child {
  top: 1px
}
.raceComment .raceCommentRaceList ul.content li > span.commentCorner small:last-child {
  bottom: 1px
}
.raceComment .raceCommentMain {
  height: 396px;
  position: relative
}
.raceComment .raceCommentMain h2 {
  position: relative;
  padding: 8px 6px;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #ddd
}
.raceComment .raceCommentMain h2 span {
  display: inline-block;
  font-size: 1rem;
  max-width: 280px;
  height: 16px;
  line-height: 1.2;
  overflow: hidden
}
.raceComment .raceCommentMain h2 .raceCommentConRefresh {
  position: absolute;
  right: 34px;
  top: 6px;
  padding: 0
}
.raceComment .raceCommentMain h2 .raceCommentConRefresh img {
  width: 12px;
  height: 12px
}
.raceComment .raceCommentMain h2 .raceCommentConClose {
  position: absolute;
  right: 10px;
  top: 6px;
  padding: 0
}
.raceComment .raceCommentMain h2 .raceCommentConClose img {
  width: 10px;
  height: 10px
}
.raceComment .raceCommentMain .raceCommentCon {
  padding: .83333rem;
  height: 26.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f9f9f9
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentNotAadd p {
  padding: .5rem .83333rem;
  text-align: center;
  font-size: 1rem;
  color: #3898ff;
  border-bottom: 1px solid #ddd;
  margin: -.83333rem -.83333rem .83333rem -.83333rem
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentNotAadd p a {
  color: #3898ff;
  text-decoration: none;
  margin: 0;
  padding: 0
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem {
  margin-bottom: 1rem
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemProfile {
  float: left;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner {
  margin-left: 36px;
  border-bottom: 1px solid #ddd
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner h3 {
  height: 2.5rem;
  position: relative;
  margin-bottom: .66667rem
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner h3 .commentName {
  position: absolute;
  top: 0;
  left: 0;
  color: #2f8162;
  font-size: 1rem
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner h3 .commentTime {
  position: absolute;
  top: 1.33333rem;
  left: 0;
  font-size: .91667rem;
  color: #999;
  margin-left: 0
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner h3 .commentCtrl {
  position: absolute;
  right: 0;
  top: 0;
  width: 11.66667rem;
  font-size: 1rem;
  transform: scale(.8);
  color: #999;
  text-align: right;
  vertical-align: middle
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner h3 .commentCtrl img {
  width: 1rem;
  height: 1rem;
  vertical-align: middle
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner h3 .commentCtrl a {
  display: inline-block;
  padding: 0 6px;
  color: #999
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner p {
  text-align: left;
  margin-bottom: .66667rem;
  font-size: 1.16667rem
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner .raceCommentItem {
  padding: .33333rem .5rem;
  background: #f7f6f2;
  border: 1px solid #e2ded5;
  margin-bottom: .5rem
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner .raceCommentItem .raceCommentItemInner {
  margin-left: 0;
  border-bottom: 0
}
.raceComment .raceCommentMain .raceCommentCon .raceCommentItem .raceCommentItemInner .raceCommentItem .raceCommentItemInner p {
  font-size: 1rem
}
.raceComment .raceCommentMain .raceCommentFieldBar {
  height: 3.33333rem;
  padding: .5rem;
  border-top: 1px solid #ddd;
  text-align: center
}
.raceComment .raceCommentMain .raceCommentFieldBar textarea {
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 27px;
  font-size: 1rem;
  padding: .25rem .5rem;
  box-shadow: none;
  display: inline-block;
  width: 22.91667rem;
  text-align: left;
  min-height: 0;
  overflow: hidden;
  resize: none
}
.raceComment .raceCommentMain .raceCommentFieldBar .button {
  width: 5rem;
  vertical-align: top
}
.raceComment .raceCommentMain .raceCommentFieldBar .raceCommentFieldMask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .3;
  z-index: 2
}
.raceComment .raceCommentMain .raceCommentFieldBar .raceCommentFieldMaskText {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  z-index: 3;
  text-align: center;
  padding-top: 10px;
  text-decoration: underline
}
.pageFixedBar {
  position: fixed;
  z-index: 9;
  right: 0;
  bottom: 60px;
  width: 36px;
  background: url(../image/stickyMask.png) 0 0 repeat;
  text-align: center;
  border-radius: 3px 0 0 3px;
  padding: 8px 0
}
.pageFixedBar a {
  color: #fff;
  display: block;
  font-size: 18px;
  margin-left: 4px;
  margin-right: auto;
  margin-bottom: 5px;
  opacity: .6;
  -moz-transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  line-height: 1.4
}
.pageFixedBar a:hover {
  opacity: 1
}
.pageFixedBar a .fa-arrow-circle-o-up {
  font-size: 20px
}
.pageFixedBar #wechatQRCode {
  text-align: center;
  padding: 5px;
  width: 136px;
  font-size: 12px;
  margin-top: -108px
}
.pageFixedBar #wechatQRCode img {
  width: 120px
}
.pageFixedBar #wechatQRCode:before {
  top: auto;
  bottom: 20px
}
.pageFixedBar #wechatQRCode:after {
  top: auto;
  bottom: 19px
}
#acountDrop {
  z-index: 1089 !important;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 6px
}
#acountDrop:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 1003;
  top: -14px;
  left: 52px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff
}
#acountDrop:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1002;
  top: -17px;
  left: 51px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #aaa
}
.range-slider-active-segment {
  background: #eee
}
.datepicker.dropdown-menu {
  z-index: 1098 !important
}
.notice-dot {
  padding-left: 3px
}
.no-data {
  text-align: center;
  font-size: 14px;
  color: #999;
  padding-top: 50px;
  background: #fff;
  border: 1px solid #ddd
}
.no-data .fa {
  display: inline-block;
  font-size: 26px;
  margin-bottom: 10px
}
.vipNeed {
  text-align: center;
  padding-top: 50px;
  background: #fff
}
.vipNeed img {
  margin-bottom: 30px
}
.vipNeed p {
  font-size: 14px
}
.vipNeed .button {
  margin-right: 15px;
  padding-left: 40px;
  padding-right: 40px
}
.vipNeed .button.secondary {
  color: #987b0c
}
.vipNeed .button.secondary:hover {
  color: #fff
}
.tipsIcon {
  color: #999;
  cursor: pointer
}
.tipsIcon:hover {
  color: #404040
}
.searchBar {
  padding: 6px 18px;
  background: #fff;
  border: 1px solid #ddd
}
.searchBar.MBBlock {
  margin-bottom: 10px !important
}
.searchBar input[type=date], .searchBar input[type=text], .searchBar label, .searchBar select {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
  width: auto;
  padding: 2px 4px;
  height: 27px;
  font-size: 12px
}
.searchBar input[type=checkbox], .searchBar input[type=radio] {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 3px
}
.searchBar .searchButton {
  padding: 4px 10px;
  margin-bottom: 0;
  position: relative;
  top: 0;
  left: -5px;
  font-size: 12px
}
input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ccc
}
input[type=email]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
  color: #ccc
}
input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
  color: #ccc
}
input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #ccc
}
input[type=email]:active, input[type=email]:focus, input[type=number]:active, input[type=number]:focus, input[type=password]:active, input[type=password]:focus, input[type=text]:active, input[type=text]:focus, textarea:active, textarea:focus {
  background: #fff;
  box-shadow: none
}
.asc .fa-sort-amount-asc {
  display: inline
}
.asc .fa-sort-amount-desc {
  display: none
}
.desc .fa-sort-amount-asc {
  display: none
}
.desc .fa-sort-amount-desc {
  display: inline
}
.spTable tbody tr td {
  padding: 1px 2px;
  line-height: 1.2;
  border-bottom: 0
}
.spTable tbody tr td.spProcessL {
  position: relative
}
.spTable tbody tr td.spProcessL .spProcessBar {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  bottom: 0;
  background: #b1e0d7
}
.spTable tbody tr td.spProcessL .spNum {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 1px
}
.spTable tbody tr td.spProcessR {
  position: relative
}
.spTable tbody tr td.spProcessR .spProcessBar {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  background: #b1e0d7
}
.spTable tbody tr td.spProcessR .spNum {
  position: absolute;
  z-index: 2;
  left: 8px;
  top: 1px
}
.spTable tbody tr td .spTablePK {
  display: inline-block;
  padding: 0 3px;
  margin: 0 2px
}
.spTable tbody tr td .spTableBF {
  display: inline-block;
  padding: 0 3px;
  margin: 0 2px
}
.annlysisSpNav {
  background: 0 0;
  padding: 0 0 30px 0
}
.annlysisSpNav dl {
  text-align: center;
  margin-bottom: 0
}
.annlysisSpNav dl dd {
  float: none;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 0
}
.annlysisSpNav dl dd select {
  height: 25px;
  border-radius: 3px;
  width: 80px;
  line-height: 23px;
  padding: 0 6px;
  color: #666;
  font-size: 12px;
  border: 1px solid #ddd
}
.annlysisSpNav dl dd .button {
  background: #fff;
  border-color: #2f8162;
  color: #2f8162;
  margin-bottom: 0
}
.annlysisSpNav dl dd #annlysisSpMode.button-group li.active .button {
  background: #2f8162;
  color: #fff
}
.annlysisSpNav dl dd #annlysisSpMode.button-group li .button {
  background: #fff;
  color: #2f8162;
  border-color: #2f8162
}
.annlysisSpNav dl dd #annlysisSpMode.button-group li:first-child .button {
  border-left: 1px solid #2f8162
}
.annlysisSpNav.fixed {
  background: #eee;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px
}
.annlysisSpNav.fixed .sub-nav {
  max-width: 1200px;
  margin: 0 auto;
  padding-right: 5px
}
.pickItem {
  border: 1px solid #ddd;
  margin-bottom: 10px
}
.pickItem .pickItemTitle {
  background: #f4f4f4;
  font-size: 1.16667rem;
  padding: .5rem .83333rem
}
.pickItem .pickItemBody {
  padding: 1.25rem 1.66667rem
}
.pickItem .pickItemBody p {
  line-height: 1;
  padding: 0;
  margin-bottom: 1.25rem
}
.pickForm .button-group li.active .button {
  background: #2f8162;
  color: #fff
}
.pickForm .button-group li .button {
  background: #fff;
  color: #2f8162;
  border-color: #2f8162
}
.pickForm .button-group li:first-child .button {
  border-left: 1px solid #2f8162
}
.pickForm .pickAmount .amountField {
  width: 11.25rem;
  font-size: 1rem;
  height: 2.5rem;
  box-shadow: 0
}
.pickForm .pickAmount label.inline {
  padding: .33333rem 0
}
.pickForm .pickAmount .pickAmountItem {
  display: inline-block;
  background: #fff;
  width: 2.33333rem;
  height: 2.33333rem;
  line-height: 2.33333rem;
  text-align: center;
  color: #999;
  border: 1px solid #999;
  border-radius: 50%;
  margin-top: .16667rem;
  margin-right: .5rem
}
.pickForm .pickAmount .pickAmountItem.active {
  background: #d91f1f;
  border-color: #d91f1f;
  color: #fff
}
.iamNotAd1 {
  text-align: center;
  margin-bottom: 20px
}
.iamNotAdItem {
  position: relative
}
.iamNotAdItem .iamNotAdClose {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  display: inline-block;
  background: #999;
  color: #fff;
  opacity: .6;
  height: 16px;
  line-height: 16px;
  padding: 0 5px
}
.iamNotAdItem .iamNotAdClose:hover {
  opacity: .8
}
.ggLeft {
  position: absolute;
  left: -82px;
  top: 37px
}
.ggLeft img {
  width: 100%
}
.ggRight {
  position: absolute;
  right: -82px;
  top: 37px
}
.ggRight img {
  width: 100%
}
.showFav {
  cursor: pointer
}
.showFav .showFavLink {
  display: none
}
.showFav.active .hideFavLink {
  display: none
}
.showFav.active .showFavLink {
  display: inline-block
}
@media only screen and (max-width:1280px) {
  .ggLeft {
    display: none
  }
  .ggRight {
    display: none
  }
}
.tableGG {
  background: #f4f4f4;
  text-align: center;
  padding-top: 2px !important;
  padding-bottom: 2px !important
}
.transLink {
  font-family: "\5fae\8f6f\96c5\9ed1";
  font-size: 16px;
  color: #404040;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  text-shadow: none;
  line-height: 24px;
  display: inline-block;
  vertical-align: bottom
}
.transLink:before {
  content: attr(data-letters);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  color: #f34540;
  white-space: nowrap;
  width: 0;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
  background: #fff
}
.transLink:hover:before {
  width: 100%
}
.errorBox {
  position: relative;
  border: 1px solid #d91f1f;
  color: #d91f1f;
  background: #fff;
  font-size: 12px;
  padding: 8px 12px 8px 38px;
  border-radius: 3px
}
.errorBox img {
  position: absolute;
  top: 8px;
  left: 12px;
  height: 20px
}
.warningBox {
  position: relative;
  border: 1px solid #f6aa25;
  color: #f6aa25;
  background: #fff;
  font-size: 12px;
  padding: 8px 12px 8px 38px;
  border-radius: 3px
}
.warningBox img {
  position: absolute;
  top: 8px;
  left: 12px;
  height: 20px
}
.successBox {
  position: relative;
  border: 1px solid #43ac6a;
  color: #43ac6a;
  background: #fff;
  font-size: 12px;
  padding: 8px 12px 8px 38px;
  border-radius: 3px
}
.successBox img {
  position: absolute;
  top: 8px;
  left: 12px;
  height: 20px
}
.miniScroller::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px #ddd;
  background-color: #f6f6f6
}
.miniScroller::-webkit-scrollbar {
  width: 5px;
  background-color: #f6f6f6
}
.miniScroller::-webkit-scrollbar-thumb {
  background-color: #aaa
}
.dsBreadcrumbs {
  vertical-align: baseline;
  font-size: 12px;
  position: relative;
  top: -15px;
  left: 18px;
  font-style: italic;
  color: #404040
}
.dsBreadcrumbs a {
  color: #404040
}
.dsBreadcrumbs a:hover {
  text-decoration: underline
}
.dsBreadcrumbs2 {
  vertical-align: baseline;
  font-size: 12px;
  padding-bottom: 11px;
  margin-bottom: 0;
  color: #404040
}
.dsBreadcrumbs2 a {
  color: #404040
}
.dsBreadcrumbs2 a:hover {
  text-decoration: underline
}
.userLv {
  display: inline-block;
  border-radius: .16667rem;
  padding: .08333rem .16667rem;
  font-size: 1rem;
  color: #fff;
  margin-left: 0;
  font-family: TimesNewRomanPS-BoldItalicMT;
  transform: scale(.9)
}
.userLv.lv1 {
  background: #b0c0d0
}
.userLv.lv2 {
  background: #9fb1e0
}
.userLv.lv3 {
  background: #c9a9e7
}
.userLv.lv4 {
  background: #ffa808
}
.userLv.lv4 img {
  height: .83333rem;
  width: auto;
  margin-right: .16667rem
}
#display-ctr.f-dropdown, #jingJianDrop.f-dropdown, #race-filter.f-dropdown {
  z-index: 1099 !important
}
.filterButtonGroup {
  border: 1px solid #ddd;
  display: inline-block;
  border-radius: .25rem
}
.filterButtonGroup > li {
  margin: 0 !important
}
.filterButtonGroup > li > .button {
  border-right: 1px solid #ddd !important;
  margin: 0 !important;
  width: 7.5rem;
  padding: 0 4px;
  height: 25px;
  line-height: 24px
}
.filterButtonGroup > li > .button .filterBarIcon1 {
  display: none;
  width: 16px;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -2px
}
.filterButtonGroup > li > .button .filterBarIcon2 {
  width: 16px;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -2px
}
.filterButtonGroup > li > .button .fav-icon {
  color: #fff
}
.filterButtonGroup > li > .button.action .filterBarIcon1 {
  display: inline-block
}
.filterButtonGroup > li > .button.action .filterBarIcon2 {
  display: none
}
.filterButtonGroup > li > .button.action .fav-icon {
  color: #f1b634
}
.filterButtonGroup > li:last-child > .button {
  border-right: 0 !important;
  border-radius: 0 .25rem .25rem 0 !important
}
.filterButtonGroup > li:first-child > .button {
  border-radius: .25rem 0 0 .25rem !important
}
.analysisUserRecommend .analysisUserRecommendTitle {
  font-size: 1.33333rem;
  margin: 0 0 1.66667rem 0
}
.analysisUserRecommend .analysisUserRecommendCon {
  padding: 0 30px 0 20px
}
.analysisUserRecommend .analysisUserRecommendCon h4 {
  font-size: 1.16667rem;
  height: 30px;
  line-height: 30px
}
.analysisUserRecommend .analysisUserRecommendCon .recommendBar {
  overflow: hidden;
  display: block;
  position: relative;
  height: 30px;
  background: #109e78;
  margin-bottom: 20px
}
.analysisUserRecommend .analysisUserRecommendCon .recommendBar .recommendBar1 {
  float: left;
  height: 30px;
  background: #f2b414
}
.analysisUserRecommend .analysisUserRecommendCon .recommendBar .recommendBar2 {
  float: left;
  height: 30px;
  background: #348dd8
}
.analysisUserRecommend .analysisUserRecommendCon .recommendBar .recommendText {
  position: absolute;
  z-index: 2;
  font-size: 1.16667rem;
  color: #fff;
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding: 0 20px
}
.panelList2 hr {
  border-color: #f4f6f7
}
.panelList2 .panel {
  background: #fff;
  border-top: 0;
  margin-bottom: 0
}
.panelList2 .panel-heading {
  padding: 10px .83333rem;
  background: #2f8162;
  color: #fff;
  text-align: center
}
.panelList2 .panel-body {
  padding: .83333rem
}
.panelList2 .panelList2Item1 {
  list-style: none;
  margin: 0
}
.panelList2 .panelList2Item1 li {
  list-style: none;
  margin-bottom: .83333rem;
  height: 1.66667rem;
  line-height: 1.66667rem;
  overflow: hidden
}
.panelList2 .panelList2Item1 li .panelList2Item1Icon {
  display: block;
  float: left;
  width: 2.5rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1.16667rem
}
.panelList2 .panelList2Item1 li .panelList2Item1Icon img {
  width: auto;
  height: 20px
}
.panelList2 .panelList2Item1 li .panelList2Item1Name {
  color: #222;
  display: block;
  margin-left: 3rem;
  vertical-align: middle;
  font-size: 1.08333rem
}
.panelList2 .panelList2Item1 li .panelList2Item1Name:hover {
  color: #2f8162
}
.panelList2 .panelList2Item2 {
  list-style: none;
  margin: 0
}
.panelList2 .panelList2Item2 dt {
  margin-bottom: .83333rem
}
.panelList2 .panelList2Item2 dt .panelList2Item2Icon {
  display: block;
  float: left;
  width: 2.5rem;
  text-align: center;
  font-size: 1.16667rem
}
.panelList2 .panelList2Item2 dt .panelList2Item2Icon img {
  width: auto;
  height: 20px;
  margin-top: -.33333rem
}
.panelList2 .panelList2Item2 dt .panelList2Item2Name {
  color: #2f8162;
  display: block;
  margin-left: 3rem;
  vertical-align: middle
}
.panelList2 .panelList2Item2 dd {
  list-style: none;
  margin-bottom: .83333rem;
  height: 1.66667rem;
  line-height: 1.66667rem;
  overflow: hidden
}
.panelList2 .panelList2Item2 dd .panelList2Item2Name {
  color: #222;
  display: block;
  margin-left: 3rem;
  vertical-align: middle
}
.panelList2 .panelList2Item2 dd .panelList2Item2Name:hover {
  color: #2f8162
}
.promoWrap {
  position: relative
}
.promoWrap .promoClose {
  display: inline-block;
  padding: .16667rem .33333rem;
  background: rgba(0, 0, 0, .5);
  color: #ccc;
  font-size: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2
}
.imgUploadWrapper .articleImg, .imgUploadWrapper .uploadImg {
  position: relative;
  display: inline-block;
  width: 13.33333rem;
  height: 9.5rem;
  border: 1px dashed #ccc;
  overflow: hidden
}
.imgUploadWrapper .articleImg.loadingImg, .imgUploadWrapper .uploadImg.loadingImg {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 5px
}
.imgUploadWrapper .articleImg.loadingImg img, .imgUploadWrapper .uploadImg.loadingImg img {
  width: auto;
  height: auto;
  margin-top: 50px
}
.imgUploadWrapper .articleImg img, .imgUploadWrapper .uploadImg img {
  width: 13.33333rem;
  height: 9.5rem
}
.imgUploadWrapper .articleImg input[type=file], .imgUploadWrapper .uploadImg input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  margin-bottom: 0;
  font-size: 8.33333rem;
  opacity: 0
}
.imgUploadWrapper .articleImg .articleImgEdit, .imgUploadWrapper .uploadImg .articleImgEdit {
  display: none;
  position: absolute;
  right: .5rem;
  top: .5rem;
  z-index: 2;
  width: 1.66667rem;
  height: 1.66667rem;
  overflow: hidden;
  line-height: 1
}
.imgUploadWrapper .articleImg .articleImgEdit input[type=file], .imgUploadWrapper .uploadImg .articleImgEdit input[type=file] {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 8.33333rem;
  z-index: 3;
  opacity: 0
}
.imgUploadWrapper .articleImg .articleImgEdit img, .imgUploadWrapper .uploadImg .articleImgEdit img {
  width: 2.5rem;
  height: auto;
  cursor: pointer
}
.imgUploadWrapper .articleImg .articleImgDelete, .imgUploadWrapper .uploadImg .articleImgDelete {
  display: none;
  position: absolute;
  right: .83333rem;
  top: .5rem;
  z-index: 2;
  width: 1.33333rem;
  line-height: 1
}
.imgUploadWrapper .articleImg .articleImgChecked, .imgUploadWrapper .uploadImg .articleImgChecked {
  display: none;
  position: absolute;
  right: .83333rem;
  bottom: .5rem;
  z-index: 2;
  width: 1.33333rem;
  line-height: 1
}
.imgUploadWrapper .articleImg:hover .articleImgDelete, .imgUploadWrapper .articleImg:hover .articleImgEdit, .imgUploadWrapper .uploadImg:hover .articleImgDelete, .imgUploadWrapper .uploadImg:hover .articleImgEdit {
  display: block
}
.imgUploadWrapper .articleImg.checked .articleImgChecked, .imgUploadWrapper .uploadImg.checked .articleImgChecked {
  display: block
}
@media screen\0 {
  .iamNotAdItem {
    margin-top: 20px
  }
  .worldcup .worldcupHeader {
    margin-bottom: 40px
  }
}
.loginWrapper {
  width: 800px;
  border: 1px solid #ddd;
  background: #fff;
  margin: 0 auto
}
.loginWrapper h1 {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #ddd
}
.loginWrapper a {
  color: #999;
  text-decoration: none
}
.loginWrapper a:hover {
  text-decoration: underline
}
.loginWrapper form a {
  color: #999
}
.loginWrapper .button.secondary {
  color: #987b0c;
  background: #ffd903
}
.loginWrapper .button.secondary:hover {
  background: #f5d000;
  text-decoration: none
}
.loginWrapper .loginPopupLogin, .loginWrapper .loginPopupSignup {
  padding: 3.33333rem 1.66667rem 1.66667rem 1.66667rem
}
.loginWrapper .loginPopupLogin .login-content, .loginWrapper .loginPopupSignup .login-content {
  border-right-color: #ddd
}
.loginWrapper .loginPopupLogin .login-content:before, .loginWrapper .loginPopupSignup .login-content:before {
  display: none
}
.loginWrapper .loginPopupLogin .login-content form label, .loginWrapper .loginPopupSignup .login-content form label {
  color: #999
}
.loginWrapper .loginPopupLogin .login-content .loginForgotLink, .loginWrapper .loginPopupSignup .login-content .loginForgotLink {
  color: #999;
  text-decoration: none
}
.loginWrapper .loginPopupLogin .login-content .loginForgotLink:hover, .loginWrapper .loginPopupSignup .login-content .loginForgotLink:hover {
  text-decoration: underline
}
.loginWrapper .loginPopupLogin .login-content .button.signupMailBt, .loginWrapper .loginPopupSignup .login-content .button.signupMailBt {
  height: 32px;
  line-height: 32px;
  padding: 0;
  background: #f8f8f8;
  color: #999;
  border-color: #ddd
}
.loginWrapper .loginPopupLogin .login-content .button.signupMailBt .fa, .loginWrapper .loginPopupSignup .login-content .button.signupMailBt .fa {
  font-size: 1.33333rem;
  margin-right: .16667rem
}
.loginWrapper .loginPopupLogin .login-content .button.signupMailBt.active, .loginWrapper .loginPopupSignup .login-content .button.signupMailBt.active {
  background: #24bac5;
  color: #fff;
  border-color: #24bac5
}
.loginWrapper .loginPopupLogin .login-content .button.signupMailBt:hover, .loginWrapper .loginPopupSignup .login-content .button.signupMailBt:hover {
  text-decoration: none
}
.loginWrapper .loginPopupLogin .login-content .button.signupPhoneBt, .loginWrapper .loginPopupSignup .login-content .button.signupPhoneBt {
  height: 32px;
  line-height: 32px;
  padding: 0;
  background: #f8f8f8;
  color: #999;
  border-color: #ddd
}
.loginWrapper .loginPopupLogin .login-content .button.signupPhoneBt .fa, .loginWrapper .loginPopupSignup .login-content .button.signupPhoneBt .fa {
  font-size: 1.66667rem;
  margin-right: .16667rem;
  position: relative;
  top: 2px
}
.loginWrapper .loginPopupLogin .login-content .button.signupPhoneBt.active, .loginWrapper .loginPopupSignup .login-content .button.signupPhoneBt.active {
  background: #167fdd;
  color: #fff;
  border-color: #167fdd
}
.loginWrapper .loginPopupLogin .login-content .button.signupPhoneBt:hover, .loginWrapper .loginPopupSignup .login-content .button.signupPhoneBt:hover {
  text-decoration: none
}
.loginWrapper .loginPopupLogin .login-content .button.getPhoneCode, .loginWrapper .loginPopupSignup .login-content .button.getPhoneCode {
  padding: 0;
  margin: 0;
  height: 32px;
  line-height: 32px;
  font-size: 1rem;
  color: #fff
}
.loginWrapper .loginPopupLogin .login-content .button.getPhoneCode:hover, .loginWrapper .loginPopupSignup .login-content .button.getPhoneCode:hover {
  text-decoration: none
}
.loginWrapper .loginPopupLogin .signUpSocial, .loginWrapper .loginPopupSignup .signUpSocial {
  margin-top: 40px
}
.loginWrapper .loginPopupLogin .signUpSocial h2, .loginWrapper .loginPopupSignup .signUpSocial h2 {
  color: #999;
  font-size: 16px
}
.loginWrapper .loginPopupLogin .signUpSocial .oauthLinkWrapper, .loginWrapper .loginPopupSignup .signUpSocial .oauthLinkWrapper {
  border-bottom-color: #ddd
}
.loginWrapper .loginPopupLogin .signUpSocial .oauthLinkWrapper .oauthLinkBt, .loginWrapper .loginPopupSignup .signUpSocial .oauthLinkWrapper .oauthLinkBt {
  background: rgba(0, 0, 0, .14) !important;
  color: #2d353c;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
  border: 0
}
.loginWrapper .loginPopupLogin .signUpSocial .oauthLinkWrapper .oauthLinkBt:hover, .loginWrapper .loginPopupSignup .signUpSocial .oauthLinkWrapper .oauthLinkBt:hover {
  text-decoration: none
}
.loginWrapper .loginPopupLogin .signUpSocial .oauthLinkWrapper .oauthLinkBt img, .loginWrapper .loginPopupSignup .signUpSocial .oauthLinkWrapper .oauthLinkBt img {
  margin-right: 6px;
  margin-top: -2px
}
.loginWrapper .loginPopupLogin .signUpSocial .loginLinks, .loginWrapper .loginPopupSignup .signUpSocial .loginLinks {
  border-top: 0;
  color: #999
}
.loginWrapper .loginPopupLogin .signUpSocial .loginLinks a, .loginWrapper .loginPopupSignup .signUpSocial .loginLinks a {
  color: #cf3e3e;
  text-decoration: none
}
.loginWrapper form input[type=email], .loginWrapper form input[type=number], .loginWrapper form input[type=password], .loginWrapper form input[type=text], .loginWrapper form textarea {
  background: #f5f5f5;
  border: 1px solid #eee;
  box-shadow: none;
  font-size: 1rem;
  height: 2.66667rem;
  line-height: 2.66667rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 1rem
}
.loginWrapper form input[type=email]::-webkit-input-placeholder, .loginWrapper form input[type=number]::-webkit-input-placeholder, .loginWrapper form input[type=password]::-webkit-input-placeholder, .loginWrapper form input[type=text]::-webkit-input-placeholder, .loginWrapper form textarea::-webkit-input-placeholder {
  color: #999
}
.loginWrapper form input[type=email]:-moz-placeholder, .loginWrapper form input[type=number]:-moz-placeholder, .loginWrapper form input[type=password]:-moz-placeholder, .loginWrapper form input[type=text]:-moz-placeholder, .loginWrapper form textarea:-moz-placeholder {
  color: #999
}
.loginWrapper form input[type=email]::-moz-placeholder, .loginWrapper form input[type=number]::-moz-placeholder, .loginWrapper form input[type=password]::-moz-placeholder, .loginWrapper form input[type=text]::-moz-placeholder, .loginWrapper form textarea::-moz-placeholder {
  color: #999
}
.loginWrapper form input[type=email]:-ms-input-placeholder, .loginWrapper form input[type=number]:-ms-input-placeholder, .loginWrapper form input[type=password]:-ms-input-placeholder, .loginWrapper form input[type=text]:-ms-input-placeholder, .loginWrapper form textarea:-ms-input-placeholder {
  color: #999
}
.loginWrapper form input[type=email]:active, .loginWrapper form input[type=email]:focus, .loginWrapper form input[type=number]:active, .loginWrapper form input[type=number]:focus, .loginWrapper form input[type=password]:active, .loginWrapper form input[type=password]:focus, .loginWrapper form input[type=text]:active, .loginWrapper form input[type=text]:focus, .loginWrapper form textarea:active, .loginWrapper form textarea:focus {
  background: #fff;
  box-shadow: none
}
.loginWrapper form label {
  font-size: 1rem
}
.loginWrapper .loginPopupTerms {
  padding: .83333rem 1.66667rem
}
.loginWrapper .loginPopupTerms .panel {
  text-align: left;
  background: #fff;
  border: 1px solid #999;
  padding: 20px 10px 10px 10px;
  height: 300px;
  overflow-y: auto
}
.loginWrapper .loginPopupOauth {
  text-align: center
}
.loginWrapper .loginPopupOauth p {
  font-size: 1.16667rem;
  line-height: 1
}
.login-content {
  color: #ddd;
  border-right: 1px solid #4c545b;
  position: relative;
  padding-right: 2.5rem
}
.login-content:before {
  content: '';
  position: absolute;
  right: -2px;
  top: 0;
  z-index: 1;
  width: 1px;
  background: #121517;
  height: 100%
}
.login-content form label {
  color: #ddd
}
.login-content form label.required:after {
  color: #ffd903
}
.login-content form a {
  color: #999
}
.login-content form a.button {
  color: #fff
}
.login-content form .signUpErrorField {
  position: relative
}
.login-content form .signUpErrorField input[type=email], .login-content form .signUpErrorField input[type=number], .login-content form .signUpErrorField input[type=password], .login-content form .signUpErrorField input[type=text] {
  border-color: #cf3e3e
}
.login-content form .signUpErrorField .signupErrorTips {
  position: absolute;
  z-index: 2;
  right: -130px;
  top: 2px;
  width: 120px;
  background: #eee;
  padding: 4px 10px;
  border-radius: 3px;
  font-size: 12px;
  color: #cf3e3e;
  margin-bottom: 0
}
.login-content form .signUpErrorField .signupErrorTips:before {
  position: absolute;
  left: -6px;
  top: 8px;
  z-index: 2;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid #eee;
  border-bottom: 6px solid transparent
}
.loginCode {
  height: 32px;
  margin-top: -7px
}
.loginCodeRefresh.button {
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #999 !important;
  padding: 0;
  margin: 0;
  height: 32px;
  line-height: 32px;
  width: 32px;
  text-align: center;
  margin-left: 6px
}
#activePopup, #loginPopup, #oauthPopup, #termsPopup {
  padding: 0 !important;
  width: 800px !important;
  margin-top: 40px
}
.loginPopup {
  padding-bottom: 20px
}
.loginPopup .loginPopupTab {
  margin: 0;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  overflow: hidden
}
.loginPopup .loginPopupTab li {
  float: left;
  width: 50%
}
.loginPopup .loginPopupTab li a {
  display: block;
  width: 50%;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
  color: #999;
  text-decoration: none;
  font-size: 18px;
  text-align: center
}
.loginPopup .loginPopupTab li a:hover {
  color: #2f8162
}
.loginPopup .loginPopupTab li.active a {
  color: #2f8162;
  border-bottom: 2px solid #2f8162
}
.loginPopup .loginPopupTitle {
  display: block;
  margin: 0 0 20px 0;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  height: 60px;
  line-height: 60px;
  color: #999;
  font-size: 18px;
  padding-left: 1.66667rem;
  font-weight: 400;
  border-radius: 3px 3px 0 0
}
.loginPopup a {
  color: #999;
  text-decoration: none
}
.loginPopup a:hover {
  text-decoration: underline
}
.loginPopup form a {
  color: #999
}
.loginPopup .button.secondary {
  color: #987b0c;
  background: #ffd903
}
.loginPopup .button.secondary:hover {
  background: #f5d000;
  text-decoration: none
}
.loginPopup .loginPopupLogin, .loginPopup .loginPopupSignup {
  padding: 3.33333rem 1.66667rem 1.66667rem 1.66667rem
}
.loginPopup .loginPopupLogin .login-content, .loginPopup .loginPopupSignup .login-content {
  border-right-color: #ddd
}
.loginPopup .loginPopupLogin .login-content:before, .loginPopup .loginPopupSignup .login-content:before {
  display: none
}
.loginPopup .loginPopupLogin .login-content form label, .loginPopup .loginPopupSignup .login-content form label {
  color: #999
}
.loginPopup .loginPopupLogin .login-content .loginForgotLink, .loginPopup .loginPopupSignup .login-content .loginForgotLink {
  color: #999;
  text-decoration: none
}
.loginPopup .loginPopupLogin .login-content .loginForgotLink:hover, .loginPopup .loginPopupSignup .login-content .loginForgotLink:hover {
  text-decoration: underline
}
.loginPopup .loginPopupLogin .login-content .button.signupMailBt, .loginPopup .loginPopupSignup .login-content .button.signupMailBt {
  height: 32px;
  line-height: 32px;
  padding: 0;
  background: #f8f8f8;
  color: #999;
  border-color: #ddd
}
.loginPopup .loginPopupLogin .login-content .button.signupMailBt .fa, .loginPopup .loginPopupSignup .login-content .button.signupMailBt .fa {
  font-size: 1.33333rem;
  margin-right: .16667rem
}
.loginPopup .loginPopupLogin .login-content .button.signupMailBt.active, .loginPopup .loginPopupSignup .login-content .button.signupMailBt.active {
  background: #24bac5;
  color: #fff;
  border-color: #24bac5
}
.loginPopup .loginPopupLogin .login-content .button.signupMailBt:hover, .loginPopup .loginPopupSignup .login-content .button.signupMailBt:hover {
  text-decoration: none
}
.loginPopup .loginPopupLogin .login-content .button.signupPhoneBt, .loginPopup .loginPopupSignup .login-content .button.signupPhoneBt {
  height: 32px;
  line-height: 32px;
  padding: 0;
  background: #f8f8f8;
  color: #999;
  border-color: #ddd
}
.loginPopup .loginPopupLogin .login-content .button.signupPhoneBt .fa, .loginPopup .loginPopupSignup .login-content .button.signupPhoneBt .fa {
  font-size: 1.66667rem;
  margin-right: .16667rem;
  position: relative;
  top: 2px
}
.loginPopup .loginPopupLogin .login-content .button.signupPhoneBt.active, .loginPopup .loginPopupSignup .login-content .button.signupPhoneBt.active {
  background: #167fdd;
  color: #fff;
  border-color: #167fdd
}
.loginPopup .loginPopupLogin .login-content .button.signupPhoneBt:hover, .loginPopup .loginPopupSignup .login-content .button.signupPhoneBt:hover {
  text-decoration: none
}
.loginPopup .loginPopupLogin .login-content .button.getPhoneCode, .loginPopup .loginPopupSignup .login-content .button.getPhoneCode {
  padding: 0;
  margin: 0;
  height: 32px;
  line-height: 29px;
  font-size: 1rem;
  color: #fff
}
.loginPopup .loginPopupLogin .login-content .button.getPhoneCode:hover, .loginPopup .loginPopupSignup .login-content .button.getPhoneCode:hover {
  text-decoration: none
}
.loginPopup .loginPopupLogin .signUpSocial, .loginPopup .loginPopupSignup .signUpSocial {
  margin-top: 40px
}
.loginPopup .loginPopupLogin .signUpSocial h2, .loginPopup .loginPopupSignup .signUpSocial h2 {
  color: #999;
  font-size: 16px
}
.loginPopup .loginPopupLogin .signUpSocial .oauthLinkWrapper, .loginPopup .loginPopupSignup .signUpSocial .oauthLinkWrapper {
  border-bottom-color: #ddd
}
.loginPopup .loginPopupLogin .signUpSocial .oauthLinkWrapper .oauthLinkBt, .loginPopup .loginPopupSignup .signUpSocial .oauthLinkWrapper .oauthLinkBt {
  background: rgba(0, 0, 0, .14) !important;
  color: #2d353c;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
  border: 0
}
.loginPopup .loginPopupLogin .signUpSocial .oauthLinkWrapper .oauthLinkBt:hover, .loginPopup .loginPopupSignup .signUpSocial .oauthLinkWrapper .oauthLinkBt:hover {
  text-decoration: none
}
.loginPopup .loginPopupLogin .signUpSocial .oauthLinkWrapper .oauthLinkBt img, .loginPopup .loginPopupSignup .signUpSocial .oauthLinkWrapper .oauthLinkBt img {
  margin-right: 6px;
  margin-top: -2px
}
.loginPopup .loginPopupLogin .signUpSocial .loginLinks, .loginPopup .loginPopupSignup .signUpSocial .loginLinks {
  border-top: 0;
  color: #999
}
.loginPopup .loginPopupLogin .signUpSocial .loginLinks a, .loginPopup .loginPopupSignup .signUpSocial .loginLinks a {
  color: #cf3e3e;
  text-decoration: none
}
.loginPopup form input[type=email], .loginPopup form input[type=number], .loginPopup form input[type=password], .loginPopup form input[type=text], .loginPopup form select {
  background: #f5f5f5;
  border: 1px solid #eee;
  box-shadow: none;
  font-size: 1rem;
  height: 2.66667rem;
  line-height: 2.66667rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 1rem
}
.loginPopup form input[type=email]::-webkit-input-placeholder, .loginPopup form input[type=number]::-webkit-input-placeholder, .loginPopup form input[type=password]::-webkit-input-placeholder, .loginPopup form input[type=text]::-webkit-input-placeholder, .loginPopup form select::-webkit-input-placeholder {
  color: #999
}
.loginPopup form input[type=email]:-moz-placeholder, .loginPopup form input[type=number]:-moz-placeholder, .loginPopup form input[type=password]:-moz-placeholder, .loginPopup form input[type=text]:-moz-placeholder, .loginPopup form select:-moz-placeholder {
  color: #999
}
.loginPopup form input[type=email]::-moz-placeholder, .loginPopup form input[type=number]::-moz-placeholder, .loginPopup form input[type=password]::-moz-placeholder, .loginPopup form input[type=text]::-moz-placeholder, .loginPopup form select::-moz-placeholder {
  color: #999
}
.loginPopup form input[type=email]:-ms-input-placeholder, .loginPopup form input[type=number]:-ms-input-placeholder, .loginPopup form input[type=password]:-ms-input-placeholder, .loginPopup form input[type=text]:-ms-input-placeholder, .loginPopup form select:-ms-input-placeholder {
  color: #999
}
.loginPopup form input[type=email]:active, .loginPopup form input[type=email]:focus, .loginPopup form input[type=number]:active, .loginPopup form input[type=number]:focus, .loginPopup form input[type=password]:active, .loginPopup form input[type=password]:focus, .loginPopup form input[type=text]:active, .loginPopup form input[type=text]:focus, .loginPopup form select:active, .loginPopup form select:focus {
  background: #fff;
  box-shadow: none
}
.loginPopup form label {
  font-size: 1rem
}
.loginPopup .loginPopupTerms {
  padding: .83333rem 1.66667rem
}
.loginPopup .loginPopupTerms .panel {
  text-align: left;
  background: #fff;
  border: 1px solid #999;
  padding: 20px 10px 10px 10px;
  height: 300px;
  overflow-y: auto
}
.loginPopup .loginPopupOauth {
  text-align: center
}
.loginPopup .loginPopupOauth p {
  font-size: 1.16667rem;
  line-height: 1
}
.top-bar-account {
  margin-left: 5px
}
.top-bar-account .label {
  background: #286f54
}
.top-bar-account .fa-sort-desc {
  position: relative;
  top: -3px
}
.top-bar-account:hover {
  background: #2f8162 !important
}
.topBarProfileWrap {
  position: relative;
  width: 36px;
  height: 36px;
  float: left;
  text-align: center;
  padding-top: 10px;
  cursor: pointer
}
.topBarProfileWrap .profilePhoto {
  width: 26px;
  border-radius: 50%;
  margin-top: 5px;
  vertical-align: middle
}
.topBarProfileWrap .profileVip {
  position: absolute;
  z-index: 2;
  right: 2px;
  bottom: -6px;
  width: 12px;
  border: 1px solid #2f8162;
  border-radius: 50%
}
.topBarUserName {
  margin-left: 36px;
  padding-left: 0 !important;
  text-align: left;
  padding-right: 16px;
  line-height: normal !important;
  padding-top: 9px !important;
  max-width: 180px
}
.topBarUserName:hover {
  background: #2f8162 !important
}
.topBarUserName strong {
  font-weight: 400;
  display: table-cell;
  margin-bottom: 3px;
  position: relative;
  max-width: 160px;
  height: 36px;
  vertical-align: middle
}
.topBarUserName strong b {
  display: inline-block;
  max-width: 138px;
  overflow: hidden;
  height: 16px
}
.topBarUserName strong .fa {
  margin-left: 5px;
  font-size: 18px;
  position: relative;
  top: 2px
}
.top-bar-section li:not(.has-form) a.topBarUserName:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a.topBarUserName {
  background: #2f8162 !important
}
.top-bar-profile-wrp {
  position: relative
}
.top-bar-profile-wrp.profile-photo-vip .top-bar-profile-photo {
  border-color: #e5e20b
}
.top-bar-profile-wrp .top-bar-profile-photo {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #215a45;
  vertical-align: middle
}
.top-bar-profile-wrp .account-tips {
  position: absolute;
  z-index: 4;
  top: 35px;
  display: block;
  padding: 6px 15px 6px 10px;
  background: #2d353c;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  width: 230px;
  left: -97px;
  line-height: 1.3;
  border: 1px solid #d91f1f
}
.top-bar-profile-wrp .account-tips b {
  cursor: pointer;
  font-weight: 400;
  color: #d91f1f;
  text-decoration: underline;
  display: inline
}
.top-bar-profile-wrp .account-tips b.account-tips-close {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 8px;
  color: #ddd;
  text-decoration: none;
  font-family: arial, sans-serif;
  font-size: 12px
}
.top-bar-profile-wrp .account-tips b.account-tips-close:hover {
  color: #fff
}
.top-bar-profile-wrp .account-tips:before {
  content: ' ';
  position: absolute;
  z-index: 2;
  border-width: 6px;
  border-color: transparent transparent #2d353c transparent;
  border-style: solid;
  left: 105px;
  top: -12px
}
.top-bar-profile-wrp .account-tips:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  border-width: 6px;
  border-color: transparent transparent #d91f1f transparent;
  border-style: solid;
  left: 105px;
  top: -13px
}
.right-off-canvas-menu .off-canvas-list li.canvas-profile-photo {
  padding: 10px 5px;
  color: rgba(255, 255, 255, .7);
  border-bottom: 1px dashed rgba(255, 255, 255, .3)
}
.regiLink {
  background: 0 0 !important;
  padding-top: 12px
}
.regiLink .button.secondary {
  background: #eee !important;
  border: 1px solid #ccc !important;
  border: 0 !important;
  color: #666 !important
}
.regiLink .button.secondary:hover {
  color: #2f8162 !important
}
.wechatLink {
  position: relative;
  background: 0 0 !important;
  margin-right: 20px
}
.wechatLink .button.secondary {
  background: #ffd51b !important
}
.wechatLink .button.secondary.tiny {
  opacity: 1 !important;
  font-size: 12px;
  padding: 2px 6px 3px 6px;
  border: 0 !important;
  color: #2f8162 !important
}
.wechatLink .button.secondary.tiny:hover {
  background: #ffd903 !important;
  color: #2f8162 !important
}
.wechatLink #wechatCode {
  position: absolute;
  left: -25px !important;
  top: 30px !important;
  z-index: 999;
  text-align: center;
  padding: 5px;
  width: 136px;
  font-size: 12px;
  color: #000
}
.wechatLink #wechatCode img {
  width: 120px
}
.wechatLink #wechatCode:before {
  left: 60px
}
.wechatLink #wechatCode:after {
  left: 59px
}
.terms {
  background: #eee !important
}
.terms .panel {
  text-align: left;
  background: #fff;
  border: 1px solid #999;
  margin-top: -40px;
  padding: 10px
}
.pullCash {
  background: #f6f6f6;
  border: 1px solid #ddd;
  padding: .83333rem;
  margin-bottom: 20px
}
.pullCash .cashMax {
  margin-bottom: 0;
  margin-top: 8px;
  font-size: 14px
}
.coin-buy-form {
  width: 400px;
  margin: 0 auto
}
.vipIntrWrapper .panel {
  width: 600px;
  margin: 50px auto
}
.vipIntrWrapper .panel .panel-heading {
  height: 120px;
  background: url(../image/vip-0.png) 40px 20px no-repeat;
  background-size: 70px auto;
  text-align: center;
  font-size: 20px;
  padding-top: 40px;
  border-bottom: 1px solid #ddd;
  color: #2f8162
}
.vipIntrWrapper .panel .panel-body > .row {
  border-bottom: 1px dotted #ddd;
  padding-top: 20px;
  padding-bottom: 20px
}
.vipIntrWrapper .panel .panel-body > .row:last-child {
  border-bottom: 0
}
.vipIntrWrapper .panel .panel-body > .row img {
  opacity: .8
}
.vipIntrWrapper .panel .panel-body > .row .small-9 {
  padding-top: 20px
}
.findPassword {
  width: 800px;
  border: 1px solid #ddd;
  padding: 30px
}
.userCenter .sidebar .side-nav li a .ucIcons {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 20px;
  width: 20px;
  height: 20px;
  background-image: url(../image/userCenter.png);
  background-size: 20px auto;
  background-repeat: no-repeat
}
.userCenter .sidebar .side-nav li a .ucIcons.ucInfo {
  background-position: 1px 2px
}
.userCenter .sidebar .side-nav li a .ucIcons.ucVip {
  background-position: 0 -69px
}
.userCenter .sidebar .side-nav li a .ucIcons.ucDeal {
  background-position: 0 -140px
}
.userCenter .sidebar .side-nav li a .ucIcons.ucSecrecy {
  background-position: 0 -210px
}
.userCenter .sidebar .side-nav li a .ucIcons.ucBind {
  background-position: 0 -281px
}
.userCenter .sidebar .side-nav li a .ucIcons.ucAffi {
  background-position: 0 -357px
}
.userCenter .sidebar .side-nav li a .ucIcons.ucFav {
  background-position: 0 -428px
}
.userCenter .sidebar .side-nav li a .ucIcons.ucPos {
  background-position: 0 -788px
}
.userCenter .sidebar .side-nav li a .ucIcons.ucPick {
  background-position: 0 -770px
}
.userCenter .sidebar .side-nav li a .ucIcons.ucTask {
  background-position: 0 -856px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucInfo {
  background-position: 1px -34px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucVip {
  background-position: 0 -105px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucDeal {
  background-position: 0 -176px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucSecrecy {
  background-position: 0 -246px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucBind {
  background-position: 0 -317px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucAffi {
  background-position: 0 -393px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucFav {
  background-position: 0 -465px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucPos {
  background-position: 0 -759px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucPick {
  background-position: 0 -810px
}
.userCenter .sidebar .side-nav li a:hover .ucIcons.ucTask {
  background-position: 0 -898px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucInfo {
  background-position: 1px -34px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucVip {
  background-position: 0 -105px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucDeal {
  background-position: 0 -176px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucSecrecy {
  background-position: 0 -246px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucBind {
  background-position: 0 -317px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucAffi {
  background-position: 0 -393px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucFav {
  background-position: 0 -465px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucPos {
  background-position: 0 -759px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucPick {
  background-position: 0 -810px
}
.userCenter .sidebar .side-nav li.active a .ucIcons.ucTask {
  background-position: 0 -898px
}
.userCenter .ucMain {
  border: 1px solid #ddd
}
.userCenter .ucMain.ucInfo {
  background: #fff;
  padding-top: 35px;
  padding-bottom: 35px
}
.userCenter .ucMain.ucInfo > .row > .columns:first-child {
  border-right: 1px solid #ddd
}
.userCenter .ucMain.ucInfo > .row > .columns .ucPhoto {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 20px auto;
  border-radius: 50%
}
.userCenter .ucMain.ucInfo > .row > .columns .ucPhoto .ucPhotoText {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  background: url(../image/profile-photo-mask.png) 50% 0 no-repeat;
  margin-bottom: 0;
  padding-top: 78px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 11px
}
.userCenter .ucMain.ucInfo > .row > .columns .ucPhoto .ucPhotoFile {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  cursor: pointer;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #999;
  opacity: 0;
  padding-left: 100px
}
.userCenter .ucMain.ucInfo > .row > .columns .ucInfoText label.inline {
  padding: 0 0 8px 0
}
.userCenter .ucMain.ucVip {
  background: #fff;
  overflow-x: hidden
}
.userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-1, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-2, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-3, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-4 {
  height: 220px;
  background-size: 100% 100%
}
.userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-1 .ucVipSliderImgL, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-2 .ucVipSliderImgL, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-3 .ucVipSliderImgL, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-4 .ucVipSliderImgL {
  margin: 40px 20px 40px auto
}
.userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-1 h3, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-2 h3, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-3 h3, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-4 h3 {
  margin-top: 45px;
  font-size: 22px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1;
  font-weight: 700
}
.userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-1 p, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-2 p, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-3 p, .userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-4 p {
  font-size: 16px;
  color: #fff;
  margin-right: 30px
}
.userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-1 {
  background: url(../image/ucSliderBg1.png) 50% 0 repeat-x
}
.userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-2 {
  background: url(../image/ucSliderBg2.png) 50% 0 repeat-x
}
.userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-3 {
  background: url(../image/ucSliderBg3.png) 50% 0 repeat-x
}
.userCenter .ucMain.ucVip .ucVipSlider .ucVipSlider-4 {
  background: url(../image/ucSliderBg4.png) 50% 0 repeat-x
}
.userCenter .ucMain.ucVip .bx-wrapper {
  margin-bottom: 40px
}
.userCenter .ucMain.ucVip .bx-wrapper .bx-viewport {
  left: 0;
  border: 0;
  box-shadow: none
}
.userCenter .ucMain.ucVip .bx-wrapper .bx-pager {
  bottom: 10px;
  text-align: right;
  right: 20px
}
.userCenter .ucMain.ucVip .bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: 9999px;
  margin: 0 3px
}
.userCenter .ucMain.ucVip .bx-wrapper .bx-pager.bx-default-pager a.active, .userCenter .ucMain.ucVip .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #394959
}
.userCenter .ucMain.ucVip .bx-wrapper .bx-pager.bx-default-pager a.active {
  opacity: 1
}
.userCenter .ucMain.ucVip .bx-wrapper img {
  width: 100% !important
}
.userCenter .ucMain.ucVip .ucVipList {
  margin: 0 15px 20px 15px
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListPack {
  position: relative;
  text-align: center;
  border: 1px solid #ddd;
  height: 290px
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListPack img {
  width: 100%;
  margin: 5px auto 0 auto
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListPack h3 {
  color: #d91f1f;
  font-size: 1.5rem;
  font-weight: 700
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListPack p {
  font-size: 12px;
  color: #43ac6a
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListPack p span {
  color: #999;
  text-decoration: line-through
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListPack .button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 12px 0;
  font-size: 1.16667rem
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListPack .ucVipListRecom {
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background: url(../image/ucVIPConer.png) 0 0 no-repeat;
  background-size: 60px 60px;
  font-size: 14px;
  color: #fff;
  text-align: left;
  padding: 6px 0 0 4px
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListPack .vipPackItemCount {
  font-size: 1.16667rem;
  padding-top: .33333rem
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListPack .vipPackItemCount input[type=text] {
  display: inline-block;
  height: 1.83333rem;
  line-height: 1.83333rem;
  padding: .16667rem .33333rem;
  box-shadow: none;
  font-size: 1.16667rem;
  width: 3.33333rem;
  text-align: center;
  vertical-align: middle;
  margin: -.25rem 0 0 0
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom {
  height: 290px;
  position: relative;
  border: 1px solid #ddd;
  padding: 0 15px;
  padding-top: 15px
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom p {
  font-size: 1rem;
  margin-bottom: 1.66667rem
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom p strong {
  font-size: 1.33333rem;
  color: #d91f1f;
  font-weight: 400
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom ul.noticList {
  margin-left: 0
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom ul.noticList li {
  color: #999;
  font-size: .91667rem;
  list-style: disc inside
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom .checkoutButton.button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 12px 0;
  font-size: 1.16667rem
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom.has-tab {
  padding: 0
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom.has-tab .tabs li {
  border: 0;
  margin-right: 0;
  width: 50%;
  text-align: center
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom.has-tab .tabs li a, .userCenter .ucMain.ucVip .ucVipList .ucVipListCustom.has-tab .tabs li a:focus {
  outline: 0
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom.has-tab .tabs-content {
  border: 0
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom.has-tab .tabs-content .ucVipListPack {
  border: 0;
  height: auto;
  margin: -20px -10px;
  height: 252px
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListCustom.has-tab .tabs-content .ucVipListPack img {
  margin: 15px auto 10px auto
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListFilter {
  width: 100%;
  text-align: right
}
.userCenter .ucMain.ucVip .ucVipList .ucVipListFilter .smallSelect {
  display: inline-block;
  width: 8.33333rem;
  vertical-align: middle
}
.userCenter .ucMain.ucVip .panel.callout {
  margin: 0 15px 15px 15px
}
.userCenter .ucMain.ucDeal, .userCenter .ucMain.ucTask {
  border: 0
}
.userCenter .ucMain.ucSecu {
  padding: 30px 0;
  background: #fff
}
.userCenter .ucMain.ucBind {
  padding: 0 25px;
  background: #fff
}
.userCenter .ucMain.ucBind ul {
  margin-bottom: 0
}
.userCenter .ucMain.ucBind ul li {
  padding: 18px 0;
  border-bottom: 1px solid #ddd
}
.userCenter .ucMain.ucBind ul li:last-child {
  border-bottom: 0
}
.userCenter .ucMain.ucBind ul li img {
  margin-right: 10px;
  vertical-align: middle;
  height: 34px
}
.userCenter .ucMain.ucBind ul li .fa-mobile {
  font-size: 26px;
  vertical-align: middle;
  margin-right: 10px
}
.userCenter .ucMain.ucAffi {
  background: #fff
}
.userCenter .ucMain.ucAffi .ucAffiBanner {
  height: 260px;
  background: #098e67
}
.userCenter .ucMain.ucAffi .ucAffiBanner .ucAffiImg {
  width: 200px;
  margin: 40px 0
}
.userCenter .ucMain.ucAffi .ucAffiBanner h3 {
  font-size: 26px;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 30px;
  letter-spacing: 3px;
  font-weight: 700
}
.userCenter .ucMain.ucAffi .ucAffiBanner p {
  display: inline-block;
  padding: 6px 10px;
  background: #fff;
  color: #2f8162;
  margin-bottom: 30px
}
.userCenter .ucMain.ucAffi .ucAffiBanner .ucAffiCopy {
  display: block;
  width: 100px;
  color: #e5e20b;
  padding: 6px 14px;
  border: 1px solid #e5e20b;
  text-align: center;
  border-radius: 4px
}
.userCenter .ucMain.ucAffi .ucAffiDes {
  padding: 35px;
  color: #fff;
  background: #2c3138
}
.userCenter .ucMain.ucAffi .ucAffiDes p {
  font-size: 14px
}
.userCenter .ucMain.ucAffi .ucAffiDes p strong {
  font-size: 16px;
  margin-right: 10px
}
.userCenter .ucMain.ucAffi .ucAffiDes ul {
  margin-bottom: 0
}
.userCenter .ucMain.ucAffi .ucAffiDes ul li {
  color: #fff;
  list-style: inside disc;
  margin-bottom: 15px
}
.userCenter .ucMain.ucAffi .ucAffiDetail {
  padding: 20px
}
.userCenter .ucMain.ucFav, .userCenter .ucMain.ucPick {
  border: 0
}
.userCenter .ucMain.ucFav .fav-type-bt img, .userCenter .ucMain.ucPick .fav-type-bt img {
  width: 12px;
  vertical-align: middle;
  margin-top: -2px
}
.userCenter .ucMain.ucFav .fav-type-bt img.status-1, .userCenter .ucMain.ucPick .fav-type-bt img.status-1 {
  display: inline-block
}
.userCenter .ucMain.ucFav .fav-type-bt img.status-2, .userCenter .ucMain.ucPick .fav-type-bt img.status-2 {
  display: none
}
.userCenter .ucMain.ucFav .fav-type-bt.action img.status-1, .userCenter .ucMain.ucPick .fav-type-bt.action img.status-1 {
  display: none
}
.userCenter .ucMain.ucFav .fav-type-bt.action img.status-2, .userCenter .ucMain.ucPick .fav-type-bt.action img.status-2 {
  display: inline-block
}
.userCenter .ucMain.ucPost {
  border: 0
}
.userCenter .ucMain.ucPost .ucPostImages {
  overflow: hidden;
  margin-bottom: 20px
}
.userCenter .ucMain.ucPost .ucPostImages li {
  text-align: center;
  position: relative;
  overflow: hidden;
  float: left;
  width: 80px;
  height: 80px;
  border: 1px solid #ddd;
  padding: 1px;
  margin-right: 10px
}
.userCenter .ucMain.ucPost .ucPostImages li img {
  width: 100%
}
.userCenter .ucMain.ucPost .ucPostImages li.ucPostImageUpload {
  border: 0;
  padding: 0;
  margin-left: 1px
}
.userCenter .ucMain.ucPost .ucPostImages li.ucPostImageUpload img {
  border: 1px solid #ddd;
  padding: 1px
}
.userCenter .ucMain.ucPost .ucPostImages li .ucPostImageDel {
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 3;
  display: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #999;
  color: #fff;
  font-size: 14px;
  opacity: .8;
  cursor: pointer !important
}
.userCenter .ucMain.ucPost .ucPostImages li:hover .ucPostImageDel {
  display: block
}
.userCenter .ucMain.ucPost .ucPostImages li .fileInputWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  left: 0;
  top: 0;
  opacity: 0;
  padding: 0 .83333rem 1.66667rem
}
.userCenter .ucMain.ucPost .ucPostImages li .fileInputWrapper input[type=file] {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer
}
.userCenter .ucMain.ucPost .ucPostImages li .fileInputWrapper input[type=file]:focus {
  outline: 0 !important
}
.userCenter .ucMain.ucPost .ucPostItem {
  border: 1px solid #eee;
  padding: 10px;
  margin-bottom: 20px
}
.userCenter .ucMain.ucPost .ucPostItem h2 {
  font-size: 14px
}
.userCenter .ucMain.ucPost .ucPostItem .ucPostItemDes {
  margin-bottom: 10px
}
.userCenter .ucMain.ucPost .ucPostItem .ucPostItemDes p {
  margin-bottom: 10px
}
.signUpSocial {
  margin-left: .83333rem
}
.signUpSocial h2 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 40px;
  letter-spacing: 5px
}
.signUpSocial .oauthLinkWrapper {
  padding-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #121517
}
.signUpSocial .oauthLinkWrapper .oauthLink {
  display: inline-block;
  margin: 0 10px
}
.signUpSocial .loginLinks {
  font-size: 14px;
  color: #ddd;
  text-align: center;
  border-top: 1px solid #4c545b;
  padding-top: 30px;
  letter-spacing: 3px
}
.signUpSocial .loginLinks a {
  color: #ffd903;
  text-decoration: underline
}
.ucH1 {
  height: 28px;
  line-height: 28px;
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 1.5rem
}
.tixianTips {
  background: #f8f8f8;
  border-radius: 4px;
  padding: 15px 20px;
  border: 1px solid #ddd
}
select.smallSelect {
  height: 2.5rem;
  line-height: 1.66667rem;
  font-size: 1.16667rem;
  padding: .25rem 2.5rem .25rem .66667rem
}
@media only screen and (max-width:53.33333em) {
  .userCenter .ucMain.ucVip .ucVipList .ucVipListPack img {
    width: 40%
  }
}
.paymentModalLoading {
  margin: 30px auto;
  text-align: center;
  font-size: 18px;
  color: #999
}
.paymentModalLoading img {
  margin-right: 10px
}
.paymentModalSuccess {
  margin: 30px auto;
  text-align: center
}
.oauthLink {
  display: inline-block
}
.uc-eventWrapper {
  margin: -20px auto 20px auto
}
form label {
  margin-bottom: 5px;
  cursor: pointer
}
.formStyleV2 {
  background: #fff;
  margin: 0 auto
}
.formStyleV2 h1 {
  font-size: 28px;
  margin-bottom: 10px;
  text-align: center;
  color: #404040
}
.formStyleV2 input[type=email], .formStyleV2 input[type=number], .formStyleV2 input[type=password], .formStyleV2 input[type=text] {
  background: #eee;
  border: 1px solid #eee;
  box-shadow: none;
  font-size: 1rem;
  height: 2.66667rem;
  line-height: 2.66667rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 1rem
}
.formStyleV2 input[type=email]:active, .formStyleV2 input[type=email]:focus, .formStyleV2 input[type=number]:active, .formStyleV2 input[type=number]:focus, .formStyleV2 input[type=password]:active, .formStyleV2 input[type=password]:focus, .formStyleV2 input[type=text]:active, .formStyleV2 input[type=text]:focus {
  background: #fff;
  box-shadow: none
}
.formStyleV2 select {
  border: 1px solid #eee;
  box-shadow: none;
  font-size: 1rem;
  height: 2.66667rem;
  line-height: 2.66667rem;
  margin-bottom: 1rem;
  padding-top: 0;
  padding-bottom: 0
}
.formStyleV2 label {
  font-size: 1rem
}
.formStyleV2 .vCode {
  height: 32px;
  margin-bottom: 1rem
}
.formStyleV2 .vCodeRefresh.button {
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #999;
  padding: 0;
  margin: 0;
  height: 32px;
  line-height: 32px;
  width: 32px;
  text-align: center;
  margin-left: 6px;
  margin-bottom: 1rem;
  vertical-align: middle
}
.formStyleV2 .button.secondary {
  color: #987b0c;
  background: #ffd903
}
.formStyleV2 .button.secondary:hover {
  background: #f5d000;
  text-decoration: none
}
.main-footer {
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 15px;
  text-align: center;
  color: #999
}
.main-footer .siteLinks a {
  margin-left: 10px
}
.main-footer a {
  color: #999
}
.main-footer a:hover {
  text-decoration: underline
}
.main-footer #footerWechatQRCode {
  text-align: center;
  padding: 5px;
  width: 136px;
  font-size: 12px;
  margin-top: -5px
}
.main-footer #footerWechatQRCode img {
  width: 120px
}
.main-footer #footerWechatQRCode:before {
  left: 60px
}
.main-footer #footerWechatQRCode:after {
  left: 59px
}
.qqContact .qqActive {
  margin-top: -3px
}
.statusListWrapper {
  display: inline-block;
  position: relative
}
.statusListWrapper:hover .statusListDropdownWrapper {
  display: block
}
.statusListDropdownWrapper {
  display: none;
  position: absolute;
  top: 0;
  right: 15px;
  padding-top: 20px;
  padding-right: 8px;
  max-width: 300px;
  width: 300px;
  margin: 0 0 0 5px;
  z-index: 1099
}
.statusListDropdownWrapper .statusListDropdown {
  height: 200px;
  overflow-y: auto;
  border-top-color: #2f8162
}
.statusListDropdownWrapper .statusListDropdown li {
  padding: 4px 8px
}
.statusListIcon {
  display: inline-block;
  position: relative;
  top: 0
}
.cornerTd .statusListIcon {
  top: 2px
}
.live-list-filter {
  text-align: left;
  max-width: 550px !important;
  min-width: 230px !important
}
.live-list-filter [class*=block-grid-] > li {
  padding-left: .83333rem
}
.live-list-filter .grp-initial {
  background: #eee;
  font-size: 12px;
  padding: 6px 4px;
  margin-bottom: 10px;
  margin-top: 0
}
.live-list-filter ul {
  max-height: 280px !important;
  overflow-y: auto
}
.live-list-filter li {
  display: inline-block
}
.live-list-filter li:hover {
  background: 0 0
}
.live-list-filter hr {
  margin: 5px 0 10px 0
}
.live-list-filter label {
  display: block;
  text-align: left
}
.live-list-filter label.button {
  background: #369571;
  border-color: #338b69
}
.live-list-filter label.button.action {
  background: #fff;
  border-color: #ddd
}
.race-filter {
  text-align: left;
  padding: 10px !important;
  max-width: 500px !important;
  min-width: 230px !important
}
.race-filter [class*=block-grid-] {
  padding-left: .83333rem
}
.race-filter [class*=block-grid-] > li {
  padding-right: 5px;
  padding-left: 0;
  padding-bottom: 5px
}
.race-filter .tabs .tab-title a {
  font-size: 12px;
  padding: 4px 12px
}
.race-filter .tabs-content {
  padding: 0
}
.race-filter li:hover {
  background: 0 0
}
.race-filter li label {
  display: block;
  text-align: left
}
.race-filter li label.button {
  background: #369571;
  border-color: #338b69
}
.race-filter li label.button.action {
  background: #fff;
  border-color: #ddd
}
.race-filter .tabs-content {
  border: 0
}
.race-filter .filter-ctr .row:force {
  outline: 0 !important
}
.display-ctr {
  text-align: left;
  width: 130px !important;
  padding: 10px !important
}
.display-ctr li:hover {
  background: 0 0
}
.display-ctr li label {
  display: block;
  text-align: left
}
.display-ctr li label.button {
  background: #369571;
  border-color: #338b69
}
.display-ctr li label.button.action {
  background: #fff;
  border-color: #ddd
}
.diaryLeagueFilter {
  max-height: 480px;
  overflow-y: auto
}
.diaryLeagueFilter .grp-initial {
  background: #eee;
  font-size: 12px;
  padding: 6px 4px;
  margin-bottom: 10px;
  margin-top: 10px
}
.diaryLeagueFilter [class*=block-grid-] {
  margin: 0
}
.diaryLeagueFilter [class*=block-grid-] > li {
  padding-right: 5px;
  padding-left: 0;
  padding-bottom: 5px
}
.diaryLeagueFilter ul li:hover {
  background: 0 0
}
.diaryLeagueFilter ul li label {
  display: block;
  text-align: left
}
.diaryLeagueFilter ul li label.button {
  background: #369571;
  border-color: #338b69
}
.diaryLeagueFilter ul li label.button.action {
  background: #fff;
  border-color: #ddd
}
.teamHistoryItem {
  padding: 27px 0;
  border-bottom: 1px solid #ddd;
  text-align: center
}
.teamHistoryItem:last-child {
  border-bottom: 0
}
.analysisTabs {
  border: 1px solid #ddd;
  border-top: 2px solid #0a886b;
  padding: 6px 10px;
  background: #fff
}
.analysisTabs li.tab-title {
  margin-right: 10px;
  border: 0
}
.analysisTabs li.tab-title > a {
  padding: 4px 8px;
  color: #999;
  border-radius: 3px;
  font-size: 12px;
  background: 0 0
}
.analysisTabs li.tab-title > a:hover {
  color: #2f8162;
  text-decoration: none;
  background: 0 0
}
.analysisTabs li.tab-title > a:focus {
  outline: 0 !important
}
.analysisTabs li.tab-title.active > a {
  background: #2f8162;
  color: #fff
}
.analysisTabs li.tab-title.active > a:hover {
  background: #2f8162;
  color: #fff
}
.analysisNavTabs {
  border-radius: 4px
}
.analysisNavTabs ul {
  margin: 0 !important
}
.analysisNavTabs ul li {
  text-align: center;
  padding: 0 !important
}
.analysisNavTabs ul li a {
  display: inline-block;
  padding: 6px 0;
  width: 100%;
  color: #2f8162;
  font-size: 16px;
  border-right: 1px solid #2f8162;
  border-top: 1px solid #2f8162;
  border-bottom: 1px solid #2f8162;
  background: 0 0;
  cursor: pointer
}
.analysisNavTabs ul li a.active, .analysisNavTabs ul li a.active:hover {
  background: #2f8162 !important;
  color: #fff !important
}
.analysisNavTabs ul li:first-child a {
  border-left: 1px solid #2f8162;
  border-radius: 4px 0 0 4px
}
.analysisNavTabs ul li:last-child a {
  border-radius: 0 4px 4px 0
}
.analysisWrapper .analysisNav {
  margin-bottom: 25px;
  border-radius: 8px
}
.analysisWrapper .analysisNav.fixed {
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #f5f5f5
}
.analysisWrapper .analysisNav.fixed .ul {
  padding-left: 25px
}
.analysisWrapper .analysisNav ul {
  margin: 0 !important
}
.analysisWrapper .analysisNav ul li {
  text-align: center;
  padding: 0 !important
}
.analysisWrapper .analysisNav ul li a {
  display: inline-block;
  padding: 13px 0;
  width: 100%;
  color: #2f8162;
  font-size: 16px;
  border-right: 1px solid #2f8162;
  border-top: 1px solid #2f8162;
  border-bottom: 1px solid #2f8162;
  background: 0 0;
  cursor: pointer
}
.analysisWrapper .analysisNav ul li a.active, .analysisWrapper .analysisNav ul li a.active:hover {
  background: #2f8162 !important;
  color: #fff !important
}
.analysisWrapper .analysisNav ul li:first-child a {
  border-left: 1px solid #2f8162;
  border-radius: 4px 0 0 4px
}
.analysisWrapper .analysisNav ul li:last-child a {
  border-radius: 0 4px 4px 0
}
.analysisMain {
  background: url(../image/analysisBg.jpg) #fff 50% 0 no-repeat;
  background-size: 100% auto;
  padding-top: 75px
}
.analysisH1 {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  margin: -25px 0 30px 0;
  font-size: 1.16667rem;
  color: #fff;
  background: url(../image/h1Bg.png) 0 0 repeat-y;
  border-radius: .33333rem
}
.analysisHeadNotStart {
  font-size: 16px;
  color: #666
}
.analysisHeadNotStart .fa {
  font-size: 20px;
  margin-right: 6px;
  vertical-align: middle;
  margin-top: -2px
}
.analysisH1 {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  margin: 0 0 30px 0;
  font-size: 1.16667rem;
  color: #fff;
  background: url(../image/h1Bg.png) 0 0 repeat-y;
  border-radius: .33333rem
}
.analysisHead {
  margin-bottom: 35px
}
.analysisHead table.live-list-table {
  border-radius: 2px;
  box-shadow: 0 1px 2px #ddd
}
.analysisHead table.live-list-table tbody tr {
  background: #fff
}
.analysisHead table.live-list-table tbody tr td {
  font-size: 14px
}
.analysisHead .analysisHeadRaceInfo {
  background: #3d434b;
  border-radius: 4px;
  box-shadow: 0 0 8px #898e93;
  color: #fff;
  font-size: 12px
}
.analysisHead .analysisHeadRaceInfo .analysisHeadData {
  height: 32px;
  text-align: center;
  border-bottom: 1px solid #303338;
  padding-top: 4px;
  font-size: 13px
}
.analysisHead .analysisHeadRaceInfo .analysisHeadData span {
  display: inline-block;
  margin-right: 10px
}
.analysisHead .analysisHeadRaceInfo .analysisHeadData .analysisRaceTime {
  margin-bottom: 0;
  position: relative;
  top: 1px
}
.analysisHead .analysisHeadRaceInfo .analysisHeadData a.leagueName {
  color: #17a77e;
  position: relative;
  top: 1px
}
.analysisHead .analysisHeadScore {
  border-top: 1px solid #556
}
.analysisHead .analysisHeadScore h3 {
  font-size: 40px;
  color: #fff;
  text-shadow: 0 2px 3px #333;
  margin: 0;
  padding: 0;
  line-height: 1.8
}
.analysisHead .analysisHeadScore .time {
  font-size: 14px;
  color: #d91f1f;
  display: inline-block;
  margin-top: 10px
}
.analysisHead .analysisHeadScore .time span {
  display: inline-block;
  font-size: 1.16667rem;
  color: #ccc;
  vertical-align: baseline;
  margin: 0 6px;
  position: relative;
  top: -2px
}
.analysisHead .analysisHeadScore .analysisHeadScoreCorner {
  font-size: 14px;
  border-top: 1px solid #556;
  margin-bottom: 10px;
  margin-top: 5px;
  padding-top: 5px
}
.analysisHead .analysisHeadScore .classicScoreNum {
  font-size: 26px;
  color: #2f8162;
  margin: .66667rem 1.25rem;
  font-weight: 700
}
.analysisHead .analysisHeadScore .classicScoreNum small {
  font-size: 14px;
  font-weight: 700;
  color: #2f8162
}
.analysisHead .analysisHeadScore .recommendPostBt {
  display: inline-block;
  background: #45a8ff;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  padding: .25rem .83333rem .41667rem .83333rem;
  border-radius: .16667rem;
  line-height: 1;
  margin: .83333rem 0 .41667rem 0
}
.analysisHead .analysisHeadScore .recommendPostBt:hover {
  text-decoration: none
}
.analysisHead .analysisHeadScore.analysisHeadScoreClassics {
  padding-top: 12px;
  padding-bottom: 12px
}
.analysisHead .analysisHeadScore.analysisHeadScoreClassics h4.classicsWinColor {
  color: #fc4a4a
}
.analysisHead .analysisHeadScore.analysisHeadScoreClassics h4.classicsWinColor small {
  color: #fc4a4a
}
.analysisHead .analysisHeadScore.analysisHeadScoreClassics h4.classicsFColor {
  color: #12b866
}
.analysisHead .analysisHeadScore.analysisHeadScoreClassics h4.classicsFColor small {
  color: #12b866
}
.analysisHead .analysisHeadScore.analysisHeadScoreClassics h5 {
  font-size: 16px;
  color: #fff;
  font-weight: 400
}
.analysisHead .analysisTeamName {
  text-align: center !important;
  font-size: 16px
}
.analysisHead .analysisRaceRank {
  font-size: 13px;
  margin-bottom: 0
}
.analysisHead .analysisRaceRank .timeLine img {
  margin-bottom: 0
}
.analysisHead .timeLine {
  width: 100%;
  margin-bottom: 0
}
.analysisHead .analysisTeamImg {
  display: inline-block;
  height: 140px;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  text-align: center !important;
  box-shadow: 0 0 8px #999;
  margin-bottom: 30px
}
.analysisHead .analysisTeamImg img {
  width: 100px
}
.analysisHead .live-list-table {
  margin-bottom: 0
}
.analysisHead .live-list-table thead tr th {
  padding: 5px 6px
}
.analysisHead .live-list-table thead tr th img {
  margin: 0 6px
}
.analysisHead .live-list-table tbody tr td {
  padding: 7px 6px
}
.analysisFav, .teamFav {
  font-size: 16px;
  vertical-align: middle;
  color: #f1b634;
  position: relative;
  top: -2px
}
.analysisFav:hover, .teamFav:hover {
  color: #f1b634
}
.analysisFav .fa-star, .teamFav .fa-star {
  display: none
}
.analysisFav .fa-star-o, .teamFav .fa-star-o {
  display: inline-block
}
.analysisFav.active .fa-star, .teamFav.active .fa-star {
  display: inline-block
}
.analysisFav.active .fa-star-o, .teamFav.active .fa-star-o {
  display: none
}
.analysisMark {
  font-size: 18px;
  vertical-align: middle;
  color: #f1b634;
  position: relative;
  top: 0
}
.analysisMark:hover {
  color: #f1b634
}
.analysisMark .fa-star {
  display: none
}
.analysisMark .fa-star-o {
  display: inline-block
}
.analysisMark.active .fa-star {
  display: inline-block
}
.analysisMark.active .fa-star-o {
  display: none
}
.analysisRecommendPost h4 {
  margin-bottom: 1.66667rem;
  font-size: 1.33333rem
}
.analysisRecommendPost h5 {
  margin-bottom: 1.66667rem;
  font-size: 1.33333rem;
  padding-left: .83333rem;
  border-left: 2px solid #2f8162
}
.analysisRecommendPost h5 small {
  font-size: 1.16667rem;
  color: #404040
}
.analysisRecommendPost table thead {
  background: #f4f4f4
}
.analysisRecommendPost table thead tr th {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px
}
.analysisRecommendPost table tbody tr td {
  font-size: 14px;
  padding: 8px 10px;
  cursor: pointer
}
.analysisRecommendPost table tbody tr td.active {
  background: #2f8162;
  color: #fff
}
.analysisRecommendPost p {
  position: relative
}
.analysisRecommendPost p .analysisRecommendPostField {
  border: 1px solid #ddd;
  box-shadow: none;
  border-radius: 4px;
  padding-right: 3.33333rem;
  height: 3.25rem
}
.analysisRecommendPost p span {
  position: absolute;
  font-size: 1.16667rem;
  right: 10px;
  top: 9px;
  z-index: 2
}
.analysisRecommendPost .button {
  padding: 0 .83333rem;
  height: 3.25rem;
  line-height: 3.25rem
}
.analysisRecommendPost .recommendOptions {
  margin-bottom: 1.66667rem;
  background: #f4f4f4;
  border-radius: .33333rem;
  padding: .5rem 1.25rem
}
.liveAlert {
  width: 500px;
  position: fixed;
  z-index: 1000;
  left: 50%;
  margin-left: -250px;
  bottom: -200px;
  background: #fff;
  border: 1px solid #4dc3f1;
  text-align: center
}
.liveAlert .close {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 2;
  font-weight: 700;
  color: #fff;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  padding-top: 1px;
  line-height: 1;
  text-align: center;
  background: #0c7056
}
.liveAlert h3 {
  background: #0e926b;
  font-size: 14px;
  padding: 6px;
  margin-top: 0;
  margin-bottom: 0;
  color: #fff
}
.liveAlert ul {
  margin: 0
}
.liveAlert ul li {
  font-size: 12px;
  border-bottom: 1px solid #242831;
  line-height: 1;
  background: #3e424d;
  color: #fff
}
.liveAlert ul li:last-child {
  border-bottom: 0
}
.liveAlert ul li .row > .columns {
  border-right: 1px solid #363638;
  padding: 16px 8px
}
.liveAlert ul li .row > .columns:last-child {
  border-right: 0
}
.liveAlert ul li .goal-team {
  color: #ffc400;
  font-weight: 700
}
#country-list-filter, #league-list-filter {
  margin-left: 65px;
  margin-top: 35px
}
#country-list-filter:before, #league-list-filter:before {
  right: 22px;
  top: -12px;
  border-color: transparent transparent #fff transparent
}
#country-list-filter:after, #league-list-filter:after {
  right: 21px;
  top: -14px;
  border-color: transparent transparent #ccc transparent
}
.leagueRank {
  position: relative;
  top: -5px;
  font-size: 11px;
  -webkit-transform: scale(.9);
  -o-transform: scale(1);
  display: inline-block
}
.cameraList {
  line-height: 1.8
}
.cameraList a:hover {
  text-decoration: underline
}
.history-list {
  padding-top: 0
}
.history-list .titleL1 {
  text-align: center;
  font-size: 18px;
  color: #fff;
  padding: 25px;
  background: url(../image/raceTitleBg.jpg) 50% 0 no-repeat;
  background-size: cover
}
.history-list .titleL1 i {
  font-size: 14px;
  margin-left: 20px
}
.history-list.monthReport .rank-league-list {
  margin: 0
}
.history-list.monthReport .rank-league-list li {
  display: inline-block;
  margin: 0 10px 10px 0
}
.history-list.monthReport .rank-league-list li img {
  width: 60px;
  border: 1px solid #ddd;
  border-radius: 50%
}
.history-list.monthReport .rank-league-list li.active img {
  border-color: #2f8162
}
.history-list.monthReport .tabs .tab-title > a {
  font-size: 12px;
  padding: 8px 10px;
  line-height: 1
}
.history-list.monthReport .monthReportItemTitle {
  border: 1px solid #2f8162;
  border-radius: 3px;
  background: #d8f0e1;
  color: #2f8162;
  text-align: center;
  font-size: 1.16667rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  padding: 10px 0;
  margin-bottom: 10px
}
.beiSaiJifen h2 {
  font-size: 20px;
  text-align: center;
  margin: 10px auto 30px auto;
  color: #333
}
.beiSaiJifen h3 {
  text-align: center;
  height: 26px;
  line-height: 26px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  background: #39b296;
  font-weight: 700;
  color: #fff
}
.beiSaiJifenV2 {
  overflow: hidden;
  position: relative;
  width: 1110px;
  margin: 0 auto
}
.beiSaiJifenV2.round-3 {
  width: 786px !important;
  margin-top: -40px
}
.beiSaiJifenV2 h2 {
  font-size: 20px;
  text-align: center;
  margin: 10px auto 30px auto;
  color: #333
}
.beiSaiJifenV2 .bs-item {
  position: relative;
  width: 160px;
  height: 80px;
  padding: 7px 10px 6px 10px;
  background: #d7ebe6;
  border: 1px solid #7cb6a9;
  border-radius: 1px;
  cursor: pointer;
  text-align: center
}
.beiSaiJifenV2 .bs-item h4 {
  font-size: 13px;
  line-height: 1;
  padding: 0;
  margin: 0
}
.beiSaiJifenV2 .bs-item h4 img {
  vertical-align: middle;
  margin-top: -2px;
  height: 20px
}
.beiSaiJifenV2 .bs-item span {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 1;
  margin: 8px 0 10px 0;
  padding: 0
}
.beiSaiJifenV2 .bs-item span i {
  font-weight: 700;
  color: #333
}
.beiSaiJifenV2 .bs-item .bs-item-info-1 {
  position: absolute;
  top: -25px;
  left: -1px;
  right: -1px;
  z-index: 9;
  padding: 0 2px 2px 2px;
  border: 1px solid #ddd;
  border-radius: 2px 2px 0 0;
  border-bottom: 0;
  background: #f5f5f5;
  font-size: 12px;
  height: 24px;
  text-align: center;
  opacity: 0;
  transition: opacity .5s;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s
}
.beiSaiJifenV2 .bs-item .bs-item-info-1 label {
  display: inline-block;
  background: #fff8d9;
  border: 1px solid #d1c9a6;
  border-radius: 2px;
  font-size: 12px;
  padding: 1px 3px;
  transform: scale(.7, .7)
}
.beiSaiJifenV2 .bs-item .bs-item-info-1 .bs-item-info-1-text {
  display: inline-block;
  transform: scale(.8, .8)
}
.beiSaiJifenV2 .bs-item .bs-item-info-1 .bs-item-info-1-text img {
  height: 18px;
  margin: -3px 5px 0 5px
}
.beiSaiJifenV2 .bs-item .bs-item-info-2 {
  position: absolute;
  bottom: -18px;
  width: 80px;
  left: 50%;
  margin-left: -40px;
  z-index: 2;
  padding: 0 4px;
  background: #fff8d9;
  border: 1px solid #d1c9a6;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  font-size: 12px;
  text-align: center;
  transform: scale(.8, .8)
}
.beiSaiJifenV2 .bs-item:hover .bs-item-info-1 {
  opacity: 1
}
.beiSaiJifenV2 .bs-round-1-L {
  float: left
}
.beiSaiJifenV2 .bs-round-1-L .bs-group .bs-item {
  margin-bottom: 30px;
  margin-left: 1px
}
.beiSaiJifenV2 .bs-round-1-L .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  right: -100px;
  height: 1px;
  width: 100px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV2 .bs-round-1-L .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  right: -100px;
  height: 30px;
  width: 1px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV2 .bs-round-1-L .bs-group .bs-item:first-child:after {
  top: 25px
}
.beiSaiJifenV2 .bs-round-1-L .bs-group .bs-item:first-child:before {
  top: 25px
}
.beiSaiJifenV2 .bs-round-1-L .bs-group .bs-item:last-child:after {
  bottom: 25px
}
.beiSaiJifenV2 .bs-round-1-L .bs-group .bs-item:last-child:before {
  bottom: 25px
}
.beiSaiJifenV2 .bs-round-2-L {
  float: left;
  margin-left: 20px
}
.beiSaiJifenV2 .bs-round-2-L .bs-group .bs-item {
  margin-bottom: 20px;
  margin-left: 1px
}
.beiSaiJifenV2 .bs-round-2-L .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  right: -50px;
  height: 1px;
  width: 50px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV2 .bs-round-2-L .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  right: -50px;
  height: 84px;
  width: 1px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV2 .bs-round-2-L .bs-group .bs-item:first-child {
  margin-top: 56px
}
.beiSaiJifenV2 .bs-round-2-L .bs-group .bs-item:first-child:after {
  top: 25px
}
.beiSaiJifenV2 .bs-round-2-L .bs-group .bs-item:first-child:before {
  top: 25px
}
.beiSaiJifenV2 .bs-round-2-L .bs-group .bs-item:last-child {
  margin-top: 139px
}
.beiSaiJifenV2 .bs-round-2-L .bs-group .bs-item:last-child:after {
  bottom: 25px
}
.beiSaiJifenV2 .bs-round-2-L .bs-group .bs-item:last-child:before {
  bottom: 25px
}
.beiSaiJifenV2 .bs-round-3-L {
  float: left;
  margin-left: -50px
}
.beiSaiJifenV2 .bs-round-3-L .bs-group .bs-item {
  margin-top: 165px;
  margin-left: 1px
}
.beiSaiJifenV2 .bs-round-3-L .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  right: -22px;
  top: 39px;
  height: 1px;
  width: 22px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV2 .bs-round-4-L {
  float: left;
  margin-left: 20px;
  margin-right: 20px
}
.beiSaiJifenV2 .bs-round-4-L .bs-group .bs-item {
  margin-top: 149px;
  margin-left: 1px;
  background: #e9ced0;
  border: 1px solid #d1838b
}
.beiSaiJifenV2 .bs-round-4-L .bs-group .bs-item.bs-item-34 {
  margin-top: 50px;
  background: #d7e9eb;
  border: 1px solid #7cb0b6
}
.beiSaiJifenV2 .bs-round-1-R {
  float: left
}
.beiSaiJifenV2 .bs-round-1-R .bs-group .bs-item {
  margin-bottom: 30px;
  margin-left: 1px
}
.beiSaiJifenV2 .bs-round-1-R .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  left: -100px;
  height: 1px;
  width: 100px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV2 .bs-round-1-R .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  left: -100px;
  height: 29px;
  width: 1px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV2 .bs-round-1-R .bs-group .bs-item:first-child:after {
  top: 25px
}
.beiSaiJifenV2 .bs-round-1-R .bs-group .bs-item:first-child:before {
  top: 25px
}
.beiSaiJifenV2 .bs-round-1-R .bs-group .bs-item:last-child:after {
  bottom: 25px
}
.beiSaiJifenV2 .bs-round-1-R .bs-group .bs-item:last-child:before {
  bottom: 25px
}
.beiSaiJifenV2 .bs-round-2-R {
  float: left;
  margin-right: 20px
}
.beiSaiJifenV2 .bs-round-2-R .bs-group .bs-item {
  margin-bottom: 20px;
  margin-left: 1px
}
.beiSaiJifenV2 .bs-round-2-R .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  left: -50px;
  height: 1px;
  width: 50px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV2 .bs-round-2-R .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  left: -50px;
  height: 84px;
  width: 1px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV2 .bs-round-2-R .bs-group .bs-item:first-child {
  margin-top: 56px
}
.beiSaiJifenV2 .bs-round-2-R .bs-group .bs-item:first-child:after {
  top: 25px
}
.beiSaiJifenV2 .bs-round-2-R .bs-group .bs-item:first-child:before {
  top: 25px
}
.beiSaiJifenV2 .bs-round-2-R .bs-group .bs-item:last-child {
  margin-top: 139px
}
.beiSaiJifenV2 .bs-round-2-R .bs-group .bs-item:last-child:after {
  bottom: 25px
}
.beiSaiJifenV2 .bs-round-2-R .bs-group .bs-item:last-child:before {
  bottom: 25px
}
.beiSaiJifenV2 .bs-round-3-R {
  float: left;
  margin-right: -50px
}
.beiSaiJifenV2 .bs-round-3-R .bs-group .bs-item {
  margin-top: 165px;
  margin-left: 1px
}
.beiSaiJifenV2 .bs-round-3-R .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  left: -22px;
  top: 39px;
  height: 1px;
  width: 22px;
  font-size: 0;
  background: #7cb6a9
}
.beiSaiJifenV3 {
  overflow: hidden;
  position: relative;
  width: 1150px;
  margin: 0 auto 40px auto
}
.beiSaiJifenV3.round-3 {
  width: 786px !important;
  margin-top: -40px
}
.beiSaiJifenV3 h2 {
  font-size: 20px;
  text-align: center;
  margin: 10px auto 30px auto;
  color: #333
}
.beiSaiJifenV3 .bs-item {
  position: relative;
  width: 150px;
  height: 100px;
  padding: 7px 5px 6px 5px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 1px;
  cursor: pointer;
  text-align: center
}
.beiSaiJifenV3 .bs-item h4 {
  padding: 0;
  margin: 0;
  height: 2.83333rem;
  line-height: 2.83333rem
}
.beiSaiJifenV3 .bs-item h4 .bs-item-country {
  display: inline-block;
  font-size: 1rem;
  width: 8.75rem;
  height: 2.16667rem;
  overflow: hidden;
  vertical-align: middle;
  text-align: left
}
.beiSaiJifenV3 .bs-item h4 .bs-item-country img {
  vertical-align: middle;
  margin-top: -2px;
  height: 26px;
  margin-right: 5px
}
.beiSaiJifenV3 .bs-item h4 .bs-item-score {
  display: inline-block;
  font-size: 1.66667rem;
  vertical-align: middle;
  width: 2.08333rem;
  text-align: right
}
.beiSaiJifenV3 .bs-item h4.guestTeam {
  position: relative;
  bottom: -1.16667rem
}
.beiSaiJifenV3 .bs-item .bs-item-info-1 {
  position: absolute;
  top: -25px;
  left: -1px;
  right: -1px;
  z-index: 9;
  padding: 0 2px 2px 2px;
  border: 1px solid #ddd;
  border-radius: 2px 2px 0 0;
  border-bottom: 0;
  background: #f5f5f5;
  font-size: 12px;
  height: 24px;
  text-align: center;
  opacity: 0;
  transition: opacity .5s;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s
}
.beiSaiJifenV3 .bs-item .bs-item-info-1 label {
  display: inline-block;
  background: #fff8d9;
  border: 1px solid #d1c9a6;
  border-radius: 2px;
  font-size: 12px;
  padding: 1px 3px;
  transform: scale(.7, .7)
}
.beiSaiJifenV3 .bs-item .bs-item-info-1 .bs-item-info-1-text {
  display: inline-block;
  transform: scale(.8, .8)
}
.beiSaiJifenV3 .bs-item .bs-item-info-1 .bs-item-info-1-text img {
  height: 18px;
  margin: -3px 5px 0 5px
}
.beiSaiJifenV3 .bs-item .bs-item-info-2 {
  position: absolute;
  bottom: -18px;
  width: 80px;
  left: 50%;
  margin-left: -40px;
  z-index: 2;
  padding: 0 4px;
  background: #fff8d9;
  border: 1px solid #d1c9a6;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  font-size: 12px;
  text-align: center;
  transform: scale(.8, .8)
}
.beiSaiJifenV3 .bs-item:hover .bs-item-info-1 {
  opacity: 1
}
.beiSaiJifenV3 .bs-item .bs-item-onair {
  position: absolute;
  right: .66667rem;
  top: 3.5rem;
  font-size: 1rem
}
.beiSaiJifenV3 .bs-item .bs-item-notstart {
  position: absolute;
  right: .66667rem;
  top: 3rem;
  font-size: 1rem;
  text-align: center
}
.beiSaiJifenV3 .bs-item .bs-item-notstart h5 {
  font-size: 1.08333rem;
  line-height: 1;
  padding: 0;
  margin: 0 0 .33333rem 0
}
.beiSaiJifenV3 .bs-item .bs-item-notstart span {
  display: block;
  font-size: 1rem;
  color: #999;
  line-height: 1
}
.beiSaiJifenV3 .bs-item .bs-item-vs {
  position: absolute;
  left: 1rem;
  top: 3.5rem;
  height: 1.16667rem;
  width: auto
}
.beiSaiJifenV3 .bs-round-1-L {
  float: left
}
.beiSaiJifenV3 .bs-round-1-L .bs-group .bs-item {
  margin-bottom: 30px;
  margin-left: 1px
}
.beiSaiJifenV3 .bs-round-1-L .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  height: 4px;
  width: 10px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-1-L .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  height: 70px;
  width: 4px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-1-L .bs-group .bs-item:first-child:after {
  top: 46px
}
.beiSaiJifenV3 .bs-round-1-L .bs-group .bs-item:first-child:before {
  top: 46px
}
.beiSaiJifenV3 .bs-round-1-L .bs-group .bs-item:last-child:after {
  bottom: 46px
}
.beiSaiJifenV3 .bs-round-1-L .bs-group .bs-item:last-child:before {
  bottom: 46px
}
.beiSaiJifenV3 .bs-round-2-L {
  float: left;
  margin-left: 15px
}
.beiSaiJifenV3 .bs-round-2-L .bs-group .bs-item {
  margin-bottom: 20px;
  margin-left: 1px
}
.beiSaiJifenV3 .bs-round-2-L .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  height: 4px;
  width: 10px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-2-L .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  height: 4px;
  width: 10px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-2-L .bs-group .bs-item:first-child {
  margin-top: 64px
}
.beiSaiJifenV3 .bs-round-2-L .bs-group .bs-item:first-child:after {
  top: 48px
}
.beiSaiJifenV3 .bs-round-2-L .bs-group .bs-item:first-child:before {
  top: 48px
}
.beiSaiJifenV3 .bs-round-2-L .bs-group .bs-item:last-child {
  margin-top: 162px
}
.beiSaiJifenV3 .bs-round-2-L .bs-group .bs-item:last-child:after {
  bottom: 45px
}
.beiSaiJifenV3 .bs-round-2-L .bs-group .bs-item:last-child:before {
  bottom: 45px
}
.beiSaiJifenV3 .bs-round-3-L {
  float: left;
  margin-left: 16px
}
.beiSaiJifenV3 .bs-round-3-L .bs-group .bs-item {
  margin-top: 196px
}
.beiSaiJifenV3 .bs-round-3-L .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  left: -12px;
  top: -83px;
  height: 266px;
  width: 4px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-3-L .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  top: 48px;
  height: 4px;
  width: 10px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-4-L {
  float: left;
  margin-left: 15px;
  margin-right: 15px
}
.beiSaiJifenV3 .bs-round-4-L .bs-group .bs-item {
  margin-top: 196px;
  background: #fff;
  border: 1px solid #ddd
}
.beiSaiJifenV3 .bs-round-4-L .bs-group .bs-item.bs-item-34 {
  margin-top: 50px;
  background: #fff;
  border: 1px solid #ddd
}
.beiSaiJifenV3 .bs-round-4-L .bs-group .bs-item.bs-item-34:before {
  right: -90px;
  top: 48px;
  width: 90px
}
.beiSaiJifenV3 .bs-round-4-L .bs-group .bs-item.bs-item-34:after {
  left: -90px;
  top: 48px;
  width: 90px
}
.beiSaiJifenV3 .bs-round-4-L .bs-group .bs-item.bs-item-34 .bs-item-34-line1 {
  display: block;
  position: absolute;
  right: -92px;
  top: -52px;
  height: 104px;
  width: 4px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-4-L .bs-group .bs-item.bs-item-34 .bs-item-34-line2 {
  display: block;
  position: absolute;
  left: -92px;
  top: -52px;
  height: 104px;
  width: 4px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-4-L .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  right: -16px;
  top: 48px;
  height: 4px;
  width: 15px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-4-L .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  left: -16px;
  top: 48px;
  height: 4px;
  width: 15px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-1-R {
  float: left
}
.beiSaiJifenV3 .bs-round-1-R .bs-group .bs-item {
  margin-bottom: 30px;
  margin-left: 1px
}
.beiSaiJifenV3 .bs-round-1-R .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  height: 4px;
  width: 10px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-1-R .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  height: 70px;
  width: 4px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-1-R .bs-group .bs-item:first-child:after {
  top: 46px
}
.beiSaiJifenV3 .bs-round-1-R .bs-group .bs-item:first-child:before {
  top: 46px
}
.beiSaiJifenV3 .bs-round-1-R .bs-group .bs-item:last-child:after {
  bottom: 46px
}
.beiSaiJifenV3 .bs-round-1-R .bs-group .bs-item:last-child:before {
  bottom: 46px
}
.beiSaiJifenV3 .bs-round-2-R {
  float: left;
  margin-right: 15px
}
.beiSaiJifenV3 .bs-round-2-R .bs-group .bs-item {
  margin-bottom: 20px;
  margin-left: 1px
}
.beiSaiJifenV3 .bs-round-2-R .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  height: 4px;
  width: 10px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-2-R .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  height: 4px;
  width: 10px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-2-R .bs-group .bs-item:first-child {
  margin-top: 64px
}
.beiSaiJifenV3 .bs-round-2-R .bs-group .bs-item:first-child:after {
  top: 48px
}
.beiSaiJifenV3 .bs-round-2-R .bs-group .bs-item:first-child:before {
  top: 48px
}
.beiSaiJifenV3 .bs-round-2-R .bs-group .bs-item:last-child {
  margin-top: 162px
}
.beiSaiJifenV3 .bs-round-2-R .bs-group .bs-item:last-child:after {
  bottom: 45px
}
.beiSaiJifenV3 .bs-round-2-R .bs-group .bs-item:last-child:before {
  bottom: 45px
}
.beiSaiJifenV3 .bs-round-3-R {
  float: left;
  margin-right: 15px
}
.beiSaiJifenV3 .bs-round-3-R .bs-group .bs-item {
  margin-top: 196px
}
.beiSaiJifenV3 .bs-round-3-R .bs-group .bs-item:before {
  content: '';
  display: block;
  position: absolute;
  right: -12px;
  top: -83px;
  height: 266px;
  width: 4px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .bs-round-3-R .bs-group .bs-item:after {
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  top: 48px;
  height: 4px;
  width: 10px;
  font-size: 0;
  background: #ddd
}
.beiSaiJifenV3 .beiSaiJifenV3Logo {
  position: absolute;
  left: 50%;
  top: 2.5rem;
  z-index: 2;
  margin-left: -4.5rem
}
.beiSaiJifenV3.beiSaiJifenV3-8 {
  width: 846px
}
.beiSaiJifenV3.beiSaiJifenV3-8 .bs-round-2-L .bs-group .bs-item:after {
  display: none
}
.beiSaiJifenV3.beiSaiJifenV3-8 .bs-round-2-R .bs-group .bs-item:after {
  display: none
}
.diary-filter .live-list-filter {
  max-width: none !important
}
.diary-filter .filter-ctr .row .columns {
  padding-left: 0
}
.dialyH1 {
  height: 46px;
  line-height: 46px;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  position: relative;
  margin-bottom: -3.83333rem
}
.diaryComing, .diaryFinished, .diaryOnair {
  height: 46px;
  line-height: 46px;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
  text-align: center
}
.diaryComing img, .diaryFinished img, .diaryOnair img {
  margin-right: 10px;
  height: 26px;
  vertical-align: middle
}
#jingJianDrop {
  width: 80px;
  text-align: center
}
.live-list-lq-tables table.live-list tbody tr:hover, .live-list-lq-tables table.live-list tbody tr:nth-of-type(even) {
  background: #fff
}
.live-list-lq-tables table.live-list tbody tr.table-chosed {
  background: #f6f4c2
}
.data-wrapper {
  position: relative;
  margin-top: -2.5rem
}
.data-wrapper .data-info {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 2
}
.data-wrapper .dataH1 {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  margin: 30px 0 0 0;
  font-size: 1.16667rem;
  color: #fff;
  background: url(../image/h1Bg.png) 0 0 repeat-y;
  border-radius: .33333rem
}
.data-wrapper .dataHeader {
  position: relative;
  height: 250px;
  background: url(../image/dataBg.png) 50% 0 no-repeat;
  background-size: cover
}
.data-wrapper .dataHeader .dataHeaderSearch {
  position: relative;
  width: 600px;
  padding: 70px 0 20px 0;
  margin-left: auto;
  margin-right: auto
}
.data-wrapper .dataHeader .dataHeaderSearch .dataHeaderSearchIcon {
  display: block;
  position: absolute;
  right: 16px;
  top: 83px;
  z-index: 2;
  color: #999
}
.data-wrapper .dataHeader .dataHeaderSearch .dataHeaderSearchIcon .fa {
  font-size: 24px
}
.data-wrapper .dataHeader .dataHeaderSearch input {
  border-radius: 4px;
  border: 0;
  height: 50px;
  line-height: 50px;
  padding-right: 40px;
  font-size: 16px
}
.data-wrapper .dataHeader .dataHeaderSearch .dataHeaderSearchError {
  position: absolute;
  top: 123px;
  left: 0;
  color: #d91f1f;
  font-size: 14px
}
.data-wrapper .dataHeader .dataHeaderHot {
  width: 900px;
  margin: 0 auto;
  text-align: center
}
.data-wrapper .dataHeader .dataHeaderHot .dataHeaderHotTit {
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  color: #fff;
  font-style: italic
}
.data-wrapper .dataHeader .dataHeaderHot .dataHeaderHotText {
  display: inline-block;
  margin: 0
}
.data-wrapper .dataHeader .dataHeaderHot .dataHeaderHotText a {
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  color: #fff
}
.data-wrapper .dataCon {
  padding: 20px 0
}
.data-wrapper .dataCon .tabs.dataTabs1 {
  border-bottom: 1px solid #ddd
}
.data-wrapper .dataCon .tabs.dataTabs1 li {
  border: 0
}
.data-wrapper .dataCon .tabs.dataTabs1 li.tab-title > a {
  padding: 10px 15px 20px 15px;
  font-size: 16px
}
.data-wrapper .dataCon .tabs.dataTabs1 li.tab-title > a:hover {
  background: 0 0
}
.data-wrapper .dataCon .tabs.dataTabs1 li.active {
  box-shadow: none
}
.data-wrapper .dataCon .tabs.dataTabs1 li.active > a {
  background: 0 0;
  color: #2f8162
}
.data-wrapper .dataCon .tabs.dataTabs1 li:first-child.tab-title > a {
  padding: 10px 15px 20px 0
}
.data-wrapper .dataCon .tabs.dataTabs2 {
  border-bottom: 0
}
.data-wrapper .dataCon .tabs.dataTabs2 li {
  border: 0
}
.data-wrapper .dataCon .tabs.dataTabs2 li.tab-title > a {
  padding-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px
}
.data-wrapper .dataCon .tabs.dataTabs2 li.tab-title > a:hover {
  background: 0 0
}
.data-wrapper .dataCon .tabs.dataTabs2 li.tab-title > a .dataListCountryIcon {
  height: 16px;
  width: auto;
  vertical-align: middle;
  margin-right: 5px
}
.data-wrapper .dataCon .tabs.dataTabs2 li.active {
  box-shadow: none
}
.data-wrapper .dataCon .tabs.dataTabs2 li.active > a {
  background: #f4f4f4;
  color: #222
}
.data-wrapper .dataCon .tabs.dataTabs2 li.active > a:hover {
  background: #f4f4f4
}
.data-wrapper .dataCon .tabs-content {
  border: 0;
  padding: 0
}
.data-wrapper .dataCon .dataList .dataListTit {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  float: left;
  display: block;
  padding-top: 6px;
  width: 50px;
  text-align: center
}
.data-wrapper .dataCon .dataList .dataListTit.hot {
  color: #d91f1f;
  font-size: 1.16667rem;
  font-weight: 700
}
.data-wrapper .dataCon .dataList .dataListCon {
  margin-left: 55px
}
.data-wrapper .dataCon .dataTabsContent2.tabs-content {
  padding: 0
}
.data-wrapper .dataCon .dataTabsContent2.tabs-content > .content {
  display: block;
  background: #f4f4f4;
  padding: 20px 10px 10px 10px
}
.data-wrapper .dataCon .dataTabsContent2.tabs-content > .content.countryContentLv1 {
  background: 0 0;
  padding: 0
}
.data-wrapper .dataCon .dataTabsContent2.tabs-content > .content.countryContentLv1 .dataList2 .dataListTit2 {
  width: 50px;
  text-align: center;
  margin-left: 0
}
.data-wrapper .dataCon .dataTabsContent2.tabs-content > .content.countryContentLv1 .dataList2 .dataListTit2.hot {
  color: #d91f1f;
  font-size: 1.16667rem;
  font-weight: 700
}
.data-wrapper .dataCon .dataTabsContent2.tabs-content > .content.countryContentLv1 .dataList2 .dataListCon2 {
  margin-left: 65px
}
.data-wrapper .dataCon .dataList2 .dataListTit2 {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  float: left;
  display: block;
  padding-top: 0;
  margin-left: 10px
}
.data-wrapper .dataCon .dataList2 .dataListTit2.hot {
  color: #d91f1f;
  font-size: 1.16667rem;
  font-weight: 700
}
.data-wrapper .dataCon .dataList2 .dataListCon2 {
  margin-left: 50px;
  margin-bottom: 10px
}
.data-wrapper .dataCon .dataList2 .dataListCon2 li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 8px
}
.data-wrapper .dataCon .dataList2 .dataListCon2 li a {
  font-size: 14px
}
.data-wrapper .dataCon h1 {
  margin-bottom: 1.66667rem
}
@media screen\0 {
  .data-wrapper {
    margin-top: 0
  }
}
.index-header {
  background: url(../image/indexHeaderBg.png) 0 0 repeat;
  transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
  -o-transition: background .5s;
  background-size: auto 100%;
  border-bottom: 0
}
.index-header .topNavBarInner .topBarNavSearch {
  background: #333
}
.index-header .topNavBarInner .topBarNavSearch .searchField:-webkit-autofill {
  background: 0 0;
  -webkit-box-shadow: 0 0 0 1000px #111 inset;
  color: #fff
}
.index-header .topNavBarInner .topBarNavSearch.searchFocus .searchField:-webkit-autofill {
  background: 0 0;
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}
.index-header.index-header-scroll {
  background: #383e45;
  transition: background .84s;
  -moz-transition: background .4s;
  -webkit-transition: background .4s;
  -o-transition: background .4s
}
.index-header .top-bar-section li:not(.has-form) a.topBarUserName:not(.button):hover, .index-header .top-bar-section ul li:hover:not(.has-form) > a.topBarUserName {
  background: 0 0 !important
}
.index-header .tab-bar {
  background: 0 0
}
.index-header .tab-bar .navbar-logo img {
  margin-top: -8px
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up {
  background: 0 0
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul li {
  background: 0 0
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul li a {
  background: 0 0
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul.top-bar-user li.signup a {
  background: 0 0 !important;
  color: #fff !important
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul.top-bar-user li.top-bar-account:hover {
  background: 0 0 !important
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul.top-bar-user li.top-bar-account .profilePhotoVip .profileVip {
  border: 0
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul.top-bar-user li.top-bar-account a:hover {
  background: 0 0 !important;
  color: #fff !important
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul.top-bar-user li.top-bar-account .topBarUserName span {
  color: #fbd060
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul.top-bar-user li.top-bar-account .f-dropdown li a {
  color: #222 !important
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul.top-bar-user li.top-bar-account .f-dropdown li a:hover {
  color: #jet;
  background: #f5f5f5 !important
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul.top-bar-user li.top-bar-account .f-dropdown li .button.secondary {
  background: #1b9deb !important;
  color: #fff !important
}
.index-header .tab-bar section.middle.tab-bar-section.top-bar-section.show-for-medium-up ul.top-bar-user li.regiLink .button.secondary {
  background: #1b9deb !important;
  color: #fff !important
}
.indexWrapper {
  max-width: 1920px;
  margin: 0 auto
}
.indexWrapper .section-1 {
  position: relative;
  height: 650px;
  margin-bottom: 0;
  background: url(../image/V5Section-1-bg.jpg) 50% 0 no-repeat;
  background-size: cover
}
.indexWrapper .section-1 h1 {
  color: #fff;
  font-size: 30px;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 32%;
  padding: 80px auto 40px auto;
  font-weight: 700
}
.indexWrapper .section-1 h3 {
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 42%;
  padding: 40px auto 40px auto
}
.indexWrapper .section-1 .section-1-buttons {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 52%;
  padding: 40px auto 40px auto
}
.indexWrapper .section-1 .section-1-buttons .button {
  width: 150px;
  margin: 0 10px
}
.indexWrapper .section-1 .section-1-buttons .button.signup {
  background: #e5e20b;
  color: #2f8162;
  border-color: #e5e20b;
  border-radius: 5px;
  font-size: 14px
}
.indexWrapper .section-1 .section-1-buttons .button.live {
  background: 0 0;
  color: #fff;
  border-color: #fff;
  border-radius: 5px;
  font-size: 14px
}
.indexWrapper .section-1 .section-1-buttons .button.live:hover {
  color: #2f8162;
  background: #fff;
  transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
  -o-transition: background .5s
}
.indexWrapper .section-1 .section-1-arrow {
  position: absolute;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  bottom: 10px
}
@media only screen and (max-width:53.33333em) {
  .indexWrapper .section-1 {
    width: 100%;
    background-size: auto 100%;
    height: 300px
  }
  .indexWrapper .section-1 h1 {
    font-size: 20px;
    top: 28%
  }
  .indexWrapper .section-1 h3 {
    font-size: 14px;
    top: 45%
  }
  .indexWrapper .section-1 .section-1-buttons {
    top: 60%
  }
  .indexWrapper .section-1 .section-1-buttons .button {
    font-size: 14px;
    width: 100px;
    margin: 0 10px
  }
}
.indexWrapper .section-2 {
  position: relative;
  min-height: 550px;
  background: url(../image/V5Section-2-bg.png) 50% 0 no-repeat;
  background-size: cover;
  text-align: center
}
.indexWrapper .section-2 h2 {
  color: #222;
  font-size: 30px;
  margin: 75px 20px 20px 20px;
  font-weight: 700
}
.indexWrapper .section-2 h3 {
  color: #7a7e82;
  font-size: 16px;
  margin-bottom: 65px;
  margin-right: 20px;
  margin-left: 20px
}
.indexWrapper .section-2 .section-2-list {
  width: 85%;
  margin: 0 auto 40px auto
}
@media only screen and (max-width:53.33333em) {
  .indexWrapper .section-2 h2 {
    font-size: 20px
  }
  .indexWrapper .section-2 h3 {
    font-size: 14px
  }
}
.indexWrapper .section-3 {
  position: relative;
  margin-bottom: 0;
  background: #4d5f71;
  background-size: 70% auto;
  text-align: center
}
.indexWrapper .section-3 h2 {
  color: #fff;
  font-size: 30px;
  padding: 70px 20px 20px 20px;
  font-weight: 700
}
.indexWrapper .section-3 h3 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 70px;
  margin-right: 20px;
  margin-left: 20px
}
.indexWrapper .section-3 img {
  width: 78%
}
@media only screen and (max-width:53.33333em) {
  .indexWrapper .section-3 h2 {
    font-size: 20px;
    padding: 50px 20px 20px 20px
  }
  .indexWrapper .section-3 h3 {
    font-size: 14px;
    margin-bottom: 50px
  }
  .indexWrapper .section-3 img {
    width: 90%
  }
}
.indexWrapper .section-4 {
  position: relative;
  margin-bottom: 0;
  background: #05946b;
  padding-top: 50px
}
.indexWrapper .section-4 .section-4-mobile {
  width: 250px;
  margin-right: 30px;
  position: relative;
  bottom: 0
}
.indexWrapper .section-4 h2 {
  color: #fff;
  font-size: 30px;
  padding: 60px 20px 20px 0;
  font-weight: 700
}
.indexWrapper .section-4 h3 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 0
}
.indexWrapper .section-4 .button {
  background: 0 0;
  color: #fff;
  border-color: #fff;
  width: 150px;
  border-radius: 5px
}
.indexWrapper .section-4 .button:hover {
  color: #2f8162;
  background: #fff;
  transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
  -o-transition: background .5s
}
@media only screen and (max-width:53.33333em) {
  .indexWrapper .section-4 h2 {
    font-size: 20px
  }
  .indexWrapper .section-4 h3 {
    font-size: 14px
  }
}
.indexWrapper .app-web-section-1 {
  text-align: center;
  background: #fff;
  padding: 30px 0
}
.indexWrapper .app-web-section-1 h2 {
  color: #2f8162;
  font-size: 20px;
  margin-bottom: 20px
}
.indexWrapper .app-web-section-1 h3 {
  color: #999;
  font-size: 14px;
  margin-bottom: 30px
}
.indexWrapper .app-web-section-2 {
  text-align: center;
  background: #098e67;
  padding: 30px 0 0 0
}
.indexWrapper .app-web-section-2 h2 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px
}
.indexWrapper .app-web-section-2 h3 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 30px;
  opacity: .8
}
.indexTablesTabs {
  margin: -10px
}
.indexTablesTabs .tabs {
  background: #f5f5f5;
  border-bottom: 1px solid #ddd
}
.indexTablesTabs .tabs .tab-title {
  width: 21%;
  border-radius: 0;
  border: 0
}
.indexTablesTabs .tabs .tab-title > a {
  background: #f5f5f5;
  text-align: center
}
.indexTablesTabs .tabs .tab-title > a img {
  height: 2.16667rem;
  width: auto
}
.indexTablesTabs .tabs .tab-title.active {
  box-shadow: none
}
.indexTablesTabs .tabs .tab-title.active > a {
  background: #ffffd9
}
.indexTablesTabs .tabs-content {
  border: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0
}
.indexTablesTabs .indexTablesTabsConTable {
  border: 0;
  width: 100%;
  margin: 0 0 10px 0
}
.indexTablesTabs .indexTablesTabsConTable caption {
  font-weight: 700;
  text-align: left
}
.indexTablesTabs .indexTablesTabsConTable thead tr th {
  border: 0;
  border-bottom: 1px solid #ddd
}
.indexTablesTabs .indexTablesTabsConTable tbody tr td {
  border: 0;
  padding-top: .5rem;
  padding-bottom: .5rem
}
.indexWrapperAppWeb .appWebENLinks {
  margin-top: 50px
}
.indexWrapperAppWeb .appWebENLinks a {
  display: inline-block;
  margin-right: 20px
}
.indexWrapperAppWeb .appWebENLinks a.show-for-medium-up {
  display: inline-block !important
}
.indexWrapperAppWeb .appWebENLinks a img {
  width: 220px
}
.indexWrapperAppWeb .appWebENLinks .appWebENLinksQR {
  height: 100px;
  width: auto;
  vertical-align: middle;
  margin-left: 1.66667rem
}
.indexWrapperAppWeb.indexWrapperAppWebEN {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  background: #15ad88;
  background-image: url(../image/section-1-en-bg-2.png);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: 50% 0;
  padding: 40px 0
}
.indexWrapperAppWeb.indexWrapperAppWebEN .appWebENHeader .logo img {
  width: 72px;
  margin-right: 10px
}
.indexWrapperAppWeb.indexWrapperAppWebEN .appWebENHeader h1 {
  margin-top: -10px;
  display: inline-block;
  color: #fff;
  font-size: 30px;
  vertical-align: middle
}
.indexWrapperAppWeb.indexWrapperAppWebEN .appWebENHeader h1 small {
  display: block;
  font-size: 14px;
  margin-top: 10px;
  color: #fff
}
.indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes {
  padding-top: 150px
}
.indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes h2 {
  font-size: 48px;
  margin-bottom: 30px;
  color: #fff
}
.indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes p {
  font-size: 18px;
  color: #fff
}
.indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes .appWebENLinks {
  margin-top: 50px
}
.indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes .appWebENLinks a {
  display: inline-block;
  margin-right: 20px
}
.indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes .appWebENLinks a img {
  width: 220px
}
@media only screen and (max-width:53.33333em) {
  .indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes {
    padding-top: 60px
  }
  .indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #fff
  }
  .indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes p {
    font-size: 18px;
    color: #fff
  }
  .indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes .appWebENLinks {
    margin: 40px auto
  }
  .indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes .appWebENLinks a {
    display: block;
    text-align: center
  }
  .indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes .appWebENLinks a.show-for-medium-up {
    display: none !important
  }
  .indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes .appWebENLinks a img {
    width: 200px;
    margin-bottom: 30px
  }
  .indexWrapperAppWeb.indexWrapperAppWebEN .appWebSection .appWebENDes .appWebENLinksQR {
    display: block;
    height: 100px;
    width: auto;
    margin: 0 auto
  }
}
.indexWrapperAppWeb .section-1 {
  height: 463px;
  margin-bottom: 80px
}
.indexWrapperAppWeb .section-1 .bx-wrapper {
  height: 463px
}
.indexWrapperAppWeb .section-1 .bx-wrapper .bx-viewport {
  left: 0;
  right: 0;
  border: 0;
  box-shadow: none;
  height: 100%
}
.indexWrapperAppWeb .section-1 .bx-wrapper .bx-pager {
  bottom: 0
}
.indexWrapperAppWeb .section-1 .bx-wrapper .bx-pager.bx-default-pager a {
  border-radius: 0;
  width: 3.33333rem;
  height: .41667rem;
  opacity: .7
}
.indexWrapperAppWeb .section-1 .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
  opacity: 1
}
.indexWrapperAppWeb .section-1 .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #fff;
  opacity: .8
}
.indexWrapperAppWeb .section-1 .indexslider {
  position: relative
}
.indexWrapperAppWeb .section-1 .indexslider li {
  height: 463px;
  background: #1ba47d;
  background: -moz-linear-gradient(top, #098e67, #2fbd96 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#098e67), to(#2fbd96))
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 {
  max-width: 1100px;
  position: relative;
  height: 100%;
  padding: 100px 50px 0 50px;
  margin: 0 auto;
  overflow: hidden
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text {
  float: left;
  width: 50%
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text h1, .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text h2 {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 35px;
  letter-spacing: 2px
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text h3 {
  color: #fff;
  font-size: 12px;
  margin-bottom: 30px
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text dl.appLinks {
  margin-left: 0
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text dl.appLinks dd {
  float: left;
  margin-right: 5px
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text dl.appLinks dd.appLinksButtons {
  width: 190px;
  height: 116px;
  padding-top: 20px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #64c5a9
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text dl.appLinks dd.appLinksButtons .button {
  color: #fff;
  background: 0 0;
  border: 1px solid #fff
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text dl.appLinks dd.appLinksButtons .button .fa {
  font-size: 18px;
  margin-right: 5px
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text dl.appLinks dd.appLinksButtons .button:hover {
  background: #fff;
  color: #2f8162
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-img {
  position: absolute;
  bottom: -150px;
  right: 20px;
  left: 60%
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-2 {
  height: 463px;
  text-align: center;
  background: url(../image/banner-1.jpg) 50% 0 no-repeat;
  background-size: 100% 463px;
  margin-top: -1px
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-2 h2 {
  font-size: 22px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 35px;
  letter-spacing: 2px;
  padding-top: 100px
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-2 p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 30px
}
.indexWrapperAppWeb .section-1 .indexslider li .indexslider-2 .button, .indexWrapperAppWeb .section-1 .indexslider li .indexslider-2 button {
  border: 2px solid #e5e20b;
  background: 0 0;
  color: #e5e20b;
  padding: 8px 35px
}
@media only screen and (max-width:53.33333em) {
  .indexWrapperAppWeb .section-1 {
    width: 100%;
    background-size: auto 100%;
    height: 300px
  }
  .indexWrapperAppWeb .section-1 .bx-wrapper {
    height: 300px
  }
  .indexWrapperAppWeb .section-1 .indexslider {
    position: relative
  }
  .indexWrapperAppWeb .section-1 .indexslider li {
    height: 300px
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 {
    padding: 30px 20px 0 20px
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text {
    float: none;
    width: 90%;
    margin: 0 auto;
    text-align: center
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text h1 {
    font-size: 14px;
    margin-bottom: 15px
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text p {
    font-size: 12px;
    margin-bottom: 15px
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text dl.appLinks dd {
    display: inline;
    float: none
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text dl.appLinks dd img {
    width: 70px;
    display: inline
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text dl.appLinks dd.appLinksButtons .button:last-child {
    margin-bottom: 10px !important
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-img {
    display: none
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-2 {
    padding-left: 20px;
    padding-right: 20px
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-2 h2 {
    font-size: 18px;
    padding-top: 30px
  }
  .indexWrapperAppWeb .section-1 .indexslider li .indexslider-2 p {
    font-size: 12px
  }
}
.indexWrapperAppWeb .section-2 {
  text-align: center;
  margin-bottom: 80px
}
.indexWrapperAppWeb .section-2 .index-item-img {
  width: 120px;
  margin-bottom: 25px
}
.indexWrapperAppWeb .section-2 h2 {
  color: #2d353c;
  font-size: 16px;
  margin-bottom: 25px
}
.indexWrapperAppWeb .section-2 p {
  color: #7a7e82;
  font-size: 12px
}
.indexWrapperAppWeb .app-web-section-1 {
  text-align: center;
  background: #fff;
  padding: 30px 0
}
.indexWrapperAppWeb .app-web-section-1 h2 {
  color: #2f8162;
  font-size: 20px;
  margin-bottom: 20px
}
.indexWrapperAppWeb .app-web-section-1 h3 {
  color: #999;
  font-size: 14px;
  margin-bottom: 30px
}
.indexWrapperAppWeb .app-web-section-2 {
  text-align: center;
  background: #098e67;
  padding: 30px 0 0 0
}
.indexWrapperAppWeb .app-web-section-2 h2 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px
}
.indexWrapperAppWeb .app-web-section-2 h3 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 30px;
  opacity: .8
}
.indexV6 .indexV6Title {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.66667rem;
  padding-bottom: .83333rem
}
.indexV6 .indexV6Title h3 {
  font-size: 1.66667rem;
  margin: 0;
  line-height: 1
}
.indexV6 .indexV6Title a {
  font-size: 1.16667rem
}
.indexV6 .indexV6Title a .fa {
  font-size: 1.5rem;
  margin-right: .66667rem;
  vertical-align: middle
}
.indexV6 table.liveTable2 tbody tr:nth-of-type(even) {
  background: #fff !important
}
.indexV6 table.liveTable2 thead tr th {
  font-size: 1.08333rem
}
.indexV6 table.liveTable2 tbody tr.liveTable2LeagueTr td {
  border-bottom: 1px solid #f4f6f7
}
.indexV6 table.liveTable2 tbody tr td {
  border-right: 1px solid #f4f6f7;
  border-bottom: 1px solid #f4f6f7
}
.indexV6 .newsWrapper .newsList ul.newsListN li span.aluminum-color {
  font-size: 1rem
}
.indexV6LiveTable {
  margin-bottom: 3.33333rem
}
.indexV6MatchList .indexV6MatchItem {
  padding: 1.25rem 0;
  background: #f6f6f6
}
.indexV6MatchList .indexV6MatchItem:nth-of-type(even) {
  background: #fff
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemTeam {
  margin-top: .41667rem;
  text-align: center
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemTeam img {
  width: auto;
  height: 4.16667rem;
  margin-bottom: .33333rem
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemTeam h4 {
  line-height: 1.3;
  font-size: 1rem;
  margin-bottom: 0
}
.indexV6MatchList .indexV6MatchItem h6 {
  line-height: 1;
  font-size: 1rem;
  margin-bottom: .83333rem
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemWDL {
  margin-bottom: 1rem
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemWDL .row .columns {
  padding: 0
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemWDL .row .columns span {
  display: block;
  padding: .33333rem 0 .16667rem 0;
  color: #fff
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemWDL .row .columns span.indexV6MatchItemW {
  background: #ca2929
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemWDL .row .columns span.indexV6MatchItemD {
  background: #1ab435
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemWDL .row .columns span.indexV6MatchItemL {
  background: #3e6fd9
}
.indexV6MatchList .indexV6MatchItem .indexV6MatchItemView {
  margin-bottom: 0
}
.v6ClickImg {
  display: block;
  height: auto;
  width: 90%;
  margin-bottom: 1.33333rem
}
.indexV6Diary .indexV6DiaryItem {
  display: block;
  padding: 1.66667rem 0;
  text-align: center
}
.indexV6Diary .indexV6DiaryItem h4 {
  font-size: 1.83333rem;
  margin: 0 0 .5rem 0;
  padding: 0;
  line-height: 1;
  color: #fff
}
.indexV6Diary .indexV6DiaryItem h5 {
  font-size: 1.16667rem;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff
}
.indexV6Diary .indexV6DiaryItem:hover {
  color: #ffd903
}
.indexV6Diary .indexV6DiaryItem:nth-child(1) {
  background: #ebf2ef
}
.indexV6Diary .indexV6DiaryItem:nth-child(1) h4 {
  color: #9f9f9f
}
.indexV6Diary .indexV6DiaryItem:nth-child(1) h5 {
  color: #9f9f9f
}
.indexV6Diary .indexV6DiaryItem:nth-child(2) {
  background: #2f8162
}
.indexV6Diary .indexV6DiaryItem:nth-child(3) {
  background: #246b50
}
.indexV6Diary .indexV6DiaryItem:nth-child(4) {
  background: #206249
}
.indexV6Diary .indexV6DiaryItem:nth-child(5) {
  background: #1a5b42
}
.indexV6Diary .indexV6DiaryItem:nth-child(6) {
  background: #19553e
}
.indexV6Diary .indexV6DiaryItem:nth-child(7) {
  background: #184d39
}
.expertItem {
  background: #f8f8f8;
  padding: .83333rem 0
}
.expertItem:nth-of-type(even) {
  background: #fff
}
.expertItem .expertItemImg img {
  width: 5rem;
  height: 5rem;
  border-radius: 50%
}
.expertItem h3 {
  font-size: 1.16667rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: .41667rem
}
.expertItem p {
  margin-bottom: .41667rem;
  font-size: 1rem;
  line-height: 1.3
}
.expertItem h4 {
  font-size: 1.66667rem;
  font-weight: 700;
  line-height: 1.3
}
.expertItem h4 small {
  display: block;
  font-size: 1rem;
  color: #999;
  margin-top: .83333rem
}
.expertItemDownload {
  font-size: 1rem !important;
  padding: .5rem 0 !important;
  background: #f4f4f4 !important;
  color: #666 !important;
  margin-bottom: 0 !important;
  border: 0 !important
}
.newsWrapper {
  margin: 0 auto
}
.newsWrapper .rowOuter.row .columns {
  padding-right: 0;
  padding-left: 0
}
.newsWrapper .rowOuter.row .columns:first-child {
  padding-left: .83333rem
}
.newsWrapper .rowOuter.row .columns:last-child {
  padding-right: .83333rem
}
.newsWrapper .newsBanner {
  margin-bottom: 20px;
  height: 370px;
  overflow: hidden;
  overflow: hidden
}
.newsWrapper .newsBanner .newsSlider {
  width: 700px;
  float: left
}
.newsWrapper .newsBanner .newsSlider .bx-wrapper {
  margin-bottom: 0
}
.newsWrapper .newsBanner .newsSlider .bx-wrapper .bx-pager {
  padding-top: 0;
  padding-right: 20px;
  bottom: 15px;
  text-align: right;
  font-size: 0
}
.newsWrapper .newsBanner .newsSlider .bx-wrapper .bx-pager.bx-default-pager a {
  background: #a0a0a0
}
.newsWrapper .newsBanner .newsSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #ffe700
}
.newsWrapper .newsBanner .newsSlider .bx-wrapper img {
  max-width: 100%;
  max-height: 100%;
  width: 700px;
  height: 370px
}
.newsWrapper .newsBanner .newsSlider .bx-wrapper .bx-viewport {
  border: 0;
  box-shadow: none;
  left: 0
}
.newsWrapper .newsBanner .newsSlider .bx-wrapper .bx-viewport ul li {
  position: relative
}
.newsWrapper .newsBanner .newsSlider .bx-wrapper .bx-viewport ul li .sliderTitle {
  position: absolute;
  left: 15px;
  right: 100px;
  bottom: 3px;
  z-index: 2;
  font-size: 18px;
  color: #fff
}
.newsWrapper .newsBanner .newsSlider .bx-wrapper .bx-viewport ul li .sliderTitleBg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  height: 40px;
  background: url(../image/bannerBg.png) 0 bottom repeat-x;
  background-size: auto 100%
}
.newsWrapper .newsBanner .newsScore {
  width: 480px;
  float: left;
  background: #37393f;
  padding: 10px;
  position: relative
}
.newsWrapper .newsBanner .newsScore h2 {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px solid #000;
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 10px
}
.newsWrapper .newsBanner .newsScore .newsScoreList {
  border-top: 1px solid #444;
  padding-top: 0
}
.newsWrapper .newsBanner .newsScore .newsScoreList .newsScoreItem {
  display: block;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px
}
.newsWrapper .newsBanner .newsScore .newsScoreList .newsScoreItem:hover {
  background: #333
}
.newsWrapper .newsBanner .newsScore .newsScoreList .newsScoreItem:last-child {
  padding-bottom: 8px
}
.newsWrapper .newsBanner .newsScore .newsScoreList .newsScoreItem img {
  height: 45px
}
.newsWrapper .newsBanner .newsScore .newsScoreList .newsScoreItem h3 {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  height: 16px;
  overflow: hidden
}
.newsWrapper .newsBanner .newsScore .newsScoreList .newsScoreItem h4 {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1;
  height: 13px;
  overflow: hidden
}
.newsWrapper .newsBanner .newsScore .newsScoreList .newsScoreItem .newsScoreDate {
  margin-bottom: 8px;
  line-height: 1;
  color: #fff
}
.newsWrapper .newsBanner .newsScore .newsScoreList .newsScoreItem .newsScoreTime {
  margin-bottom: 8px;
  line-height: 1;
  color: #fff
}
.newsWrapper .newsBanner .newsScore .newsScoreList .newsScoreItem .newsScoreBF {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1;
  color: #fff
}
.newsWrapper .newsTypeTitle {
  position: relative;
  border-bottom: 1px solid #ddd;
  vertical-align: baseline
}
.newsWrapper .newsTypeTitle span {
  font-size: 16px;
  padding-bottom: 5px;
  color: #2f8162;
  display: inline-block;
  border-bottom: 1px solid #2f8162;
  margin-bottom: -1px
}
.newsWrapper .newsTypeTitle span.newsTypeTitleTags {
  display: inline-block;
  margin-left: 10px;
  border-bottom: 0
}
.newsWrapper .newsTypeTitle span.newsTypeTitleTags a {
  display: inline-block;
  color: #999;
  margin-right: 5px;
  font-size: 12px;
  text-decoration: none
}
.newsWrapper .newsTypeTitle span.newsTypeTitleTags a:hover {
  color: #999;
  text-decoration: underline
}
.newsWrapper .newsTypeTitle .more {
  position: absolute;
  right: 0;
  bottom: 6px;
  font-size: 12px;
  color: #999;
  text-decoration: none
}
.newsWrapper .newsInnerTypeTitle, .newsWrapper .photoInnerTypeTitle {
  border-bottom: 1px solid #ddd;
  vertical-align: baseline;
  font-size: 14px;
  padding-bottom: 11px;
  margin-bottom: 20px;
  color: #404040
}
.newsWrapper .newsInnerTypeTitle a, .newsWrapper .photoInnerTypeTitle a {
  color: #404040
}
.newsWrapper .newsInnerTypeTitle a:hover, .newsWrapper .photoInnerTypeTitle a:hover {
  text-decoration: underline
}
.newsWrapper .newsList {
  margin-bottom: 30px
}
.newsWrapper .newsList .newsTagsList {
  margin-bottom: 20px
}
.newsWrapper .newsList .newsTagsList a {
  display: inline-block;
  font-size: 14px;
  color: #666;
  padding: 2px 6px;
  background: #e6e6e6;
  text-decoration: none;
  border-radius: 3px;
  margin-right: 8px
}
.newsWrapper .newsList .newsTagsList a:hover {
  text-decoration: none;
  background: #e2e2e2;
  color: #333
}
.newsWrapper .newsList ul {
  list-style: none;
  margin: 0
}
.newsWrapper .newsList ul.newsListS {
  margin-bottom: 6px
}
.newsWrapper .newsList ul.newsListS li {
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  list-style: none
}
.newsWrapper .newsList ul.newsListS li a {
  font-size: 16px;
  color: #eb4747;
  text-decoration: none
}
.newsWrapper .newsList ul.newsListS li a:hover {
  text-decoration: underline
}
.newsWrapper .newsList ul.newsListS2 {
  margin-bottom: 6px
}
.newsWrapper .newsList ul.newsListS2 li {
  list-style: none;
  margin-bottom: 10px;
  overflow: hidden
}
.newsWrapper .newsList ul.newsListS2 li .newsListS2Thum {
  display: block;
  float: left
}
.newsWrapper .newsList ul.newsListS2 li .newsListS2Thum img {
  width: 160px;
  height: 100px
}
.newsWrapper .newsList ul.newsListS2 li .newsListS2Info {
  margin-left: 180px
}
.newsWrapper .newsList ul.newsListS2 li .newsListS2Info .newsListS2Title {
  display: block;
  height: 82px;
  overflow: hidden
}
.newsWrapper .newsList ul.newsListS2 li .newsListS2Info .newsListS2Title a {
  font-size: 1.33333rem;
  color: #404040
}
.newsWrapper .newsList ul.newsListS2 li .newsListS2Info small {
  color: #999;
  font-size: 1rem;
  line-height: 1
}
.newsWrapper .newsList ul.newsListN li {
  line-height: 2.2;
  font-size: 13px;
  list-style: none
}
.newsWrapper .newsList ul.newsListN li .newsListLink {
  display: inline-block;
  height: 18px;
  line-height: 17px;
  width: 640px;
  max-width: 100%;
  overflow: hidden;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -6px;
  font-size: 14px
}
.newsWrapper .newsList ul.newsListN li .newsListLink .newsListTag {
  display: inline-block;
  color: #999;
  margin-right: 5px;
  text-decoration: none
}
.newsWrapper .newsList ul.newsListN li .newsListLink a {
  text-decoration: none
}
.newsWrapper .newsList ul.newsListN li .newsListLink a:hover {
  text-decoration: underline
}
.newsWrapper .newsList ul.newsListN li .newsListTime {
  font-size: 1.16667rem;
  color: #999
}
.newsWrapper .newsList ul.newsListN li .newsListDes {
  font-size: 1.16667rem;
  color: #666;
  border-right: 0
}
.newsWrapper .newsList ul.newsListN2 {
  margin-bottom: 6px
}
.newsWrapper .newsList ul.newsListN2 li {
  list-style: none;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  overflow: hidden
}
.newsWrapper .newsList ul.newsListN2 li .newsListN2Thum {
  display: block;
  float: left
}
.newsWrapper .newsList ul.newsListN2 li .newsListN2Thum img {
  width: 200px;
  height: 124px
}
.newsWrapper .newsList ul.newsListN2 li .newsListN2Info {
  margin-left: 220px
}
.newsWrapper .newsList ul.newsListN2 li .newsListN2Info .newsListN2Title {
  display: block;
  height: 22px;
  overflow: hidden;
  margin-bottom: 20px
}
.newsWrapper .newsList ul.newsListN2 li .newsListN2Info .newsListN2Title a {
  font-size: 1.33333rem;
  color: #000;
  font-weight: 700
}
.newsWrapper .newsList ul.newsListN2 li .newsListN2Info .newsListN2Des {
  font-size: 1.16667rem;
  color: #999;
  height: 43px;
  overflow: hidden;
  margin-bottom: 25px
}
.newsWrapper .newsList ul.newsListN2 li .newsListN2Info .newsListN2Time {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1
}
.newsWrapper .newsList ul.newsListN2 li .newsListN2Info .newsListN2Time small {
  color: #999;
  font-size: 1rem
}
.newsWrapper .newsList ul.newsListN2 li .newsListN2Info .newsListN2Time a {
  color: #999
}
.newsWrapper .newsList dl.videoList {
  list-style: none;
  margin: 0
}
.newsWrapper .newsList dl.videoList dt {
  font-size: 14px;
  color: #999;
  margin-bottom: 15px;
  font-weight: 400
}
.newsWrapper .newsList dl.videoList dd {
  font-size: 13px;
  margin-bottom: 20px
}
.newsWrapper .newsList dl.videoList dd .videoListTime {
  background: #ffd51b;
  color: #5d4334;
  display: block;
  float: left;
  width: 60px;
  text-align: center;
  border-radius: 3px;
  margin-right: 10px
}
.newsWrapper .newsList dl.videoList dd .videoListTime.current {
  background: #2f8162;
  color: #fff
}
.newsWrapper .newsList dl.videoList dd .videoListTime.end {
  background: #ddd;
  color: #7a7e82
}
.newsWrapper .newsList dl.videoList dd .videoLinks {
  display: block;
  margin-left: 70px;
  border-left: 3px solid #ddd;
  padding-left: 10px
}
.newsWrapper .newsList dl.videoList dd .videoLinks .videoListName {
  display: block;
  margin-bottom: 6px
}
.newsWrapper .newsList dl.videoList dd .videoLinks .videoListName a {
  color: #404040;
  text-decoration: none
}
.newsWrapper .newsList dl.videoList dd .videoLinks .videoListName a:hover {
  text-decoration: underline
}
.newsWrapper .newsList dl.videoList dd .videoLinks .videoListLinks {
  display: block;
  font-size: 12px
}
.newsWrapper .newsList dl.videoList dd .videoLinks .videoListLinks a {
  display: inline-block;
  margin-right: 10px;
  text-decoration: none
}
.newsWrapper .newsList dl.videoList dd .videoLinks .videoListLinks a:hover {
  text-decoration: underline
}
.newsWrapper .newsTypeList .newsTypeTitle {
  margin-bottom: 20px
}
.newsWrapper .newsTypeList .button.action:hover {
  background: #2f8162;
  color: #fff;
  border-color: #2f8162
}
.newsWrapper .newsRank .newsRankCon {
  margin-top: 15px
}
.newsWrapper .newsRank .newsRankCon .tabs {
  border-bottom: 0;
  margin-bottom: 18px !important
}
.newsWrapper .newsRank .newsRankCon .tabs .tab-title {
  width: 20%;
  margin-right: 0;
  border-right: 0;
  border-bottom: 1px solid #ddd
}
.newsWrapper .newsRank .newsRankCon .tabs .tab-title:last-child {
  border-right: 1px solid #ddd
}
.newsWrapper .newsRank .newsRankCon .tabs .tab-title a {
  height: 24px;
  line-height: 24px;
  padding: 0;
  text-align: center;
  color: #777;
  font-size: 12px
}
.newsWrapper .newsRank .newsRankCon .tabs .tab-title a:hover {
  color: #555
}
.newsWrapper .newsRank .newsRankCon .tabs .tab-title.active {
  border-color: #ddd
}
.newsWrapper .newsRank .newsRankCon .tabs .tab-title.active a {
  color: #fff
}
.newsWrapper .newsRank .newsRankCon .tabs .tab-title.active a:hover {
  color: #fff
}
.newsWrapper .newsRank .newsRankCon .tabs-content {
  padding: 0;
  border: 0;
  background-color: transparent
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content {
  padding: 0
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table {
  margin-bottom: 0;
  width: 100%
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table thead tr {
  background: #f3f3f3
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table thead tr th {
  text-align: center;
  border-right: 0
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table tbody tr:hover {
  background: #fff
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table tbody tr:nth-of-type(even) {
  background: #f3f3f3
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table tbody tr:nth-of-type(even):hover {
  background: #f3f3f3
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table tbody tr td {
  border-right: 0;
  padding: 8px 2px;
  text-align: center
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table tbody tr td img {
  height: 20px
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table tbody tr td.newsRank1 {
  color: #ffc553
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table tbody tr td.newsRank2 {
  color: #ff9b53
}
.newsWrapper .newsRank .newsRankCon .tabs-content .content table tbody tr td.newsRank3 {
  color: #ff9b53
}
.newsWrapper .newsLeague ul {
  margin-top: 15px
}
.newsWrapper .newsLeague ul li a {
  display: block;
  color: #404040;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px
}
.newsWrapper .newsLeague ul li a img {
  display: block;
  width: 80%;
  margin: 0 auto
}
.newsWrapper .newsLeague [class*=block-grid-] {
  margin-left: -5px;
  margin-right: -5px
}
.newsWrapper .newsLeague [class*=block-grid-] > li {
  padding: 0 5px 10px
}
.newsWrapper .appDownload {
  margin-bottom: 20px
}
.newsWrapper .appDownload .newsTypeTitle {
  margin-bottom: 1.25rem
}
.newsWrapper .newsHistory .newsTypeTitle {
  margin-bottom: 1.25rem
}
.newsWrapper .newsHistory .newsHistoryCon {
  margin-bottom: 20px
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem {
  position: relative;
  border: 1px solid #ddd;
  border-bottom: 0;
  cursor: pointer
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem:last-child {
  border-bottom: 1px solid #ddd
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP1 {
  background: #f5f5f5
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP1 h4 {
  font-size: 1.33333rem;
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid #ddd;
  padding: 0 .83333rem;
  margin-top: 0
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP1 h4 .label {
  margin-top: .66667rem
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP1 table {
  border: 0;
  background: 0 0;
  margin: 0;
  padding-bottom: 5px
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP1 table tr {
  background: 0 0;
  border: 0
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP1 table tr:nth-of-type(even) {
  background: 0 0
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP1 table tr td {
  border: 0;
  padding: .5rem .5rem
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP2 {
  cursor: pointer;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  opacity: 1
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP2 table {
  background: #444d54;
  margin: 0;
  border: 0
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP2 table tr {
  background: #444d54
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP2 table tr:nth-of-type(even) {
  background: #444d54
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP2 table tr td {
  color: #fff;
  border-right: 0;
  border-color: #2a3034;
  padding: .66667rem .5rem
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem .newsHistoryItemP2 table tr td:first-child {
  border-right: 1px solid #2a3034
}
.newsWrapper .newsHistory .newsHistoryCon .newsHistoryItem:hover .newsHistoryItemP2 {
  display: block
}
.newsWrapper .newsRecommend .newsListN li .newsListLink {
  line-height: normal !important;
  height: auto !important
}
.newsWrapper .newsRecommend .newsListN li .newsListLink a {
  display: inline-block;
  font-size: 1.16667rem;
  overflow: hidden;
  line-height: 1.6;
  border-bottom: 1px solid #ddd;
  padding: .5rem 0
}
.newsWrapper .newsRecommend div[data-magellan-expedition] {
  width: 190px;
  min-width: 190px;
  left: auto !important
}
.newsWrapper .newsRecommend div[data-magellan-expedition-clone], .newsWrapper .newsRecommend div[data-magellan-expedition] {
  background: #fff;
  padding: 0
}
.newsWrapper .videoLiveHot {
  margin-bottom: 30px
}
.newsWrapper .videoLiveHot ul {
  list-style: none;
  margin: 0
}
.newsWrapper .videoLiveHot ul li {
  line-height: 2;
  overflow: hidden;
  font-size: 13px;
  margin-bottom: 5px
}
.newsWrapper .videoLiveHot ul li .fa {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  height: 18px;
  line-height: 17px;
  vertical-align: middle;
  color: #ddd;
  margin-left: 1px
}
.newsWrapper .videoLiveHot ul li a {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
  color: #222;
  font-size: 14px
}
.newsWrapper .videoLiveHot ul li a:hover {
  text-decoration: underline
}
.newsWrapper .videoLiveWrapper .tabs {
  border-bottom: 0;
  margin-bottom: 30px !important;
  border: 1px solid #ddd;
  border-top: 0
}
.newsWrapper .videoLiveWrapper .tabs .tab-title {
  width: 20%;
  margin-right: 0;
  border: 0;
  border-top: 3px solid #ddd
}
.newsWrapper .videoLiveWrapper .tabs .tab-title a {
  height: 36px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  color: #777;
  font-size: 14px;
  background: #fff
}
.newsWrapper .videoLiveWrapper .tabs .tab-title a:hover {
  color: #555;
  background: #f5f5f5
}
.newsWrapper .videoLiveWrapper .tabs .tab-title.active {
  border-color: #2f8162
}
.newsWrapper .videoLiveWrapper .tabs .tab-title.active a {
  color: #2f8162
}
.newsWrapper .videoLiveWrapper .tabs .tab-title.active a:hover {
  color: #2f8162
}
.newsWrapper .videoLiveWrapper .tabs-content {
  padding: 0;
  border: 0;
  background-color: transparent
}
.newsWrapper .videoLiveWrapper .tabs-content .content {
  padding: 0
}
.newsWrapper .videoLiveWrapper .tabs-content .content table {
  margin-bottom: 0;
  width: 100%
}
.newsWrapper .videoLiveWrapper .tabs-content .content table thead tr {
  background: #f3f3f3
}
.newsWrapper .videoLiveWrapper .tabs-content .content table thead tr th {
  text-align: center;
  border-right: 0
}
.newsWrapper .videoLiveWrapper .tabs-content .content table tbody tr:hover {
  background: #fff
}
.newsWrapper .videoLiveWrapper .tabs-content .content table tbody tr:nth-of-type(even) {
  background: #f3f3f3
}
.newsWrapper .videoLiveWrapper .tabs-content .content table tbody tr:nth-of-type(even):hover {
  background: #f3f3f3
}
.newsWrapper .videoLiveWrapper .tabs-content .content table tbody tr td {
  border-right: 0;
  padding: 8px 2px;
  text-align: center
}
.newsWrapper .videoLiveWrapper .tabs-content .content table tbody tr td img {
  height: 20px
}
.newsWrapper .videoLiveWrapper .tabs-content .content table tbody tr td.newsRank1 {
  color: #ffc553
}
.newsWrapper .videoLiveWrapper .tabs-content .content table tbody tr td.newsRank2 {
  color: #ff9b53
}
.newsWrapper .videoLiveWrapper .tabs-content .content table tbody tr td.newsRank3 {
  color: #ff9b53
}
.newsWrapper .photoBanner .bx-wrapper {
  margin-bottom: 30px
}
.newsWrapper .photoBanner .bx-wrapper .bx-pager {
  padding-top: 0;
  padding-right: 20px;
  bottom: 15px;
  text-align: right;
  font-size: 0
}
.newsWrapper .photoBanner .bx-wrapper .bx-pager.bx-default-pager a {
  background: #a0a0a0
}
.newsWrapper .photoBanner .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #ffe700
}
.newsWrapper .photoBanner .bx-wrapper img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 320px
}
.newsWrapper .photoBanner .bx-wrapper .bx-viewport {
  border: 0;
  box-shadow: none;
  left: 0
}
.newsWrapper .photoBanner .bx-wrapper .bx-viewport ul li {
  position: relative
}
.newsWrapper .photoBanner .bx-wrapper .bx-viewport ul li .sliderTitle {
  position: absolute;
  left: 15px;
  right: 120px;
  bottom: 3px;
  z-index: 2;
  font-size: 18px;
  color: #fff;
  height: 30px;
  line-height: 36px
}
.newsWrapper .photoBanner .bx-wrapper .bx-viewport ul li .sliderTitleBg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  height: 40px;
  background: url(../image/bannerBg.png) 0 bottom repeat-x;
  background-size: auto 100%
}
.newsWrapper .photoList .photoListThum {
  display: block;
  border: 1px solid #ddd;
  padding: 1px;
  margin-bottom: 5px
}
.newsWrapper .photoList .photoListTitle {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  color: #404040;
  height: 18px;
  line-height: 20px;
  text-decoration: none;
  overflow: hidden
}
.newsWrapper .photoList .photoListTitle:hover {
  text-decoration: underline
}
.newsWrapper .photoList .photoListTime {
  font-size: 12px;
  color: #999
}
.newsWrapper .photoHot .photoHotFirst {
  overflow: hidden;
  border-bottom: 1px dashed #ddd
}
.newsWrapper .photoHot .photoHotFirst .photoHotFirstThum {
  display: block;
  float: left;
  width: 80px;
  border: 1px solid #ddd;
  padding: 1px
}
.newsWrapper .photoHot .photoHotFirst p {
  margin-left: 90px
}
.newsWrapper .photoHot .photoHotFirst p .photoHotFirstTitle {
  display: block;
  font-size: 14px;
  height: 45px;
  line-height: 1.5;
  overflow: hidden;
  color: #404040
}
.newsWrapper .photoHot .photoHotFirst p .photoHotFirstTitle:hover {
  text-decoration: underline
}
.newsWrapper .photoHot .photoHotFirst p .photoHotFirstNum {
  display: block;
  font-size: 12px;
  color: #999
}
.newsWrapper .photoHot ul {
  list-style: none;
  margin: 0
}
.newsWrapper .photoHot ul li {
  overflow: hidden;
  border-bottom: 1px dashed #ddd
}
.newsWrapper .photoHot ul li a {
  display: block;
  height: 34px;
  line-height: 34px;
  margin-right: 50px;
  font-size: 13px;
  color: #404040
}
.newsWrapper .photoHot ul li a:hover {
  text-decoration: underline
}
.newsWrapper .photoHot ul li .photoHotNum {
  display: block;
  float: right;
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  color: #999
}
.newsWrapper .expertRank {
  margin-bottom: 20px
}
.newsWrapper .expertRank .label.hong, .newsWrapper .expertRank .label.zhong {
  width: 60px;
  text-align: center
}
.newsWrapper .expertTit {
  display: flex;
  align-items: center;
  background: url(../image/expertTitBg.png) 50% 50% no-repeat;
  background-size: cover;
  border: 1px solid #ddd;
  margin: 20px 0 30px 0;
  border-radius: 4px;
  padding: 20px 15px
}
.newsWrapper .expertTit .expertTitPhoto {
  width: 180px;
  text-align: center
}
.newsWrapper .expertTit .expertTitPhoto img {
  border-radius: 50%;
  width: 100px;
  height: 100px
}
.newsWrapper .expertTit .expertTitInfo {
  padding-right: 20px;
  flex-grow: 1
}
.newsWrapper .expertTit .expertTitInfo .expertTitInfoName {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #2f8162
}
.newsWrapper .expertTit .expertTitInfo .expertTitInfoDes {
  font-size: 14px;
  margin-bottom: 5px
}
.newsWrapper .expertTit .expertTitAward {
  flex-grow: 0;
  text-align: center
}
.newsWrapper .expertTit .expertTitAward .label {
  display: inline-block
}
.newsWrapper .expertTit .expertTitAward .label.hong, .newsWrapper .expertTit .expertTitAward .label.zhong {
  width: 60px;
  text-align: center
}
.newsWrapper .photoInnerSliderMainWrapper {
  width: 600px;
  margin: 0 auto;
  background: #fff
}
.newsWrapper .photoInnerSliderMainWrapper .bx-wrapper {
  margin-bottom: 20px
}
.newsWrapper .photoInnerSliderMainWrapper .bx-wrapper .bx-viewport {
  border: 8px solid #fff;
  background: 0 0;
  left: 0
}
.newsWrapper .photoInnerSliderMainWrapper .bx-wrapper .bx-viewport .photoInnerSliderMain {
  text-align: center;
  margin-bottom: 20px
}
.newsWrapper .photoInnerSliderMainWrapper .bx-wrapper .bx-viewport .photoInnerSliderMain li img {
  margin: 0 auto
}
.newsWrapper .photoInnerSliderMainWrapper .bx-wrapper .bx-controls .bx-controls-direction a {
  top: 16px;
  width: 50%;
  height: 100%;
  background: #333;
  opacity: 0
}
.newsWrapper .photoInnerSliderMainWrapper .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
  left: 0
}
.newsWrapper .photoInnerSliderMainWrapper .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover {
  cursor: url(../image/left.png), default
}
.newsWrapper .photoInnerSliderMainWrapper .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
  right: 0
}
.newsWrapper .photoInnerSliderMainWrapper .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover {
  cursor: url(../image/right.png), default
}
.newsWrapper .photoInnerSlider {
  position: relative;
  margin-bottom: 50px
}
.newsWrapper .photoInnerSlider .photoInnerSliderThumbs {
  margin-left: 5px
}
.newsWrapper .photoInnerSlider .photoInnerSliderThumbs .thumb {
  width: 90px;
  height: 90px;
  display: table-cell;
  vertical-align: middle
}
.newsWrapper .photoInnerSlider .photoInnerSliderThumbs .thumb img {
  text-align: center;
  width: 90px;
  max-height: 90px;
  border: 2px solid #eee
}
.newsWrapper .photoInnerSlider .photoInnerSliderThumbs .thumb.active img {
  border: 2px solid #2f8162
}
.newsWrapper .photoInnerSlider .bx-wrapper {
  max-width: 495px !important;
  margin: 0 auto;
  border: 0;
  box-shadow: none
}
.newsWrapper .photoInnerSlider .bx-wrapper .bx-viewport {
  border: 0;
  box-shadow: none;
  background: 0 0;
  left: -2px
}
.newsWrapper .photoInnerSlider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  left: -45px;
  top: 17px;
  background: url(../image/photoSliderNP.jpg) 0 -90px no-repeat;
  background-size: 70px 180px;
  width: 35px;
  height: 90px
}
.newsWrapper .photoInnerSlider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover {
  background-position: 0 0
}
.newsWrapper .photoInnerSlider .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  right: -40px;
  top: 17px;
  background: url(../image/photoSliderNP.jpg) -35px -90px no-repeat;
  background-size: 70px 180px;
  width: 35px;
  height: 90px
}
.newsWrapper .photoInnerSlider .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover {
  background-position: -35px 0
}
.newsWrapper .photoInnerSlider .photoThumbNext, .newsWrapper .photoInnerSlider .photoThumbPre {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}
.newsWrapper .photoInnerSlider .photoThumbNext img, .newsWrapper .photoInnerSlider .photoThumbPre img {
  width: 90px;
  height: 90px;
  padding: 1px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 1px #ccc
}
.newsWrapper .photoInnerSlider .photoThumbNext a span, .newsWrapper .photoInnerSlider .photoThumbPre a span {
  display: block;
  width: 90px;
  text-align: center;
  margin-top: 8px;
  color: #404040;
  line-height: 1.3
}
.newsWrapper .photoInnerSlider .photoThumbNext {
  right: 6px;
  left: auto
}
.newsDetail .newsDetailCon * {
  word-break: break-all;
  word-wrap: break-word
}
.newsDetail .newsDetailCon h1 {
  font-size: 18px;
  font-weight: 400
}
.newsDetail .newsDetailCon .newsDatailTime {
  font-size: 12px;
  color: #999
}
.newsDetail .newsDetailCon .newsDatailTime span {
  display: inline-block;
  margin-right: 10px
}
.newsDetail .newsDetailCon .analysisHead {
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #ddd
}
.newsDetail .newsDetailCon .analysisHead .analysisRaceRank {
  width: 400px;
  margin: 0 auto
}
.newsDetail .newsDetailCon .analysisHead .analysisRaceRank .analysisRaceHeadData img {
  margin-bottom: 0
}
.newsDetail .newsDetailCon .analysisHead .analysisRaceTime {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0
}
.newsDetail .newsDetailCon .analysisHead .analysisTeamImg {
  height: 100px
}
.newsDetail .newsDetailCon .analysisHead .row .columns:first-child {
  padding-right: .83333rem
}
.newsDetail .newsDetailCon .analysisHead .row .columns:last-child {
  padding-left: .83333rem
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailMask {
  width: 100%;
  padding: 50px 0;
  text-align: center;
  background: url(../image/newsDetailMask.jpg) 50% 50% no-repeat;
  background-size: cover
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailMask p {
  text-align: center
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailVideoItem {
  overflow: hidden;
  margin-bottom: 20px
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailVideoItem .newsDetailVideoItemThum {
  float: left;
  width: 100px;
  position: relative
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailVideoItem .newsDetailVideoItemThum .newsDetailVideoItemThum1 {
  margin-left: 2px;
  margin-bottom: 2px;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
  width: 96px
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailVideoItem .newsDetailVideoItemThum .newsDetailVideoItemThum2 {
  width: 20px;
  position: absolute;
  z-index: 1;
  right: 6px;
  bottom: 6px;
  margin-bottom: 0
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailVideoItem .newsDetailVideoItemText {
  margin-left: 116px
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailVideoItem .newsDetailVideoItemText .newsDetailVideoItemTitle {
  font-size: 16px;
  margin-bottom: 0
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailVideoItem .newsDetailVideoItemText .newsDetailVideoItemPad {
  margin-bottom: 0
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailVideoItem .newsDetailVideoItemText .newsDetailVideoItemPad a {
  color: #999;
  font-size: 14px
}
.newsDetail .newsDetailCon .newsDetailText .iframe_video {
  height: 377px;
  width: 100%
}
.newsDetail .newsDetailCon .newsDetailText img {
  max-width: 600px
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailMask {
  width: 100%;
  padding: 50px 0;
  text-align: center;
  background: url(../image/newsDetailMask.jpg) 50% 50% no-repeat;
  background-size: cover
}
.newsDetail .newsDetailCon .newsDetailText .newsDetailMask p {
  text-align: center
}
.newsDetail .newsDetailCon .newsDetailText .copyRightNotic {
  margin: 20px 0;
  background: #f4f4f4;
  border-radius: 3px;
  font-size: 12px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  color: #999
}
.newsDetail .newsDetailCon .newsDetailConTag {
  height: 22px;
  line-height: 22px;
  border-left: 3px solid #ddd;
  padding-left: 10px;
  font-size: 15px;
  margin-left: 10px;
  color: #999
}
.newsDetail .newsDetailCon .newsDetailConTag span {
  margin-right: 8px
}
.newsDetail .newsDetailCon .newsDetailConTag a {
  display: inline-block;
  margin-right: 5px;
  color: #999;
  text-decoration: none
}
.newsDetail .newsDetailCon img {
  margin-bottom: 20px
}
.newsDetail .newsDetailCon p {
  font-size: 16px;
  line-height: 1.8
}
.newsDetail .newsComment {
  margin-bottom: 1.66667rem;
  padding-top: 1.66667rem;
  border-top: 1px dashed #ddd
}
.newsDetail .newsComment .newsCommentPost {
  margin-bottom: 2.5rem
}
.newsDetail .newsComment .newsCommentPost h4 {
  font-size: 1.33333rem
}
.newsDetail .newsComment .newsCommentPost h4 small {
  display: inline-block;
  margin-left: .83333rem
}
.newsDetail .newsComment .newsCommentPost h4 small.right {
  position: relative;
  top: .66667rem
}
.newsDetail .newsComment .newsCommentPost .newsCommentPostInner textarea {
  margin-bottom: 0
}
.newsDetail .newsComment .newsCommentPost .newsCommentPostInner .newsCommentPostBar {
  background: #f4f4f4;
  padding: .5rem .83333rem
}
.newsDetail .newsComment .newsCommentPost .newsCommentPostInner .newsCommentPostBar .newsCommentUserInfo {
  margin-bottom: 0
}
.newsDetail .newsComment .newsCommentPost .newsCommentPostInner .newsCommentPostBar .newsCommentUserInfo img {
  width: 2.5rem;
  margin-right: .5rem;
  border-radius: 50%
}
.newsDetail .newsComment .newsCommentItem {
  margin: 0 0 1rem 0;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid #ddd;
  text-align: justify;
  word-break: break-all
}
.newsDetail .newsComment .newsCommentItem .newsCommentPhotoWrapper {
  float: left;
  width: 2.5rem
}
.newsDetail .newsComment .newsCommentItem .newsCommentPhotoWrapper .newsCommentPhoto {
  display: block
}
.newsDetail .newsComment .newsCommentItem .newsCommentPhotoWrapper .newsCommentPhoto img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper {
  margin-left: 40px
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper h5 {
  position: relative;
  line-height: 1;
  margin: -.16667rem 0 .16667rem 0;
  padding: 0
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper h5 a {
  font-size: 1.16667rem;
  font-weight: 400
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper h5 .newsCommentItemNum {
  font-size: 1rem;
  color: #999;
  position: absolute;
  right: 0;
  top: .33333rem
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper h5 .newsCommentItemLike {
  font-size: 1rem;
  color: #999;
  margin-right: 3px
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper h5 .newsCommentItemLike img {
  height: 12px;
  width: auto;
  vertical-align: top;
  margin-right: 4px;
  margin-top: -1px
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper h5 .newsCommentItemLike.active {
  color: #e13b3b
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper h6 {
  line-height: 1;
  margin: 0 0 .5rem 0;
  padding: 0;
  font-size: 1rem;
  color: #999
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper p {
  font-size: 1.16667rem;
  margin-bottom: 0;
  line-height: 1.6
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper .newsCommentItem {
  background: #fffae8;
  padding: .83333rem .66667rem;
  margin-top: .5rem;
  border: 1px solid #f6edcb;
  margin-bottom: 0
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper .newsCommentItem .newsCommentConWrapper {
  margin-left: 0
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper .newsCommentConCtrl {
  margin: .83333rem 0 0 0;
  text-align: right;
  font-size: 1rem
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper .newsCommentConCtrl a {
  display: inline-block;
  margin-right: 1.25rem;
  color: #999
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper .newsCommentConCtrl a .fa {
  margin-right: .33333rem;
  font-size: 1.08333rem
}
.newsDetail .newsComment .newsCommentItem .newsCommentConWrapper .newsCommentConCtrl a:hover {
  color: #404040
}
.newsDetail .voteWrapper {
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  margin-bottom: 20px;
  padding: 15px 0
}
.newsDetail .voteWrapper .label.ongoing {
  background: #fb9c6c;
  color: #fff
}
.newsDetail .voteWrapper h4 {
  font-size: 16px;
  color: #f6ae3b;
  font-weight: 400
}
.newsDetail .voteWrapper .voteDes {
  padding: 15px 0;
  font-size: 16px
}
.newsDetail .voteWrapper .voteDes p {
  margin: 0
}
.newsDetail .voteWrapper .voteList {
  margin-bottom: 10px
}
.newsDetail .voteWrapper .voteList dt {
  font-size: 12px;
  color: #999;
  font-weight: 400
}
.newsDetail .voteWrapper .voteList dd {
  margin-bottom: 2px
}
.newsDetail .voteWrapper .voteList dd label {
  background: #f4f4f4;
  font-size: 14px;
  color: #555;
  height: 40px;
  line-height: 40px
}
.newsDetail .voteWrapper .voteList dd label .voteListCheck {
  display: inline-block;
  font-size: 14px;
  width: 36px;
  text-align: center;
  color: #888
}
.newsDetail .voteWrapper .voteList dd label input[type=radio] {
  display: inline-block;
  margin: 0 5px;
  position: relative;
  top: 3px
}
.newsDetail .voteWrapper .voteList dd label.active {
  background: #e3f7fe
}
.newsDetail .voteWrapper .voteTips {
  font-size: 12px;
  color: #999
}
.newsDetail .voteWrapper .voteProfile {
  margin-bottom: 15px
}
.newsDetail .voteWrapper .voteProfile .voteListPhoto {
  width: 30px;
  height: 30px;
  border-radius: 50%
}
.newsIndexWrapper .newsList ul.newsListN li .newsListLink {
  height: 18px;
  line-height: 17px;
  width: auto;
  overflow: hidden;
  margin-right: 0;
  margin-top: 0
}
.newsIndexWrapper .newsList ul.newsListN li .newsListLink .newsListLinkText {
  color: #222;
  position: relative
}
.newsIndexWrapper .newsList ul.newsListN li .newsListLink .newsListLinkText:before {
  content: attr(data-letters);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  color: #f34540;
  white-space: nowrap;
  width: 0;
  -webkit-transition: width .5s;
  -moz-transition: width .5s;
  -o-transition: width .5s;
  transition: width .5s
}
.newsIndexWrapper .newsList ul.newsListN li .newsListLink .newsListLinkText:hover:before {
  width: 100%
}
.newsList2 {
  overflow: hidden
}
.newsList2 .newsList2Thum {
  float: left;
  width: 16.66667rem
}
.newsList2 .newsList2Thum a {
  display: block
}
.newsList2 .newsList2Thum a img {
  display: block;
  width: 16.66667rem;
  height: 11.33333rem;
  margin-bottom: .66667rem
}
.newsList2 .newsList2Thum a span {
  display: inline-block;
  font-size: 1.16667rem;
  color: #404040;
  height: 1.33333rem;
  line-height: 1.3;
  overflow: hidden
}
.newsList2 .newsList2List {
  margin-left: 18.33333rem
}
.newsList2 .newsList2List dl dt {
  margin-bottom: .83333rem;
  padding-top: 0;
  line-height: 1.3;
  height: 1.66667rem;
  overflow: hidden
}
.newsList2 .newsList2List dl dt a {
  color: #404040;
  font-size: 1.33333rem
}
.newsList2 .newsList2List dl dd {
  margin-bottom: .66667rem;
  height: 1.66667rem;
  overflow: hidden
}
.newsList2 .newsList2List dl dd a {
  color: #404040;
  font-size: 1.16667rem
}
.newsVideoList2 h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .83333rem
}
.newsVideoList2 h3 img {
  height: 1.33333rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.newsVideoList2 .newsVideoList2ItemL a {
  display: block;
  position: relative
}
.newsVideoList2 .newsVideoList2ItemL a .newsVideoList2ItemLThum {
  width: 100%;
  height: 100%
}
.newsVideoList2 .newsVideoList2ItemL a .newsVideoList2ItemLIcon {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 1.66667rem;
  height: 1.66667rem
}
.newsVideoList2 .newsVideoList2ItemL a span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: url(../image/stickyMask.png) 0 0 repeat;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #fff;
  overflow: hidden;
  padding: 0 .83333rem
}
.newsVideoList2 .newsVideoList2ItemS a {
  display: block;
  position: relative;
  overflow: hidden
}
.newsVideoList2 .newsVideoList2ItemS a .newsVideoList2ItemSThum {
  width: 100%;
  height: 100%
}
.newsVideoList2 .newsVideoList2ItemS a .newsVideoList2ItemSIcon {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 1.66667rem;
  height: 1.66667rem
}
.newsVideoList2 .newsVideoList2ItemS a span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transition: bottom .3s;
  -moz-transition: bottom .3s;
  -webkit-transition: bottom .3s;
  -o-transition: bottom .3s;
  bottom: -1.66667rem;
  z-index: 2;
  background: url(../image/stickyMask.png) 0 0 repeat;
  height: 1.66667rem;
  line-height: 1.66667rem;
  color: #fff;
  overflow: hidden;
  padding: 0 .83333rem;
  font-size: 1rem
}
.newsVideoList2 .newsVideoList2ItemS a:hover span {
  bottom: 0
}
.newsVideoList3 h3 {
  background: url(../image/newsVideoList3TitleBg.png) 0 bottom no-repeat;
  background-size: 100% auto;
  position: relative;
  padding-bottom: .41667rem;
  margin-bottom: .66667rem
}
.newsVideoList3 h3 img {
  height: 1.33333rem;
  vertical-align: middle;
  margin-right: .66667rem;
  margin-top: -2px
}
.newsVideoList3 h3 .more {
  position: absolute;
  right: 0;
  top: 0;
  color: #999
}
.newsVideoList3 .newsVideoList3L {
  overflow: hidden
}
.newsVideoList3 .newsVideoList3L .newsVideoList3Img {
  float: left;
  position: relative
}
.newsVideoList3 .newsVideoList3L .newsVideoList3Img .newsVideoList3ImgThum {
  width: 15rem;
  height: 8.33333rem
}
.newsVideoList3 .newsVideoList3L .newsVideoList3Img .newsVideoList3ImgIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -.83333rem;
  margin-top: -.83333rem
}
.newsVideoList3 .newsVideoList3L .newsVideoList3Text {
  margin-left: 15.83333rem
}
.newsVideoList3 .newsVideoList3L .newsVideoList3Text a {
  font-size: 1.33333rem;
  color: #404040;
  display: block;
  height: 5.41667rem;
  overflow: hidden;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 1.25rem
}
.newsVideoList3 .newsVideoList3L .newsVideoList3Text span {
  color: #999;
  font-size: 1rem;
  line-height: 1
}
.newsVideoList3 dl {
  margin: 0
}
.newsVideoList3 dl dd {
  margin-bottom: .66667rem;
  height: 1.66667rem;
  overflow: hidden
}
.newsVideoList3 dl dd a {
  color: #404040;
  font-size: 1.16667rem
}
.newsVideoList3 dl dd a img {
  margin-right: .5rem;
  margin-top: -.16667rem
}
.newsDetailVideoTitle {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 30px
}
.newsDetailVideoTitle h1 {
  font-size: 1.5rem
}
.newsDetailVideoTitle small {
  display: block;
  margin: 10px auto 0 auto;
  font-size: 12px;
  color: #7a7e82
}
@media screen and (max-width:1000px) {
  .newsDetail .newsDetailCon .newsDetailText .iframe_video {
    width: 100%;
    height: auto;
    margin-left: 0
  }
}
.system-page-wrapper .page-icon {
  margin: 20px auto 0 auto
}
.system-page-wrapper .page-title {
  width: 460px;
  margin: 20px auto 20px auto;
  font-size: 40px;
  color: #333;
  font-weight: 700
}
.system-page-wrapper .page-title small {
  display: inline-block;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  line-height: 1.4;
  vertical-align: middle
}
.lab-index {
  overflow: hidden;
  margin-top: -40px;
  margin-bottom: -40px
}
.lab-index .lab-corner, .lab-index .lab-goal {
  position: relative;
  padding: 0;
  float: left;
  width: 50%
}
.lab-index .lab-corner img, .lab-index .lab-goal img {
  width: 100%;
  filter: url(https://www.dszuqiu.com/assets/css/blur.svg);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px)
}
.lab-index .lab-corner .mask, .lab-index .lab-goal .mask {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: .3
}
.lab-index .lab-corner:hover img, .lab-index .lab-goal:hover img {
  filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  filter: none
}
.lab-index .lab-corner .lab-index-info, .lab-index .lab-goal .lab-index-info {
  position: absolute;
  left: 15%;
  top: 30%;
  z-index: 3
}
.lab-index .lab-corner .lab-index-info h2, .lab-index .lab-goal .lab-index-info h2 {
  font-weight: 700;
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px
}
.lab-index .lab-corner .lab-index-info p, .lab-index .lab-goal .lab-index-info p {
  font-size: 14px;
  color: #fff
}
.en .indexWrapper .section-1 .contentWrapper .section-1-1 {
  font-size: 26px;
  width: 540px;
  font-style: italic
}
.en .indexWrapper .section-1 .contentWrapper .section-1-4 {
  top: 260px
}
.en .indexWrapper .section-1 .contentWrapper .section-1-5 {
  top: 385px
}
.enVipWrapper .enVipBanner {
  height: 16.66667rem;
  background: url(../image/enVipBanner.jpg) 50% 50% no-repeat;
  background-size: cover;
  text-align: center;
  padding-top: 5rem;
  margin: -2.33333rem 0 3.33333rem 0
}
.enVipWrapper .enVipBanner h2 {
  font-size: 2.66667rem;
  color: #fff;
  font-weight: 700
}
.enVipWrapper .enVipBanner h4 {
  font-size: 1.41667rem;
  color: #fff
}
.enVipPackages h3 {
  font-size: 1.33333rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.66667rem;
  padding-bottom: .83333rem;
  font-weight: 700
}
.enVipPackages .enVipPackageItem {
  position: relative;
  border: 1px solid #ddd;
  text-align: center;
  margin-bottom: 1.66667rem;
  padding: 1.66667rem .83333rem;
  background: #fff;
  cursor: pointer
}
.enVipPackages .enVipPackageItem h4 {
  font-size: 1.83333rem;
  margin-bottom: .83333rem
}
.enVipPackages .enVipPackageItem h5 {
  font-size: 1.66667rem;
  font-weight: 700;
  color: #2f8162;
  margin-bottom: 1rem
}
.enVipPackages .enVipPackageItem h5 span {
  font-size: 1.33333rem;
  color: #999;
  font-weight: 400
}
.enVipPackages .enVipPackageItem h6 {
  color: #d91f1f;
  font-size: 1.08333rem;
  margin-bottom: 0;
  padding-bottom: 0
}
.enVipPackages .enVipPackageItem .popularTag {
  position: absolute;
  top: -.83333rem;
  left: .83333rem;
  display: block;
  width: 10rem;
  height: 2.5rem;
  background: url(../image/enVipPopularTag.png) 0 0 no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  line-height: 2.5rem
}
.enVipPackages .enVipPackageItem .enVipPackageItemChecked {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5rem
}
.enVipPackages .enVipPackageItem.active {
  border-color: #2f8162
}
.enVipPackages .enVipPackageItem.active .enVipPackageItemChecked {
  display: block
}
.enVipPackages .enVipCoinsIntrItem {
  border-bottom: 1px dashed #ddd;
  padding: 5rem 0
}
.enVipPackages .enVipCoinsIntrItem h4 {
  font-size: 1.66667rem;
  font-weight: 700;
  marign-bottom: 2.5rem;
  margin-top: 0;
  padding-top: 0;
  text-align: left
}
.enVipPackages .enVipCoinsIntrItem p {
  font-size: 1.16667rem;
  margin: 0;
  text-align: left
}
.enVipPackages .enVipCoinsIntrItem .enVipIntroIcon {
  width: 4.16667rem;
  height: 4.16667rem
}
.enVipPackagesCompareTable {
  border: 0
}
.enVipPackagesCompareTable thead tr th {
  font-size: 1.25rem;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  background: #fff;
  border-right: 0;
  padding: 1rem .66667rem
}
.enVipPackagesCompareTable tbody tr td {
  font-size: 1.16667rem;
  border-bottom: 1px dashed #ddd;
  background: #fff;
  border-right: 0;
  padding: 1rem .83333rem
}
.enVipPackagesCompareTable tbody tr:last-child td {
  border-bottom: 1px dashed #ddd
}
.enVipPackagesBuyBt {
  display: block;
  font-size: 1.33333rem;
  color: #4f3016;
  height: 4.16667rem;
  line-height: 4.16667rem;
  background: #ffcb3c;
  text-align: center
}
.enVipPackagesBuyBt:hover {
  color: #4f3016
}
.enVipPackagesBuySecureTips {
  font-size: 1.16667rem;
  color: #999;
  text-align: center;
  height: 3.33333rem;
  line-height: 3.33333rem;
  margin-top: .83333rem
}
#acountDropEn {
  display: none;
  position: absolute;
  right: -10px;
  top: 30px;
  padding-top: .83333rem;
  z-index: 1089 !important;
  background: #2f8162;
  width: 145px;
  text-align: center
}
#acountDropEn li {
  margin: 0;
  display: block;
  height: auto;
  line-height: 1
}
#acountDropEn li a {
  display: block;
  color: #fff !important;
  height: 30px;
  line-height: 30px;
  margin-left: 1.25rem;
  margin-right: 1.25rem
}
#acountDropEn li a .fa {
  color: #2f8162
}
#acountDropEn li a:hover {
  color: #f9dc39 !important
}
#acountDropEn li a .fa {
  margin-right: 6px
}
#acountDropEn li:last-child {
  border-top: 1px solid #ddd;
  margin-top: 4px
}
#acountDropEn li hr {
  display: block;
  border-color: #297357;
  margin: .41667rem 1.25rem
}
#acountDropEn li:last-child {
  border-top: 0;
  margin-top: 0;
  margin-bottom: .83333rem
}
.v2-max-width {
  max-width: 1200px !important
}
.wrapperV2 {
  min-width: 1200px
}
.wrapperV2 .topNavBar {
  border-top: 1px solid #338f6c;
  background: #2f8162
}
.wrapperV2 .topNavBar .topNavBarInner {
  position: relative;
  margin: 0 auto
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav {
  float: left;
  padding-top: 0;
  margin-bottom: 0;
  overflow: visible
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav dd a {
  display: inline-block;
  padding: 1.66667rem 0 1.25rem 0;
  margin-right: 10px;
  color: #fff;
  border-bottom: 3px solid #2f8162;
  font-weight: 700
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav dd a.logo {
  display: block;
  border-bottom: 0;
  margin-top: 1.58333rem;
  width: 5.33333rem;
  height: 1.66667rem;
  background: url(../image/V5indexLogo.png) 50% 50% no-repeat !important;
  background-size: 100% !important;
  text-indent: -9999px;
  padding-top: 0;
  padding-bottom: 0
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav dd a:hover {
  color: #ffd903;
  border-bottom: 3px solid #ffd903;
  border-radius: 0;
  background: 0 0 !important
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav dd a:hover.logo {
  display: block;
  border-bottom: 0;
  margin-top: 1.58333rem;
  width: 5.33333rem;
  height: 1.66667rem;
  background: url(../image/V5indexLogo.png) 50% 50% no-repeat !important;
  background-size: 100% !important;
  text-indent: -9999px;
  border-bottom: 0
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav dd.active a {
  color: #ffd903;
  border-bottom: 3px solid #ffd903;
  border-radius: 0;
  background: 0 0 !important
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav dd.active a.logo {
  display: block;
  border-bottom: 0;
  margin-top: 1.58333rem;
  width: 5.33333rem;
  height: 1.66667rem;
  background: url(../image/V5indexLogo.png) 50% 50% no-repeat !important;
  background-size: 100% !important;
  text-indent: -9999px;
  border-bottom: 0
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav dd:first-child {
  margin-left: 0
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav dd.topNavSpecBt a {
  padding: .33333rem .83333rem;
  background: #f9dc39;
  border-radius: .33333rem;
  color: #2f8162;
  border-bottom: 0;
  margin-top: 1.25rem;
  font-weight: 400
}
.wrapperV2 .topNavBar .topNavBarInner .sub-nav dd.topNavSpecBt a:hover {
  border-bottom: 0;
  background: #f9dc39 !important;
  color: #2f8162 !important
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight {
  float: right;
  text-align: right;
  margin-top: 9px
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul {
  margin: 0
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li {
  display: inline-block;
  margin: 8px 10px;
  height: 30px;
  line-height: 22px
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li > a {
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li > a:hover {
  color: #ffd903
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount {
  position: relative
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount .topBarAccountLink {
  position: relative;
  display: block
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount .topBarAccountLink .photo {
  height: 22px;
  border-radius: 50%;
  margin-right: 6px
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount .topBarAccountLink .vip {
  position: absolute;
  z-index: 1;
  left: 18px;
  bottom: 4px;
  width: 8px
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount .topBarAccountLink strong {
  font-weight: 400;
  vertical-align: middle
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount #acountDrop {
  display: none;
  position: absolute;
  right: -10px;
  top: 30px;
  z-index: 1089 !important;
  background: #fff;
  width: 138px;
  text-align: center
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount #acountDrop:before {
  top: -8px
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount #acountDrop:after {
  top: -9px
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount #acountDrop li {
  margin: 0;
  display: block;
  height: auto;
  line-height: 1
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount #acountDrop li a {
  display: block;
  color: #222 !important;
  height: 30px;
  line-height: 30px
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount #acountDrop li a .fa {
  color: #2f8162
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount #acountDrop li a:hover {
  color: #222 !important;
  background: #f4f4f4
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount #acountDrop li a .fa {
  margin-right: 6px
}
.wrapperV2 .topNavBar .topNavBarInner .topBarRight ul li.topBarAccount #acountDrop li:last-child {
  border-top: 1px solid #ddd;
  margin-top: 4px
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch {
  position: relative;
  float: right;
  width: 190px;
  height: 30px;
  padding-top: 6px;
  padding-left: 13px;
  margin-top: 12px;
  margin-right: 15px;
  border-radius: 20px;
  background: #066348
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch .searchField {
  background: 0 0;
  border: 0;
  box-shadow: none;
  padding: 0;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  margin-bottom: 0;
  width: 142px;
  color: #fff
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch .searchField::-webkit-input-placeholder {
  color: #fff
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch .searchField:-moz-placeholder {
  color: #fff
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch .searchField::-moz-placeholder {
  color: #fff
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch .searchField:-ms-input-placeholder {
  color: #fff
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch .searchField:-webkit-autofill {
  background: 0 0;
  -webkit-box-shadow: 0 0 0 1000px #066348 inset;
  -webkit-text-fill-color: #fff
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch .topBarNavSearchBt {
  display: block;
  position: absolute;
  right: 13px;
  top: 7px;
  background: 0 0;
  border: 0;
  margin-bottom: 0;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  font-size: 1.16667rem;
  color: #fff
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch.searchFocus {
  background-color: #fff !important
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch.searchFocus .searchField {
  color: #404040 !important
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch.searchFocus .searchField::-webkit-input-placeholder {
  color: #999
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch.searchFocus .searchField:-moz-placeholder {
  color: #999
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch.searchFocus .searchField::-moz-placeholder {
  color: #999
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch.searchFocus .searchField:-ms-input-placeholder {
  color: #999
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch.searchFocus .searchField:-webkit-autofill {
  background: 0 0;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #333
}
.wrapperV2 .topNavBar .topNavBarInner .topBarNavSearch.searchFocus .topBarNavSearchBt {
  color: #404040
}
.wrapperV2 .indexNews {
  margin: 0 auto 20px auto
}
.wrapperV2 .indexNews .indexNewsList {
  margin-left: 680px
}
.wrapperV2 .indexNews .indexNewsList dl dt {
  font-size: 20px;
  margin-bottom: 6px;
  margin-top: 5px
}
.wrapperV2 .indexNews .indexNewsList dl dt:first-child {
  margin-top: 0
}
.wrapperV2 .indexNews .indexNewsList dl dt a {
  color: #d91f1f
}
.wrapperV2 .indexNews .indexNewsList dl dt a:hover {
  text-decoration: underline
}
.wrapperV2 .indexNews .indexNewsList dl dd {
  font-size: 15px;
  margin-bottom: 5px
}
.wrapperV2 .indexNews .indexNewsList dl dd a {
  color: #404040
}
.wrapperV2 .indexNews .indexNewsList dl dd a:hover {
  color: #d91f1f
}
.wrapperV2 .indexNews .indexNewsList dl dd span {
  display: inline-block;
  color: #999;
  padding: 0 5px
}
.wrapperV2 .indexNews .indexSlider {
  width: 100%
}
.wrapperV2 .indexNews .indexSlider .indexSliderL {
  width: 100%
}
.wrapperV2 .indexNews .indexSlider .indexSliderL .bx-wrapper {
  margin-bottom: 0
}
.wrapperV2 .indexNews .indexSlider .indexSliderL .bx-wrapper .bx-viewport {
  left: 0;
  box-shadow: 0;
  border: 0
}
.wrapperV2 .indexNews .indexSlider .indexSliderL .bx-wrapper .bx-viewport .newsBxslider {
  width: 100%
}
.wrapperV2 .indexNews .indexSlider .indexSliderL .bx-wrapper .bx-viewport .newsBxslider li a {
  display: block;
  position: relative
}
.wrapperV2 .indexNews .indexSlider .indexSliderL .bx-wrapper .bx-viewport .newsBxslider li a img {
  width: 100%
}
.wrapperV2 .indexNews .indexSlider .indexSliderL .bx-wrapper .bx-viewport .newsBxslider li a p {
  position: absolute;
  margin-bottom: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  background: url(../image/bannerBg.png) 0 bottom repeat-x;
  background-size: auto 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 700
}
.wrapperV2 .indexNews .indexSlider .indexSliderL .bx-wrapper .bx-pager {
  bottom: 15px;
  text-align: right;
  padding-right: 20px
}
.wrapperV2 .indexNews .indexSlider .indexSliderL .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a {
  background: #fff;
  opacity: .5
}
.wrapperV2 .indexNews .indexSlider .indexSliderL .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active {
  opacity: 1
}
.wrapperV2 .indexBlockTitle {
  line-height: 1;
  border-bottom: 1px solid #d91f1f;
  margin: 20px auto;
  padding-bottom: 20px
}
.wrapperV2 .indexBlockTitle img {
  height: 24px
}
.wrapperV2 .dataDescription {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto;
  height: 80px;
  line-height: 80px;
  margin: 0 auto 10px auto;
  text-align: center
}
.wrapperV2 .dataDescription i {
  color: #d91f1f;
  font-size: 20px
}
.wrapperV2 .indexLeagues {
  margin: 0 auto 40px auto;
  position: relative
}
.wrapperV2 .indexLeagues .bx-wrapper .bx-viewport {
  box-shadow: none;
  padding: 0;
  border: 0;
  padding-left: 1px;
  margin-left: 8px
}
.wrapperV2 .indexLeagues .indexLeaguesSliderL, .wrapperV2 .indexLeagues .indexLeaguesSliderR {
  display: block;
  text-align: center;
  width: 36px;
  font-size: 26px;
  height: 85px;
  border: 1px solid #ddd;
  background: #f4f4f4
}
.wrapperV2 .indexLeagues .indexLeaguesSliderL a, .wrapperV2 .indexLeagues .indexLeaguesSliderR a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 22px;
  color: #999
}
.wrapperV2 .indexLeagues .indexLeaguesSliderL a:hover, .wrapperV2 .indexLeagues .indexLeaguesSliderR a:hover {
  color: #666
}
.wrapperV2 .indexLeagues .indexLeaguesSliderL:hover, .wrapperV2 .indexLeagues .indexLeaguesSliderR:hover {
  border-color: #666
}
.wrapperV2 .indexLeagues .indexLeaguesSliderL:hover a, .wrapperV2 .indexLeagues .indexLeaguesSliderR:hover a {
  color: #666
}
.wrapperV2 .indexLeagues .indexLeaguesSliderL {
  position: absolute;
  left: 0;
  top: 0
}
.wrapperV2 .indexLeagues .indexLeaguesSliderR {
  position: absolute;
  right: 0;
  top: 0
}
.wrapperV2 .indexLeagues .leaguesSlider li a {
  display: block;
  border: 1px solid #ddd;
  text-align: center;
  width: 100px;
  height: 85px;
  color: #404040
}
.wrapperV2 .indexLeagues .leaguesSlider li a img {
  display: block;
  height: 50px;
  margin: 6px auto 2px auto
}
.wrapperV2 .indexPhotos {
  margin: 0 auto 15px auto;
  position: relative
}
.wrapperV2 .indexPhotos .bx-wrapper .bx-viewport {
  box-shadow: none;
  padding: 0;
  border: 0;
  padding-left: 1px;
  margin-left: 8px
}
.wrapperV2 .indexPhotos .indexPhotosSliderL, .wrapperV2 .indexPhotos .indexPhotosSliderR {
  display: block;
  text-align: center;
  width: 36px;
  font-size: 26px;
  height: 120px;
  border: 1px solid #ddd;
  background: #f4f4f4
}
.wrapperV2 .indexPhotos .indexPhotosSliderL a, .wrapperV2 .indexPhotos .indexPhotosSliderR a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  color: #999
}
.wrapperV2 .indexPhotos .indexPhotosSliderL a:hover, .wrapperV2 .indexPhotos .indexPhotosSliderR a:hover {
  color: #666
}
.wrapperV2 .indexPhotos .indexPhotosSliderL:hover, .wrapperV2 .indexPhotos .indexPhotosSliderR:hover {
  border-color: #666
}
.wrapperV2 .indexPhotos .indexPhotosSliderL:hover a, .wrapperV2 .indexPhotos .indexPhotosSliderR:hover a {
  color: #666
}
.wrapperV2 .indexPhotos .indexPhotosSliderL {
  position: absolute;
  left: 0;
  top: 0
}
.wrapperV2 .indexPhotos .indexPhotosSliderR {
  position: absolute;
  right: 0;
  top: 0
}
.wrapperV2 .indexPhotos .photosSlider li a {
  display: block;
  border: 1px solid #ddd;
  text-align: center;
  width: 120px;
  height: 120px;
  color: #404040
}
.wrapperV2 .indexPhotos .photosSlider li a img {
  display: block;
  width: 100%
}
.wrapperV2 .indexHotRaces {
  margin: 0 auto 40px auto;
  border: 1px solid #ddd
}
.wrapperV2 .indexHotRaces .indexHotRacesList {
  margin-bottom: 0
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd:last-child {
  border-bottom: 0
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd:nth-of-type(even) {
  background: #f4f4f4
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle {
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  padding: 0 10px;
  height: 70px;
  line-height: 70px;
  overflow: hidden
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle .raceType {
  height: 18px;
  margin-right: 10px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle .raceTeam {
  margin: 0 10px;
  height: 26px;
  vertical-align: middle
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle .raceDetail img, .wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle .raceFav img {
  width: 30px;
  margin-left: 15px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle .raceFav .favOn {
  display: none
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle .raceFav.active .favOff, .wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle .raceFav:hover .favOff {
  display: none
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle .raceFav.active .favOn, .wrapperV2 .indexHotRaces .indexHotRacesList dd .raceTitle .raceFav:hover .favOn {
  display: inline-block
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo {
  display: none
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo.active {
  display: block
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs {
  border-bottom: 1px solid #2b3034;
  background: #3c444a
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs .tab-title {
  width: 33.33%;
  margin-right: 0;
  text-align: center;
  border-color: #2b3034;
  border-left: 0
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs .tab-title:last-child {
  width: 33.34%;
  border-right: 0
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs .tab-title > a {
  background: #3c444a;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs .tab-title > a span {
  border-bottom: 3px solid #3c444a;
  display: inline-block;
  height: 50px;
  line-height: 50px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs .tab-title.active > a {
  background: #454d54;
  color: #ffd903
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs .tab-title.active > a span {
  border-bottom: 3px solid #ffd903;
  font-weight: 700
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content {
  background: #454d54;
  padding: 20px 30px;
  border: 0;
  margin-bottom: 0
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem {
  position: relative;
  background: #3c444a;
  border: 1px solid #2b3034;
  padding: 10px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .score-bar-item {
  color: #fff
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .score-bar-item h5 {
  color: #fff
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .raceInfoItemHistory h3 {
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .raceInfoItemHistory .raceTeam {
  height: 60px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .raceInfoItemHistory h4 {
  font-size: 20px;
  text-align: center;
  color: #fff;
  margin-top: 20px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .raceInfoItemHistory .teamWLD {
  margin-top: 5px;
  margin-bottom: 3px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .raceInfoItemHistory .teamWLD span {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .raceInfoItemHistory .teamWLD span.win {
  background: #d91f1f
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .raceInfoItemHistory .teamWLD span.lose {
  background: #29b47f
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .raceInfoItemHistory .teamWLD span.draw {
  background: #a4a4a4
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content .raceInfoItem .raceInfoItemTips {
  font-size: 12px;
  color: #ddd;
  position: absolute;
  left: -8px;
  top: -24px;
  transform: scale(.9, .9)
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoRankTable {
  border-color: #2b3034;
  background: #4a555f;
  margin-bottom: 0
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoRankTable thead tr th {
  border-right: 0;
  border-bottom-color: #2b3034;
  color: #fff;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoRankTable tbody tr {
  background: #454d54
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoRankTable tbody tr:nth-of-type(even) {
  background: #4a555f
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoRankTable tbody tr td {
  border-color: #2b3034;
  color: #fff;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable {
  border-color: #2b3034;
  background: #4a555f;
  margin-bottom: 0
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable thead tr th {
  border-right: 0;
  border-bottom-color: #2b3034;
  color: #fff;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable tbody tr {
  background: #454d54
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable tbody tr:nth-of-type(even) {
  background: #4a555f
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable tbody tr td {
  border-color: #2b3034;
  color: #fff;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable tbody tr td.pinkRedTD {
  background: #d77070
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable tbody tr td.pinkGreenTD {
  background: #4aa793
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable tbody tr td.orangeTd {
  background: #80bef5
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable tbody tr td.timeTd {
  background: #53606c
}
.wrapperV2 .indexHotRaces .indexHotRacesList dd .raceInfo .tabs-content table.raceInfoPanTable tbody tr td.titleTd {
  background: #4a555f
}
.wrapperV2 .indexPhoto {
  margin: 0 auto 20px auto
}
.wrapperV2 .indexPhoto .indexPhotoItem {
  position: relative;
  display: block
}
.wrapperV2 .indexPhoto .indexPhotoItem p {
  position: absolute;
  margin-bottom: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: url(../image/bannerBg.png) 0 bottom repeat-x;
  background-size: auto 100%;
  color: #fff;
  font-size: 14px
}
.wrapperV2 .indexVideo {
  margin: 0 auto 20px auto
}
.wrapperV2 .indexVideo li {
  height: 36px;
  line-height: 36px;
  padding-bottom: 0
}
.wrapperV2 .indexVideo a {
  font-size: 14px;
  color: #404040;
  vertical-align: middle
}
.wrapperV2 .indexVideo a:hover {
  color: #d91f1f
}
.wrapperV2 .indexVideo .videoTime {
  display: inline-block;
  background: #2f8162;
  color: #fff;
  width: 85px;
  text-align: center;
  padding: 2px 6px;
  border-radius: 2px;
  margin-right: 4px;
  line-height: 1.8
}
.wrapperV2 .indexVideo .videoTime.current {
  background: #d91f1f;
  color: #fff
}
.wrapperV2 .main-footer {
  background: #fafafa;
  text-align: center;
  font-size: 14px;
  padding-left: 0;
  padding-right: 0
}
.wrapperV2 .main-footer > .row {
  margin: 0 .83333rem
}
.wrapperV2 .main-footer a {
  font-size: 14px
}
.wrapperV2 .main-footer span {
  font-size: 14px
}
.wrapperV2 .main-footer h4 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 700
}
.wrapperV2 .main-footer [class*=block-grid-] > li {
  padding-bottom: 6px
}
.wrapperV2 .main-footer .row .columns {
  border-right: 1px solid #ddd;
  padding-left: 20px
}
.wrapperV2 .main-footer .row .columns:last-child {
  border-right: 0;
  margin-right: 0
}
.wrapperV2 .main-footer .row .columns:first-child {
  padding-left: 0
}
.wrapperV2 .main-footer .appDownload img {
  width: 116px;
  float: left
}
.wrapperV2 .main-footer .appDownload .appLinksButtons {
  margin-left: 126px;
  width: 140px
}
.wrapperV2 .main-footer .appDownload .appLinksButtons .button {
  color: #2f8162;
  background: 0 0;
  border: 1px solid #2f8162;
  font-size: 12px;
  text-align: center
}
.wrapperV2 .main-footer .appDownload .appLinksButtons .button:hover {
  background: 0 0;
  color: #2f8162;
  text-decoration: none
}
input:-webkit-autofill {
  background: 0 0 !important
}
.teamMain {
  background: url(../image/analysisBg.jpg) #fff 50% 0 no-repeat;
  background-size: 100% auto;
  padding-top: 75px
}
.teamMain .teamHeader {
  position: relative;
  margin-top: 70px;
  margin-bottom: 40px;
  background: url(../image/teamHeaderBg.png) 0 0 repeat-x;
  background-size: auto 100%;
  border-radius: 6px
}
.teamMain .teamHeader .teamImg {
  position: absolute;
  left: 5px;
  top: -85px;
  display: block;
  height: 200px;
  width: 200px;
  padding: 40px 20px 0 20px;
  background: url(../image/teamImgBg.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  border-radius: 8px;
  text-align: center !important;
  margin-bottom: 30px
}
.teamMain .teamHeader .teamImg img {
  width: 135px;
  height: 135px
}
.teamMain .teamHeader .teamInfo {
  margin-left: 230px;
  padding-top: 15px
}
.teamMain .teamHeader .teamInfo h1 {
  font-size: 20px;
  padding: 0;
  line-height: 1;
  margin-bottom: 16px
}
.teamMain .teamHeader .teamInfo h1 .teamFav {
  font-size: 20px
}
.teamMain .teamHeader .teamInfo p {
  font-size: 16px;
  margin-bottom: 16px;
  padding: 0;
  line-height: 1;
  overflow: hidden
}
.teamMain .teamHeader .teamInfo p a {
  background: 0 0;
  border: 1px solid #2f8162;
  color: #2f8162
}
.teamMain .teamHeader .teamInfo p span {
  display: block;
  float: left;
  width: 90px
}
.teamMain .teamHeader .teamInfo p span.teamInfoContent {
  float: none;
  margin-left: 90px;
  width: auto
}
.teamMain .teamHeader .teamData table thead tr th {
  padding-top: 6px;
  padding-bottom: 6px
}
.teamMain .teamHeader .teamData table tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px
}
.teamMain .teamHeader .teamData table tbody tr td b {
  font-weight: 400
}
.teamMain .teamHeader .teamData table tbody tr td .rateItem {
  margin-right: 5px
}
.teamMain .teamHeader .teamData table tbody tr td .rateItem:last-child {
  margin-right: 0
}
.teamMain .teamRaceTitle {
  position: relative;
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  color: #2f8162;
  padding-left: 15px;
  margin-bottom: 15px
}
.teamMain .teamRaceTitle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 4px;
  height: 16px;
  background: #2f8162
}
.teamMain .teamData {
  margin-left: 15px;
  padding-right: 15px
}
.teamMain .teamIntr {
  padding: .83333rem
}
.teamMain .teamIntr p {
  line-height: 1.6;
  text-indent: 2rem
}
.teamMain .tabs-content {
  box-shadow: 0 4px 8px #eee
}
.playerMain {
  background: url(../image/analysisBg.jpg) #fff 50% 0 no-repeat;
  background-size: 100% auto;
  padding-top: 75px
}
.playerMain .sidebar .side-nav li {
  padding: 0
}
.playerMain .sidebar .side-nav li a:not(.button) {
  padding: .83333rem 1.66667rem .83333rem 2.5rem
}
.playerMain .sidebar .side-nav li a:not(.button) b {
  display: inline-block;
  margin-right: 1.25rem;
  width: 1.5rem;
  text-align: center
}
.playerMain .sidebar .side-nav li.subHeading {
  padding: .83333rem 1.66667rem
}
.playerMain .playerIntr p {
  font-size: 1.16667rem;
  line-height: 1.6;
  text-indent: 2rem
}
.playerMain .playerIntr font {
  font-size: 1.16667rem;
  line-height: 1.6
}
.playerMain .playerPhoto img {
  width: 100%;
  height: auto
}
.playerMain .playerBasicDetail {
  padding: 1.66667rem 1.25rem
}
.playerMain .playerBasicDetail .playerBasicDetailItem {
  border-bottom: 1px dashed #eee;
  padding: .5rem 0;
  margin-bottom: 0
}
.playerMain .playerBasicDetail .playerBasicDetailItem:first-child {
  padding-top: 0
}
.vEn .signUpSocial .loginLinks {
  letter-spacing: 0;
  font-size: 12px
}
.vEn .wrapperV2 .topNavBar .topNavBarInner .sub-nav dd a.logo, .vEn .wrapperV2 .topNavBar .topNavBarInner .sub-nav dd.active a.logo {
  display: block;
  border-bottom: 0;
  padding-top: 0 !important;
  text-indent: 0;
  background: 0 0 !important;
  width: auto !important;
  margin-top: 15px !important
}
.vEn .wrapperV2 .topNavBar .topNavBarInner .sub-nav dd a.logo img, .vEn .wrapperV2 .topNavBar .topNavBarInner .sub-nav dd.active a.logo img {
  height: 36px !important
}
.vEn .teamMain {
  background: url(../image/analysisBg.jpg) #fff 50% 0 no-repeat
}
.vEn .teamMain .teamHeader .teamInfo p span.teamInfoContent {
  margin-left: 8.33333rem
}
.vEn .data-wrapper .dataHeader .dataHeaderSearch {
  padding: 50px 0 20px 0
}
.vEn .data-wrapper .dataHeader .dataHeaderSearch .dataHeaderSearchIcon {
  top: 63px
}
.vEn .data-wrapper .dataHeader .dataHeaderSearch .dataHeaderSearchError {
  top: 103px
}
.vEn .data-wrapper .dataHeader.hasIamNotAd {
  height: 280px
}
.vEn .data-wrapper .dataHeader.hasIamNotAd .iamNotAd1 {
  margin-bottom: 10px;
  padding-top: 10px
}
.vEn .data-wrapper .dataHeader.hasIamNotAd .dataH1 {
  margin-top: 0
}
.vEn .data-wrapper .dataHeader.hasIamNotAd .dataHeaderSearch {
  padding-top: 20px
}
.vEn .data-wrapper .dataHeader.hasIamNotAd .dataHeaderSearch .dataHeaderSearchIcon {
  top: 33px
}
.vEn .data-wrapper .dataHeader.hasIamNotAd .dataHeaderSearch .dataHeaderSearchError {
  top: 73px
}
.vEn .enVipWrapper .enVipBanner.hasIamNotAd {
  padding-top: 15px;
  height: 230px
}
.vEn .indexWrapperAppWeb .section-1 .indexslider li .indexslider-1 .indexslider-1-text h2 {
  font-size: 16px;
  margin-top: 20px
}
.vEn .main {
  background: url(../image/body-bg-4.jpg) #fff repeat-x
}
.vEn .main.analysisMain {
  background: url(../image/analysisBg.jpg) #fff 50% 0 no-repeat
}
.vEn .label.action {
  background: #fff;
  border: 1px solid #ddd;
  color: #222
}
.vEn .label.win {
  background: #43ac6a;
  color: #fff
}
.vEn .label.lose {
  background: #d91f1f;
  color: #fff
}
.vEn .label.draw {
  background: #eee;
  color: #999
}
.enFooter > .row {
  margin: 0 auto !important;
  text-align: left
}
.censorWrapper .accordion .accordion-navigation.active > a, .censorWrapper .accordion dd.active > a {
  color: #fff
}
.censorWrapper ::-webkit-input-placeholder {
  color: #ccc
}
.censorWrapper :-moz-placeholder {
  color: #ccc
}
.censorWrapper ::-moz-placeholder {
  color: #ccc
}
.censorWrapper :-ms-input-placeholder {
  color: #ccc
}
.censorWrapper label {
  color: #888
}
.shadowPanel {
  padding-top: 1.66667rem !important
}
.shadowPanel .searchBar {
  padding: 0;
  border: 0
}
.shouruDataWrapper {
  border: 1px solid #ddd;
  border-top: 0;
  padding: 1.66667rem;
  margin-top: -20px
}
.shouruDataWrapper .shouruConItem {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 2px 1px -1px rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .14);
  padding: 0
}
.wrapperV2.wemediaWrapper .main {
  background: url(../image/crmIndexBg.jpg) 50% 0 no-repeat;
  background-size: cover
}
.wrapperV2.wemediaWrapper .main .wemediaLogo {
  text-align: center;
  margin: 50px auto 90px auto
}
.wrapperV2.wemediaWrapper .main .wemediaLogo img {
  height: 3.75rem
}
.wrapperV2.wemediaWrapper .main .wemediaYouCan {
  font-size: 1.66667rem;
  color: #fff;
  text-align: center;
  margin-bottom: 3.33333rem
}
.wrapperV2.wemediaWrapper .main .wemediaIntr {
  width: 58.33333rem;
  margin: 0 auto 60px auto
}
.wrapperV2.wemediaWrapper .main .wemediaIntr .wemediaItem {
  display: block;
  background: url(../image/crmItemBg.png) 0 0 repeat;
  text-align: center;
  color: #fff;
  padding: 4.16667rem 0 1.66667rem 0;
  margin: 0 20px
}
.wrapperV2.wemediaWrapper .main .wemediaIntr .wemediaItem img {
  display: block;
  height: 70px;
  width: auto;
  margin: 0 auto
}
.wrapperV2.wemediaWrapper .main .wemediaIntr .wemediaItem p {
  font-size: 1.33333rem;
  margin: 2.5rem 0 0 0;
  text-align: center
}
.wrapperV2.wemediaWrapper .main .wemediaIntr .wemediaItem.wemediaItemArticle:hover {
  background: #d24b4b;
  box-shadow: 0 4px 6px #293845
}
.wrapperV2.wemediaWrapper .main .wemediaIntr .wemediaItem.wemediaItemReward:hover {
  background: #4885d5;
  box-shadow: 0 4px 6px #293845
}
.wrapperV2.wemediaWrapper .main .wemediaIntr .wemediaItem.wemediaItemMoney:hover {
  background: #eda93e;
  box-shadow: 0 4px 6px #293845
}
.wrapperV2.wemediaWrapper .main .wemediaCtr {
  text-align: center;
  margin-bottom: 200px
}
.wrapperV2.wemediaWrapper .main .wemediaCtr .wemediaCtrBt {
  display: inline-block;
  font-size: 16px;
  color: #63581e;
  line-height: 1;
  padding: 16px 70px;
  background: #ffd903;
  box-shadow: 0 3px 3px #293845;
  margin-bottom: 30px
}
.wrapperV2.wemediaWrapper .main .wemediaCtr .wemediaCtrBt.disabled {
  background: #9f9f9f;
  color: #fff
}
.wrapperV2.wemediaWrapper .main .wemediaCtr .wemediaCtrBt.success {
  background: #1fc827;
  color: #fff
}
.wrapperV2.wemediaWrapper .main .wemediaCtr .wemediaCtrTips {
  color: #fff;
  font-size: 14px;
  text-align: center
}
.expertForm {
  background: #fff;
  border-radius: .5rem;
  border: 1px solid #ddd;
  padding: 1.66667rem 2.5rem
}
.expertForm .expertPhoto {
  text-align: center
}
.expertForm .expertPhoto img {
  width: 100px;
  height: 100px;
  border-radius: 50%
}
.expertForm .expertPhoto h4 {
  text-align: center;
  margin: .83333rem 0 .41667rem 0;
  font-size: 16px;
  font-weight: 700
}
.expertForm .uploadImgWrapper {
  overflow: hidden
}
.expertForm .uploadImgWrapper .uploadImgItem {
  float: left;
  width: 180px
}
.expertForm .uploadImgWrapper .uploadImgItem p {
  font-size: 14px;
  width: 13.33333rem
}
.expertForm .uploadImg {
  position: relative;
  display: block;
  width: 13.33333rem;
  height: 10rem;
  margin-bottom: .83333rem;
  margin-top: .83333rem;
  border: 1px dashed #ddd;
  overflow: hidden
}
.expertForm .uploadImg img {
  width: 100%
}
.expertForm .uploadImg input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  margin-bottom: 0;
  font-size: 8.33333rem;
  opacity: 0
}
.expertForm .uploadImg.loadingImg {
  border: 1px dashed #ddd;
  text-align: center;
  vertical-align: middle
}
.expertForm .uploadImg.loadingImg img {
  width: auto;
  height: auto;
  margin-top: 50px
}
.expertForm .button, .expertForm .button:hover {
  background: #ffd903;
  color: #63581e;
  width: 140px;
  border: 0
}
.expertForm .button.secondary, .expertForm .button.secondary:hover, .expertForm .button:hover.secondary, .expertForm .button:hover.secondary:hover {
  background: #ececec;
  color: #999
}
.expertForm .expertFormError {
  font-size: 1rem;
  color: #d91f1f;
  margin-top: -.83333rem
}
.wrapperV2.crmTuanWrapper .main {
  padding-top: 0
}
.wrapperV2.crmTuanWrapper .main .crmTuanHeader {
  height: 240px;
  background: url(../image/crmIndexBg2.jpg) 50% 50% no-repeat;
  background-size: cover;
  color: #fff
}
.wrapperV2.crmTuanWrapper .main .crmTuanHeader h3 {
  font-size: 1.83333rem;
  text-align: center;
  padding: 3.33333rem 0 2.5rem 0;
  color: #fff;
  margin: 0
}
.wrapperV2.crmTuanWrapper .main .crmTuanHeader p {
  font-size: 1.16667rem;
  margin-bottom: 1.25rem
}
.wrapperV2.crmTuanWrapper .main .crmTuanStep {
  text-align: center;
  margin: 3.33333rem 0
}
.wrapperV2.crmTuanWrapper .main .crmTuanStep img {
  height: 2.83333rem;
  width: auto
}
.wrapperV2.crmTuanWrapper .main .expertForm {
  border: 0
}
.wrapperV2.crmTuanWrapper .main .crmTuanProcess {
  text-align: center;
  margin: 40px auto
}
.wrapperV2.crmTuanWrapper .main .crmTuanProcess img {
  height: 270px;
  width: auto
}
.wrapperV2.crmTuanWrapper .main .crmTuanProcess p {
  margin-top: 40px;
  font-size: 1.16667rem
}
.sa2019Wrapper {
  background: #fbfbfb
}
.sa2019Wrapper .worldcupHeader {
  background: url(../image/headerBg.png) 50% 0 repeat-x;
  background-size: cover
}
.sa2019Wrapper .worldcupHeader .topNavBar {
  background: 0 0;
  border-top: 0
}
.sa2019Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd a {
  color: #fff;
  border-bottom: 0
}
.sa2019Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd a:hover {
  color: #ffd903;
  border-bottom: 0
}
.sa2019Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd.active a {
  color: #ffd903;
  border-bottom: 0;
  background: 0 0 !important
}
.sa2019Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd.dsHasDropdown .topNavBarDropdown {
  margin-top: 4.58333rem
}
.sa2019Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarRight ul li > a {
  color: #fff
}
.sa2019Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarRight ul li > a:hover {
  color: #ffd903
}
.sa2019Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarNavSearch {
  background: 0 0;
  border: 1px solid #fff
}
.sa2019Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarNavSearch .searchField {
  background: 0 0
}
.sa2019Wrapper .worldcupHeader .dsHasDropdown .topNavBarDropdown {
  background: #1b7fd4
}
.sa2019Wrapper .worldcupLogo {
  padding: .91667rem 0 0 0
}
.sa2019Wrapper .worldcupSecondNav {
  background: rgba(0, 0, 0, .1)
}
.sa2019Wrapper .worldcupSecondNav ul li {
  margin: 0;
  padding: 0
}
.sa2019Wrapper .worldcupSecondNav ul li a {
  display: block;
  font-size: 14px;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px
}
.sa2019Wrapper .worldcupSecondNav ul li a:active, .sa2019Wrapper .worldcupSecondNav ul li a:hover {
  color: #ffd903
}
.sa2019Wrapper .worldcupSecondNav ul li.active, .sa2019Wrapper .worldcupSecondNav ul li:hover {
  background: #F82024
}
.sa2019Wrapper .worldcupSecondNav ul li.active a, .sa2019Wrapper .worldcupSecondNav ul li:hover a {
  color: #fff
}
.sa2019Wrapper .main {
  padding-top: 4.16667rem;
  background: 0 0
}
.sa2019Wrapper .cupDailyWrapper {
  overflow: hidden;
  background: #1a2d3d;
  margin-top: 3.33333rem;
  margin-bottom: 3.33333rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar {
  width: 100%
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle {
  height: 3.58333rem;
  line-height: 3.5rem;
  border-bottom: 1px solid #1d2535
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle a {
  font-size: 1.83333rem;
  color: #fff
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle h3 {
  text-align: center;
  color: #fff;
  font-size: 18px;
  height: 3.58333rem;
  line-height: 3.66667rem;
  margin: 0;
  padding: 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle > .row {
  margin: 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle > .row .columns {
  padding: 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable {
  margin: 1rem .83333rem 0 .83333rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table {
  width: 100%;
  background: 0 0;
  border-spacing: 0;
  border-style: hidden;
  border: 0;
  margin-bottom: 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table thead tr th {
  background: 0 0;
  text-align: center;
  font-size: 1.33333rem;
  color: #56636e;
  border: 0;
  padding: .5rem 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr {
  background: 0 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td {
  background: 0 0;
  text-align: center;
  border: 0;
  padding: 0 0 1.83333rem 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a {
  display: inline-block;
  width: 3rem;
  text-align: center;
  color: #fff;
  padding: .33333rem 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a span {
  display: block;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1;
  margin-bottom: .33333rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a small {
  display: block;
  font-size: 1.16667rem;
  color: #5f7485;
  line-height: 1
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled {
  cursor: default
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled span {
  color: #5f7485;
  font-size: 1.66667rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled:hover {
  background: 0 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled:hover span {
  color: #5f7485
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.active {
  background: #27d96e;
  color: #fff
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.active:hover {
  background: #2ad971;
  color: #fff
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.active small {
  color: #fff
}
.sa2019Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a:hover {
  background: #2a4257;
  color: #fff
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper {
  border-right: 1px solid #1d2535
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs {
  border-bottom: 1px solid #1d2535;
  margin-right: 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title {
  border: 0;
  border-right: 1px solid #1d2535;
  border-radius: 0;
  margin: 0;
  padding: 0;
  text-align: center
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title.active {
  box-shadow: none
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title.active > a {
  background: #254055
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title a {
  padding: .83333rem 0;
  border-radius: 0;
  background: 0 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title > a {
  color: #fff
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title > a:hover {
  background: #254055
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li:last-child.tab-title {
  border-right: 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs-content {
  margin: 0;
  border: 0;
  padding: 0;
  background: 0 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs-content > .content {
  padding: 1.66667rem 0 0 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItem .cupDailyRaceItemTeam {
  display: inline-block;
  width: 8.33333rem;
  text-align: center
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItem .cupDailyRaceItemTeam img {
  width: 7rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItem .cupDailyRaceItemTeam h4 {
  font-size: 1.16667rem;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 1.66667rem;
  line-height: 1.66667rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter {
  text-align: center
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter h5 {
  color: #fff;
  text-align: center;
  font-size: 1.33333rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter p {
  color: #fff;
  text-align: center;
  font-size: 1.16667rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter .cupDailyRaceCenterVS {
  width: 6.66667rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter .cupDailyRaceCenterPoint strong {
  display: inline-block;
  font-size: 4.16667rem;
  color: #fff;
  vertical-align: middle;
  height: 4.5rem;
  line-height: 4.5rem;
  font-weight: 400
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData {
  padding: 1.66667rem 1.25rem;
  background: #142430
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar {
  overflow: hidden;
  border-radius: .25rem;
  display: block;
  position: relative;
  height: 28px;
  background: url(../image/recommendBarBg3.png) 0 0 repeat-x;
  background-size: auto 100%;
  margin-bottom: 1px
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendBar1 {
  float: left;
  height: 28px;
  background: url(../image/recommendBarBg1.png) 0 0 repeat-x;
  background-size: auto 100%
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendBar2 {
  float: left;
  height: 28px;
  background: url(../image/recommendBarBg2.png) 0 0 repeat-x;
  background-size: auto 100%
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText {
  position: absolute;
  z-index: 2;
  font-size: 1.08333rem;
  color: #fff;
  height: 28px;
  width: 100%;
  padding: 0 10px
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p {
  margin: 9px 0 0 0;
  line-height: 1;
  padding: 0
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p.recommendMiddle {
  margin-top: 18px
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendDraw, .sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendLose, .sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendWin {
  display: inline-block;
  background: #fff;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  margin-top: -2px;
  padding-left: 2px;
  padding-right: 2px
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendWin {
  color: #e73131
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendDraw {
  color: #11c029
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendLose {
  color: #999
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .cupDailyRaceItemLink {
  display: block;
  margin-top: .41667rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .cupDailyRaceItemLink img {
  width: 2.5rem
}
.sa2019Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .cupDailyRaceItemLink span {
  display: block;
  color: #fff;
  font-size: 1.16667rem;
  margin-top: .83333rem
}
.sa2019Wrapper .cupDailyRaceReport h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.sa2019Wrapper .cupDailyRaceReport h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportCon {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 4.16667rem
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus {
  background: #f7f8f8;
  padding: 1rem 0
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus span {
  display: block;
  text-align: center;
  font-size: 1.16667rem;
  font-weight: 700;
  margin-top: 2px
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate {
  text-align: center
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate a {
  color: #404040
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate a .fa {
  font-size: 2.16667rem
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate h4 {
  padding: 0;
  margin: .16667rem 0 0 0;
  font-size: 1.33333rem
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem {
  padding: .83333rem 0 0 0;
  border-bottom: 1px solid #ddd
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .row {
  margin: 0
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .row .columns {
  padding: 0
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemTime {
  padding-top: .83333rem
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemTime span {
  display: block;
  text-align: center
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportTeam {
  display: inline-block;
  text-align: center
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportTeam img {
  width: 3.33333rem
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportTeam h4 {
  font-size: 1rem;
  color: #404040;
  margin: 0;
  padding: 0;
  height: 1.33333rem;
  line-height: 1.33333rem
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem h6 {
  line-height: 1;
  margin: .83333rem 0 0 0;
  padding: 0;
  font-size: 2.5rem;
  color: #e84646
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemCtrl {
  text-align: right;
  padding: .41667rem;
  margin-top: 10px;
  background: #f9f9f9
}
.sa2019Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemCtrl a {
  color: #404040;
  display: inline-block;
  margin-right: 1.66667rem
}
.sa2019Wrapper .cupRank h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.sa2019Wrapper .cupRank h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.sa2019Wrapper .cupRank .cupDailyRankCon {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1px
}
.sa2019Wrapper .cupRank .cupDailyRankCon .tabs {
  border: 0;
  background: #f7f7f7;
  margin: 0
}
.sa2019Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title {
  background: 0 0;
  padding: 0;
  text-align: center;
  border: 0;
  margin: 0
}
.sa2019Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title > a {
  background: 0 0;
  border: 0;
  display: inline-block;
  color: #404040;
  font-size: 1.16667rem
}
.sa2019Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title.active {
  border: 0;
  box-shadow: none
}
.sa2019Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title.active > a {
  color: #404040;
  border-bottom: 3px solid #1b7fd4
}
.sa2019Wrapper .cupRank .cupDailyRankCon .tabs-content {
  padding: 0;
  border: 0;
  margin: 0
}
.sa2019Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table {
  width: 100%;
  background: 0 0;
  border-spacing: 0;
  border-style: hidden;
  border: 0;
  margin-bottom: 0
}
.sa2019Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table thead tr th {
  border: 0;
  padding: .66667rem .16667rem;
  color: #999;
  font-size: 1.08333rem
}
.sa2019Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr td {
  border: 0;
  padding: .66667rem .16667rem
}
.sa2019Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr:hover, .sa2019Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr:nth-of-type(even) {
  background: 0 0
}
.sa2019Wrapper .cupRank.cupRankTop .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table thead tr th {
  padding: 1.16667rem .16667rem
}
.sa2019Wrapper .cupRank.cupRankTop .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr td {
  padding: 13px 2px !important
}
.sa2019Wrapper .cupNews h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.sa2019Wrapper .cupNews h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.sa2019Wrapper .cupNews .cupNewsList {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1px
}
.sa2019Wrapper .cupNews .cupNewsList li {
  height: 3.33333rem;
  line-height: 3.33333rem;
  padding: 0 .83333rem;
  overflow: hidden;
  font-size: 1.16667rem
}
.sa2019Wrapper .cupNews .cupNewsList li:nth-of-type(even) {
  background: #f7f8f8
}
.sa2019Wrapper .cupNews .cupNewsList li a {
  color: #404040
}
.sa2019Wrapper .cupNews .cupNewsList li a.cupNewsListMoreBt {
  display: block;
  text-align: center;
  color: #d91f1f;
  font-size: 1.08333rem
}
.sa2019Wrapper .cupExpert h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.sa2019Wrapper .cupExpert h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.sa2019Wrapper .cupExpert .cupExpertCon {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1px
}
.sa2019Wrapper .cupExpert .cupExpertCon .cupExpertItem {
  padding: .83333rem 0;
  border-bottom: 1px solid #ddd
}
.sa2019Wrapper .cupExpert .cupExpertCon .cupExpertItem .expertPhoto {
  width: 4.16667rem;
  height: 4.16667rem;
  border-radius: 50%
}
.sa2019Wrapper .cupExpert .cupExpertCon .cupExpertItem h5 {
  font-size: 1.25rem;
  height: 1.66667rem;
  line-height: 1.66667rem
}
.sa2019Wrapper .cupExpert .cupExpertCon .cupExpertItem h5 a {
  color: #404040
}
.sa2019Wrapper .cupExpert .cupExpertCon .cupExpertItem h4 strong {
  display: block;
  text-align: center;
  font-size: 1.83333rem;
  color: #d91f1f;
  margin-bottom: .66667rem;
  font-weight: 400
}
.sa2019Wrapper .cupExpert .cupExpertCon .cupExpertItem h4 small {
  display: block;
  text-align: center;
  font-size: 11px;
  color: #999
}
.sa2019Wrapper .cupExpert .cupExpertCon .cupExpertItem:last-child {
  border-bottom: 0
}
.sa2019Wrapper .cupExpert .cupExpertCon .cupExpertMore {
  display: block;
  text-align: center;
  color: #d91f1f;
  background: #f7f8f8;
  height: 3.83333rem;
  line-height: 3.83333rem;
  font-size: 1.08333rem
}
.sa2019Wrapper .newsList {
  margin-bottom: .41667rem
}
.sa2019Wrapper .newsList h3.newsTypeTitle {
  border-bottom-width: 2px
}
.sa2019Wrapper .newsList h3.newsTypeTitle span {
  border-bottom: 0;
  margin-bottom: 0;
  color: #404040
}
.sa2019Wrapper .newsList h3.newsTypeTitle span.newsTypeTitleColorBlock {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  line-height: 1.66667rem;
  font-size: 1.41667rem;
  color: #fff;
  text-align: center;
  margin-right: .33333rem;
  font-weight: 700
}
.sa2019Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags {
  position: absolute;
  right: 0
}
.sa2019Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags a {
  color: #404040;
  vertical-align: middle
}
.sa2019Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags a:hover {
  text-decoration: none
}
.sa2019Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags span {
  display: inline-block;
  margin-right: .41667rem;
  color: #404040;
  vertical-align: middle;
  padding-bottom: 0
}
.sa2019Wrapper .newsList ul.newsListS2 {
  margin-bottom: .66667rem
}
.sa2019Wrapper .newsList ul.newsListS2 li .newsListS2Thum img {
  width: 15rem;
  height: 9.16667rem
}
.sa2019Wrapper .newsList ul.newsListS2 li .newsListS2Info {
  margin-left: 15.83333rem
}
.sa2019Wrapper .newsList ul.newsListS2 li .newsListS2Info .newsListS2Title {
  height: auto
}
.sa2019Wrapper .newsList ul.newsListS2 li .newsListS2Info .newsListS2Title a {
  font-size: 1.33333rem;
  color: #404040;
  display: block;
  height: 5.83333rem;
  overflow: hidden;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 1rem
}
.sa2019Wrapper .newsList ul.newsListN li .newsListLink {
  width: auto
}
.sa2019Wrapper .newsList ul.newsListN li .newsListLink a {
  color: #404040
}
.sa2019Wrapper .cupDailyNav {
  margin-bottom: 3.33333rem
}
.sa2019Wrapper .cupDailyNav ul {
  margin: 0;
  border-top: 3px solid #1b7fd4;
  background: #fff
}
.sa2019Wrapper .cupDailyNav ul li {
  padding: 0
}
.sa2019Wrapper .cupDailyNav ul li a {
  display: block;
  padding: .66667rem 0;
  text-align: center;
  font-size: 1.33333rem;
  color: #1b7fd4
}
.sa2019Wrapper .cupDailyNav ul li.active a {
  color: #fff;
  background: #1b7fd4
}
.sa2019Wrapper .cupDailyDateTableWrapper[data-magellan-expedition-clone], .sa2019Wrapper .cupDailyDateTableWrapper[data-magellan-expedition] {
  background: 0 0
}
.sa2019Wrapper .cupDailyDateTableWrapper[data-magellan-expedition-clone].fixed, .sa2019Wrapper .cupDailyDateTableWrapper[data-magellan-expedition].fixed {
  background: #fff;
  border-bottom: 1px solid #ddd
}
.sa2019Wrapper .cupDailyDateTableWrapper[data-magellan-expedition-clone].fixed .cupDailyDateTable, .sa2019Wrapper .cupDailyDateTableWrapper[data-magellan-expedition].fixed .cupDailyDateTable {
  width: 1160px;
  margin: 0 auto
}
.sa2019Wrapper .cupDailyDateTable {
  margin-bottom: 3.33333rem
}
.sa2019Wrapper .cupDailyDateTable table {
  width: 100%;
  background: 0 0;
  border-color: #ddd;
  margin-bottom: 0
}
.sa2019Wrapper .cupDailyDateTable table tbody tr {
  background: 0 0
}
.sa2019Wrapper .cupDailyDateTable table tbody tr td {
  border-color: #ddd;
  text-align: center;
  background: #fff;
  color: #404040
}
.sa2019Wrapper .cupDailyDateTable table tbody tr td.active {
  background: #a7d1f5
}
.sa2019Wrapper .cupDailyDateTable table tbody tr:hover, .sa2019Wrapper .cupDailyDateTable table tbody tr:nth-of-type(even) {
  background: 0 0
}
.sa2019Wrapper .cupDailyDateTable.hasLink table tbody td {
  cursor: pointer
}
.sa2019Wrapper .cupDailyDateTable2 table {
  width: 100%;
  background: #fff;
  border-color: #ddd;
  margin-bottom: 3.33333rem
}
.sa2019Wrapper .cupDailyDateTable2 table tbody tr {
  background: 0 0
}
.sa2019Wrapper .cupDailyDateTable2 table tbody tr td {
  border-color: #ddd;
  text-align: center;
  background: 0 0;
  padding: 1rem 0 .83333rem 0
}
.sa2019Wrapper .cupDailyDateTable2 table tbody tr td a {
  color: #404040;
  font-size: 1.16667rem
}
.sa2019Wrapper .cupDailyDateTable2 table tbody tr td a .num {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  background: #ccc;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  top: -1px
}
.sa2019Wrapper .cupDailyDateTable2 table tbody tr td.active {
  background: #1b7fd4
}
.sa2019Wrapper .cupDailyDateTable2 table tbody tr td.active a {
  color: #fff
}
.sa2019Wrapper .cupDailyDateTable2 table tbody tr td.active a .num {
  color: #1b7fd4;
  background: #fff
}
.sa2019Wrapper .cupDailyDateTable2 table tbody tr:hover, .sa2019Wrapper .cupDailyDateTable2 table tbody tr:nth-of-type(even) {
  background: 0 0
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table {
  width: 100%;
  background: 0 0;
  border: 0;
  margin-bottom: 3.33333rem
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table thead tr th {
  font-size: 1.16667rem;
  border: 0;
  border-bottom: 1px solid #404040
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table thead tr th strong {
  font-size: 1.66667rem
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr {
  background: 0 0
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td {
  border: 0;
  text-align: center;
  background: 0 0;
  color: #404040;
  font-size: 1.33333rem;
  border-bottom: 1px dashed #ddd;
  padding: 1.66667rem .16667rem
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td .cupDailyRaceTableFlag {
  height: 2.66667rem
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td .cupDailyRaceTableIcon {
  width: 2.5rem;
  height: 2.5rem
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td a {
  color: #404040
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td .cupDailyRaceTablePoint {
  display: inline-block;
  width: 2.5rem;
  font-size: 2.5rem;
  color: #e93333;
  text-align: center
}
.sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr:hover, .sa2019Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr:nth-of-type(even) {
  background: 0 0
}
.sa2019Wrapper .beiSaiJifen > .row .columns:first-child {
  padding-right: 20px
}
.sa2019Wrapper .beiSaiJifen > .row .columns:last-child {
  padding-left: 20px
}
.sa2019Wrapper .beiSaiJifen h3 {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 3px solid #1b7fd4;
  background: #f2f2f2;
  height: 4.66667rem;
  line-height: 4.5rem;
  font-size: 1.66667rem;
  color: #333;
  font-weight: 600;
  margin-right: 1px
}
.sa2019Wrapper .beiSaiJifen table {
  width: 100%;
  background: #fff;
  border-spacing: 0;
  border-style: hidden;
  border: 1px solid #ddd;
  border-top: 0;
  margin-bottom: 40px;
  padding-bottom: 8px
}
.sa2019Wrapper .beiSaiJifen table thead tr th {
  border: 0;
  padding: 1.33333rem .16667rem .66667rem .16667rem;
  color: #999;
  font-size: 1.25rem
}
.sa2019Wrapper .beiSaiJifen table tbody tr td {
  border: 0;
  padding: .66667rem .16667rem;
  font-size: 1.33333rem
}
.sa2019Wrapper .beiSaiJifen table tbody tr:hover, .sa2019Wrapper .beiSaiJifen table tbody tr:nth-of-type(even) {
  background: 0 0
}
.sa2019Wrapper .cupRecommendItem {
  margin-bottom: 2.5rem
}
.sa2019Wrapper .cupRecommendItem .cupRecommendItemTitle {
  overflow: hidden;
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 1.16667rem
}
.sa2019Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleL {
  float: left
}
.sa2019Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleR {
  float: right
}
.sa2019Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleR a {
  color: #404040
}
.sa2019Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleR span {
  display: inline-block;
  padding: 0 .33333rem
}
.sa2019Wrapper .cupRecommendItem .pickItem {
  border: 0;
  border-bottom: 1px dashed #ddd;
  margin-bottom: 0
}
.sa2019Wrapper .cupRecommendItem .pickItem .recommendInfoPopupBt {
  display: inline-block;
  background: #d91f1f;
  color: #fff;
  margin-left: .41667rem;
  padding: 0 .25rem
}
.sa2019Wrapper .cupTeams h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #999;
  padding-bottom: .83333rem
}
.sa2019Wrapper .cupTeams .cupTeamsList {
  margin-bottom: 1.66667rem
}
.sa2019Wrapper .cupTeams .cupTeamsList li {
  text-align: center;
  padding: 2.5rem 0
}
.sa2019Wrapper .cupTeams .cupTeamsList a {
  display: block;
  color: #404040
}
.sa2019Wrapper .cupTeams .cupTeamsList a img {
  display: block;
  width: 150px;
  margin: 0 auto 15px auto;
  border: 1px solid #ddd
}
.sa2019Wrapper .cupTeams .cupTeamsList a span {
  display: block;
  font-size: 1.5rem
}
.sa2019Wrapper .cupTeamHeader {
  background: #fff;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1.66667rem 0 .83333rem 0
}
.sa2019Wrapper .cupTeamHeader .cupTeamHeaderFlag {
  display: block;
  margin: 0 auto 15px auto;
  border: 1px solid #ddd
}
.sa2019Wrapper .cupTeamHeader .cupTeamHeaderFlag img {
  border: 1px solid #ddd
}
.sa2019Wrapper .cupTeamHeader h3 {
  font-size: 1.5rem;
  text-align: center
}
.sa2019Wrapper .cupTeamHeader .cupTeamInfo h4 {
  font-size: 1.33333rem;
  margin: 0 0 .83333rem 0;
  padding: 0;
  font-weight: 700
}
.sa2019Wrapper .cupTeamHeader .cupTeamInfo p {
  font-size: 1.16667rem;
  margin: 0 0 .5rem 0;
  padding: 0
}
.sa2019Wrapper .cupTeamSection1 {
  margin-bottom: 2.5rem
}
.sa2019Wrapper .cupHostWrapper .cupHostIntr {
  margin-bottom: 3.33333rem
}
.sa2019Wrapper .cupHostWrapper .cupHostIntr h1 {
  font-size: 2.33333rem;
  margin-bottom: 1.66667rem
}
.sa2019Wrapper .cupHostWrapper .cupHostIntr p {
  font-size: 1.16667rem
}
.sa2019Wrapper .cupHostWrapper .cupHostPitch h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: .83333rem;
  margin-bottom: 1.66667rem
}
.sa2019Wrapper .cupHostWrapper .cupHostPitch [class*=block-grid-] {
  margin-left: -1.66667rem;
  margin-right: -1.66667rem
}
.sa2019Wrapper .cupHostWrapper .cupHostPitch [class*=block-grid-] > li {
  padding: 0 20px
}
.sa2019Wrapper .cupHostWrapper .cupHostPitch ul li {
  margin-bottom: 2.5rem
}
.sa2019Wrapper .cupHostWrapper .cupHostPitch ul li a {
  display: block
}
.sa2019Wrapper .cupHostWrapper .cupHostPitch ul li a img {
  display: block;
  border: 1px solid #ddd;
  margin-bottom: .83333rem
}
.sa2019Wrapper .cupHostWrapper .cupHostPitch ul li a span {
  display: block;
  font-size: 1.08333rem;
  text-align: center;
  color: #404040
}
.sa2019Wrapper .cupHostWrapper .cupHostBall, .sa2019Wrapper .cupHostWrapper .cupHostPet {
  margin-bottom: 3.33333rem
}
.sa2019Wrapper .cupHostWrapper .cupHostBall h3, .sa2019Wrapper .cupHostWrapper .cupHostPet h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: .83333rem;
  margin-bottom: 1.66667rem
}
.sa2019Wrapper .cupHostWrapper .cupHostBall .cupHostBallCon, .sa2019Wrapper .cupHostWrapper .cupHostBall .cupHostPetCon, .sa2019Wrapper .cupHostWrapper .cupHostPet .cupHostBallCon, .sa2019Wrapper .cupHostWrapper .cupHostPet .cupHostPetCon {
  overflow: hidden
}
.sa2019Wrapper .cupHostWrapper .cupHostBall .cupHostBallCon img, .sa2019Wrapper .cupHostWrapper .cupHostBall .cupHostPetCon img, .sa2019Wrapper .cupHostWrapper .cupHostPet .cupHostBallCon img, .sa2019Wrapper .cupHostWrapper .cupHostPet .cupHostPetCon img {
  display: block;
  float: left;
  width: 11.25rem;
  border: 1px solid #ddd
}
.sa2019Wrapper .cupHostWrapper .cupHostBall .cupHostBallCon p, .sa2019Wrapper .cupHostWrapper .cupHostBall .cupHostPetCon p, .sa2019Wrapper .cupHostWrapper .cupHostPet .cupHostBallCon p, .sa2019Wrapper .cupHostWrapper .cupHostPet .cupHostPetCon p {
  margin-left: 12.08333rem;
  font-size: 1.16667rem
}
.sa2019Wrapper .cupTeamInfo {
  margin-bottom: 0
}
.sa2019Wrapper .cupTeamInfo h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: .83333rem;
  margin-bottom: 1.66667rem
}
.sa2019Wrapper .cupTeamInfo p {
  font-size: 1.16667rem
}
.sa2019Wrapper .cupShooterWrapper h3 {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 3px solid #da2026;
  background: #f2f2f2;
  height: 4.66667rem;
  line-height: 4.5rem;
  font-size: 1.66667rem;
  color: #333;
  font-weight: 600;
  margin-right: 1px;
  text-align: center;
  margin-bottom: 0
}
.sa2019Wrapper .cupShooterWrapper table {
  width: 100%;
  background: 0 0;
  border: 0;
  margin-bottom: 3.33333rem
}
.sa2019Wrapper .cupShooterWrapper table thead tr th {
  font-size: 1.16667rem;
  border: 0;
  border-bottom: 1px solid #404040
}
.sa2019Wrapper .cupShooterWrapper table thead tr th strong {
  font-size: 1.66667rem
}
.sa2019Wrapper .cupShooterWrapper table tbody tr {
  background: 0 0
}
.sa2019Wrapper .cupShooterWrapper table tbody tr td {
  border: 0;
  text-align: center;
  background: 0 0;
  color: #404040;
  font-size: 1.33333rem;
  border-bottom: 1px dashed #ddd;
  padding: 1.66667rem .16667rem
}
.sa2019Wrapper .cupShooterWrapper table tbody tr td .cupDailyRaceTableFlag {
  height: 2.66667rem
}
.sa2019Wrapper .cupShooterWrapper table tbody tr td .cupDailyRaceTableIcon {
  width: 2.5rem;
  height: 2.5rem
}
.sa2019Wrapper .cupShooterWrapper table tbody tr td a {
  color: #404040
}
.sa2019Wrapper .cupShooterWrapper table tbody tr td .cupDailyRaceTablePoint {
  display: inline-block;
  width: 2.5rem;
  font-size: 2.5rem;
  color: #e93333;
  text-align: center
}
.sa2019Wrapper .cupShooterWrapper table tbody tr:hover, .sa2019Wrapper .cupShooterWrapper table tbody tr:nth-of-type(even) {
  background: 0 0
}
.sa2019Wrapper .cupShooterMenu .side-nav {
  background: #fff;
  border: 1px solid #ddd;
  padding: 0
}
.sa2019Wrapper .cupShooterMenu .side-nav li {
  margin: 0
}
.sa2019Wrapper .cupShooterMenu .side-nav li a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 1.16667rem;
  color: #1b7fd4;
  text-align: center;
  padding: 0
}
.sa2019Wrapper .cupShooterMenu .side-nav li a.active {
  color: #fff;
  background: #1b7fd4
}
.sa2019Wrapper .beiSaiJifenV3 .beiSaiJifenV3Logo {
  width: 10rem;
  height: auto
}
.sa2019Wrapper .button.tinyNumber, .sa2019Wrapper button.tinyNumber {
  background: #1b7fd4;
  border-color: #1b7fd4
}
.sa2019Wrapper .button.tinyNumber.action, .sa2019Wrapper button.tinyNumber.action {
  background: #fff;
  border: 1px solid #ddd
}
.sa2019Wrapper .newsList ul.newsListN li .newsListLink a:hover, .sa2019Wrapper .newsList2 .newsList2List dl dd a:hover, .sa2019Wrapper .newsList2 .newsList2List dl dt a:hover, .sa2019Wrapper .newsVideoList3 dl dd a:hover {
  color: #c12025;
  text-decoration: none
}
.sa2019Wrapper .newsVideoList3.sa2019NewsVideoList3 .newsVideoList3Img {
  float: none;
  margin-bottom: 5px
}
.sa2019Wrapper .newsVideoList3.sa2019NewsVideoList3 .newsVideoList3Img .newsVideoList3ImgThum {
  width: 100%
}
.sa2019Wrapper .newsVideoList3.sa2019NewsVideoList3 .newsVideoList3Text {
  margin-left: 0
}
.sa2019Wrapper .newsVideoList3.sa2019NewsVideoList3 .newsVideoList3Text a {
  height: 22px;
  line-height: 22px;
  margin-bottom: 5px
}
.sa2019Wrapper .cupTeamList.MB30 {
  margin-bottom: 2.5rem !important
}
.sa2019Wrapper .cupTeamList ul {
  border-top-color: #1b7fd4;
  padding: 2.91667rem .83333rem
}
.sa2019Wrapper .cupTeamList ul li {
  margin-bottom: 2.91667rem
}
.sa2019Wrapper .cupTeamList ul li:last-child {
  margin-bottom: 0
}
.sa2019Wrapper .cupTeamList ul li span {
  font-size: 1.33333rem;
  font-weight: 400
}
.sa2019Wrapper .cupTeamList ul li a img {
  height: 2.16667rem
}
.sa2019Wrapper .asiaCupApp h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.sa2019Wrapper .asiaCupApp h3 img {
  height: 1.83333rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.sa2019Wrapper .asiaCupApp a img {
  border-top: 3px solid #1b7fd4
}
.eu2020Wrapper {
  background: #fbfbfb
}
.eu2020Wrapper .worldcupHeader {
  background: url(../image/newHeaderBg.png) 50% 0 repeat-x;
  background-size: cover
}
.eu2020Wrapper .worldcupHeader .topNavBar {
  background: 0 0;
  border-top: 0
}
.eu2020Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd a {
  color: #fff;
  border-bottom: 0
}
.eu2020Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd a:hover {
  color: #ffd903;
  border-bottom: 0
}
.eu2020Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd.active a {
  color: #ffd903;
  border-bottom: 0;
  background: 0 0 !important
}
.eu2020Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd.dsHasDropdown .topNavBarDropdown {
  margin-top: 4.58333rem
}
.eu2020Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarRight ul li > a {
  color: #fff
}
.eu2020Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarRight ul li > a:hover {
  color: #ffd903
}
.eu2020Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarNavSearch {
  background: 0 0;
  border: 1px solid #fff
}
.eu2020Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarNavSearch .searchField {
  background: 0 0
}
.eu2020Wrapper .worldcupHeader .dsHasDropdown .topNavBarDropdown {
  background: #1b7fd4
}
.eu2020Wrapper .worldcupLogo {
  padding: .91667rem 0 0 0
}
.eu2020Wrapper .worldcupSecondNav {
  background: #0114B4;
}
.eu2020Wrapper .worldcupSecondNav ul li {
  margin: 0;
  padding: 0
}
.eu2020Wrapper .worldcupSecondNav ul li a {
  display: block;
  font-size: 14px;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px
}
.eu2020Wrapper .worldcupSecondNav ul li a:active, .eu2020Wrapper .worldcupSecondNav ul li a:hover {
  color: #ffd903
}
.eu2020Wrapper .worldcupSecondNav ul li.active, .eu2020Wrapper .worldcupSecondNav ul li:hover {
  background: #F9BF4B;
}
.eu2020Wrapper .worldcupSecondNav ul li.active a, .eu2020Wrapper .worldcupSecondNav ul li:hover a {
  color: #212121
}
.eu2020Wrapper .main {
 /* padding-top: 4.16667rem;*/
  background: 0 0
}
.eu2020Wrapper .cupDailyWrapper {
  overflow: hidden;
  background: #1a2d3d;
  margin-top: 3.33333rem;
  margin-bottom: 3.33333rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar {
  width: 100%
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle {
  height: 3.58333rem;
  line-height: 3.5rem;
  border-bottom: 1px solid #1d2535
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle a {
  font-size: 1.83333rem;
  color: #fff
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle h3 {
  text-align: center;
  color: #fff;
  font-size: 18px;
  height: 3.58333rem;
  line-height: 3.66667rem;
  margin: 0;
  padding: 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle > .row {
  margin: 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle > .row .columns {
  padding: 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable {
  margin: 1rem .83333rem 0 .83333rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table {
  width: 100%;
  background: 0 0;
  border-spacing: 0;
  border-style: hidden;
  border: 0;
  margin-bottom: 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table thead tr th {
  background: 0 0;
  text-align: center;
  font-size: 1.33333rem;
  color: #56636e;
  border: 0;
  padding: .5rem 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr {
  background: 0 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td {
  background: 0 0;
  text-align: center;
  border: 0;
  padding: 0 0 1.83333rem 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a {
  display: inline-block;
  width: 3rem;
  text-align: center;
  color: #fff;
  padding: .33333rem 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a span {
  display: block;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1;
  margin-bottom: .33333rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a small {
  display: block;
  font-size: 1.16667rem;
  color: #5f7485;
  line-height: 1
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled {
  cursor: default
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled span {
  color: #5f7485;
  font-size: 1.66667rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled:hover {
  background: 0 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled:hover span {
  color: #5f7485
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.active {
  background: #27d96e;
  color: #fff
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.active:hover {
  background: #2ad971;
  color: #fff
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.active small {
  color: #fff
}
.eu2020Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a:hover {
  background: #2a4257;
  color: #fff
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper {
  border-right: 1px solid #1d2535
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs {
  border-bottom: 1px solid #1d2535;
  margin-right: 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title {
  border: 0;
  border-right: 1px solid #1d2535;
  border-radius: 0;
  margin: 0;
  padding: 0;
  text-align: center
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title.active {
  box-shadow: none
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title.active > a {
  background: #254055
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title a {
  padding: .83333rem 0;
  border-radius: 0;
  background: 0 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title > a {
  color: #fff
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title > a:hover {
  background: #254055
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li:last-child.tab-title {
  border-right: 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs-content {
  margin: 0;
  border: 0;
  padding: 0;
  background: 0 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs-content > .content {
  padding: 1.66667rem 0 0 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItem .cupDailyRaceItemTeam {
  display: inline-block;
  width: 8.33333rem;
  text-align: center
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItem .cupDailyRaceItemTeam img {
  width: 7rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItem .cupDailyRaceItemTeam h4 {
  font-size: 1.16667rem;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 1.66667rem;
  line-height: 1.66667rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter {
  text-align: center
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter h5 {
  color: #fff;
  text-align: center;
  font-size: 1.33333rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter p {
  color: #fff;
  text-align: center;
  font-size: 1.16667rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter .cupDailyRaceCenterVS {
  width: 6.66667rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter .cupDailyRaceCenterPoint strong {
  display: inline-block;
  font-size: 4.16667rem;
  color: #fff;
  vertical-align: middle;
  height: 4.5rem;
  line-height: 4.5rem;
  font-weight: 400
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData {
  padding: 1.66667rem 1.25rem;
  background: #142430
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar {
  overflow: hidden;
  border-radius: .25rem;
  display: block;
  position: relative;
  height: 28px;
  background: url(../image/recommendBarBg3.png) 0 0 repeat-x;
  background-size: auto 100%;
  margin-bottom: 1px
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendBar1 {
  float: left;
  height: 28px;
  background: url(../image/recommendBarBg1.png) 0 0 repeat-x;
  background-size: auto 100%
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendBar2 {
  float: left;
  height: 28px;
  background: url(../image/recommendBarBg2.png) 0 0 repeat-x;
  background-size: auto 100%
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText {
  position: absolute;
  z-index: 2;
  font-size: 1.08333rem;
  color: #fff;
  height: 28px;
  width: 100%;
  padding: 0 10px
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p {
  margin: 9px 0 0 0;
  line-height: 1;
  padding: 0
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p.recommendMiddle {
  margin-top: 18px
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendDraw, .eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendLose, .eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendWin {
  display: inline-block;
  background: #fff;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  margin-top: -2px;
  padding-left: 2px;
  padding-right: 2px
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendWin {
  color: #e73131
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendDraw {
  color: #11c029
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendLose {
  color: #999
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .cupDailyRaceItemLink {
  display: block;
  margin-top: .41667rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .cupDailyRaceItemLink img {
  width: 2.5rem
}
.eu2020Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .cupDailyRaceItemLink span {
  display: block;
  color: #fff;
  font-size: 1.16667rem;
  margin-top: .83333rem
}
.eu2020Wrapper .cupDailyRaceReport h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.eu2020Wrapper .cupDailyRaceReport h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportCon {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 4.16667rem
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus {
  background: #f7f8f8;
  padding: 1rem 0
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus span {
  display: block;
  text-align: center;
  font-size: 1.16667rem;
  font-weight: 700;
  margin-top: 2px
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate {
  text-align: center
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate a {
  color: #404040
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate a .fa {
  font-size: 2.16667rem
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate h4 {
  padding: 0;
  margin: .16667rem 0 0 0;
  font-size: 1.33333rem
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem {
  padding: .83333rem 0 0 0;
  border-bottom: 1px solid #ddd
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .row {
  margin: 0
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .row .columns {
  padding: 0
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemTime {
  padding-top: .83333rem
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemTime span {
  display: block;
  text-align: center
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportTeam {
  display: inline-block;
  text-align: center
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportTeam img {
  width: 3.33333rem
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportTeam h4 {
  font-size: 1rem;
  color: #404040;
  margin: 0;
  padding: 0;
  height: 1.33333rem;
  line-height: 1.33333rem
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem h6 {
  line-height: 1;
  margin: .83333rem 0 0 0;
  padding: 0;
  font-size: 2.5rem;
  color: #e84646
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemCtrl {
  text-align: right;
  padding: .41667rem;
  margin-top: 10px;
  background: #f9f9f9
}
.eu2020Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemCtrl a {
  color: #404040;
  display: inline-block;
  margin-right: 1.66667rem
}
.eu2020Wrapper .cupRank h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.eu2020Wrapper .cupRank h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.eu2020Wrapper .cupRank .cupDailyRankCon {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1px
}
.eu2020Wrapper .cupRank .cupDailyRankCon .tabs {
  border: 0;
  background: #f7f7f7;
  margin: 0
}
.eu2020Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title {
  background: 0 0;
  padding: 0;
  text-align: center;
  border: 0;
  margin: 0
}
.eu2020Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title > a {
  background: 0 0;
  border: 0;
  display: inline-block;
  color: #404040;
  font-size: 1.16667rem
}
.eu2020Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title.active {
  border: 0;
  box-shadow: none
}
.eu2020Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title.active > a {
  color: #404040;
  border-bottom: 3px solid #1b7fd4
}
.eu2020Wrapper .cupRank .cupDailyRankCon .tabs-content {
  padding: 0;
  border: 0;
  margin: 0
}
.eu2020Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table {
  width: 100%;
  background: 0 0;
  border-spacing: 0;
  border-style: hidden;
  border: 0;
  margin-bottom: 0
}
.eu2020Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table thead tr th {
  border: 0;
  padding: .66667rem .16667rem;
  color: #999;
  font-size: 1.08333rem
}
.eu2020Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr td {
  border: 0;
  padding: .66667rem .16667rem
}
.eu2020Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr:hover, .eu2020Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr:nth-of-type(even) {
  background: 0 0
}
.eu2020Wrapper .cupNews h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.eu2020Wrapper .cupNews h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.eu2020Wrapper .cupNews .cupNewsList {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1px
}
.eu2020Wrapper .cupNews .cupNewsList li {
  height: 3.33333rem;
  line-height: 3.33333rem;
  padding: 0 .83333rem;
  overflow: hidden;
  font-size: 1.16667rem
}
.eu2020Wrapper .cupNews .cupNewsList li:nth-of-type(even) {
  background: #f7f8f8
}
.eu2020Wrapper .cupNews .cupNewsList li a {
  color: #404040
}
.eu2020Wrapper .cupNews .cupNewsList li a.cupNewsListMoreBt {
  display: block;
  text-align: center;
  color: #d91f1f;
  font-size: 1.08333rem
}
.eu2020Wrapper .cupExpert h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.eu2020Wrapper .cupExpert h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.eu2020Wrapper .cupExpert .cupExpertCon {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1px
}
.eu2020Wrapper .cupExpert .cupExpertCon .cupExpertItem {
  padding: .83333rem 0;
  border-bottom: 1px solid #ddd
}
.eu2020Wrapper .cupExpert .cupExpertCon .cupExpertItem .expertPhoto {
  width: 4.16667rem;
  height: 4.16667rem;
  border-radius: 50%
}
.eu2020Wrapper .cupExpert .cupExpertCon .cupExpertItem h5 {
  font-size: 1.25rem;
  height: 1.66667rem;
  line-height: 1.66667rem
}
.eu2020Wrapper .cupExpert .cupExpertCon .cupExpertItem h5 a {
  color: #404040
}
.eu2020Wrapper .cupExpert .cupExpertCon .cupExpertItem h4 strong {
  display: block;
  text-align: center;
  font-size: 1.83333rem;
  color: #d91f1f;
  margin-bottom: .66667rem;
  font-weight: 400
}
.eu2020Wrapper .cupExpert .cupExpertCon .cupExpertItem h4 small {
  display: block;
  text-align: center;
  font-size: 11px;
  color: #999
}
.eu2020Wrapper .cupExpert .cupExpertCon .cupExpertItem:last-child {
  border-bottom: 0
}
.eu2020Wrapper .cupExpert .cupExpertCon .cupExpertMore {
  display: block;
  text-align: center;
  color: #d91f1f;
  background: #f7f8f8;
  height: 3.83333rem;
  line-height: 3.83333rem;
  font-size: 1.08333rem
}
.eu2020Wrapper .newsList {
  margin-bottom: .41667rem
}
.eu2020Wrapper .newsList h3.newsTypeTitle {
  border-bottom-width: 2px
}
.eu2020Wrapper .newsList h3.newsTypeTitle span {
  border-bottom: 0;
  margin-bottom: 0;
  color: #404040
}
.eu2020Wrapper .newsList h3.newsTypeTitle span.newsTypeTitleColorBlock {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  line-height: 1.66667rem;
  font-size: 1.41667rem;
  color: #fff;
  text-align: center;
  margin-right: .33333rem;
  font-weight: 700
}
.eu2020Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags {
  position: absolute;
  right: 0
}
.eu2020Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags a {
  color: #404040;
  vertical-align: middle
}
.eu2020Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags a:hover {
  text-decoration: none
}
.eu2020Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags span {
  display: inline-block;
  margin-right: .41667rem;
  color: #404040;
  vertical-align: middle;
  padding-bottom: 0
}
.eu2020Wrapper .newsList ul.newsListS2 {
  margin-bottom: .66667rem
}
.eu2020Wrapper .newsList ul.newsListS2 li .newsListS2Thum img {
  width: 15rem;
  height: 9.16667rem
}
.eu2020Wrapper .newsList ul.newsListS2 li .newsListS2Info {
  margin-left: 15.83333rem
}
.eu2020Wrapper .newsList ul.newsListS2 li .newsListS2Info .newsListS2Title {
  height: auto
}
.eu2020Wrapper .newsList ul.newsListS2 li .newsListS2Info .newsListS2Title a {
  font-size: 1.33333rem;
  color: #404040;
  display: block;
  height: 5.83333rem;
  overflow: hidden;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 1rem
}
.eu2020Wrapper .newsList ul.newsListN li .newsListLink {
  width: auto
}
.eu2020Wrapper .newsList ul.newsListN li .newsListLink a {
  color: #404040
}
.eu2020Wrapper .cupDailyNav {
  margin-bottom: 3.33333rem
}
.eu2020Wrapper .cupDailyNav ul {
  margin: 0;
  border-top: 3px solid #1b7fd4;
  background: #fff
}
.eu2020Wrapper .cupDailyNav ul li {
  padding: 0
}
.eu2020Wrapper .cupDailyNav ul li a {
  display: block;
  padding: .66667rem 0;
  text-align: center;
  font-size: 1.33333rem;
  color: #1b7fd4
}
.eu2020Wrapper .cupDailyNav ul li.active a {
  color: #fff;
  background: #1b7fd4
}
.eu2020Wrapper .cupDailyDateTableWrapper[data-magellan-expedition-clone], .eu2020Wrapper .cupDailyDateTableWrapper[data-magellan-expedition] {
  background: 0 0
}
.eu2020Wrapper .cupDailyDateTableWrapper[data-magellan-expedition-clone].fixed, .eu2020Wrapper .cupDailyDateTableWrapper[data-magellan-expedition].fixed {
  background: #fff;
  border-bottom: 1px solid #ddd
}
.eu2020Wrapper .cupDailyDateTableWrapper[data-magellan-expedition-clone].fixed .cupDailyDateTable, .eu2020Wrapper .cupDailyDateTableWrapper[data-magellan-expedition].fixed .cupDailyDateTable {
  width: 1160px;
  margin: 0 auto
}
.eu2020Wrapper .cupDailyDateTable {
  margin-bottom: 3.33333rem
}
.eu2020Wrapper .cupDailyDateTable table {
  width: 100%;
  background: 0 0;
  border-color: #ddd;
  margin-bottom: 0
}
.eu2020Wrapper .cupDailyDateTable table tbody tr {
  background: 0 0
}
.eu2020Wrapper .cupDailyDateTable table tbody tr td {
  border-color: #ddd;
  text-align: center;
  background: #fff;
  color: #404040
}
.eu2020Wrapper .cupDailyDateTable table tbody tr td.active {
  background: #a7d1f5
}
.eu2020Wrapper .cupDailyDateTable table tbody tr:hover, .eu2020Wrapper .cupDailyDateTable table tbody tr:nth-of-type(even) {
  background: 0 0
}
.eu2020Wrapper .cupDailyDateTable.hasLink table tbody td {
  cursor: pointer
}
.eu2020Wrapper .cupDailyDateTable2 table {
  width: 100%;
  background: #fff;
  border-color: #ddd;
  margin-bottom: 3.33333rem
}
.eu2020Wrapper .cupDailyDateTable2 table tbody tr {
  background: 0 0
}
.eu2020Wrapper .cupDailyDateTable2 table tbody tr td {
  border-color: #ddd;
  text-align: center;
  background: 0 0;
  padding: 1rem 0 .83333rem 0
}
.eu2020Wrapper .cupDailyDateTable2 table tbody tr td a {
  color: #404040;
  font-size: 1.16667rem
}
.eu2020Wrapper .cupDailyDateTable2 table tbody tr td a .num {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  background: #ccc;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  top: -1px
}
.eu2020Wrapper .cupDailyDateTable2 table tbody tr td.active {
  background: #1b7fd4
}
.eu2020Wrapper .cupDailyDateTable2 table tbody tr td.active a {
  color: #fff
}
.eu2020Wrapper .cupDailyDateTable2 table tbody tr td.active a .num {
  color: #1b7fd4;
  background: #fff
}
.eu2020Wrapper .cupDailyDateTable2 table tbody tr:hover, .eu2020Wrapper .cupDailyDateTable2 table tbody tr:nth-of-type(even) {
  background: 0 0
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table {
  width: 100%;
  background: 0 0;
  border: 0;
  margin-bottom: 3.33333rem
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table thead tr th {
  font-size: 1.16667rem;
  border: 0;
  border-bottom: 1px solid #404040
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table thead tr th strong {
  font-size: 1.66667rem
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr {
  background: 0 0
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td {
  border: 0;
  text-align: center;
  background: 0 0;
  color: #404040;
  font-size: 1.33333rem;
  border-bottom: 1px dashed #ddd;
  padding: 1.66667rem .16667rem
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td .cupDailyRaceTableFlag {
  height: 2.66667rem
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td .cupDailyRaceTableIcon {
  width: 2.5rem;
  height: 2.5rem
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td a {
  color: #404040
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td .cupDailyRaceTablePoint {
  display: inline-block;
  width: 2.5rem;
  font-size: 2.5rem;
  color: #e93333;
  text-align: center
}
.eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr:hover, .eu2020Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr:nth-of-type(even) {
  background: 0 0
}
.eu2020Wrapper .beiSaiJifen > .row .columns:first-child {
  padding-right: 20px
}
.eu2020Wrapper .beiSaiJifen > .row .columns:last-child {
  padding-left: 20px
}
.eu2020Wrapper .beiSaiJifen h3 {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 3px solid #1b7fd4;
  background: #f2f2f2;
  height: 4.66667rem;
  line-height: 4.5rem;
  font-size: 1.66667rem;
  color: #333;
  font-weight: 600;
  margin-right: 1px
}
.eu2020Wrapper .beiSaiJifen table {
  width: 100%;
  background: #fff;
  border-spacing: 0;
  border-style: hidden;
  border: 1px solid #ddd;
  border-top: 0;
  margin-bottom: 40px;
  padding-bottom: 8px
}
.eu2020Wrapper .beiSaiJifen table thead tr th {
  border: 0;
  padding: 1.33333rem .16667rem .66667rem .16667rem;
  color: #999;
  font-size: 1.25rem
}
.eu2020Wrapper .beiSaiJifen table tbody tr td {
  border: 0;
  padding: .66667rem .16667rem;
  font-size: 1.33333rem
}
.eu2020Wrapper .beiSaiJifen table tbody tr:hover, .eu2020Wrapper .beiSaiJifen table tbody tr:nth-of-type(even) {
  background: 0 0
}
.eu2020Wrapper .cupRecommendItem {
  margin-bottom: 2.5rem
}
.eu2020Wrapper .cupRecommendItem .cupRecommendItemTitle {
  overflow: hidden;
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 1.16667rem
}
.eu2020Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleL {
  float: left
}
.eu2020Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleR {
  float: right
}
.eu2020Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleR a {
  color: #404040
}
.eu2020Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleR span {
  display: inline-block;
  padding: 0 .33333rem
}
.eu2020Wrapper .cupRecommendItem .pickItem {
  border: 0;
  border-bottom: 1px dashed #ddd;
  margin-bottom: 0
}
.eu2020Wrapper .cupRecommendItem .pickItem .recommendInfoPopupBt {
  display: inline-block;
  background: #d91f1f;
  color: #fff;
  margin-left: .41667rem;
  padding: 0 .25rem
}
.eu2020Wrapper .cupTeams h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #999;
  padding-bottom: .83333rem
}
.eu2020Wrapper .cupTeams .cupTeamsList {
  margin-bottom: 1.66667rem
}
.eu2020Wrapper .cupTeams .cupTeamsList li {
  text-align: center;
  padding: 2.5rem 0
}
.eu2020Wrapper .cupTeams .cupTeamsList a {
  display: block;
  color: #404040
}
.eu2020Wrapper .cupTeams .cupTeamsList a img {
  display: block;
  width: 150px;
  margin: 0 auto 15px auto;
  border: 1px solid #ddd
}
.eu2020Wrapper .cupTeams .cupTeamsList a span {
  display: block;
  font-size: 1.5rem
}
.eu2020Wrapper .cupTeamHeader {
  background: #fff;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1.66667rem 0 .83333rem 0
}
.eu2020Wrapper .cupTeamHeader .cupTeamHeaderFlag {
  display: block;
  margin: 0 auto 15px auto;
  border: 1px solid #ddd
}
.eu2020Wrapper .cupTeamHeader .cupTeamHeaderFlag img {
  border: 1px solid #ddd
}
.eu2020Wrapper .cupTeamHeader h3 {
  font-size: 1.5rem;
  text-align: center
}
.eu2020Wrapper .cupTeamHeader .cupTeamInfo h4 {
  font-size: 1.33333rem;
  margin: 0 0 .83333rem 0;
  padding: 0;
  font-weight: 700
}
.eu2020Wrapper .cupTeamHeader .cupTeamInfo p {
  font-size: 1.16667rem;
  margin: 0 0 .5rem 0;
  padding: 0
}
.eu2020Wrapper .cupTeamSection1 {
  margin-bottom: 2.5rem
}
.eu2020Wrapper .cupHostWrapper .cupHostIntr {
  margin-bottom: 3.33333rem
}
.eu2020Wrapper .cupHostWrapper .cupHostIntr h1 {
  font-size: 2.33333rem;
  margin-bottom: 1.66667rem
}
.eu2020Wrapper .cupHostWrapper .cupHostIntr p {
  font-size: 1.16667rem
}
.eu2020Wrapper .cupHostWrapper .cupHostPitch h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: .83333rem;
  margin-bottom: 1.66667rem
}
.eu2020Wrapper .cupHostWrapper .cupHostPitch [class*=block-grid-] {
  margin-left: -1.66667rem;
  margin-right: -1.66667rem
}
.eu2020Wrapper .cupHostWrapper .cupHostPitch [class*=block-grid-] > li {
  padding: 0 20px
}
.eu2020Wrapper .cupHostWrapper .cupHostPitch ul li {
  margin-bottom: 2.5rem
}
.eu2020Wrapper .cupHostWrapper .cupHostPitch ul li a {
  display: block
}
.eu2020Wrapper .cupHostWrapper .cupHostPitch ul li a img {
  display: block;
  border: 1px solid #ddd;
  margin-bottom: .83333rem
}
.eu2020Wrapper .cupHostWrapper .cupHostPitch ul li a span {
  display: block;
  font-size: 1.08333rem;
  text-align: center;
  color: #404040
}
.eu2020Wrapper .cupHostWrapper .cupHostBall, .eu2020Wrapper .cupHostWrapper .cupHostPet {
  margin-bottom: 3.33333rem
}
.eu2020Wrapper .cupHostWrapper .cupHostBall h3, .eu2020Wrapper .cupHostWrapper .cupHostPet h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: .83333rem;
  margin-bottom: 1.66667rem
}
.eu2020Wrapper .cupHostWrapper .cupHostBall .cupHostBallCon, .eu2020Wrapper .cupHostWrapper .cupHostBall .cupHostPetCon, .eu2020Wrapper .cupHostWrapper .cupHostPet .cupHostBallCon, .eu2020Wrapper .cupHostWrapper .cupHostPet .cupHostPetCon {
  overflow: hidden
}
.eu2020Wrapper .cupHostWrapper .cupHostBall .cupHostBallCon img, .eu2020Wrapper .cupHostWrapper .cupHostBall .cupHostPetCon img, .eu2020Wrapper .cupHostWrapper .cupHostPet .cupHostBallCon img, .eu2020Wrapper .cupHostWrapper .cupHostPet .cupHostPetCon img {
  display: block;
  float: left;
  width: 11.25rem;
  border: 1px solid #ddd
}
.eu2020Wrapper .cupHostWrapper .cupHostBall .cupHostBallCon p, .eu2020Wrapper .cupHostWrapper .cupHostBall .cupHostPetCon p, .eu2020Wrapper .cupHostWrapper .cupHostPet .cupHostBallCon p, .eu2020Wrapper .cupHostWrapper .cupHostPet .cupHostPetCon p {
  margin-left: 12.08333rem;
  font-size: 1.16667rem
}
.eu2020Wrapper .cupTeamInfo {
  margin-bottom: 0
}
.eu2020Wrapper .cupTeamInfo h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: .83333rem;
  margin-bottom: 1.66667rem
}
.eu2020Wrapper .cupTeamInfo p {
  font-size: 1.16667rem
}
.eu2020Wrapper .cupShooterWrapper h3 {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 3px solid #da2026;
  background: #f2f2f2;
  height: 4.66667rem;
  line-height: 4.5rem;
  font-size: 1.66667rem;
  color: #333;
  font-weight: 600;
  margin-right: 1px;
  text-align: center;
  margin-bottom: 0
}
.eu2020Wrapper .cupShooterWrapper table {
  width: 100%;
  background: 0 0;
  border: 0;
  margin-bottom: 3.33333rem
}
.eu2020Wrapper .cupShooterWrapper table thead tr th {
  font-size: 1.16667rem;
  border: 0;
  border-bottom: 1px solid #404040
}
.eu2020Wrapper .cupShooterWrapper table thead tr th strong {
  font-size: 1.66667rem
}
.eu2020Wrapper .cupShooterWrapper table tbody tr {
  background: 0 0
}
.eu2020Wrapper .cupShooterWrapper table tbody tr td {
  border: 0;
  text-align: center;
  background: 0 0;
  color: #404040;
  font-size: 1.33333rem;
  border-bottom: 1px dashed #ddd;
  padding: 1.66667rem .16667rem
}
.eu2020Wrapper .cupShooterWrapper table tbody tr td .cupDailyRaceTableFlag {
  height: 2.66667rem
}
.eu2020Wrapper .cupShooterWrapper table tbody tr td .cupDailyRaceTableIcon {
  width: 2.5rem;
  height: 2.5rem
}
.eu2020Wrapper .cupShooterWrapper table tbody tr td a {
  color: #404040
}
.eu2020Wrapper .cupShooterWrapper table tbody tr td .cupDailyRaceTablePoint {
  display: inline-block;
  width: 2.5rem;
  font-size: 2.5rem;
  color: #e93333;
  text-align: center
}
.eu2020Wrapper .cupShooterWrapper table tbody tr:hover, .eu2020Wrapper .cupShooterWrapper table tbody tr:nth-of-type(even) {
  background: 0 0
}
.eu2020Wrapper .cupShooterMenu .side-nav {
  background: #fff;
  border: 1px solid #ddd;
  padding: 0
}
.eu2020Wrapper .cupShooterMenu .side-nav li {
  margin: 0
}
.eu2020Wrapper .cupShooterMenu .side-nav li a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 1.16667rem;
  color: #1b7fd4;
  text-align: center;
  padding: 0
}
.eu2020Wrapper .cupShooterMenu .side-nav li a.active {
  color: #fff;
  background: #1b7fd4
}
.eu2020Wrapper .beiSaiJifenV3 .beiSaiJifenV3Logo {
  width: 10rem;
  height: auto
}
.eu2020Wrapper .button.tinyNumber, .eu2020Wrapper button.tinyNumber {
  background: #1b7fd4;
  border-color: #1b7fd4
}
.eu2020Wrapper .button.tinyNumber.action, .eu2020Wrapper button.tinyNumber.action {
  background: #fff;
  border: 1px solid #ddd
}
.eu2020Wrapper .newsList ul.newsListN li .newsListLink a:hover, .eu2020Wrapper .newsList2 .newsList2List dl dd a:hover, .eu2020Wrapper .newsList2 .newsList2List dl dt a:hover, .eu2020Wrapper .newsVideoList3 dl dd a:hover {
  color: #c12025;
  text-decoration: none
}
.eu2020Wrapper .cupTeamList ul {
  border-top-color: #1b7fd4
}
.eu2020Wrapper .cupTeamList ul li {
  margin-bottom: 2.25rem
}
.eu2020Wrapper .cupTeamList ul li span {
  font-size: 1.33333rem;
  font-weight: 400
}
.eu2020Wrapper .cupTeamList ul li a img {
  height: 2.16667rem
}
.eu2020Wrapper .asiaCupApp h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.eu2020Wrapper .asiaCupApp h3 img {
  height: 1.83333rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.eu2020Wrapper .asiaCupApp a img {
  border-top: 3px solid #1b7fd4
}
.jp2021Wrapper {
  background: #fbfbfb
}
.jp2021Wrapper .worldcupHeader {
  background: url(../image/headerBg1.png) 50% 0 repeat-x;
  background-size: cover
}
.jp2021Wrapper .worldcupHeader .topNavBar {
  background: 0 0;
  border-top: 0
}
.jp2021Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd a {
  color: #fff;
  border-bottom: 0
}
.jp2021Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd a:hover {
  color: #ffd903;
  border-bottom: 0
}
.jp2021Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd.active a {
  color: #ffd903;
  border-bottom: 0;
  background: 0 0 !important
}
.jp2021Wrapper .worldcupHeader .topNavBar .topNavBarInner .sub-nav dd.dsHasDropdown .topNavBarDropdown {
  margin-top: 4.58333rem
}
.jp2021Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarRight ul li > a {
  color: #fff
}
.jp2021Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarRight ul li > a:hover {
  color: #ffd903
}
.jp2021Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarNavSearch {
  background: 0 0;
  border: 1px solid #fff
}
.jp2021Wrapper .worldcupHeader .topNavBar .topNavBarInner .topBarNavSearch .searchField {
  background: 0 0
}
.jp2021Wrapper .worldcupHeader .dsHasDropdown .topNavBarDropdown {
  background: #1b7fd4
}
.jp2021Wrapper .worldcupLogo {
  padding: 0 0 .41667rem 0
}
.jp2021Wrapper .worldcupSecondNav {
  background: rgba(0, 0, 0, .1);
  padding: .5rem 0
}
.jp2021Wrapper .worldcupSecondNav ul li {
  margin: 0;
  padding: 0
}
.jp2021Wrapper .worldcupSecondNav ul li a {
  display: block;
  font-size: 14px;
  color: #fff;
  padding-top: 6px;
  padding-bottom: 6px
}
.jp2021Wrapper .worldcupSecondNav ul li a:active, .jp2021Wrapper .worldcupSecondNav ul li a:hover {
  color: #ffd903
}
.jp2021Wrapper .worldcupSecondNav ul li.active, .jp2021Wrapper .worldcupSecondNav ul li:hover {
  background: #5c6bc0;
  border-radius: 1.66667rem
}
.jp2021Wrapper .worldcupSecondNav ul li.active a, .jp2021Wrapper .worldcupSecondNav ul li:hover a {
  color: #fff
}
.jp2021Wrapper .main {
  padding-top: 4.16667rem;
  background: 0 0
}
.jp2021Wrapper .cupDailyWrapper {
  overflow: hidden;
  background: #1a2d3d;
  margin-top: 3.33333rem;
  margin-bottom: 3.33333rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar {
  width: 100%
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle {
  height: 3.58333rem;
  line-height: 3.5rem;
  border-bottom: 1px solid #1d2535
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle a {
  font-size: 1.83333rem;
  color: #fff
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle h3 {
  text-align: center;
  color: #fff;
  font-size: 18px;
  height: 3.58333rem;
  line-height: 3.66667rem;
  margin: 0;
  padding: 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle > .row {
  margin: 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTitle > .row .columns {
  padding: 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable {
  margin: 1rem .83333rem 0 .83333rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table {
  width: 100%;
  background: 0 0;
  border-spacing: 0;
  border-style: hidden;
  border: 0;
  margin-bottom: 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table thead tr th {
  background: 0 0;
  text-align: center;
  font-size: 1.33333rem;
  color: #56636e;
  border: 0;
  padding: .5rem 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr {
  background: 0 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td {
  background: 0 0;
  text-align: center;
  border: 0;
  padding: 0 0 1.83333rem 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a {
  display: inline-block;
  width: 3rem;
  text-align: center;
  color: #fff;
  padding: .33333rem 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a span {
  display: block;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1;
  margin-bottom: .33333rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a small {
  display: block;
  font-size: 1.16667rem;
  color: #5f7485;
  line-height: 1
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled {
  cursor: default
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled span {
  color: #5f7485;
  font-size: 1.66667rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled:hover {
  background: 0 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.disabled:hover span {
  color: #5f7485
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.active {
  background: #27d96e;
  color: #fff
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.active:hover {
  background: #2ad971;
  color: #fff
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a.active small {
  color: #fff
}
.jp2021Wrapper .cupDailyWrapper .cupDailyCalendarWrapper .fakeCalendar .fakeCalendarTable table tbody tr td a:hover {
  background: #2a4257;
  color: #fff
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper {
  border-right: 1px solid #1d2535
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs {
  border-bottom: 1px solid #1d2535;
  margin-right: 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title {
  border: 0;
  border-right: 1px solid #1d2535;
  border-radius: 0;
  margin: 0;
  padding: 0;
  text-align: center
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title.active {
  box-shadow: none
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title.active > a {
  background: #254055
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title a {
  padding: .83333rem 0;
  border-radius: 0;
  background: 0 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title > a {
  color: #fff
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li.tab-title > a:hover {
  background: #254055
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs li:last-child.tab-title {
  border-right: 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs-content {
  margin: 0;
  border: 0;
  padding: 0;
  background: 0 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .tabs-content > .content {
  padding: 1.66667rem 0 0 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItem .cupDailyRaceItemTeam {
  display: inline-block;
  width: 8.33333rem;
  text-align: center
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItem .cupDailyRaceItemTeam img {
  width: 7rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItem .cupDailyRaceItemTeam h4 {
  font-size: 1.16667rem;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 1.66667rem;
  line-height: 1.66667rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter {
  text-align: center
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter h5 {
  color: #fff;
  text-align: center;
  font-size: 1.33333rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter p {
  color: #fff;
  text-align: center;
  font-size: 1.16667rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter .cupDailyRaceCenterVS {
  width: 6.66667rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceCenter .cupDailyRaceCenterPoint strong {
  display: inline-block;
  font-size: 4.16667rem;
  color: #fff;
  vertical-align: middle;
  height: 4.5rem;
  line-height: 4.5rem;
  font-weight: 400
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData {
  padding: 1.66667rem 1.25rem;
  background: #142430
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar {
  overflow: hidden;
  border-radius: .25rem;
  display: block;
  position: relative;
  height: 28px;
  background: url(../image/recommendBarBg3.png) 0 0 repeat-x;
  background-size: auto 100%;
  margin-bottom: 1px
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendBar1 {
  float: left;
  height: 28px;
  background: url(../image/recommendBarBg1.png) 0 0 repeat-x;
  background-size: auto 100%
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendBar2 {
  float: left;
  height: 28px;
  background: url(../image/recommendBarBg2.png) 0 0 repeat-x;
  background-size: auto 100%
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText {
  position: absolute;
  z-index: 2;
  font-size: 1.08333rem;
  color: #fff;
  height: 28px;
  width: 100%;
  padding: 0 10px
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p {
  margin: 9px 0 0 0;
  line-height: 1;
  padding: 0
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p.recommendMiddle {
  margin-top: 18px
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendDraw, .jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendLose, .jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendWin {
  display: inline-block;
  background: #fff;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  margin-top: -2px;
  padding-left: 2px;
  padding-right: 2px
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendWin {
  color: #e73131
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendDraw {
  color: #11c029
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .recommendBar .recommendText p .recommendLose {
  color: #999
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .cupDailyRaceItemLink {
  display: block;
  margin-top: .41667rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .cupDailyRaceItemLink img {
  width: 2.5rem
}
.jp2021Wrapper .cupDailyWrapper .cupDailyTabsWrapper .cupDailyRaceItemData .cupDailyRaceItemLink span {
  display: block;
  color: #fff;
  font-size: 1.16667rem;
  margin-top: .83333rem
}
.jp2021Wrapper .cupDailyRaceReport h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.jp2021Wrapper .cupDailyRaceReport h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportCon {
  background: #fff;
  border-top: 3px solid #3f51b5;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 4.16667rem
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus {
  background: #f7f8f8;
  padding: 1rem 0
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus span {
  display: block;
  text-align: center;
  font-size: 1.16667rem;
  font-weight: 700;
  margin-top: 2px
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate {
  text-align: center
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate a {
  color: #404040
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate a .fa {
  font-size: 2.16667rem
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportStatus .cupDailyRaceReportDate h4 {
  padding: 0;
  margin: .16667rem 0 0 0;
  font-size: 1.33333rem
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem {
  padding: .83333rem 0 0 0;
  border-bottom: 1px solid #ddd
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .row {
  margin: 0
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .row .columns {
  padding: 0
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemTime {
  padding-top: .83333rem
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemTime span {
  display: block;
  text-align: center
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportTeam {
  display: inline-block;
  text-align: center
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportTeam img {
  width: 3.33333rem
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportTeam h4 {
  font-size: 1rem;
  color: #404040;
  margin: 0;
  padding: 0;
  height: 1.33333rem;
  line-height: 1.33333rem
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem h6 {
  line-height: 1;
  margin: .83333rem 0 0 0;
  padding: 0;
  font-size: 2.5rem;
  color: #e84646
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemCtrl {
  text-align: right;
  padding: .41667rem;
  margin-top: 10px;
  background: #f9f9f9
}
.jp2021Wrapper .cupDailyRaceReport .cupDailyRaceReportList .cupDailyRaceReportItem .cupDailyRaceReportItemCtrl a {
  color: #404040;
  display: inline-block;
  margin-right: 1.66667rem
}
.jp2021Wrapper .cupRank h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.jp2021Wrapper .cupRank h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.jp2021Wrapper .cupRank .cupDailyRankCon {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1px
}
.jp2021Wrapper .cupRank .cupDailyRankCon .tabs {
  border: 0;
  background: #f7f7f7;
  margin: 0
}
.jp2021Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title {
  background: 0 0;
  padding: 0;
  text-align: center;
  border: 0;
  margin: 0
}
.jp2021Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title > a {
  background: 0 0;
  border: 0;
  display: inline-block;
  color: #404040;
  font-size: 1.16667rem
}
.jp2021Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title.active {
  border: 0;
  box-shadow: none
}
.jp2021Wrapper .cupRank .cupDailyRankCon .tabs li.tab-title.active > a {
  color: #404040;
  border-bottom: 3px solid #1b7fd4
}
.jp2021Wrapper .cupRank .cupDailyRankCon .tabs-content {
  padding: 0;
  border: 0;
  margin: 0
}
.jp2021Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table {
  width: 100%;
  background: 0 0;
  border-spacing: 0;
  border-style: hidden;
  border: 0;
  margin-bottom: 0
}
.jp2021Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table thead tr th {
  border: 0;
  padding: .66667rem .16667rem;
  color: #999;
  font-size: 1.08333rem
}
.jp2021Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr td {
  border: 0;
  padding: .66667rem .16667rem
}
.jp2021Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr:hover, .jp2021Wrapper .cupRank .cupDailyRankCon .cupDailyRankItem .cupDailyRankTable table tbody tr:nth-of-type(even) {
  background: 0 0
}
.jp2021Wrapper .cupNews h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.jp2021Wrapper .cupNews h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.jp2021Wrapper .cupNews .cupNewsList {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1px
}
.jp2021Wrapper .cupNews .cupNewsList li {
  height: 3.33333rem;
  line-height: 3.33333rem;
  padding: 0 .83333rem;
  overflow: hidden;
  font-size: 1.16667rem
}
.jp2021Wrapper .cupNews .cupNewsList li:nth-of-type(even) {
  background: #f7f8f8
}
.jp2021Wrapper .cupNews .cupNewsList li a {
  color: #404040
}
.jp2021Wrapper .cupNews .cupNewsList li a.cupNewsListMoreBt {
  display: block;
  text-align: center;
  color: #d91f1f;
  font-size: 1.08333rem
}
.jp2021Wrapper .cupExpert h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.jp2021Wrapper .cupExpert h3 img {
  height: 2rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.jp2021Wrapper .cupExpert .cupExpertCon {
  background: #fff;
  border-top: 3px solid #1b7fd4;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1px
}
.jp2021Wrapper .cupExpert .cupExpertCon .cupExpertItem {
  padding: .83333rem 0;
  border-bottom: 1px solid #ddd
}
.jp2021Wrapper .cupExpert .cupExpertCon .cupExpertItem .expertPhoto {
  width: 4.16667rem;
  height: 4.16667rem;
  border-radius: 50%
}
.jp2021Wrapper .cupExpert .cupExpertCon .cupExpertItem h5 {
  font-size: 1.25rem;
  height: 1.66667rem;
  line-height: 1.66667rem
}
.jp2021Wrapper .cupExpert .cupExpertCon .cupExpertItem h5 a {
  color: #404040
}
.jp2021Wrapper .cupExpert .cupExpertCon .cupExpertItem h4 strong {
  display: block;
  text-align: center;
  font-size: 1.83333rem;
  color: #d91f1f;
  margin-bottom: .66667rem;
  font-weight: 400
}
.jp2021Wrapper .cupExpert .cupExpertCon .cupExpertItem h4 small {
  display: block;
  text-align: center;
  font-size: 11px;
  color: #999
}
.jp2021Wrapper .cupExpert .cupExpertCon .cupExpertItem:last-child {
  border-bottom: 0
}
.jp2021Wrapper .cupExpert .cupExpertCon .cupExpertMore {
  display: block;
  text-align: center;
  color: #d91f1f;
  background: #f7f8f8;
  height: 3.83333rem;
  line-height: 3.83333rem;
  font-size: 1.08333rem
}
.jp2021Wrapper .newsList {
  margin-bottom: .41667rem
}
.jp2021Wrapper .newsList h3.newsTypeTitle {
  border-bottom-width: 2px
}
.jp2021Wrapper .newsList h3.newsTypeTitle span {
  border-bottom: 0;
  margin-bottom: 0;
  color: #404040
}
.jp2021Wrapper .newsList h3.newsTypeTitle span.newsTypeTitleColorBlock {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  line-height: 1.66667rem;
  font-size: 1.41667rem;
  color: #fff;
  text-align: center;
  margin-right: .33333rem;
  font-weight: 700
}
.jp2021Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags {
  position: absolute;
  right: 0
}
.jp2021Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags a {
  color: #404040;
  vertical-align: middle
}
.jp2021Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags a:hover {
  text-decoration: none
}
.jp2021Wrapper .newsList h3.newsTypeTitle .newsTypeTitleTags span {
  display: inline-block;
  margin-right: .41667rem;
  color: #404040;
  vertical-align: middle;
  padding-bottom: 0
}
.jp2021Wrapper .newsList ul.newsListS2 {
  margin-bottom: .66667rem
}
.jp2021Wrapper .newsList ul.newsListS2 li .newsListS2Thum img {
  width: 15rem;
  height: 9.16667rem
}
.jp2021Wrapper .newsList ul.newsListS2 li .newsListS2Info {
  margin-left: 15.83333rem
}
.jp2021Wrapper .newsList ul.newsListS2 li .newsListS2Info .newsListS2Title {
  height: auto
}
.jp2021Wrapper .newsList ul.newsListS2 li .newsListS2Info .newsListS2Title a {
  font-size: 1.33333rem;
  color: #404040;
  display: block;
  height: 5.83333rem;
  overflow: hidden;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 1rem
}
.jp2021Wrapper .newsList ul.newsListN li .newsListLink {
  width: auto
}
.jp2021Wrapper .newsList ul.newsListN li .newsListLink a {
  color: #404040
}
.jp2021Wrapper .cupDailyNav {
  margin-bottom: 3.33333rem
}
.jp2021Wrapper .cupDailyNav ul {
  margin: 0;
  border-top: 3px solid #1b7fd4;
  background: #fff
}
.jp2021Wrapper .cupDailyNav ul li {
  padding: 0
}
.jp2021Wrapper .cupDailyNav ul li a {
  display: block;
  padding: .66667rem 0;
  text-align: center;
  font-size: 1.33333rem;
  color: #1b7fd4
}
.jp2021Wrapper .cupDailyNav ul li.active a {
  color: #fff;
  background: #1b7fd4
}
.jp2021Wrapper .cupDailyDateTableWrapper[data-magellan-expedition-clone], .jp2021Wrapper .cupDailyDateTableWrapper[data-magellan-expedition] {
  background: 0 0
}
.jp2021Wrapper .cupDailyDateTableWrapper[data-magellan-expedition-clone].fixed, .jp2021Wrapper .cupDailyDateTableWrapper[data-magellan-expedition].fixed {
  background: #fff;
  border-bottom: 1px solid #ddd
}
.jp2021Wrapper .cupDailyDateTableWrapper[data-magellan-expedition-clone].fixed .cupDailyDateTable, .jp2021Wrapper .cupDailyDateTableWrapper[data-magellan-expedition].fixed .cupDailyDateTable {
  width: 1160px;
  margin: 0 auto
}
.jp2021Wrapper .cupDailyDateTable {
  margin-bottom: 3.33333rem
}
.jp2021Wrapper .cupDailyDateTable table {
  width: 100%;
  background: 0 0;
  border-color: #ddd;
  margin-bottom: 0
}
.jp2021Wrapper .cupDailyDateTable table tbody tr {
  background: 0 0
}
.jp2021Wrapper .cupDailyDateTable table tbody tr td {
  border-color: #ddd;
  text-align: center;
  background: #fff;
  color: #404040
}
.jp2021Wrapper .cupDailyDateTable table tbody tr td.active {
  background: #a7d1f5
}
.jp2021Wrapper .cupDailyDateTable table tbody tr:hover, .jp2021Wrapper .cupDailyDateTable table tbody tr:nth-of-type(even) {
  background: 0 0
}
.jp2021Wrapper .cupDailyDateTable.hasLink table tbody td {
  cursor: pointer
}
.jp2021Wrapper .cupDailyDateTable2 table {
  width: 100%;
  background: #fff;
  border-color: #ddd;
  margin-bottom: 3.33333rem
}
.jp2021Wrapper .cupDailyDateTable2 table tbody tr {
  background: 0 0
}
.jp2021Wrapper .cupDailyDateTable2 table tbody tr td {
  border-color: #ddd;
  text-align: center;
  background: 0 0;
  padding: 1rem 0 .83333rem 0
}
.jp2021Wrapper .cupDailyDateTable2 table tbody tr td a {
  color: #404040;
  font-size: 1.16667rem
}
.jp2021Wrapper .cupDailyDateTable2 table tbody tr td a .num {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  background: #ccc;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  top: -1px
}
.jp2021Wrapper .cupDailyDateTable2 table tbody tr td.active {
  background: #1b7fd4
}
.jp2021Wrapper .cupDailyDateTable2 table tbody tr td.active a {
  color: #fff
}
.jp2021Wrapper .cupDailyDateTable2 table tbody tr td.active a .num {
  color: #1b7fd4;
  background: #fff
}
.jp2021Wrapper .cupDailyDateTable2 table tbody tr:hover, .jp2021Wrapper .cupDailyDateTable2 table tbody tr:nth-of-type(even) {
  background: 0 0
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table {
  width: 100%;
  background: 0 0;
  border: 0;
  margin-bottom: 3.33333rem
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table thead tr th {
  font-size: 1.16667rem;
  border: 0;
  border-bottom: 1px solid #404040
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table thead tr th strong {
  font-size: 1.66667rem
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr {
  background: 0 0
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td {
  border: 0;
  text-align: center;
  background: 0 0;
  color: #404040;
  font-size: 1.33333rem;
  border-bottom: 1px dashed #ddd;
  padding: 1.66667rem .16667rem
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td .cupDailyRaceTableFlag {
  height: 2.66667rem
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td .cupDailyRaceTableIcon {
  width: 2.5rem;
  height: 2.5rem
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td a {
  color: #404040
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr td .cupDailyRaceTablePoint {
  display: inline-block;
  width: 2.5rem;
  font-size: 2.5rem;
  color: #e93333;
  text-align: center
}
.jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr:hover, .jp2021Wrapper .cupDailyRaceList .cupDailyRaceTable table tbody tr:nth-of-type(even) {
  background: 0 0
}
.jp2021Wrapper .beiSaiJifen > .row .columns:first-child {
  padding-right: 20px
}
.jp2021Wrapper .beiSaiJifen > .row .columns:last-child {
  padding-left: 20px
}
.jp2021Wrapper .beiSaiJifen h3 {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 3px solid #1b7fd4;
  background: #f2f2f2;
  height: 4.66667rem;
  line-height: 4.5rem;
  font-size: 1.66667rem;
  color: #333;
  font-weight: 600;
  margin-right: 1px
}
.jp2021Wrapper .beiSaiJifen table {
  width: 100%;
  background: #fff;
  border-spacing: 0;
  border-style: hidden;
  border: 1px solid #ddd;
  border-top: 0;
  margin-bottom: 40px;
  padding-bottom: 8px
}
.jp2021Wrapper .beiSaiJifen table thead tr th {
  border: 0;
  padding: 1.33333rem .16667rem .66667rem .16667rem;
  color: #999;
  font-size: 1.25rem
}
.jp2021Wrapper .beiSaiJifen table tbody tr td {
  border: 0;
  padding: .66667rem .16667rem;
  font-size: 1.33333rem
}
.jp2021Wrapper .beiSaiJifen table tbody tr:hover, .jp2021Wrapper .beiSaiJifen table tbody tr:nth-of-type(even) {
  background: 0 0
}
.jp2021Wrapper .cupRecommendItem {
  margin-bottom: 2.5rem
}
.jp2021Wrapper .cupRecommendItem .cupRecommendItemTitle {
  overflow: hidden;
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 1.16667rem
}
.jp2021Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleL {
  float: left
}
.jp2021Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleR {
  float: right
}
.jp2021Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleR a {
  color: #404040
}
.jp2021Wrapper .cupRecommendItem .cupRecommendItemTitle .cupRecommendItemTitleR span {
  display: inline-block;
  padding: 0 .33333rem
}
.jp2021Wrapper .cupRecommendItem .pickItem {
  border: 0;
  border-bottom: 1px dashed #ddd;
  margin-bottom: 0
}
.jp2021Wrapper .cupRecommendItem .pickItem .recommendInfoPopupBt {
  display: inline-block;
  background: #d91f1f;
  color: #fff;
  margin-left: .41667rem;
  padding: 0 .25rem
}
.jp2021Wrapper .cupTeams h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #999;
  padding-bottom: .83333rem
}
.jp2021Wrapper .cupTeams .cupTeamsList {
  margin-bottom: 1.66667rem
}
.jp2021Wrapper .cupTeams .cupTeamsList li {
  text-align: center;
  padding: 2.5rem 0
}
.jp2021Wrapper .cupTeams .cupTeamsList a {
  display: block;
  color: #404040
}
.jp2021Wrapper .cupTeams .cupTeamsList a img {
  display: block;
  width: 150px;
  margin: 0 auto 15px auto;
  border: 1px solid #ddd
}
.jp2021Wrapper .cupTeams .cupTeamsList a span {
  display: block;
  font-size: 1.5rem
}
.jp2021Wrapper .cupTeamHeader {
  background: #fff;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 3.33333rem;
  padding: 1.66667rem 0 .83333rem 0
}
.jp2021Wrapper .cupTeamHeader .cupTeamHeaderFlag {
  display: block;
  margin: 0 auto 15px auto;
  border: 1px solid #ddd
}
.jp2021Wrapper .cupTeamHeader .cupTeamHeaderFlag img {
  border: 1px solid #ddd
}
.jp2021Wrapper .cupTeamHeader h3 {
  font-size: 1.5rem;
  text-align: center
}
.jp2021Wrapper .cupTeamHeader .cupTeamInfo h4 {
  font-size: 1.33333rem;
  margin: 0 0 .83333rem 0;
  padding: 0;
  font-weight: 700
}
.jp2021Wrapper .cupTeamHeader .cupTeamInfo p {
  font-size: 1.16667rem;
  margin: 0 0 .5rem 0;
  padding: 0
}
.jp2021Wrapper .cupTeamSection1 {
  margin-bottom: 2.5rem
}
.jp2021Wrapper .cupHostWrapper .cupHostIntr {
  margin-bottom: 3.33333rem
}
.jp2021Wrapper .cupHostWrapper .cupHostIntr h1 {
  font-size: 2.33333rem;
  margin-bottom: 1.66667rem
}
.jp2021Wrapper .cupHostWrapper .cupHostIntr p {
  font-size: 1.16667rem
}
.jp2021Wrapper .cupHostWrapper .cupHostPitch h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: .83333rem;
  margin-bottom: 1.66667rem
}
.jp2021Wrapper .cupHostWrapper .cupHostPitch [class*=block-grid-] {
  margin-left: -1.66667rem;
  margin-right: -1.66667rem
}
.jp2021Wrapper .cupHostWrapper .cupHostPitch [class*=block-grid-] > li {
  padding: 0 20px
}
.jp2021Wrapper .cupHostWrapper .cupHostPitch ul li {
  margin-bottom: 2.5rem
}
.jp2021Wrapper .cupHostWrapper .cupHostPitch ul li a {
  display: block
}
.jp2021Wrapper .cupHostWrapper .cupHostPitch ul li a img {
  display: block;
  border: 1px solid #ddd;
  margin-bottom: .83333rem
}
.jp2021Wrapper .cupHostWrapper .cupHostPitch ul li a span {
  display: block;
  font-size: 1.08333rem;
  text-align: center;
  color: #404040
}
.jp2021Wrapper .cupHostWrapper .cupHostBall, .jp2021Wrapper .cupHostWrapper .cupHostPet {
  margin-bottom: 3.33333rem
}
.jp2021Wrapper .cupHostWrapper .cupHostBall h3, .jp2021Wrapper .cupHostWrapper .cupHostPet h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: .83333rem;
  margin-bottom: 1.66667rem
}
.jp2021Wrapper .cupHostWrapper .cupHostBall .cupHostBallCon, .jp2021Wrapper .cupHostWrapper .cupHostBall .cupHostPetCon, .jp2021Wrapper .cupHostWrapper .cupHostPet .cupHostBallCon, .jp2021Wrapper .cupHostWrapper .cupHostPet .cupHostPetCon {
  overflow: hidden
}
.jp2021Wrapper .cupHostWrapper .cupHostBall .cupHostBallCon img, .jp2021Wrapper .cupHostWrapper .cupHostBall .cupHostPetCon img, .jp2021Wrapper .cupHostWrapper .cupHostPet .cupHostBallCon img, .jp2021Wrapper .cupHostWrapper .cupHostPet .cupHostPetCon img {
  display: block;
  float: left;
  width: 11.25rem;
  border: 1px solid #ddd
}
.jp2021Wrapper .cupHostWrapper .cupHostBall .cupHostBallCon p, .jp2021Wrapper .cupHostWrapper .cupHostBall .cupHostPetCon p, .jp2021Wrapper .cupHostWrapper .cupHostPet .cupHostBallCon p, .jp2021Wrapper .cupHostWrapper .cupHostPet .cupHostPetCon p {
  margin-left: 12.08333rem;
  font-size: 1.16667rem
}
.jp2021Wrapper .cupTeamInfo {
  margin-bottom: 0
}
.jp2021Wrapper .cupTeamInfo h3 {
  font-size: 1.66667rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: .83333rem;
  margin-bottom: 1.66667rem
}
.jp2021Wrapper .cupTeamInfo p {
  font-size: 1.16667rem
}
.jp2021Wrapper .cupShooterWrapper h3 {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 3px solid #da2026;
  background: #f2f2f2;
  height: 4.66667rem;
  line-height: 4.5rem;
  font-size: 1.66667rem;
  color: #333;
  font-weight: 600;
  margin-right: 1px;
  text-align: center;
  margin-bottom: 0
}
.jp2021Wrapper .cupShooterWrapper table {
  width: 100%;
  background: 0 0;
  border: 0;
  margin-bottom: 3.33333rem
}
.jp2021Wrapper .cupShooterWrapper table thead tr th {
  font-size: 1.16667rem;
  border: 0;
  border-bottom: 1px solid #404040
}
.jp2021Wrapper .cupShooterWrapper table thead tr th strong {
  font-size: 1.66667rem
}
.jp2021Wrapper .cupShooterWrapper table tbody tr {
  background: 0 0
}
.jp2021Wrapper .cupShooterWrapper table tbody tr td {
  border: 0;
  text-align: center;
  background: 0 0;
  color: #404040;
  font-size: 1.33333rem;
  border-bottom: 1px dashed #ddd;
  padding: 1.66667rem .16667rem
}
.jp2021Wrapper .cupShooterWrapper table tbody tr td .cupDailyRaceTableFlag {
  height: 2.66667rem
}
.jp2021Wrapper .cupShooterWrapper table tbody tr td .cupDailyRaceTableIcon {
  width: 2.5rem;
  height: 2.5rem
}
.jp2021Wrapper .cupShooterWrapper table tbody tr td a {
  color: #404040
}
.jp2021Wrapper .cupShooterWrapper table tbody tr td .cupDailyRaceTablePoint {
  display: inline-block;
  width: 2.5rem;
  font-size: 2.5rem;
  color: #e93333;
  text-align: center
}
.jp2021Wrapper .cupShooterWrapper table tbody tr:hover, .jp2021Wrapper .cupShooterWrapper table tbody tr:nth-of-type(even) {
  background: 0 0
}
.jp2021Wrapper .cupShooterMenu .side-nav {
  background: #fff;
  border: 1px solid #ddd;
  padding: 0
}
.jp2021Wrapper .cupShooterMenu .side-nav li {
  margin: 0
}
.jp2021Wrapper .cupShooterMenu .side-nav li a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 1.16667rem;
  color: #1b7fd4;
  text-align: center;
  padding: 0
}
.jp2021Wrapper .cupShooterMenu .side-nav li a.active {
  color: #fff;
  background: #1b7fd4
}
.jp2021Wrapper .beiSaiJifenV3 .beiSaiJifenV3Logo {
  width: 10rem;
  height: auto
}
.jp2021Wrapper .button.tinyNumber, .jp2021Wrapper button.tinyNumber {
  background: #1b7fd4;
  border-color: #1b7fd4
}
.jp2021Wrapper .button.tinyNumber.action, .jp2021Wrapper button.tinyNumber.action {
  background: #fff;
  border: 1px solid #ddd
}
.jp2021Wrapper .newsList ul.newsListN li .newsListLink a:hover, .jp2021Wrapper .newsList2 .newsList2List dl dd a:hover, .jp2021Wrapper .newsList2 .newsList2List dl dt a:hover, .jp2021Wrapper .newsVideoList3 dl dd a:hover {
  color: #c12025;
  text-decoration: none
}
.jp2021Wrapper .newsVideoList3 h3 {
  background: url(../image/newsVideoList3TitleBg1.png) 0 bottom no-repeat;
  background-size: 100% auto
}
.jp2021Wrapper .cupTeamList ul {
  padding: 28px 11px;
  border-top-color: #1b7fd4
}
.jp2021Wrapper .cupTeamList ul li {
  text-align: center;
  margin-bottom: 3.16667rem
}
.jp2021Wrapper .cupTeamList ul li span {
  font-size: 1.33333rem;
  font-weight: 400
}
.jp2021Wrapper .cupTeamList ul li a {
  width: 5.16667rem
}
.jp2021Wrapper .cupTeamList ul li a img {
  height: 3.33333rem
}
.jp2021Wrapper .asiaCupApp h3 {
  font-size: 1.33333rem;
  line-height: 1;
  padding: 0;
  margin-bottom: .33333rem
}
.jp2021Wrapper .asiaCupApp h3 img {
  height: 1.83333rem;
  vertical-align: middle;
  margin-right: .41667rem;
  margin-top: -1px
}
.jp2021Wrapper .asiaCupApp a img {
  border-top: 3px solid #1b7fd4
}
.importWrapper {
  position: relative;
  margin: 10px auto
}
.importWrapper .cupDailyRaceReport .cupDailyRaceReportStatus.importTitle {
  padding: 0 0;
  background: #eee
}
.importWrapper .cupDailyRaceReport .cupDailyRaceReportStatus.importTitle .importTitleLink {
  font-size: 1.5rem;
  text-align: center;
  display: block
}
.importWrapper .importLiveListFilter {
  padding: .83333rem .83333rem .83333rem .83333rem
}
.importWrapper .importLiveListFilter select {
  font-size: 1.33333rem;
  height: 2.16667rem;
  line-height: 2rem;
  padding: 0 .41667rem;
  width: 100%
}
.importWrapper .importLiveListTimeline {
  padding: .83333rem 1.25rem .5rem 0
}
.importWrapper .importWrapperRefresh {
  display: block;
  position: absolute;
  z-index: 2;
  right: 10px;
  top: 16px;
  width: 24px;
  height: 24px
}
.importWrapper .importLiveListRankGroup {
  background: #f4f4f4;
  padding: 10px
}
.importWrapper .cupDailyRankTabs {
  list-style: none;
  margin: 20px 0 0 0;
  text-align: center
}
.importWrapper .cupDailyRankTabs li {
  margin: 0;
  padding: 0
}
.cupDailyRaceReportItemNum {
  font-size: 1rem;
  text-align: center;
  margin: 0 0 8px 0;
  font-weight: 700
}
.powerByLink {
  font-size: 1.16667rem;
  text-align: center;
  display: block;
  color: #999;
  background: #f9f9f9;
  padding: .5rem 0
}
.widgetIndex {
  margin-top: -2.33333rem
}
.widgetIndex .widgetIndexBanner {
  height: 30rem;
  background: url(../image/bg.jpg) 50% 50% no-repeat;
  background-size: cover
}
.widgetIndex .widgetIndexBanner .widgetIndexBannerScreenshot {
  height: 25rem;
  margin-top: 3.33333rem
}
.widgetIndex .widgetIndexBanner h2 {
  color: #fff;
  font-size: 2.83333rem;
  font-weight: 400;
  margin-bottom: 1.66667rem;
  margin-top: 8.33333rem
}
.widgetIndex .widgetIndexBanner h2 img {
  height: 3.33333rem;
  width: auto;
  margin-right: .83333rem;
  vertical-align: middle;
  margin-top: -6px
}
.widgetIndex .widgetIndexBanner p {
  color: #fff;
  font-size: 1.66667rem;
  font-weight: 400
}
.widgetIndex .widgetList .widgetItem h3 {
  font-size: 1.66667rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px
}
.widgetIndex .widgetList .widgetItem h3 img {
  height: 2rem;
  width: auto;
  margin-right: .83333rem;
  vertical-align: middle;
  margin-top: -2px
}
.widgetIndex .widgetList .widgetItem h4 {
  font-size: 1.33333rem;
  padding: .41667rem 0;
  margin-bottom: 8px
}
.widgetIndex .widgetList .widgetItem h4 img {
  height: 1.66667rem;
  width: auto;
  margin-right: .83333rem;
  vertical-align: middle;
  margin-top: -2px
}
.widgetItemColor {
  margin-bottom: 20px
}
.widgetItemColor input[type=text] {
  height: 32px;
  padding: 2px 6px
}
.widgetItemColor .button.expand {
  padding-top: .58333rem;
  padding-bottom: .5rem;
  font-size: 1.16667rem
}
.colorPickerWrapper {
  border: 0;
  position: relative;
  width: 280px
}
.colorPickerWrapper .closeBt {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-size: 1rem;
  color: #999;
  display: inline-block;
  border: 1px solid #ddd;
  padding: .16667rem .41667rem
}
.widgetItemLeague {
  width: 790px
}
.widgetItemLeague .select2-container .select2-search--inline .select2-search__field {
  margin: 5px 0 0 0;
  height: 1.83333rem;
  padding: 0
}
.widgetItemLeague .button {
  padding: 4px 30px;
  font-size: 14px
}
.widgetItemLeague .button.widgetGenerateBt {
  background: #f57f17;
  border-color: #f57f17;
  color: #fff;
  padding-top: .58333rem;
  padding-bottom: .5rem;
  font-size: 1.16667rem
}
.widgetItemLeague .button.widgetPreviewBt {
  padding-top: .58333rem;
  padding-bottom: .5rem;
  font-size: 1.16667rem
}
.widgetItemLeague label.button {
  padding-top: .58333rem;
  padding-bottom: .58333rem
}
.widgetItemLeague label.button input[type=radio] {
  position: relative;
  top: -1px
}
.widgetItemInner {
  padding-left: 30px
}
.widgetPreview {
  padding: 60px 0
}
.widgetPreview h2 {
  text-align: center;
  font-size: 2.16667rem;
  margin-bottom: 3.33333rem
}
.panelList2 .listFilter {
  padding: 10px 10px
}
.panelList2 .listFilter select {
  height: 2.66667rem;
  padding: .16667rem .66667rem
}
.panelLive {
  margin: 0 auto
}
.panelLive .panel {
  border-top: 1px solid #ddd
}
.panelLive .panel .panel-heading {
  padding: 10px .83333rem;
  background: #2f8162;
  color: #fff;
  text-align: center;
  position: relative
}
.panelLive .panel .panel-heading .liveRefresh {
  display: block;
  position: absolute;
  z-index: 2;
  right: 10px;
  top: 6px;
  width: 22px;
  height: 22px
}
.panelLive .panel .panel-heading a, .panelLive .panel .panel-heading a:hover {
  color: #fff;
  text-decoration: none
}
.panelLive .panel .panel-body {
  padding: 0
}
.panelLive .listFilter {
  padding: 10px 10px
}
.panelLive .listFilter select {
  height: 2.66667rem;
  padding: .16667rem .66667rem
}
.panelLive .panelLiveList .panelLiveListItem {
  padding: .83333rem 0 0 0;
  border-bottom: 1px solid #ddd
}
.panelLive .panelLiveList .panelLiveListItem .row {
  margin: 0
}
.panelLive .panelLiveList .panelLiveListItem .row .columns {
  padding: 0
}
.panelLive .panelLiveList .panelLiveListItem .panelLiveListItemTime {
  padding-top: .83333rem
}
.panelLive .panelLiveList .panelLiveListItem .panelLiveListItemTime span {
  display: block;
  text-align: center
}
.panelLive .panelLiveList .panelLiveListItem h6 {
  line-height: 1;
  margin: .83333rem 0 0 0;
  padding: 0;
  font-size: 2.5rem;
  color: #e84646
}
.panelLive .panelLiveList .panelLiveListItem .panelLiveListItemNum {
  font-size: 1rem;
  text-align: center;
  margin: 0 0 8px 0;
  font-weight: 700
}
.panelLive .panelLiveList .panelLiveListItem .panelLiveListItemTimeline {
  padding: .83333rem 1.25rem .5rem 0
}
.panelLive .panelLiveList .panelLiveListItem .timeLine.emptyTimeLine {
  background: #ddd;
  border-color: #ddd
}
.panelLive .panelLiveList ul.pagination {
  margin-top: .66667rem
}
.panelLive .panelLiveList ul.pagination li {
  font-size: 1rem;
  height: 1.16667rem
}
.panelLive .panelLiveList ul.pagination li a {
  font-size: 1rem;
  padding: .08333rem .5rem
}
.panelLive .panelLiveList ul.pagination li.current a {
  background: #f4f4f4;
  color: #999
}
.panelLive hr {
  border-color: #f4f6f7
}
.widgetTablesWrapper {
  margin: 0 auto;
  width: 300px
}
.widgetTablesWrapper .panel .panel-heading a, .widgetTablesWrapper .panel .panel-heading a:hover {
  color: #fff;
  text-decoration: none
}
.widgetTablesWrapper .indexTablesTabs .tabs-content {
  min-height: 418px
}
.widgetTablesWrapper .indexTablesTabs .indexTablesTabsConTable thead tr th {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #999
}
.panelLive .panelLiveList {
  min-height: 380px
}
.widgetLeagueName {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 0 0 10px 0
}
.widgetTabs {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
  padding-bottom: 5px;
  margin-top: -10px
}
.widgetTabs .widgetTabsBt {
  display: inline-block;
  color: #39b296;
  font-size: 12px;
  line-height: 1;
  padding: 4px 10px;
  margin-right: 6px;
  border-radius: 3px
}
.widgetTabs .widgetTabsBt.active {
  background: #39b296;
  color: #fff
}
.widgetBottomLink {
  color: #999
}
.widgetBottomLink:hover {
  color: #2f8162
}