body,
html {
  height: 100%;
  position: relative;
  background: #fff;
}

html {
  font-size: 50px;
}

@media screen and (min-width: 320px) {
  html {
    font-size: 42.66px;
  }
}

@media screen and (min-width: 360px) {
  html {
    font-size: 48px;
  }
}

@media screen and (min-width: 375px) {
  html {
    font-size: 50px;
  }
}

@media screen and (min-width: 414px) {
  html {
    font-size: 55.20px;
  }
}

html, body, a, button, dd, div, dl, dt, h1, h2, h3, img, li, p, ul {
  border: none;
  margin: 0;
  padding: 0;
  border: 0;
}

article, aside, footer, header, nav, section {
  display: block;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

li, ul {
  list-style-type: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

button, input[type=number], input[type=password], input[type=reset], input[type=submit], input[type=text], select, textarea {
  font: 0.24rem/.55rem "Microsoft Yahei", "Arial";
  margin: 0;
  vertical-align: baseline;
  background: 0 0;
  border: 0;
  padding: 0;
  color: #222;
}

areatext, button, input {
  line-height: normal;
  outline: 0 !important;
}

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

button[disabled], input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a, img, div {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  outline: none;
}

body {
  font-family: "Helvetica Neue",Tahoma,"Microsoft Yahei","PingFang SC","ST Heiti",SimHei,'sans-serif';
}

/**
 * Swiper 4.1.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 11, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  transition: .2s transform,.2s top,.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  transition: .2s transform,.2s left,.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

/**
 * Swiper 4.1.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 11, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  transition: .2s transform,.2s top,.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  transition: .2s transform,.2s left,.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

body {
  background: #fff;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  max-width: 718px;
  margin: auto;
  height:auto;
}

fieldset {
  border: 0;
  padding: 0;
}

.playGameBtn {
  background: #333;
  color: #fff;
  width: 2.04rem;
  height: .64rem;
  text-align: center;
  line-height: .64rem;
  display: inline-block;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  -ms-border-radius: 0.32rem;
  -o-border-radius: 0.32rem;
  border-radius: 0.32rem;
  font-size: 0.3rem;
}

.playGameBtn.touch {
  background: #000;
}

.gameDowBtn {
  background: #ffaf00;
  color: #fff;
  width: 2.04rem;
  height: .64rem;
  text-align: center;
  line-height: .64rem;
  display: inline-block;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  -ms-border-radius: 0.32rem;
  -o-border-radius: 0.32rem;
  border-radius: 0.32rem;
  font-size: 0.3rem;
}

.gameDowBtn.touch {
  background: #ff9900;
}

.payBtn {
  background: #ffaf00;
  color: #fff;
  width: 2.04rem;
  height: .64rem;
  text-align: center;
  line-height: .64rem;
  display: inline-block;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  -ms-border-radius: 0.32rem;
  -o-border-radius: 0.32rem;
  border-radius: 0.32rem;
  font-size: 0.3rem;
  width: 100%;
  height: .95rem;
  line-height: .95rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.payBtn.touch {
  background: #ff9900;
}

em {
  font-style: normal;
}

.icon {
  width: .55rem;
  height: .55rem;
  vertical-align: -.18rem;
  fill: currentColor;
  overflow: hidden;
}

#container {
  width: 100%;
  position: relative;
  color: #333;
  font-size: 0.28rem;
  height: 100%;
  font-family: "Microsoft YaHei";
  overflow-x: hidden;
}

#container img {
  width: 100%;
  height: 100%;
  display: block;
}
 #container .ft_qu_b img {
        width: auto;
        height: auto
    }
    #container .ft_qu_b {
       font-size:12px;
    }

.load {
  background: rgba(0, 0, 0, 0.7);
}

.loading {
  position: fixed;
  width: 1.5rem;
  height: 1.5rem;
  left: 50%;
  top: 50%;
  margin-left: -0.75rem;
  margin-top: -0.75rem;
}

.loading img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  animation: myfirst linear 1.2s infinite;
  -webkit-animation: myfirst linear 1.2s infinite;
}

.g-main {
  overflow-y: scrollbar;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.15rem;
}

.g-main .swiper-banner .swiper-pagination {
  text-align: center;
}

.g-main .swiper-banner .swiper-pagination-bullet-active {
  background: #ff9900 !important;
}

.g-header {
  border-bottom: 0.02rem solid #ffaf00;
  height: .97rem;
  display: block;
  background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #f2f2f2 100%);
  background-image: -o-linear-gradient(top, #f8f8f8 0%, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #f8f8f8 0%, #f2f2f2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F8F8', endColorstr='#FFF2F2F2', GradientType=0);
  *zoom: 1;
}

.g-header:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.g-header .m-logo {
  width: 1.88rem;
  height: .6rem;
  padding: .2rem 0 0 .3rem;
  display: inline-block;
}

.g-header .m-logo a {
  display: block;
}

.g-header .login {
  float: right;
  margin: .25rem .3rem 0 0;
  position: relative;
}

.g-header .h1Title {
  font-size: 0.32rem;
  padding: 0 .2rem;
  line-height: .97rem;
  float: left;
}

.g-header .icon-topTips {
  position: absolute;
  top: .05rem;
  right: .05rem;
  width: .13rem;
  height: .13rem;
  background: #f30;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: block;
}

.g-header .i-calendar {
  position: relative;
}

.g-nav {
  height: 1rem;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 99;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px -3px 3px #f2f2f2;
  -moz-box-shadow: 0px -3px 3px #f2f2f2;
  -ms-box-shadow: 0px -3px 3px #f2f2f2;
  -o-box-shadow: 0px -3px 3px #f2f2f2;
  box-shadow: 0px -3px 3px #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: .05rem;
  max-width: 766px;
  margin: auto;
}

.g-nav nav {
  -webkit-box-pack: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.05rem;
}

.g-nav .btn {
  display: inline-block;
  font-size: .22rem;
  color: #333;
}



.g-nav .icon {
  width: .6rem;
  height: .5rem;
  display: block;
  margin:0 auto;
}

.tabs-navLst {
  margin: 0 .2rem;
  border-bottom: 1px solid #e5e5e5;
  font-size: 0.24rem;
  line-height: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.tabs-navLst .item {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding-bottom: 0.1rem;
  display: inline-block;
  text-align: center;
}

.tabs-navLst .item a {color: #666;display:block;overflow:hidden;max-width:1.3rem;white-space:nowrap;text-overflow:ellipsis;text-align:center;margin:0 auto;}
.tabs-navLst .item.cur {
  border-bottom: 2px solid #ff7800 !important;
  margin-bottom: -1px;
}

.tabs-navLst .item.cur a {
  color: #ff7800 !important;
}

.tabs-container {
  border-bottom: 1px solid #e5e5e5;
  line-height: .75rem;
  font-size: 0.28rem;
  width: 100%;
  padding: .15rem 0 0;
}

.tabs-container .swiper-slide {
  width: 100%;
  padding: 0 .2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.tabs-container li {
  border-bottom: 1px dashed #e5e5e5;
  *zoom: 1;
}

.tabs-container li:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.tabs-container li:last-child {
  border: none;
}

.tabs-container time {
  display: inline-block;
  font-size: 0.24rem;
  color: #999;
  float: left;
}

.tabs-container .text {
  color: #333;
  padding-right: 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  width: 85%;
  float: right;
}

.moreNews {
  display: block;
  color: #999;
  margin: .15rem auto 0;
  width: 2rem;
}

.moreNews span {
  float: left;
  margin-right: .15rem;
}

.moreNews .icon {
  width: .25rem;
  height: .25rem;
  float: left;
  margin-top: .05rem;
  fill: #999;
}

.h2Title {
  padding: .2rem 0;
  font-size: 0.28rem;
  color: #666;
}

.h2Title .titleIcon {
  width: .1rem;
  height: .3rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  background: #ffaf00;
  display: inline-block;
  margin: .23rem .15rem 0 0;
  float: left;
}

@keyframes myfirst {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes myfirst {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

.swiper-banner {
  width: 100%;
  
}

.swiper-banner .swiper-slide {
  width: 100%;
}

.swiper-banner .swiper-pagination {
  text-align: right;
  padding-right: .25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper-banner .swiper-pagination-bullet {
  background: #fff !important;
  opacity: 1;
}

.swiper-banner .swiper-pagination-bullet-active {
  background: #ffaf00 !important;
  width: 15px;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  -ms-border-radius: 0.32rem;
  -o-border-radius: 0.32rem;
  border-radius: 0.32rem;
}

.g-iActivity {
  background: #f8f8f8;
  padding: .2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-iActivity .m-activity {
  width: 3.42rem;
  height: 2.56rem;
  overflow: hidden;
  display: inline-block;
}

.g-iActivity .m-activity img {
  -webkit-border-radius: 0.06rem;
  -moz-border-radius: 0.06rem;
  -ms-border-radius: 0.06rem;
  -o-border-radius: 0.06rem;
  border-radius: 0.06rem;
}

.g-iNews {
  padding: .2rem 0 .7rem;
}

.g-iNews .news-list {
  height: 4.6rem;
}

.return {
  font-size: 0.32rem;
  color: #333;
  line-height: .96rem;
  position: relative;
  top: 0.01rem;
}

.return .icon {
  float: left;
  width: .7rem;
  height: .44rem;
  margin: .3rem 0.02rem 0 0.06rem;
}

.g-pNews {
  padding: .2rem 0;
  color: #333;
}

.g-pNews .tabs-container {
  border-bottom: none;
}

.g-pNews .news-list {
  min-height: 9.2rem;
}

.g-pNews .moreNews .icon {
  margin-top: .25rem;
}

.g-pNews .bors {
  border-top: 1px solid #e5e5e5;
  margin: .15rem -.2rem;
}

.g-pNews .moreNews {
  margin-top: 0;
}

.g-pNews .news-bd {
  font-size: 0.28rem;
  line-height: 2;
  padding: .2rem;
}

#container .g-pNews .news-bd img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  width:auto;
}

.g-pNews .news-hd {
  border-bottom: 1px solid #e5e5e5;
  padding: .2rem .2rem 0;
}

.g-pNews .news-hd h1 {
  color: #333;
  font-size: 0.48rem;
  line-height: 1.5;
}

.g-pNews .news-hd .data {
  font-size: 0.24rem;
  color: #999;
  padding: .2rem 0;
  display: inline-block;
}
/*.g-pGame {
  padding: .2rem 0;
}*/
.g-pGame .h2Title {
  float: left;
  width: 20%;
  padding: 0 0 .2rem;
}

.g-pGame .bx {
  box-shadow: 0px 0px 18px 5px #f2f2f2 !important;
  margin: 0.2rem 0;
}

.g-pGame .tabs-container {
  border-bottom: none;
  padding: .2rem 0 .4rem;
}

.g-pGame .tabs-container .swiper-slide {
  overflow: hidden;
}

.g-pGame .tabs-navLst {
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-pGame .tabs-navLst li {
  padding: 0.15rem 0;
}

.g-pGame .tabs-navLst li a {
  font-size: .32rem;
}

.g-pGame .tabs-navLst li.cur {
  border-bottom: 2px solid #ff9900;
}

.g-pGame .tabs-navLst li.cur a {
  color: #ff9900;
}

.g-pGame .u-gameLst-new {
  *zoom: 1;
  padding: .1rem 0.2rem;
}

.g-pGame .u-gameLst-new:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.g-pGame .u-gameLst-new li {
  border: none;
  margin-bottom: .35rem;
}

.g-pGame .u-gameLst-new li a {
  display: block;
  position: relative;
}

.g-pGame .u-gameLst-new li a .gameInfo {
  position: absolute;
  bottom: .3rem;
  left: .45rem;
}

.g-pGame .u-gameLst-new li a .gameInfo img {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 4px;
}

.g-pGame .u-gameLst-new li a .gameInfo .gameName {
  color: #000;
  font-size: .32rem;
  line-height: 2.4;
}

.g-pGame .u-gameLst-new li a .gameInfo .gameType {
  color: #999;
  font-size: .24rem;
  line-height: 1;
}

.g-pGame .u-gameLst-new li .gameIcon {
  border: 1px solid #e5e5e5;
  display: block;
  width: 100%;
  border-radius: 8px;
}

.g-pGame .u-gameLst {
  *zoom: 1;
  padding: .1rem 0;
}

.g-pGame .u-gameLst:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.g-pGame .u-gameLst li {
  float: left;
  width: 50%;
  border: none;
  margin-bottom: .35rem;
}

.g-pGame .u-gameLst li a {
  display: block;
}

.g-pGame .u-gameLst img.gameIcon {
  width: 1rem !important;
  height: 1rem !important;
  -webkit-border-radius: 0.05rem;
  -moz-border-radius: 0.05rem;
  -ms-border-radius: 0.05rem;
  -o-border-radius: 0.05rem;
  border-radius: 0.05rem;
  float: left;
}

.g-pGame .u-gameLst .gameInfo {
  float: left;
  padding-left: .15rem;
  width: 62%;
}

.g-pGame .u-gameLst .gameName {
  font-size: 0.28rem;
  color: #333;
  line-height: 1.5;
}

.g-pGame .u-gameLst .gameType {
  border: 1px solid #ff9900;
  -webkit-border-radius: 0.05rem;
  -moz-border-radius: 0.05rem;
  -ms-border-radius: 0.05rem;
  -o-border-radius: 0.05rem;
  border-radius: 0.05rem;
  width: auto;
  height: .34rem;
  line-height: .34rem;
  display: inline-block;
  padding: 0 0.05rem;
  font-size: 0.24rem;
  text-align: center;
  color: #ff9900;
  margin-top: .05rem;
  overflow: hidden;
}

.g-pGame .m-gameBanner {
  width: 100%;
  height: 4.87rem;
  margin-top: -.2rem;
}

.g-pGame .m-gameLink {
  background: #f8f8f8;
  padding: .35rem .2rem;
  border-bottom: 1px solid #e5e5e5;
  *zoom: 1;
}

.g-pGame .m-gameLink:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.g-pGame .m-gameLink dl {
  float: left;
  width: 70%;
}

.g-pGame .m-gameLink dt {
  width: 1.4rem;
  height: 1.4rem;
  float: left;
}

.g-pGame .m-gameLink dd {
  margin-left: .25rem;
  display: inline-block;
  width: 65%;
}

.g-pGame .m-gameLink .u-gameName {
  font-size: .4rem;
  line-height: 1.8;
  color: #333;
}

.g-pGame .m-gameLink .u-gameType {
  border: 1px solid #ffaf00;
  width: auto;
  height: .42rem;
  padding: 0 0.15rem;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 0.05rem;
  -moz-border-radius: 0.05rem;
  -ms-border-radius: 0.05rem;
  -o-border-radius: 0.05rem;
  border-radius: 0.05rem;
  color: #ff9900;
  margin-top: .1rem;
  font-size: 0.3rem;
}

.g-pGame .u-gameBtn {
  float: right;
}

.g-pGame .u-gameBtn a {
  display: block;
}

.g-pGame .u-gameBtn .gameDowBtn {
  margin-top: .2rem;
}

.g-pGame .m-gameTxt {
  padding: .2rem;
  font-size: 0.28rem;
  line-height: 1.5;
}

.g-pGame .allGameTitle {
  *zoom: 1;
}

.g-pGame .allGameTitle:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.g-pGame .allGameTitle .h2Title {
  float: left;
  width: 20%;
  padding: 0 0 .2rem;
}

.g-pGame .allGameList {
  padding: .1rem 0.2rem 0;
  height: .95rem;
  position: relative;
}

.g-pGame .allGameList ul {
  overflow-x: auto;
  white-space: nowrap;
  text-align: center;
}

.g-pGame .allGameList li {
  border-bottom: 0;
  display: inline-block;
  padding: 0 .25rem;
  line-height: .55rem;
  position: relative;
  top: 0;
}

.g-pGame .allGameList li.touch, .g-pGame .allGameList li.active {
  background: #ff8800;
  -webkit-border-radius: 0.35rem;
  -moz-border-radius: 0.35rem;
  -ms-border-radius: 0.35rem;
  -o-border-radius: 0.35rem;
  border-radius: 0.35rem;
  color: #fff;
}

.g-pGame .allGameList .listBox {
  position: absolute;
  top: .3rem;
  right: 0;
  width: .4rem;
  background: url(../img/arrow_bottom.png) no-repeat 0 0;
  background-size: .2rem .2rem;
  display: none;
  z-index: 1;
}

.g-pGame .allGameList .listBox .top {
  background: url(../img/arrow_top.png) no-repeat;
  background-size: .34rem .24rem;
  display: block;
  position: absolute;
  top: .29rem;
  right: .13rem;
  width: .34rem;
  height: .24rem;
}

.g-pGame .allGameList .listBox .button {
  width: .45rem;
  height: .25rem;
}

.g-pGame .allGameList .gamelists {
  height: 1.5rem;
  overflow-y: auto;
  width: 1.7rem;
  text-align: center;
  float: right;
  margin-top: .25rem;
  -webkit-border-radius: 0.05rem;
  -moz-border-radius: 0.05rem;
  -ms-border-radius: 0.05rem;
  -o-border-radius: 0.05rem;
  border-radius: 0.05rem;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 0 0.15rem #e5e5e5;
  padding: 0 .15rem;
  display: none;
}

.g-pGame .allGameList .gamelists p {
  border-bottom: 1px solid #e5e5e5;
}

.g-pGame .allGameList .gamelists.cur {
  display: block;
}

.swiper-game {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-game .game-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-game .swiper-slide {
  width: 6rem;
  height: 5.6rem;
  background: #fff;
  overflow: hidden;
  padding: 0;
  -webkit-box-shadow: 3px 3px 5px #f2f2f2;
  -moz-box-shadow: 3px 3px 5px #f2f2f2;
  -ms-box-shadow: 3px 3px 5px #f2f2f2;
  -o-box-shadow: 3px 3px 5px #f2f2f2;
  box-shadow: 3px 3px 5px #f2f2f2;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
  border-radius: 0.1rem;
}

.swiper-game .gameImg {
  width: 6rem !important;
  height: 3.92rem !important;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
  border-radius: 0.1rem;
}

.swiper-game .gameInfo {
  padding: .1rem .2rem;
  color: #666;
  line-height: 1.8;
}

.swiper-game .u-gameName {
  font-size: 0.28rem;
}

.swiper-game .u-gameInfo {
  font-size: 0.24rem;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.g-boxBg {
  background: #f8f8f8;
}

.g-pMessage a {
  color: #333;
}

.g-pMessage .tabs-navLst {
  background: #fff;
  margin: 0;
  padding: .25rem .2rem 0;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-pMessage .tabs-navLst .item {
  padding-bottom: .2rem;
  position: relative;
}

.g-pMessage .tabs-navLst .icon {
  background: #ed6661;
  width: .14rem;
  height: .14rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.g-pMessage .tabs-container {
  border-bottom: none;
  font-size: 0.24rem;
}

.g-pMessage .tabs-container .swiper-slide {
  padding: 0;
}

.g-pMessage .u-message,
.g-pMessage .u-nothing {
  *zoom: 1;
  background: #fff;
  padding: .25rem .3rem;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  display: block;
  line-height: 1.5;
  margin-bottom: .2rem;
}

.g-pMessage .u-message:after,
.g-pMessage .u-nothing:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.g-pMessage .u-message div,
.g-pMessage .u-nothing div {
  height: .75rem;
  min-height: .75rem;
  overflow: hidden;
}

.g-pMessage .u-message.add div,
.g-pMessage .u-nothing.add div {
  height: auto;
}

.g-pMessage .u-message p,
.g-pMessage .u-nothing p {
  margin-top: .15rem;
  font-size: 0.22rem;
  color: #999;
}

.g-pMessage .u-message img,
.g-pMessage .u-nothing img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

.g-pMessage .news-bd {
  padding: .2rem;
}

.g-pMessage .u-nothing {
  text-align: center;
  padding: .45rem 0;
}

.tabs-message {
  padding: 0 .3rem .2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}

.tabs-message:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.tabs-message .item {
  width: 1.18rem;
  height: .58rem;
  text-align: center;
  line-height: .6rem;
  font-size: 0.24rem;
  position: relative;
  background: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 0.35rem;
  -moz-border-radius: 0.35rem;
  -ms-border-radius: 0.35rem;
  -o-border-radius: 0.35rem;
  border-radius: 0.35rem;
  float: left;
  margin-right: .25rem;
}

.tabs-message .item a {
  color: #666;
}

.tabs-message .item:last-child {
  border: 1px solid #e5e5e5;
}

.tabs-message .item.cur {
  background: #ff9900;
  border-color: #ff9900;
}

.tabs-message .item.cur a {
  color: #fff;
}

.tabs-message .item .num {
  display: inline-block;
  position: absolute;
  padding: 0 .05rem;
  height: .23rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  background: #ed6661;
  font: normal 0.18rem/0.22rem "Microsoft YaHei";
  color: #fff;
  border: 1px solid #fff;
  top: -5px;
  left: .95rem;
}

.tabs-msgContainer {
  overflow: hidden;
}

.tabs-msgContainer .u-community {
  *zoom: 1;
  background: #fff;
  padding: .25rem .3rem;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  display: block;
  line-height: 1.5;
  margin-bottom: .2rem;
  max-height: 1.3rem;
}

.tabs-msgContainer .u-community:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.tabs-msgContainer .u-community .portrait {
  float: left;
  width: 0.72rem !important;
  height: 0.72rem !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.tabs-msgContainer .u-community dl {
  float: left;
  display: block;
  width: 86%;
  margin-left: .2rem;
}

.tabs-msgContainer .u-community dl dt {
  *zoom: 1;
}

.tabs-msgContainer .u-community dl dt:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.tabs-msgContainer .u-community dl dt .name {
  display: inline-block;
  width: 60%;
  font-size: 0.28rem;
}

.tabs-msgContainer .u-community dl dd {
  font-size: 0.24rem;
  margin-top: .15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tabs-msgContainer .u-community dl dd img {
  width: 0.34rem !important;
  height: 0.34rem !important;
  display: inline-block !important;
  vertical-align: middle;
}

.g-gift {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 .3rem;
  *zoom: 1;
  line-height: 1.8;
}

.g-gift:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.g-gift .u-gift {
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  padding: .3rem 0;
}

.g-gift .u-gift:last-child {
  border-bottom: none;
}

.g-gift .giftdet {
  width: 78%;
  display: inline-block;
  text-align: left;
}

.g-gift time {
  font-size: 0.24rem;
  color: #999;
}

.g-gift .tips {
  position: relative;
  bottom: 0.02rem;
  border: 1px solid #ed6661;
  padding: .02rem .1rem;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
  border-radius: 0.1rem;
  margin-left: 5px;
  color: #ed6661;
  font-size: .2rem;
  white-space: nowrap;
}

.g-gift .borBtn {
  border: 1px solid #ccc;
  color: #999;
  font-size: 0.24rem;
  text-align: center;
  width: 1rem;
  height: .4rem;
  line-height: .4rem;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
  border-radius: 0.1rem;
  display: inline-block;
  padding: .1rem .15rem;
  float: right;
}

.g-gift .borBtn .icon {
  color: #ffaf00;
}

.g-gift .borBtn.touch {
  border-color: #ffc648;
  color: #666;
}

.g-icons {
  padding: .6rem 0;
  text-align: center;
}

.g-icons .u-icons {
  width: 7.5rem;
  height: 4rem;
}

.g-icons .u-iconsTxt {
  font-size: .36rem;
  color: #999;
  line-height: 1rem;
}

.g-pay .tabs-navLst {
  line-height: .95rem;
  background: #fff;
  margin: 0;
  padding: 0 .2rem;
  border: none;
}

.g-pay .tabs-navLst ul {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-pay .tabs-navLst .item {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.g-pay .tabs-container {
  border: none;
  padding-top: 0;
}

.g-pay .swiper-slide {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}

.g-pay fieldset {
  margin: .1rem 0;
}

.g-pay form {
  padding-bottom: .1rem;
}

.g-pay .game_typeBox,
.g-pay .server_typeBox {
  position: relative;
  display: inline-block;
  width: 83%;
  float: right;
}

.g-pay .game_typeBox .pay_ipt,
.g-pay .server_typeBox .pay_ipt {
  width: 100% !important;
}

.g-pay .game_typeBox .icon,
.g-pay .server_typeBox .icon {
  position: absolute;
  right: 0;
  top: .05rem;
}

.g-pay .border {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  height: .2rem;
  background: #f8f8f8;
  display: block;
  margin: 0 -.2rem;
}

.g-pay .pay_ipt {
  width: 81%;
  border-bottom: 1px solid #e5e5e5;
  margin-left: .14rem;
  font-size: .28rem;
  line-height: .75rem;
}

.g-pay .moneyLst {
  padding: .05rem 0;
}

.g-pay .moneyLst .title {
  font-size: .28rem;
}

.g-pay .moneyLst .title em {
  background: #ffaf00;
  width: .08rem;
  height: .38rem;
  display: inline-block;
  float: left;
  margin: .15rem .15rem 0 0;
}

.g-pay .m-moneyLst {
  width: 100%;
}

.g-pay .m-moneyLst li {
  width: 28%;
  height: 1.03rem;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 0.15rem;
  -moz-border-radius: 0.15rem;
  -ms-border-radius: 0.15rem;
  -o-border-radius: 0.15rem;
  border-radius: 0.15rem;
  float: left;
  text-align: center;
  font-size: 0.32rem;
  margin: 0 .1rem .2rem .2rem;
}

.g-pay .m-moneyLst li em {
  display: block;
  font-size: 0.24rem;
  line-height: .25rem;
  margin-top: -.1rem;
  color: #999;
}

.g-pay .m-moneyLst li.cur {
  background: #ff9900;
  border-color: #ff9900;
  color: #fff;
}

.g-pay .m-moneyLst li.cur em {
  color: #fff;
}

.g-pay .other {
  width: 100%;
  border: 0;
  text-align: left;
  margin: 0 0 .15rem .25rem;
  clear: both;
}

.g-pay .other .pay_ipt {
  margin-left: 0;
  width: 70%;
}

.g-pay .other span {
  font-size: 0.24rem;
  margin-left: .25rem;
}

.g-pay .other i {
  color: #ed6661;
}

.g-pay .tipsLst {
  line-height: 1.5;
  margin: 0 0 .2rem .2rem;
}

.g-pay .tipsLst .label {
  float: left;
  display: inline-block;
}

.g-pay .tipsLst div {
  display: inline-block;
}

.integralBox {
  background: url(../img/jifen.jpg) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 100%;
  height: 2.6rem;
  border-bottom: 1px solid #e5e5e5;
  padding: .2rem 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: .2rem;
}

.integralBox .num {
  font-size: .6rem;
  color: #ff9900;
  line-height: 1.8;
}

.integralBox .orgBtn {
  margin-top: 0;
}

.integralLst {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  padding: 0 .2rem;
}

.integralLst .all_game {
  border-bottom: 1px solid #e5e5e5;
  line-height: .9rem;
  position: relative;
  font-size: 0.28rem;
  margin: 0 .2rem;
}

.integralLst .all_game .icon {
  position: absolute;
  right: -.15rem;
  top: .2rem;
}

.integralLst .all_game .game_type {
  float: right;
  line-height: .9rem;
  text-align: right;
  padding-right: .45rem;
}

.integralLst .all_time {
  padding: .25rem 0;
  width: 80%;
  margin: 0 auto;
}

.integralLst .all_time input {
  width: 2.6rem;
  height: .6rem;
  background: #f2f2f2;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
  border-radius: 0.1rem;
  text-align: center;
  color: #666;
  font-size: 0.28rem;
}

.integralLst .all_lst {
  padding: .2rem;
}

.integralLst .all_lst .item {
  border-bottom: 1px solid #e5e5e5;
  padding: .2rem 0;
  line-height: .4rem;
  *zoom: 1;
}

.integralLst .all_lst .item:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.integralLst .all_lst .item:last-child {
  border-bottom: 0;
}

.integralLst .all_lst .title {
  font-size: 0.28rem;
}

.integralLst .all_lst .title .tt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  width: 80%;
  display: inline-block;
}

.integralLst .all_lst .title .money {
  display: inline-block;
  float: right;
}

.integralLst .all_lst .title .money em {
  color: #ed6661;
}

.integralLst .all_lst .info {
  color: #999;
}

.integralLst .all_lst .currency {
  display: inline-block;
  float: right;
}

.g-personal {
  padding: 0;
}

.g-personal .portrait {
  background: url(../img/data.jpg) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 1.7rem;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 .3rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-personal .portrait label {
  font-size: 0.32rem;
}

.g-personal .sysbox {
  width: 1.2rem;
  height: 1.2rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: block;
}

.g-personal .roleLst {
  padding: 0 .3rem;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  margin-top: .2rem;
}

.g-personal .roleLst li {
  border-bottom: 1px solid #e5e5e5;
}

.g-personal .roleLst li:last-child {
  border-bottom: none;
}

.g-personal .roleLst .msgTips {
  background: #ed6661;
  -webkit-border-radius: 0.35rem;
  -moz-border-radius: 0.35rem;
  -ms-border-radius: 0.35rem;
  -o-border-radius: 0.35rem;
  border-radius: 0.35rem;
  color: #fff;
  padding: 0 .2rem;
}

.g-personal .roleItem {
  height: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.g-personal .roleItem .sysinfo,
.g-personal .roleItem input {
  color: #999;
  font-size: 0.28rem;
  text-align: right;
}

.g-personal .roleItem .sysinfo {
  width: 70%;
}

.g-personal .roleItem .sysinfo .icon {
  float: right;
  margin: 0 -.15rem 0 0;
}

.g-personal .roleItem input {
  width: 91%;
  float: left;
}

.g-personal .rolelink {
  display: block;
  height: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333;
}

.g-personal .rolelink .sysLabel {
  line-height: 1rem;
}

.g-personal .rolelink .sysLabel .icon {
  width: .6rem;
  height: .6rem;
  float: left;
  margin: .2rem .15rem 0 0;
}

.g-personal .logout {
  line-height: 1rem;
  text-align: center;
  display: block;
  font-size: .3rem;
  color: #666;
}

.portraitBox {
  width: 80%;
}

.portraitBox .sysbox {
  float: left;
}

.portraitBox .hd-info {
  float: left;
  margin-left: .25rem;
  width: 72%;
  text-align: left;
}

.portraitBox .hd-info .name {
  font-size: 0.32rem;
  line-height: .7rem;
}

.portraitBox .hd-info .num {
  line-height: .35rem;
}

.portraitBox .hd-info .ub {
  float: left;
  border-right: 1px solid #e5e5e5;
  padding-right: .15rem;
  margin-right: .1rem;
}

.portraitBox .hd-info em {
  color: #ff9900;
}

.i-calendar {
  float: right;
  margin: .25rem .3rem 0 0;
}

.levelBox {
  padding: .2rem .3rem .3rem;
  *zoom: 1;
}

.levelBox:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.levelBox .lv {
  text-align: center;
  width: 1.45rem;
  float: left;
  margin-top: .15rem;
}

.levelBox .lv img {
  width: 0.8rem !important;
  height: 0.8rem !important;
  margin: 0 auto .05rem;
}

.levelBox .planbox {
  width: 4.8rem;
  margin: .1rem 0 0 1.65rem;
}

.levelBox .planbox .num {
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.levelBox .planbox .num span {
  color: #999;
}

.levelBox .planbox .planTxt span {
  color: #ff9900;
}

.levelBox .plan {
  position: relative;
  width: 100%;
  height: .25rem;
  background: #e5e5e5;
  -webkit-border-radius: 0.35rem;
  -moz-border-radius: 0.35rem;
  -ms-border-radius: 0.35rem;
  -o-border-radius: 0.35rem;
  border-radius: 0.35rem;
  margin: .15rem 0;
  overflow: hidden;
}

.levelBox .plan span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffaf00;
  -webkit-border-radius: 0.35rem;
  -moz-border-radius: 0.35rem;
  -ms-border-radius: 0.35rem;
  -o-border-radius: 0.35rem;
  border-radius: 0.35rem;
  height: .25rem;
}

.wBg {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  margin-top: .2rem;
}

.g-system {
  margin-bottom: -.5rem;
}

.g-system .m-systemNum {
  text-align: center;
  padding: .3rem 0;
}

.g-system .m-systemNum .my {
  font-size: 0.32rem;
}

.g-system .m-systemNum span {
  color: #ff9900;
}

.g-system .m-systemNum .rule {
  margin: .2rem 0 0;
  display: inline-block;
  color: #666;
}

.g-system .m-systemNum .rule .icon {
  width: .3rem;
  height: .3rem;
  vertical-align: -.05rem;
}

.g-system #systemNav {
  font-size: 0.24rem;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: .45rem;
}

.g-system #systemNav .swiper-slide {
  width: 33%;
  text-align: center;
  color: #999;
}

.g-system #systemNav .swiper-slide .bor {
  background: url(../img/systembg.png) no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: .24rem;
  margin-right: -50%;
}

.g-system #systemNav .swiper-slide:first-child .bor {
  background: url(../img/systembg2.png) no-repeat;
  background-size: 100% auto;
}

.g-system #systemNav .swiper-slide:last-child .bor {
  background: url(../img/systembg3.png) no-repeat;
  background-size: 100% auto;
}

.g-system #systemNav .swiper-slide.swiper-slide-active {
  color: #ff9900;
  font-size: 0.32rem;
}

.g-system #systemNav .swiper-slide.swiper-slide-active .bor {
  background: url(../img/systembgCur.png) no-repeat;
  background-size: 100% auto;
}

.g-system #systemNav .swiper-slide.swiper-slide-active:first-child .bor {
  background: url(../img/systembgCur2.png) no-repeat;
  background-size: 100% auto;
}

.g-system #systemNav .swiper-slide.swiper-slide-active:last-child .bor {
  background: url(../img/systembgCur3.png) no-repeat;
  background-size: 100% auto;
}

.g-system .m-systemBox {
  height: 7rem;
  color: #fff;
}

.g-system #systemTab .swiper-slide {
  width: 75% !important;
}

.g-system #systemTab .m-systemBox {
  margin-top: .2rem;
  border: 1px solid #e5e5e5;
  position: relative;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
  border-radius: 0.1rem;
}

.g-system #systemTab .m-systemBox:before {
  content: "";
  background: url(../img/arrows.png) no-repeat;
  background-size: 100% 100%;
  width: .22rem;
  height: .13rem;
  display: block;
  position: absolute;
  top: -.12rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.g-system #systemTab .systemTitle {
  font-size: 0.32rem;
  color: #fff;
  background: #666;
  height: .95rem;
  text-align: center;
  line-height: .95rem;
  -webkit-border-radius: 0.1rem 0.1rem 0 0;
  -moz-border-radius: 0.1rem 0.1rem 0 0;
  -ms-border-radius: 0.1rem 0.1rem 0 0;
  -o-border-radius: 0.1rem 0.1rem 0 0;
  border-radius: 0.1rem 0.1rem 0 0;
}

.g-system #systemTab .systemLst {
  padding: 0 .25rem;
  margin: .25rem 0;
  height: 5.25rem;
  overflow-y: auto;
}

.g-system #systemTab .systemLst dl {
  *zoom: 1;
  margin: .15rem 0;
}

.g-system #systemTab .systemLst dl:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.g-system #systemTab .systemLst dt {
  font: 0.32rem/0.45rem "Microsoft YaHei";
  color: #333;
  height: .55rem;
  overflow: hidden;
}

.g-system #systemTab .systemLst dt .icon {
  float: left;
  margin-right: .15rem;
  width: .45rem;
  height: .45rem;
}

.g-system #systemTab .systemLst dd {
  color: #999;
  line-height: .65rem;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  width: 50%;
}

.g-system #systemTab .systemLst dd:before {
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: .12rem;
  height: .12rem;
  background: #999;
  float: left;
  margin: .25rem .1rem 0 .3rem;
}

.g-system #systemTab .swiper-slide-active .systemTitle {
  background: #333;
}

.g-canendar .integral {
  background: url(../img/canendar.jpg) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 2.87rem;
  margin-bottom: .2rem;
  text-align: center;
  padding: .4rem 0 0;
  font-size: 0.32rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.g-canendar .integral .num {
  color: #ff9900;
  width: 1.54rem;
  height: 1.54rem;
  background: #fff;
  border: .09rem solid #ffe7b0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto .2rem;
}

.g-canendar .integral .num em {
  display: block;
  font-size: .6rem;
}

.g-canendar .integral .txt {
  color: #fff;
}

#calendar {
  width: 6.5rem;
  height: 7.2rem;
  margin: 0 auto;
}

#calendar .sign_succ_calendar_title {
  text-align: center;
  width: 100%;
  height: 1rem;
}

#calendar .calendar_month_next,
#calendar .calendar_month_prev {
  width: .3rem;
  height: .38rem;
  background: url(../img/sign_arrow.png) no-repeat;
  -webkit-background-size: 100% .76rem;
  background-size: 100% .76rem;
  margin: .3rem 0;
}

#calendar .calendar_month_next {
  float: right;
  background-position: 0 -.38rem;
}

#calendar .calendar_month_span {
  display: inline;
  line-height: 1rem;
  font-size: .36rem;
  color: #333;
  letter-spacing: 2px;
  font-weight: bold;
}

#calendar .calendar_month_prev {
  float: left;
  background-position: 0 0;
}

#calendar .sign_main {
  width: 100%;
  display: block;
}

#calendar .sign table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

#calendar .sign th,
#calendar .sign td {
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
}

#calendar .sign th {
  font-size: .26rem;
}

#calendar .sign td {
  color: #333;
  vertical-align: middle;
}

#calendar .sign .on {
  background: url(../img/sign.png) no-repeat center;
  -webkit-background-size: .61rem .61rem;
  background-size: .61rem .61rem;
  color: #fff;
}

/*pops*/
.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

.popbox {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.popslide {
  -webkit-animation: popslide ease-out .2s;
  animation: popslide ease-out .2s;
}

.popscale {
  -webkit-animation: popscale ease-out .2s;
  animation: popscale ease-out .2s;
}

.popcon {
  position: relative;
  overflow: hidden;
  width: 6.7rem;
  background-color: #fff;
  -webkit-border-radius: .1rem;
  border-radius: .1rem;
  padding-bottom: .4rem;
}

.popcon:before {
  content: "";
  width: 70%;
  height: .12rem;
  background-color: #ffcc66;
  -webkit-border-radius: .14rem;
  border-radius: .14rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -.06rem;
}

.popcon:after {
  content: "";
  width: 40%;
  height: .16rem;
  background-color: #ffaf00;
  -webkit-border-radius: .1rem;
  border-radius: .1rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -.08rem;
}

.popcon .title {
  height: 1.08rem;
  line-height: 1.08rem;
  font-size: .3rem;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.popbtn {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
}

.popbtn .icon {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}

@keyframes popslide {
  from {
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

@-webkit-keyframes popslide {
  from {
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

@keyframes popscale {
  from {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes popscale {
  from {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

.service-note_pop .list {
  font-size: .28rem;
  padding-top: .26rem;
}

.service-note_pop .list li {
  padding: .14rem .14rem .14rem 42%;
  position: relative;
}

.service-note_pop .list span {
  width: 42%;
  position: absolute;
  left: 0;
  top: .14rem;
  text-align: right;
  padding-right: .56rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.service-note_pop .list img {
  width: 0.96rem !important;
  height: 0.96rem !important;
  display: inline-block !important;
  border: .02rem solid #1c2d3d;
  margin-right: .2rem;
}

.popGiftLst {
  padding: .2rem .15rem .2rem .5rem;
  font-size: 0.24rem;
  height: 6.2rem;
  overflow-y: scroll;
}

.popGiftLst .tips {
  border: 1px solid #ed6661;
  padding: .02rem .1rem;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
  border-radius: 0.1rem;
  margin-left: 5px;
  color: #ed6661;
}

.popGiftLst time {
  font-size: 0.24rem;
  color: #999;
}

.popGiftLst .tt {
  margin-bottom: .1rem;
  font-size: 0.28rem;
}

.popGiftLst dl {
  line-height: 2;
  padding: .1rem 0;
}

.popGiftLst dt em {
  background: #ffaf00;
  width: .08rem;
  height: .38rem;
  display: inline-block;
  float: left;
  margin: .05rem .05rem 0 0;
}

.popGiftLst dd {
  padding-left: .1rem;
}

.popGiftLst i {
  font-style: normal;
  color: #ed6661;
}

.popuo_pay .popup_title {
  padding: .3rem .2rem;
  text-align: center;
  font-size: .3rem;
}

.popuo_pay .popup_title span {
  color: #ed6661;
}

.popuo_pay form {
  width: 100%;
}

.popuo_pay .pay_ipt {
  width: 81%;
  border-bottom: 1px solid #e5e5e5;
  margin-left: .14rem;
  font-size: .28rem;
  line-height: .75rem;
  margin: 0 .65rem;
}

.orgBtn {
  background: #ffaf00;
  color: #fff;
  width: 2.04rem;
  height: .64rem;
  text-align: center;
  line-height: .64rem;
  display: inline-block;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  -ms-border-radius: 0.32rem;
  -o-border-radius: 0.32rem;
  border-radius: 0.32rem;
  font-size: 0.3rem;
  -webkit-border-radius: 0.05rem;
  -moz-border-radius: 0.05rem;
  -ms-border-radius: 0.05rem;
  -o-border-radius: 0.05rem;
  border-radius: 0.05rem;
  margin: .3rem auto 0;
  display: block;
  width: 3.6rem;
}

.orgBtn.touch {
  background: #ff9900;
}

.popruleLst {
  padding: .45rem;
  font-size: 0.24rem;
  height: 6.2rem;
  overflow-y: scroll;
  line-height: .45rem;
}

.popruleLst .ruleTable {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-width: 1px 0 0 1px;
  border-collapse: collapse;
  margin: .2rem 0;
}

.popruleLst .ruleTable td {
  border: 1px solid #e5e5e5;
  border-width: 0 1px 1px 0;
  padding: .2rem .1rem;
}

.popruleLst .ruleTable .tit {
  width: 1rem;
}

.popruleLst .orgC {
  color: #ff9900;
}

.dialogMessage {
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
  text-align: center;
  position: absolute;
  padding: 12px 26px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 100;
  color: #fff;
  border-radius: 6px;
}
.dialogMessage p {color: #fff;}

.login>i{display:inline-block;width:22px;height:22px;background:url(../img/logico.png) no-repeat;}
/*?????????¨¨??*/
.m-gameLink {background: #f8f8f8;padding: .35rem .2rem;border-bottom: 1px solid #e5e5e5;}
.m-gameLink dl {float: left;width: 70%;}
.m-gameLink dt {width: 1.4rem;height: 1.4rem;float: left;}
.m-gameLink dd{margin-left: .25rem;display: inline-block;width: 65%;}
.m-gameLink .u-gameName{font-size: .4rem;line-height: 1.8;color: #333;}
.m-gameLink .u-gameType{border: 1px solid #ffaf00;width: auto;height: .42rem;padding: 0 0.15rem;display: inline-block;text-align: center;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-ms-border-radius: 0.05rem;-o-border-radius: 0.05rem;border-radius: 0.05rem;color: #ff9900;margin-top: .1rem;font-size: 0.3rem;max-width: 3rem;overflow: hidden;}
.m-gameLink .u-gameBtn .gameDowBtn{margin-top: .2rem;}
.biaoti_xha{position: relative;padding: 5px 0px 13px 18px;font-size: 0.37rem;height: 0.4rem;line-height: 0.5rem;color:#ff7800;;}
.biaoti_xha .icon_btse{position: absolute;left: 0;top: 10px;display: inline-block;width:0.1rem;height: 0.3rem;background: #ff7800;}
/*¨¦??¨¦?¡§???????1????? ¡¤???*/
.ph-login-after{display: inline-block;float: right;/* width: 2rem; */height: .97rem;line-height: 0.97rem;font-size: 0.23rem;margin-right: 10px;}
.ph-login-after .nameUserC{display: inline-block;margin-right: 10px;color: #000;}
.ph-login-after .btn_logoutC{display: inline-block;}
.ph-login-after .btn_logoutC a{color: #8d8d8d;}
/*?¡­¡§¨¦?¡§??????*/
.good_game {width: 6.9rem;height: auto;background: #fff;padding: 0 0.3rem;overflow: hidden;position: relative;padding-bottom: .21rem;margin-bottom: .26rem;}
.body_content .p_t {width: 1.96rem;height: .33rem;margin: .15rem auto;text-align: center;line-height: .33rem;font-size: .3rem;}
.body_content .t2 {background: url(../img/t2_bg.png) no-repeat;background-size: 100%;color: #00bcbd;}
.good_game .game_conbox {position: relative;overflow: hidden;padding-bottom: .2rem;border-bottom: 1px solid #ececec;}
.good_game .game_conbox img {float: left;width: 1.5rem;height: 1.5rem;margin: .21rem .17rem 0 .11rem;}
.good_game .game_conbox .game_info {float: left;}
.good_game .game_conbox .game_info h4 {font-size: .3rem;margin: 0rem 0 0rem;color: #000;}
.good_game .game_conbox .game_info p {font-size: .22rem;color: #636363;line-height: .3rem;}
.good_game .game_conbox .game_info p i {display: inline-block;width: 1.4rem;height: .23rem;background: url(img/star.png) no-repeat -.1rem -.1rem;background-size: 1.6rem;vertical-align: top;margin-top: .03rem;}
.good_game .game_conbox .game_info p i.s5 {background-position: -.16rem -1.9rem;}
.good_game .game_conbox .game_info p {font-size: .22rem;color: #636363;line-height: .3rem;margin-bottom: 0.1rem;}
.good_game .game_conbox .game_info p.introduce{height: 0.6rem;max-width: 3.7rem;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.good_game .game_conbox a.game_download_btn{width: 1.22rem;height: .44rem;border: 1px solid #00bbbc;color: #00bbbc;text-align: center;line-height: .44rem;position: absolute;right: .1rem;top: .62rem;font-size: .24rem;border-radius: 8px;}
.good_game .game_conbox img {float: left;width: 1.5rem !important;height: 1.5rem !important;margin: .21rem .17rem 0 .11rem;}