@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@charset "utf-8";
/* CSS Document */

body {
    font-size:14px;
    color:#666;
}
*{
    margin:0;
    padding:0;
    font-family: HarmonyOS_Sans_Light, Arial, sans-serif;
}
ul li{
    list-style-type:none;
}
a{
    text-decoration: none;
    -webkit-transition: color .2s ease,background-color .3s ease;
    -moz-transition: color .2s ease,background-color .3s ease;
    -ms-transition: color .2s ease,background-color .3s ease;
    -o-transition: color .2s ease,background-color .3s ease;
    transition: color .2s ease,background-color .3s ease;
}
a{
    color: #0a0a0a;
    -webkit-transition:all 0.2s linear;
    -mos-transition:all 0.2s linear;
    -mz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
a:hover{

    -webkit-transition:all 0.2s linear;
    -mos-transition:all 0.2s linear;
    -mz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.indent{
    text-indent: 2em;
}
p.indent{
    padding: 5px 0;
}
input {
	outline: none;
	border:none;
    width: 260px;
}
select {
	outline: none;
	overflow: hidden;
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: none;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 30px;
	padding-left:10px;
}
select::-ms-expand {
 display: none;
}
.fl{
    display:block;
    float:left;
}
.shop_logo_follow{
    width: 200px;
    height: 112px;
}
.fr{
    display:block;
    float:right;
}
.clearfix{
    zoom:1;
}
.clearfix:after{
    display:block;
    clear:both;
    content:"";
}
.wrap{
    width: 1200px;
    margin: 0 auto;
	position: relative;
    padding-bottom: 10px;
}
.text-cut{
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: 0px;
    margin-bottom: 0px;
}
i,i.icon{
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}
.img-magnify {
    overflow: hidden;

    }
.img-magnify img,
.img-magnify .magchild {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.img-magnify img:hover,
.img-magnify .magchild:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.border-circle {
    position: relative;
}
.border-circle .bor {
    background-color: #e9af06;
    position: absolute;
    transition: all 0.5s ease-in 0s;
    z-index: 100;
}
.border-circle .bor-left, .border-circle .bor-right {
    height: 0;
    width: 1px;
}
.border-circle .bor-top, .border-circle .bor-bottom {
    height: 1px;
    width: 0;
}
.border-circle .bor-left {
    left: 0;
    top: 0;
}
.border-circle .bor-right {
    bottom: 0;
    right: 0;
}
.border-circle .bor-top {
    right: 0;
    top: 0;
}
.border-circle .bor-bottom {
    bottom: 0;
    left: 0;
}
.border-circle:hover .bor-left, .border-circle:hover .bor-right {
    height: 100%;
}
.border-circle:hover .bor-top, .border-circle:hover .bor-bottom {
    width: 100%;
}

.mt{
    margin-top:10px;
}
.mb{
    margin-bottom:10px;
}
.ml{
    margin-left:10px;
}
.mr{
    margin-right:10px;
}
.coveimg{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.shop-title{
    line-height: 35px;
}
.shop-title-h2{
    float: left;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*otf*/
/*!* CSS Document *!*/
/*@import url(http://at.alicdn.com/t/font_953197_zz5zzd0ro0l.css);*/
@font-face {
    font-family: HarmonyOS_Sans_Black;
    src: url('../font/HarmonyOS_Sans_Black.ttf') format('truetype');
}

@font-face {
    font-family: HarmonyOS_Sans_Bold;
    src: url('../font/HarmonyOS_Sans_Bold.ttf') format('truetype');
}

@font-face {
    font-family: HarmonyOS_Sans_Light;
    src: url('../font/HarmonyOS_Sans_Light.ttf') format('truetype');
}

@font-face {
    font-family: HarmonyOS_Sans_Medium;
    src: url('../font/HarmonyOS_Sans_Medium.tff') format('truetype');
}

@font-face {
    font-family: HarmonyOS_Sans_Regular;
    src: url('../font/HarmonyOS_Sans_Regular.ttf') format('truetype');
}

@font-face {
    font-family: HarmonyOS_Sans_Thin;
    src: url('../font/HarmonyOS_Sans_Thin.ttf') format('truetype');
}
/*城市选择的样式合并*/
a{text-decoration:none; color: #0a001f;}
ul,li,ol,dl,dt,dd{list-style:none;}
/* cityList */
.cityList{display:block;position:absolute;left:20px;top:20px;width:676px;border:2px solid #B91313;background:white;z-index:1;overflow:hidden;font-family: HarmonyOS_Sans_Black, Arial, sans-serif;;overflow:hidden;}
.cityList .title{background-color:#F4F4F4;width:100%;padding-top:10px;padding-left:16px;overflow:hidden;position:relative;}
.cityList .cityTopSearch{float:left;width:228px;height:25px;line-height:25px;margin-right:38px;padding:0 2px;display:inline;border:1px solid #E6DFDE;color:#5e5e5e;}
.cityList ul.titleChar{list-style:none;cursor:default;}
.cityList .titleChar .on{border-color:#E6DFDE;background-color:white;}
.cityList .titleChar li{float:left;border:1px solid #F4F4F4;border-bottom:0;padding:6px 24px;}
.cityList .cityListBox{margin:8px 0 0 16px;color:#686868;overflow:hidden;display:inline-block;_position:relative;}
.cityListBox dl{position:relative;overflow:hidden;zoom:1;}
cityListBox .hotCity dd{width:650px;}
.cityListBox dl dt{float:left;width:20px;height:auto;display:block;line-height:25px;}
.cityListBox dl dd{float:left;line-height:25px;_padding-top:2px;text-align:left;width:640px;margin-bottom:6px;}
.cityListBox dl dd a{color:#686868;}
.cityListBox dl dd a:hover{color:#990000;text-decoration:underline;}
.cityListBox a{width:auto;display:inline-block;margin-left: 20px;}
.none{display:none;}
/*头部*/
.headers {
    position: relative;
    width: 100%;
}

.top {
    width: 100%;
    height: 30px;
    background-color: #222222;
}

.Urban {
    width: 25%;
    position: relative;
    display: flex;
    align-items: center;

}
.add {
    width: 20%;
    color: #ffffff !important;

}
.add a {

    color: #ffffff !important;
}
.Urban i {
    padding: 5px 0;
    width: 20px;
    display: inline-block;
}

.Urban i.iconfont::before {
    content: "\e668";
    font-size: 18px;
    color: #f10215;
}

.Urban em {
    font-style: normal;
    color: #ffffff;
    margin: 0 10px;
}

.Urban .more {
    display: inline-block;
    color: #ffffff;
    width: 60px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #333333;

}

.Urban .more:hover {
    text-decoration: underline;
}

.Welcome {
    position: relative;
    font-size: 12px;
    line-height: 30px;
}

.Welcome .wel {
    color: #cccccc;
    margin-left: 10px;
    float: left;
}

.Welcome .wel a {
    color: #cccccc;
}

.Welcome .wel a:hover {
    text-decoration: underline;
}

.Welcome .wenav {
    position: relative;
    float: left;
}

.Welcome .wenav ul {}

.Welcome .wenav li {
    padding: 0 15px;
    float: left;
    background: url(../images/lins.png) no-repeat center right;
}

.Welcome .wenav li:last-child {
    background: none;
}

.Welcome .wenav li a {
    color: #cccccc;
}

.Welcome .wenav li a:hover {
    text-decoration: underline;
}

.headmain {
    position: relative;
    padding: 38px 0;
}

.logo {
    width: 261px;
    height: 82px;
}

.search {
    width: 520px;
    position: relative;
    margin-left: 120px;
}

.search .searnav {
    position: relative;
    margin-left: 20px;
}

.search .searnav a {
    color: #333333;
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
    padding: 0px 8px;
    height: 22px;
    line-height: 22px;
}

.search .searnav a.on,
.search .searnav a:hover {
    color: #ffffff;
    background: -webkit-linear-gradient(left, #f10215, #f64d0d);
    background: -o-linear-gradient(right, #f10215, #f64d0d);
    background: -moz-linear-gradient(right, #f10215, #f64d0d);
    background: linear-gradient(to right, #f10215, #f64d0d);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.search .searinput {
    position: relative;
    width: 520px;
    height: 36px;
    border: 1px solid #f21526;
    border-radius: 30px;
}

.search .searinput input {
    width: 400px;
    height: 34px;
    line-height: 36px;
    margin-left: 20px;
    border: none;
}

.search .searinput a {
    display: inline-block;
    float: right;
    width: 72px;
    height: 36px;
    line-height: 36px;
    background: -webkit-linear-gradient(left, #f10215, #f64d0d);
    background: -o-linear-gradient(right, #f10215, #f64d0d);
    background: -moz-linear-gradient(right, #f10215, #f64d0d);
    background: linear-gradient(to right, #f10215, #f64d0d);
    border-radius: 30px;
    text-align: center;
}

.search .searinput i {
    display: inline-block;
}

.search .searinput i.iconfont::before {
    content: "\e608";
    font-size: 25px;
    color: #ffffff;
}

.search .seartext {
    position: relative;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
}

.search .seartext a {
    font-size: 12px;
    color: #666666;
    display: inline-block;
    padding: 0px 10px;
}

.search .seartext a.on,
.search .seartext a:hover {
    color: #f10215;
}

.weChat {
    position: relative;
    width: 180px;
    margin-right: 90px;
}

.weChat i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -2px;
}

.weChat i.iconfont:before {
    content: "\e669";
    font-size: 21px;
    color: #ededed;
}

.weChat .weqrs {
    float: right;
    width: 60px;
    border: 1px solid #f5f5f5;
    text-align: center;
    padding: 5px 0px;
    margin-left: 20px;
}

.weChat .weqrs p {
    color: #f10215;
    font-size: 12px;
}

.weChat .weqrs img {
    width: 50px;
    height: 50px;
}

/*导航*/
.hl_nav{
    background-color: #FD463E;
    position: relative;
    color: #ffffff;
    min-width: 1200px;
    height: 50px;
}
.hl_nav a{
    display: block;
    text-decoration: none;
}
.hl_nav .shade{
    position: absolute;
    width: 100%;
    height: 40px;
    top: 50px;
    left: 0;
    z-index: 1;
    background-color: #EEEEEE;
    opacity: 0.9;
    filter: alpha(opacity=90);
    box-shadow: 0 5px 15px #CCCCCC;
    display: none;
    border-bottom: #ffffff solid 1px;
    border-bottom: rgba(255,255,255,0.3) solid 1px;
}
.hl_nav .nav_list{
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -600px;
    z-index: 2;
    padding: 0;
    list-style: none;
    width: 1200px;
    overflow: hidden;
    height: 50px;
}
.hl_nav .nav_list>li{
    padding: 0;
    float: left;
    margin: 0;
    width: 10%;
    text-align: center;
    height: 50px;
}
.hl_nav .nav_head{
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    font-size: 16px;
    position: relative;
}

.hl_nav .nav_list>li>ul{
    position: absolute;
    width: auto;
    height: 40px;
    top: 50px;
    z-index: 2;
    padding: 0;
    margin: 0;
    line-height: 40px;
    list-style: none;
    overflow: hidden;
    display: none;
}
.hl_nav .nav_list>li.active {
    background-color: #d40b02;
}
.hl_nav .nav_list>li:hover{
    background-color: #d40b02;
}
.hl_nav .nav_list>li:hover>ul{
    display: block;
}
.hl_nav .nav_list>li>ul.offset_left{
    left: 0;
}
.hl_nav .nav_list>li>ul.offset_left.offset_1{
    left: 10%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_2{
    left: 20%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_3{
    left: 30%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_4{
    left: 40%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_5{
    left: 50%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_6{
    left: 60%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_7{
    left: 70%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_8{
    left: 80%;
}
.hl_nav .nav_list>li>ul.offset_right{
    right: 0;
}
.hl_nav .nav_list>li>ul.offset_right.offset_1{
    right: 10%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_2{
    right: 20%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_3{
    right: 30%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_4{
    right: 40%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_5{
    right: 50%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_6{
    right: 60%;
}

.hl_nav .nav_list>li>ul>li{
    float: left;
}
.hl_nav .nav_list>li>ul>li>a{
    text-decoration: none;
    display: block;
    color: #666666;
    padding: 0 20px;
    height: 40px;
}
.hl_nav .nav_list>li>ul>li>a:hover{
    background-color: #ffffff;
    color: #999999;
}
.hl_nav .nav_list:hover{
    height: 90px;
}

.hl_nav .nav_list:hover + .shade{
    display: block;
}
/*导航*/
/*底部*/
.foot {
    position: relative;
    background-color: #dddddd;
    padding-top: 20px;
}
.foot_list{
    display: flex;
}
.foot_txt{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.foot_list ul{
    width: 100%;

}
.foot_list li{
    width: 10%;
    float: left;
    display: flex;
    justify-content: space-around;
}
.footmain {
    position: relative;
}

.ftlogo {
    width: 261px;
    height: 82px;
    margin-top: 14px;
}

.ftnav {
    position: relative;
    width: 610px;
    margin-left: 100px;
    margin-top: 30px;
}

.ftnav .ftnavlist {
    position: relative;
    margin-bottom: 20px;
}

.ftnav .ftnavlist ul {}

.ftnav .ftnavlist li {
    float: left;
    margin-right: 48px;
}

.ftnav .ftnavlist li:last-child {
    margin-right: 0px;
}

.ftnav .ftnavlist a {
    color: #d4d0d0;
    font-size: 16px;

}

.ftnav .ftnavlist a:hover {
    text-decoration: underline;
}

.ftnav .address {
    color: #d4d0d0;
    font-size: 14px;
    line-height: 30px;
    margin-top: 30px;
}

.ftnav .address i {
    display: inline-block;
}

.ftnav .address i.iconfont::before {
    content: "\e668";
    font-size: 18px;
    color: #333333;
}

.ftnav .phone {
    color: #333333;
    font-size: 14px;
    line-height: 30px;
}

.ftnav .phone i {
    display: inline-block;
}

.ftnav .phone i.iconfont::before {
    content: "\e729";
    font-size: 18px;
    color: #333333;
}

.ftweChat {
    position: relative;
    text-align: center;
    width: 100px;
    margin-top: 10px;
}

.ftweChat img {
    width: 80px;
    height: 80px;
}

.ftweChat p {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}

.bottom {
    width: 100%;
    background-color: #222222;
    text-align: center;
    line-height: 25px;
}

.bottom p {
    color: #999999;
    font-size: 12px;
}

.bottom .btnavs {
    width: 900px;
    margin: 0 auto;
}

.bottom .btnavs a {
    color: #999999;
    font-size: 12px;
    display: inline-block;
    padding: 0px 5px;
}

.bottom .btnavs em {
    font-style: normal;
    padding-left: 5px;
}

.bottom .btnavs a:hover {
    text-decoration: underline;
}

/*首页*/
.banmains {
    width: 100%;
    background: #f5f5f5  no-repeat center;
    margin-top: -20px;
}

.banfl {
    width: 960px;
    position: relative;
}

.banner {
    width: 100%;
    height: 480px;
    position: relative;
    overflow: hidden;
}

.banner .bd {
    width: 100%;
    height: 480px;
    overflow: hidden;
}

.banner .bd li a,
.banner .bd li a img {
    width: 100%;
    display: block;
    height: 480px;
    overflow: hidden;
}

.banner .hd {
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 18px;
    text-align: center;
}

.banner .hd li {
    width: 54px;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    text-indent: -1000000000px;
    cursor: pointer;
    display: inline-block;
}

.banner .hd li.on {
    background: #ffffff;
}

.banfr {
    width: 230px;
}

.ranking {
    background: #ffffff;
    padding: 0px 10px;
    position: relative;
}

.ranking h2 {
    font-weight: normal;
    color: #333333;
    font-size: 14px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.ranking h2 i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.ranking h2 i.iconfont::before {

    font-size: 30px;
    color: #f10215;
}

.ranking .rankmain {
    position: relative;
    border: 1px solid #e7e7e7;
    background: #fafafa;
    padding: 4px;

}

.ranking .rankmain .lis {
    width: 60px;
    height: 4px;
    background: #f10215;
    position: absolute;
    top: -1px;
    left: 75px;
}

.ranking .rankmain .ranktitle {
    position: relative;
}

.ranking .rankmain .ranktitle span {
    display: inline-block;
    color: #999999;
    font-size: 12px;
}

.ranking .rankmain .ranktitle .sp1 {
    width: 25%;
    text-align: center;
}

.ranking .rankmain .ranktitle .sp2 {
    width: 70%;
    text-align: center;
}

.ranking .rankmain .ranklist {
    margin-top: 4px;
}

.ranking .rankmain .ranklist ul {
    position: relative;
}

.ranking .rankmain .ranklist li {
    height: 35px;
    line-height: 35px;
    display: flex;
}
.ranking .rankmain .ranklist li .toppingpai {
    background: url(../images/tops.png) no-repeat center;
    width: 20%;
    height: 26px;
    text-align: center;
    color: #ffffff;
}
.ranking .rankmain .ranklist li .topname {
    width: 80%;
    height: 26px;
    margin-left: 4px;
}
.ranking .rankmain .ranklist li:nth-child(1) .toppingpai {
    background: url(../images/topon.png) no-repeat center;
}

.ranking .rankmain .ranklist li:nth-child(2) .toppingpai {
    background: url(../images/topon.png) no-repeat center;
}
.ranking .rankmain .ranklist li:nth-child(3) .toppingpai {
    background: url(../images/topon.png) no-repeat center;
}
.ranking .rankmain .ranklist li span {
    display: inline-block;
    width: 80%;
    color: #333333;
    font-size: 12px;
    vertical-align: middle;
}
.ranking .rankmain .ranklist li:hover span {
    color: #f10215
}
.ranking .lookmore {
    color: #333333;
    display: block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
}

.ranking .lookmore i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.ranking .lookmore i.iconfont::before {
    content: "\e616";
    font-size: 20px;
    color: #333333;
}

.ranking .lookmore:hover {
    text-decoration: underline;
    color: #f10215;
}

.ranking .lookmore:hover i.iconfont::before {
    color: #f10215;
}

.notice {
    background-color: #ffffff;
    margin-top: 10px;
    position: relative;
    padding: 0px 15px 5px;
}

.notice h2 {

    font-size: 12px;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    position: relative;
    margin-top: 10px;
}

.notice .ntls {
    width: 46px;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #f10215;
}

.notice .ntmore {
    float: right;
    color: #666666;
    font-size: 14px;
}

.notice .ntmore:hover {
    text-decoration: underline;
    color: #f10215;
}

.notice .noticelist {
    position: relative;
    margin-top: 9px;
}

.notice .noticelist ul {}

.notice .noticelist li {
    height: 22px;
    line-height: 22px;
    position: relative;
    padding-left: 14px;
}

.notice .noticelist li em {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #666666;
    vertical-align: middle;
    position: absolute;
    left: 0px;
    top: 10px;
}

.notice .noticelist li a {
    display: inline-block;
    width: 100%;
    color: #666666;
    font-size: 12px;
}

.notice .noticelist li a:hover {
    color: #f10215;
    text-decoration: underline;
}

.recommend {
    position: relative;
    width: 960px;
    margin-top: 10px;
    height: 132px;
    overflow: hidden;
}

.recommend ul {}

.recommend li {
    width: 235px;
    height: 132px;
    float: left;
    margin-right: 7px;
    position: relative;
}

.recommend li .recmimg {
    width: 235px;
    height: 132px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recommend li .recmbg {
    width: 100%;
    height: 100%;
    background: rgba(241, 2, 21, 0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
}

.recommend li .recmbg h2 {
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    margin-top: 30px;
}

.recommend li .recmbg p {
    color: #ffffff;
    font-size: 12px;
    margin: 10px 0px;
}

.recommend li .recmbg p b {
    color: #ffffff;
    margin-left: 10px;
}

.recommend li .recmbg .recmbtn {
    color: #ffffff;
    display: block;
    width: 64px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    border: 1px solid #cccccc;
    border-radius: 30px;
    margin: 0 auto;
}

.recommend .left {
    width: 24px;
    height: 44px;
    line-height: 44px;
    background: rgba(65, 65, 65, 0.3);
    position: absolute;
    top: 44px;
    left: 0px;
}

.recommend .left i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ic-left.png) no-repeat center center;
}
.recommend .left i:hover{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/ic-w-left.png) no-repeat center center;
}

.recommend .right {
    width: 24px;
    height: 44px;
    line-height: 44px;
    background: rgba(65, 65, 65, 0.3);
    position: absolute;
    top: 44px;
    right: 0px;
}

.recommend .right i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../images/ic-right.png') no-repeat center center;
}
.recommend .right i:hover{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/ic-w-right.png) no-repeat center center;
}
.informabg {
    width: 100%;
    height: 586px;
    background:   no-repeat center;
    margin-top: 20px;
}

.infmTitle {
    height: 30px;
    line-height: 30px;
    padding-top: 20px;
    /*padding: 40px 0px 25px;*/
}

.infmTitle .img {
    width: 219px;
    height: 29px;
}

.infmTitle .more {
    color: #333333;
    font-size: 14px;
    float: right;
}

.infmTitle .more:hover {
    text-decoration: underline;
    color: #f10215;
}

.infmmains {
    position: relative;
    background: #ffffff;
    padding: 30px 20px;
    margin-top: 30px;
    -moz-box-shadow: 0px 0px 20px #e7e7e7;
    -webkit-box-shadow: 0px 0px 20px #e7e7e7;
    box-shadow: 0px 0px 20px #e7e7e7;
}

.infmmains .infmpics {
    width: 580px;
    height: 376px;
    position: relative;
    overflow: hidden;
}

.infmmains .infmpics .ifbd {
    width: 580px;
    height: 376px;
    position: relative;
}

.infmmains .infmpics .ifbd ul {}

.infmmains .infmpics .ifbd li {
    width: 580px;
    float: left;
    height: 376px;
    overflow: hidden;
}

.infmmains .infmpics .ifbd li img {
    width: 580px;
    height: 326px;
}

.infmmains .infmpics .ifbd li p {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
}

.infmmains .infmpics .ifbd li:hover p {
    color: #f10215
}

.infmmains .infmpics .ifhd {
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 60px;
    text-align: center;
}

.infmmains .infmpics .ifhd ul {}

.infmmains .infmpics .ifhd li {
    width: 30px;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0 10px;
    text-indent: -1000000000px;
    cursor: pointer;
    display: inline-block;
}

.infmmains .infmpics .ifhd li.on {
    background: #ffffff;
}

.infmmains .infmpics .ifleft {
    width: 24px;
    height: 38px;
    line-height: 44px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 142px;
    left: 0px;
}

.infmmains .infmpics .ifleft i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ic-left.png) no-repeat center center;
}
.infmmains .infmpics .ifleft i:hover{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/ic-w-left.png) no-repeat center center;
}
.infmmains .infmpics .ifright {
    width: 24px;
    height: 38px;
    line-height: 44px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 142px;
    right: 0px;
}

.infmmains .infmpics .ifright i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../images/ic-right.png') no-repeat center center;
}
.infmmains .infmpics .ifright i:hover{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/ic-w-right.png) no-repeat center center;
}
.infmmains .infmlist {
    position: relative;
    width: 340px;
    margin-left: 20px;
}

.infmmains .infmlist ul {}

.infmmains .infmlist li {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;

}

.infmmains .infmlist li:last-child {
    border: none;
    margin-bottom: 0px;
}

.infmmains .infmlist li h2 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #f10215;
}



.infmmains .infmlist li p {
    color: #333333;
    font-size: 12px;
    line-height: 25px;
}

.infmmains .infmlist li:hover h2 {
    color: #f10215;
    text-decoration: underline;
}

.infmmains .infmrecomd {
    width: 200px;
    height: 380px;
    background-color: #0a0a0a;
}

.infmmains .infmrecomd .ifcgtil {
    padding: 20px;
}

.infmmains .infmrecomd .cgremlist {
    padding: 0px 20px;
    position: relative;
}

.infmmains .infmrecomd .cgremlist ul {}

.infmmains .infmrecomd .cgremlist li {
    position: relative;
    width: 160px;
    margin-bottom: 20px;
}

.infmmains .infmrecomd .cgremlist li img {
    width: 160px;
    height: 90px;
}

.infmmains .infmrecomd .cgremlist li h2 {
    color: #ffffff;
    font-size: 14px;
    margin-top: 10px;
}

.infmmains .infmrecomd .cgremlist li p {
    color: #ffffff;
    font-size: 12px;
    margin-top: 8px;
}

.infmmains .infmrecomd .cgremlist li p b {
    margin-left: 10px;
}

.infmmains .infmrecomd .cgremlist li:hover h2 {
    color: #f10215;
}

.business {
    width: 100%;
    height: 914px;
    background: #f5f5f5 no-repeat center;
    margin-top: -20px;
}

.busTitle {
    width: 100%;
    height: 72px;
    line-height: 72px;
    font-size: 30px;
}


.business .busGroup {
    position: relative;
    background-color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-box-shadow: 0px 0px 10px #e7e7e7;
    -webkit-box-shadow: 0px 0px 10px #e7e7e7;
    box-shadow: 0px 0px 10px #e7e7e7;
}

.business .busGroup .bsHd {
    position: relative;
    padding: 20px;
}

.business .busGroup .bsHd ul {}

.business .busGroup .bsHd li {
    display: inline-block;
    margin-right: 60px;
    height: 32px;
    line-height: 32px;
    border-bottom: 3px solid #ffffff;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
}

.business .busGroup .bsHd li.on,
.business .busGroup .bsHd li:hover {
    color: #f10215;
    font-weight: bold;
    border-bottom: 3px solid #f10215;
}
.business .busGroup .bsHd .more{
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #666666;
    font-size: 14px;
    line-height: 35px;
}
.business .busGroup .bsHd .more:hover{
    text-decoration: underline;
    color: #f10215;
}
.business .busGroup .bsBd {
    position: relative;
    margin: 0px 20px;
}

.business .busGroup .bsBd .dsBox {
    position: relative;

}

.business .busGroup .bsBd .dsBox ul {}

.business .busGroup .bsBd .dsBox li {
    width: 275px;
    height:221px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.business .busGroup .bsBd .dsBox li:nth-child(4n+4) {
    margin-right: 0px;
}

.business .busGroup .bsBd .dsBox li img {
    width: 275px;
    height: 154px;
}

.business .busGroup .bsBd .dsBox li h2 {
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    line-height: 25px;
    margin-top: 5px;
}

.business .busGroup .bsBd .dsBox li span {
    padding: 0px 3px;
    height: 18px;
    line-height: 18px;
    color: #ffffff;
    font-size: 12px;
    margin-left: 20px;
}

.business .busGroup .bsBd .dsBox li .ymq {
    background-color: #f10215;
}

.business .busGroup .bsBd .dsBox li .wq {
    background-color: #fda422;
}

.business .busGroup .bsBd .dsBox li .ppq {
    background-color: #6135a4;
}

.business .busGroup .bsBd .dsBox li .lq {
    background-color: #0095d4;
}

.business .busGroup .bsBd .dsBox li p {
    color: #333333;
    font-size: 12px;
}

.business .busGroup .bsBd .dsBox li b {
    margin-left: 10px;
}

.business .busGroup .bsBd .dsBox li:hover h2 {
    color: #f10215
}

.activities {
    position: relative;
    padding: 25px 0px;
}

.activities .actvTitel {
    height: 52px;
    line-height: 52px;
    color: #333333;
    font-size: 30px;
    margin-bottom: 10px;
}

.activities .actvTitel .more {
    float: right;
    font-size: 12px;
    color: #333333;
}

.activities .actvTitel .more:hover {
    text-decoration: underline;
    color: #f10215;
}

.actvmain {
    position: relative;
}

.actvmain .actvtop {
    position: relative;
    margin-bottom: 20px;
}

.actvmain .actvtop .actvpic {
    width: 590px;
    height: 422px;
    overflow: hidden;
    position: relative;
}

.actvmain .actvtop .actvpic ul {}

.actvmain .actvtop .actvpic li {
    width: 590px;
    height: 422px;
    overflow: hidden;
    float: left;
}

.actvmain .actvtop .actvpic li .atvimg {
    width: 590px;
    height: 331px;
}

.actvmain .actvtop .actvpic li .atvimg img {
    width: 590px;
    height: 331px;
}

.actvmain .actvtop .actvpic li .atvtext {
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px 10px;
}

.actvmain .actvtop .actvpic li .atvtext h2 {
    font-size: 18px;
    color: #333333;
    line-height: 40px;
}

.actvmain .actvtop .actvpic li .atvtext h2 span {
    float: right;
    font-size: 14px;
    font-weight: normal;
}

.actvmain .actvtop .actvpic li .atvtext h2 span i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px;
}

.actvmain .actvtop .actvpic li .atvtext h2 span i.iconfont::before {
    content: "\e668";
    font-size: 20px;
    color: #f10215;
}

.actvmain .actvtop .actvpic li .atvtext p {
    color: #666666;
    font-size: 14px;
    line-height: 20px;
}

.actvmain .actvtop .actvpic li .atvtext p em {
    float: right;
    font-style: normal;
    display: block;
    text-align: right;
}

.actvmain .actvtop .actvpic li .atvtext p em b {
    color: #f10215;
    margin-right: 10px;
}

.actvmain .actvtop .actvpic li:hover .atvtext h2 {
    color: #f10215
}

.actvmain .actvtop .actvpic li:hover .atvtext h2 span {
    color: #333333;
}

.actvmain .actvtop .actvpic .atfl {
    width: 24px;
    height: 44px;
    line-height: 44px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 144px;
    left: 0px;
}

.actvmain .actvtop .actvpic .atfl i {
    display: inline-block;
}

.actvmain .actvtop .actvpic .atfl i.iconfont::before {
    content: "\e633";
    font-size: 22px;
    color: #cccccc;
}

.actvmain .actvtop .actvpic .atfl:hover i.iconfont::before {
    color: #ffffff;
}

.actvmain .actvtop .actvpic .atfr {
    width: 24px;
    height: 44px;
    line-height: 44px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 144px;
    right: 0px;
}

.actvmain .actvtop .actvpic .atfr i {
    display: inline-block;
}

.actvmain .actvtop .actvpic .atfr i.iconfont::before {
    content: "\e621";
    font-size: 22px;
    color: #cccccc;
}

.actvmain .actvtop .actvpic .atfr:hover i.iconfont::before {
    color: #ffffff;
}

.actvmain .actvtop .actvtjs {
    position: relative;
    width: 610px;
}

.actvmain .actvtop .actvtjs ul {}

.actvmain .actvtop .actvtjs li {
    position: relative;
    width: 285px;
    margin-left: 20px;
    margin-bottom: 16px;
    float: left;
}

.actvmain .actvtop .actvtjs li .atimg {
    width: 285px;
    height: 160px;
}

.actvmain .actvtop .actvtjs li .tjbg {
    width: 47px;
    height: 49px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

.actvmain .actvtop .actvtjs li p {
    height: 35px;
    line-height: 35px;
    color: #333333;
    font-size: 14px;
}

.actvmain .actvtop .actvtjs li:hover p {
    color: #f10215;
}

.actvmain .actcbotm {
    border-top: 1px dashed #e7e7e7;
    padding-top: 20px;
}

.actvmain .actcbotm .actmitem {
    position: relative;
    width: 590px;
}

.actvmain .actcbotm .actmitem .aipic {
    width: 240px;
}

.actvmain .actcbotm .actmitem .aipic img {
    width: 240px;
    height: 170px;
}

.actvmain .actcbotm .actmitem .aipic p {
    color: #333333;
    font-size: 12px;
    line-height: 30px;
}

.actvmain .actcbotm .actmitem .aipic:hover p {
    color: #f10215;
}

.actvmain .actcbotm .actmitem .ailist {
    position: relative;
    width: 330px;
}

.actvmain .actcbotm .actmitem .ailist ul {}

.actvmain .actcbotm .actmitem .ailist li {
    padding-left: 15px;
    line-height: 25px;
    position: relative;
}

.actvmain .actcbotm .actmitem .ailist li em {
    font-style: normal;
    color: #999999;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.actvmain .actcbotm .actmitem .ailist li a {
    color: #333333;
    font-size: 12px;
    display: block;
    width: 100%;
}

.actvmain .actcbotm .actmitem .ailist li a:hover {
    text-decoration: underline;
}

.Sharingbg {
    width: 100%;
    height: 720px;
    background: no-repeat center;
    margin-top: 20px;
}

.sharTitle {
    height: 70px;

    color: #f84d03;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

.sharmains {
    position: relative;
    padding: 30px 20px;
    background-color: #ffffff;
    -moz-box-shadow: 0px 0px 20px #e7e7e7;
    -webkit-box-shadow: 0px 0px 20px #e7e7e7;
    box-shadow: 0px 0px 20px #e7e7e7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 10px;
}

.sharmains .sharpic {
    width: 560px;
    position: relative;
}

.sharmains .sharpic ul {}

.sharmains .sharpic li {
    width: 560px;
    height: 530px;
    overflow: hidden;
}

.sharmains .sharpic li .sharimg {
    width: 560px;
    height: 396px;
}

.sharmains .sharpic li .shardata {
    position: relative;
}

.sharmains .sharpic li .shardata h2 {
    color: #333333;
    font-size: 18px;
    margin-top: 20px;
}

.sharmains .sharpic li .shardata span {
    color: #999999;
    font-size: 12px;
    margin: 10px 0px;
    display: block;
}

.sharmains .sharpic li .shardata p {
    color: #666666;
    font-size: 12px;
    width: 430px;
}

.sharmains .sharpic li:hover .shardata h2 {
    color: #f10215
}

.sharmains .sharpic .sharfl {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e6e6e6;
    position: absolute;
    bottom: 0px;
    right: 30px;
    text-align: center;
}

.sharmains .sharpic .sharfl i {
    width: 28px;
    height: 28px;
    background: url(../images/ic-left.png) no-repeat center center;
}
.sharmains .sharpic .sharfl i:hover{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/ic-bb-left.png) no-repeat center center;
}

.sharmains .sharpic .sharfr {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e6e6e6;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: center;
}
.sharmains .sharpic .sharfr i {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('../images/ic-right.png') no-repeat center center;
}
.sharmains .sharpic .sharfr i:hover{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/ic-bb-right.png) no-repeat center center;
}
.sharmains .sharlist {
    width: 580px;
}
.sharmains .sharlist ul {}

.sharmains .sharlist li {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.sharmains .sharlist li h2 {
    color: #333333;
    font-size: 18px;
    margin-bottom: 20px;
}

.sharmains .sharlist li h2 a {
    color: #333333;
    font-size: 18px;
    margin-bottom: 20px;
}

.sharmains .sharlist li h2 a:hover {
    color: #f10215
}

.sharmains .sharlist li h2 span {
    color: #f10215
}

.sharmains .sharlist li h2 em {
    font-style: normal;
    padding: 0px 10px;
    color: #cccccc;
}

.sharmains .sharlist li .sharitem {
    position: relative;
    width: 580px;
}
.sharmains .sharlist li .sharitem .srimg {
    width: 178px;
    height: 184px;
    align-content: space-around;
}
.sharmains .sharlist li .sharitem .srlist {
    position: relative;
    width: 380px;
}

.sharmains .sharlist li .sharitem .srlist h3 {
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    line-height: 30px;
}

.sharmains .sharlist li .sharitem .srlist h3 a {
    color: #333333;
}

.sharmains .sharlist li .sharitem .srlist h3 a:hover {
    text-decoration: underline;
}

.sharmains .sharlist li .sharitem .srlist p {
    font-size: 12px;
    color: #666666;
    padding-left: 15px;
    position: relative;
    line-height: 26px;
}

.sharmains .sharlist li .sharitem .srlist p a {
    color: #333333;
}

.sharmains .sharlist li .sharitem .srlist p a:hover {
    text-decoration: underline;
}

.sharmains .sharlist li .sharitem .srlist p em {
    font-style: normal;
    color: #f10215;
    position: absolute;
    top: 0px;
    left: 0px;
}

.sharmains .sharlist li:last-child {
    border: none;
    padding: 0px;
    margin: 0px;
}

.wealth {
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 40px;
}

.wealth .wlTitle {
    text-align: center;
    color: #333333;
    font-size: 30px;
}

.wealth .wlTitle b {
    display: block;
    width: 62px;
    height: 3px;
    background-color: #333333;
    margin: 10px auto;
}

.wealthGroup {
    position: relative;
}

.wealthGroup .wlHd {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

.wealthGroup .wlHd ul {}

.wealthGroup .wlHd li {
    display: inline-block;
    margin: 0px 25px;
    color: #333333;
    font-size: 14px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
}

.wealthGroup .wlHd li.on,
.wealthGroup .wlHd li:hover {
    border-bottom: 3px solid #ef0215;
}

.wealthGroup .wlBd {
    position: relative;
    background: #ffffff;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.wealthGroup .wlBd .wlBox {
    position: relative;
}

.wealthGroup .wlBd .wlBox .wlExhi {
    width: 260px;
    height: 520px;
    background: url(../images/wlExhibg.png) no-repeat center;
}

.wealthGroup .wlBd .wlBox .wlExhi .yhs {
    width: 36px;
    height: 91px;
    margin-left: 40px;
    margin-top: 20px;
}

.wealthGroup .wlBd .wlBox .wlExhi h2 {
    font-weight: normal;
    color: #ffffff;
    font-size: 24px;
    margin-top: 25px;
    margin-left: 40px;
}

.wealthGroup .wlBd .wlBox .wlExhi .more {
    display: block;
    width: 112px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background-color: #f10215;
    margin-top: 40px;
    margin-left: 40px;
}

.wealthGroup .wlBd .wlBox .wlExhi .more:hover {
    text-decoration: underline;
}

.wealthGroup .wlBd .wlBox .wlExhi .wlexpic {
    position: absolute;
    z-index: 10;
}

.wealthGroup .wlBd .wlBox .wlExhi .wlexpic.pic1 {
    width: 266px;
    height: 275px;
    bottom: -40px;
    left: -110px;
}

.wealthGroup .wlBd .wlBox .wlExhi .wlexpic.pic2 {
    width: 263px;
    height: 170px;
    bottom: -35px;
    left: -65px;
}

.wealthGroup .wlBd .wlBox .wlExhi .wlexpic.pic3 {
    width: 287px;
    height: 165px;
    bottom: -40px;
    left: -75px;
}

.wealthGroup .wlBd .wlBox .wlExhi .wlexpic.pic4 {
    width: 175px;
    height: 194px;
    bottom: -40px;
    left: -75px;
}

.wealthGroup .wlBd .wlBox .wlsucai {
    width: 940px;
}

.wealthGroup .wlBd .wlBox .wlsucai .sucai {
    width: 900px;
    height: 480px;
    margin: 20px auto;
    padding-right: 12px;
    overflow: hidden;
}

.wealthGroup .wlBd .wlBox .wlsucai ul {}

.wealthGroup .wlBd .wlBox .wlsucai li {
    position: relative;
    border-right: 1px dashed #e7e7e7;
    width: 430px;
    float: left;
    margin-right: 20px;
}

.wealthGroup .wlBd .wlBox .wlsucai li a {
    display: block;
}

.wealthGroup .wlBd .wlBox .wlsucai li:nth-child(2n+2) {
    border: none;
    margin-right: 0px;
}

.wealthGroup .wlBd .wlBox .wlsucai li .wlmais {
    width: 410px;
    padding: 20px 0px;
    border-bottom: 1px solid #e6e6e6;
}

.wealthGroup .wlBd .wlBox .wlsucai li .wlitem {
    position: relative;
    margin-bottom: 20px
}

.wealthGroup .wlBd .wlBox .wlsucai li .wlitem .wlimg {
    width: 58px;
    height: 58px;
}

.wealthGroup .wlBd .wlBox .wlsucai li .wlitem .wltitle {
    width: 340px;
    color: #333333;
    font-size: 16px;
    line-height: 30px;
    height: 58px;
    overflow: hidden;
}

.wealthGroup .wlBd .wlBox .wlsucai li .wltext {
    position: relative;
}

.wealthGroup .wlBd .wlBox .wlsucai li .wltext .wllbs {
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
}

.wealthGroup .wlBd .wlBox .wlsucai li .wltext .wllbs b {
    font-weight: normal;
    color: #f10215;
    margin-left: 10px;
}

.wealthGroup .wlBd .wlBox .wlsucai li .wltext .wllbs span {
    float: right;
}

.wealthGroup .wlBd .wlBox .wlsucai li .wltext p {
    color: #999999;
    font-size: 12px;
}

.wealthGroup .wlBd .wlBox .wlsucai li .wltext p em {
    font-style: normal;
    color: #666666;
    float: right;
}

.wealthGroup .wlBd .wlBox .wlsucai li:hover .wlitem .wltitle {
    color: #f10215;
}

.Popularity {
    width: 100%;
    height: 898px;
    background:#f5f5f5 no-repeat center;
    margin-top: -20px;
}

.Popularity .ppTitle {
    color: #333333;
    font-size: 30px;
    padding: 0px 0px 62px 0px;
}

.pptymains {
    position: relative;
    background-color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-box-shadow: 0px 0px 20px #e7e7e7;
    -webkit-box-shadow: 0px 0px 20px #e7e7e7;
    box-shadow: 0px 0px 20px #e7e7e7;
    padding-bottom: 10px;
    margin-top: -30px;
}

.pptymains .pyrking {
    width: 340px;
}

.pptymains .pyrking .pykitop {
    width: 300px;
    height: 175px;
    background: url(../images/topbg.png) no-repeat center;
    margin: -40px auto 0px;
    position: relative;
}

.pptymains .pyrking .pykitop h2 {
    color: #ffffff;
    font-size: 20px;
    padding-top: 20px;
    padding-left: 18px;
}

.pptymains .pyrking .pykitop span {
    display: block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    background-color: #f10215;
    border-radius: 3px;
    margin-left: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pptymains .pyrking .pykitop b {
    display: block;
    color: #ffffff;
    font-size: 28px;
    margin-left: 18px;
}

.pptymains .pyrking .pykitop b i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
}

.pptymains .pyrking .pykitop b i.iconfont::before {
    content: "\e6e7";
    font-size: 28px;
    color: #f10215;
}

.pptymains .pyrking .pykitop .top {
    position: absolute;
    width: 24px;
    height: 35px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    top: -1px;
    right: 16px;
    z-index: 5;
    background: url(../images/top.png) no-repeat center;
}

.pptymains .pyrking .pykitop .top .tops {
    display: block;
    font-style: normal;
    font-size: 10px;
}

.pptymains .pyrking .pykiTils {
    width: 300px;
    margin: 0 auto 10px;
}

.pptymains .pyrking .pykiTils span {
    color: #999999;
    font-size: 12px;
    display: inline-block;
}

.pptymains .pyrking .pykiTils .sp1 {
    width: 14%;
}

.pptymains .pyrking .pykiTils .sp2 {
    width: 63%;
}

.pptymains .pyrking .pykiTils .sp3 {
    width: 20%;
    text-align: right;
}

.pptymains .pyrking .pykilist {
    width: 300px;
    margin: 0px auto;

}

.pptymains .pyrking .pykilist ul {}

.pptymains .pyrking .pykilist li {
    position: relative;
    margin-bottom: 20px;
}

.pptymains .pyrking .pykilist li .top {
    width: 24px;
    height: 35px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    background: url(../images/tophui.png) no-repeat center;
    float: left;
    margin-right: 20px;
}

.pptymains .pyrking .pykilist li .top .tops {
    display: block;
    font-style: normal;
    font-size: 10px;
}

.pptymains .pyrking .pykilist li .text {
    width: 62%;
    float: left;
}

.pptymains .pyrking .pykilist li .text p {
    color: #333333;
    font-size: 14px;
}

.pptymains .pyrking .pykilist li .text em {
    font-style: normal;
    color: #666666;
    font-size: 12px;
}

.pptymains .pyrking .pykilist li .gzd {
    width: 20%;
    line-height: 35px;
    text-align: right;
    color: #333333;
    font-size: 16px;
    float: right;
}

.pptymains .pyrking .pykilist li:hover .text p {
    color: #f10215;
}

.pptymains .pyrking .pykilist li:nth-child(1) .top {
    background: url(../images/top.png) no-repeat center;
}

.pptymains .pyrking .pykilist li:nth-child(2) .top {
    background: url(../images/top.png) no-repeat center;
}

.pptymains .pyrking .pymore {
    color: #333333;
    display: block;
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
    font-size: 14px;
}

.pptymains .pyrking .pymore i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.pptymains .pyrking .pymore i.iconfont::before {
    content: "\e616";
    font-size: 20px;
    color: #333333;
}

.pptymains .pyrking .pymore:hover {
    text-decoration: underline;
    color: #f10215;
}

.pptymains .pyrking .pymore:hover i.iconfont::before {
    color: #f10215;
}

.pptymains .pptylist {
    width: 838px;
    padding: 10px 0px;
}

.pptymains .pptylist ul {}

.pptymains .pptylist li {
    width: 260px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.pptymains .pptylist li:nth-child(3n+3) {
    margin-right: 0px;
}

.pptymains .pptylist li .pyimg {
    width: 260px;
    height: 144px;
}

.pptymains .pptylist li .pytext {
    padding: 10px;
    position: relative;
}

.pptymains .pptylist li .pytext h3 {
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 0px;
}

.pptymains .pptylist li .pytext p {
    color: #333333;
    font-size: 12px;
}

.pptymains .pptylist li .pytext p b {
    font-weight: normal;
    padding: 0px 3px;
    height: 15px;
    line-height: 15px;
    background-color: #f10215;
    color: #ffffff;
    font-size: 12px;
    margin-right: 20px;
    display: inline-block;
}

.pptymains .pptylist li .pytext p em {
    font-style: normal;
    margin-left: 10px;
}

.pptymains .pptylist li:hover .pytext h3 {
    color: #f10215;
}

.Knowledge {
    width: 100%;
    height: 630px;
    background-color: #ededed;

}

.Knowledge .kldgTitle {
    color: #333333;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.kldgGroup {
    position: relative;
    background-color: #ffffff;
}

.kldgGroup .klHd {
    width: 200px;
    height: 550px;
    background: url(../images/klHdbg.jpg) no-repeat center;
    float: left;
}

.kldgGroup .klHd h2 {
    color: #ffffff;
    font-size: 24px;
    padding-top: 40px;
    padding-left: 20px;
}

.kldgGroup .klHd ul {
    padding-left: 20px;
}

.kldgGroup .klHd li {
    color: #cccccc;
    font-size: 16px;
    margin-top: 32px;
    cursor: pointer;
}

.kldgGroup .klHd li em {
    font-style: normal;
    margin-right: 10px;
}

.kldgGroup .klHd li.on,
.kldgGroup .klHd li:hover {
    color: #f10215;
}

.kldgGroup .klHd .more {
    width: 58px;
    height: 24px;
    display: block;
    line-height: 24px;
    text-indent: 5px;
    background: url(../images/more.png) no-repeat center;
    color: #ffffff;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 50px;
}

.kldgGroup .klHd .more:hover {
    text-decoration: underline;
}

.kldgGroup .klBd {
    position: relative;
    width: 1000px;
    height: 550px;
    overflow: hidden;
    float: right;
}

.kldgGroup .klBd .klBox {
    position: relative;
    padding-left: 20px;
    margin: 10px 0px;
}

.kldgGroup .klBd .klBox ul {}

.kldgGroup .klBd .klBox li {
    width: 479px;
    float: left;
    border-right: 1px dashed #eaeaea;
    margin-right: 20px;
    margin-bottom: 14px;
}

.kldgGroup .klBd .klBox li:nth-child(2n+2) {
    border: none;
    margin-right: 0px
}

.kldgGroup .klBd .klBox li .klitem {
    width: 450px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 14px;
}

.kldgGroup .klBd .klBox li .klitem .klimg {
    width: 116px;
    height: 64px;
}

.kldgGroup .klBd .klBox li .klitem .kldata {
    position: relative;
    width: 320px;
}

.kldgGroup .klBd .klBox li .klitem .kldata h3 {
    color: #333333;
    font-size: 14px;
    line-height: 22px;
}

.kldgGroup .klBd .klBox li .klitem .kldata p {
    color: #666666;
    font-size: 12px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.kldgGroup .klBd .klBox li:hover .klitem .kldata h3 {
    color: #f10215
}

/*登录*/
.loginbg {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 20px;
    background-color: #fff2e9;
}

.loginmain {
    width: 460px;
    background-color: #ffffff;
    margin: 0 auto;
    position: relative;
    padding-top: 80px;
    padding-bottom: 57px;
}

.loginmain .lgimg {
    width: 261px;
    height: 82px;
    margin: 0px auto;
}

.loginmain .loForm {
    width: 380px;
    margin: 60px auto 0px;
}

.loginmain .loForm .item {
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.loginmain .loForm .item i {
    display: inline-block;
    margin-right: 20px;
}

.loginmain .loForm .item i.user.iconfont::before {
    content: "\e634";
    font-size: 22px;
    color: #999999;
}

.loginmain .loForm .item i.pass.iconfont::before {
    content: "\e6e6";
    font-size: 22px;
    color: #999999;
}

.loginmain .loForm .item input {
    width: 80%;
    height: 60px;
    line-height: 60px;
    border: none;
    background: none;
}

.loginmain .loForm .loginbtn {
    width: 380px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    background-color: #f10215;
    margin-top: 40px;
    cursor: pointer;
}

.loginmain .loForm .relation {
    position: relative;
    margin-top: 40px;
}

.loginmain .loForm .relation .forget {
    color: #333333;
    font-size: 14px;
}

.loginmain .loForm .relation .forget:hover {
    color: #f10215;
}

.loginmain .loForm .relation .register {
    color: #333333;
    font-size: 14px;
    float: right;
}

.loginmain .loForm .relation .register a {
    color: #f10215;
    font-size: 14px;
}

.loginmain .loForm .relation .register a:hover {
    text-decoration: underline;
}

.lgfood {
    position: relative;
    margin-top: 130px;
}

.lgfood .lgnav {
    text-align: center;
    line-height: 40px;
}

.lgfood .lgnav a {

    font-size: 12px;
    margin: 0px 24px;
}

.lgfood .lgnav a:hover {
    text-decoration: underline;
}

.lgfood .lgbtm {
    position: relative;
    text-align: center;
}

.lgfood .lgbtm p {
    color: #999999;
    font-size: 12px;
    line-height: 25px;
}

.lgfood .lgbtm .lgbtnls {
    position: relative;
    text-align: center;
    width: 900px;
    margin: 0 auto;
}

.lgfood .lgbtm .lgbtnls a {
    color: #999999;
    font-size: 12px;
    padding: 0px 5px;
}

.lgfood .lgbtm .lgbtnls em {
    font-style: normal;
    padding-left: 5px;
}

.lgfood .lgbtm .lgbtnls a:hover {
    text-decoration: underline;
}

/*忘记密码*/
.pubhead {
    position: relative;
    width: 100%;
    height: 100px;
    -moz-box-shadow: 0px 5px 10px #e7e7e7;
    -webkit-box-shadow: 0px 5px 10px #e7e7e7;
    box-shadow: 0px 5px 10px #e7e7e7;
    background-color: #ffffff;
}

.pubhead .wrap {
    height: 100px;
}

.pubhead .pblogo {
    float: left;
    margin: 17px 0px;
}

.pubhead .pblogin {
    float: right;
    line-height: 100px;
    color: #666666;
    font-size: 16px;
}

.pubhead .pblogin a {
    color: #f10215;
}

.pubhead .pblogin a:hover {
    text-decoration: underline;
}

.pubfood {
    padding-bottom: 70px;
    border-top: 1px solid #e6e6e6;
}

.pubfood .pdnav {
    text-align: center;
    line-height: 40px;
}

.pubfood .pdnav a {
    color: #666666;
    font-size: 12px;
    margin: 0px 24px;
}

.pubfood .pdnav a:hover {
    text-decoration: underline;
}

.pubfood .pdbtm {
    position: relative;
    text-align: center;
}

.pubfood .pdbtm p {
    color: #999999;
    font-size: 12px;
    line-height: 25px;
}

.pubfood .pdbtm .pdbtnls {
    position: relative;
    text-align: center;
    width: 900px;
    margin: 0 auto;
}

.pubfood .pdbtm .pdbtnls a {
    color: #999999;
    font-size: 12px;
    padding: 0px 5px;
}

.pubfood .pdbtm .pdbtnls em {
    font-style: normal;
    padding-left: 5px;
}

.pubfood .pdbtm .pdbtnls a:hover {
    text-decoration: underline;
}

.Retrieve {
    position: relative;
}

.retrFrom {
    width: 800px;
    margin: 70px auto 280px;
}

.retrFrom h1 {
    text-align: center;
    font-size: 16px;
    color: #333333;
    margin-bottom: 40px;
}

.retrFrom .reitem {
    position: relative;
    margin-bottom: 20px;
}

.retrFrom .reitem .name {
    width: 215px;
    text-align: right;
    color: #666666;
    font-size: 14px;
    line-height: 40px;
    margin-right: 20px;
    display: inline-block;
}

.retrFrom .reitem .name em {
    font-style: normal;
    color: #f10215;
    margin-right: 5px;
}

.retrFrom .reitem input {
    width: 6%;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    text-indent: 10px;
}

.retrFrom .reitem input::-webkit-input-placeholder {
    color: #cccccc;
}

.retrFrom .reitem .inp1 {
    width: 324px;
}

.retrFrom .reitem .inp2 {
    width: 200px;
}

.retrFrom .reitem .code {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #f10215;
    color: #f10215;
    font-size: 12px;
    text-align: center;
    margin-left: 8px;
}

.retrFrom .reitem b {
    font-weight: normal;
    color: #999999;
    font-size: 12px;
    margin-left: 20px;
    line-height: 40px;
}

.retrFrom .reitem .check {
    display: inline-block;
    width: 110px;
    height: 40px;
    margin-left: 8px;
    vertical-align: middle;
}

.retrFrom .resubt {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    background-color: #f10215;
    margin: 40px auto 0px;
    display: block;
    cursor: pointer;
}

/*注册*/
.retrFrom .redsmlt {
    color: #666666;
    font-size: 12px;
    margin-left: 239px;
    margin-bottom: 40px;
}

.retrFrom .redsmlt .cks {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
}

.retrFrom .redsmlt a {
    color: #0297f0;

}

.retrFrom .redsmlt a:hover {
    text-decoration: underline;
}

.retrFrom .regsbtn {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background-color: #f10215;
    margin-left: 239px;
    display: block;
    cursor: pointer;
    }

.RetrGroup {
    position: relative;
}

.RetrGroup .rtHd {
    position: relative;
    width: 800px;
    margin: 65px auto 40px;
    text-align: center;
}

.RetrGroup .rtHd ul {}

.RetrGroup .rtHd li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 3px solid #ffffff;
    margin: 0px 60px;
    cursor: pointer;
}

.RetrGroup .rtHd li.on {
    color: #f10215;
    border-bottom: 3px solid #f10215;
}

.RetrGroup .rtBd {
    position: relative;
    width: 800px;
    margin: 0 auto;
}

.RetrGroup .rtBd .rtBox {
    position: relative;
}

.RetrGroup .rtBd .rtBox .retrFrom {
    margin-top: 0px;

}

/*更多城市*/
.section {
    background-color: #f5f5f5;
}

.setp {
    padding-top: 20px;
    padding-bottom: 40px
}

.citymain {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

.citymain .Choicecity {
    position: relative;
    margin: 0px 20px;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0px;
}

.citymain .Choicecity .Province {
    width: 463px;
    line-height: 36px;
}

.citymain .Choicecity .Province span {
    display: inline-block;
    width: 110px;
    color: #333333;
    font-size: 16px;
}

.citymain .Choicecity .Province select {
    width: 152px;
    height: 36px;
    color: #666666;
    background: url("../images/arrow.png") no-repeat scroll center right 10px transparent;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-right: 20px;
}

.citymain .Choicecity .Direct {
    width: 365px;
    margin-left: 30px;
    line-height: 36px;
}

.citymain .Choicecity .Direct span {
    display: inline-block;
    width: 95px;
    color: #333333;
    font-size: 16px;
}

.citymain .Choicecity .Direct input {
    width: 262px;
    height: 36px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    text-indent: 10px;
}

.citymain .hotcity {
    position: relative;
    margin: 0px 20px;
    border-bottom: 1px solid #e6e6e6;
    height: 80px;
    line-height: 80px;
}

.citymain .hotcity span {
    display: inline-block;
    width: 90px;
    color: #333333;
    font-size: 16px;
}

.citymain .hotcity a {
    display: inline-block;
    padding: 0px 20px;
    color: #666666;
    font-size: 14px;
}

.citymain .hotcity a:hover {
    color: #f10215;
}

.citymain .zmcity {
    position: relative;
    height: 80px;
    line-height: 80px;
    margin: 0px 20px;
    border-bottom: 1px solid #e6e6e6;
}

.citymain .zmcity span {
    width: 165px;
    display: inline-block;
    color: #333333;
    font-size: 16px;
}

.citymain .zmcity a {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 0px 12px;
}

.citymain .zmcity a:hover {
    color: #f10215;
}

.citymain .Letterlist {
    position: relative;
    margin: 0px 20px;
    padding-bottom: 20px;
}

.citymain .Letterlist ul {}

.citymain .Letterlist li {
    position: relative;
    padding: 20px 0px 0px;
}

.citymain .Letterlist li .zmname {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    background-color: #f10215;
    font-size: 16px;
    font-weight: bold;
    border-radius: 100%;
    float: left;
}

.citymain .Letterlist li .zmitem {
    width: 1100px;
    float: right;
}

.citymain .Letterlist li .zmitem a {
    color: #666666;
    font-size: 14px;
    margin-right: 33px;
    line-height: 30px;
}

.citymain .Letterlist li .zmitem a:hover {
    color: #f10215;
}

/*羽毛球*/
.sebt {

}

.ymbanner {
    width: 1200px;
    height: 480px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.ymbanner .ymbd {
    width: 100%;
    height: 480px;
    overflow: hidden;
}

.ymbanner .ymbd li a,
.ymbanner .ymbd li a img {
    width: 100%;
    display: block;
    height: 480px;
    overflow: hidden;
}

.ymbanner .ymhd {
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 18px;
    text-align: center;
}

.ymbanner .ymhd li {
    width: 54px;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    text-indent: -1000000000px;
    cursor: pointer;
    display: inline-block;
}

.ymbanner .ymhd li.on {
    background: #ffffff;
}

.ymqrecommend {
    position: relative;
    margin-top: 2px;
    width: 1200px;
    height: 160px;
    overflow: hidden;
}
.ymqrecommend ul {}
.ymqrecommend li {
    width: 285px;
    height: 160px;
    float: left;
    margin-right: 20px;
    position: relative;
}

.ymqrecommend li .recmimg {
    width: 285px;
    height: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ymqrecommend li .recmbg {
    width: 100%;
    height: 100%;
    background: rgba(241, 2, 21, 0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
}

.ymqrecommend li .recmbg h2 {
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    margin-top: 30px;
}

.ymqrecommend li .recmbg p {
    color: #ffffff;
    font-size: 12px;
    margin: 10px 0px;
}

.ymqrecommend li .recmbg p b {
    color: #ffffff;
    margin-left: 10px;
}

.ymqrecommend li .recmbg .recmbtn {
    color: #ffffff;
    display: block;
    width: 64px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    border: 1px solid #cccccc;
    border-radius: 30px;
    margin: 0 auto;
}

.ymqrecommend .left {
    width: 24px;
    height: 44px;
    line-height: 44px;
    background: rgba(65, 65, 65, 0.3);
    position: absolute;
    top: 58px;
    left: 0px;
}
.ymqrecommend .left i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ic-left.png) no-repeat center center;
}
.ymqrecommend .left i:hover{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/ic-w-left.png) no-repeat center center;

}
.ymqrecommend .right {
    width: 24px;
    height: 44px;
    line-height: 44px;
    background: rgba(65, 65, 65, 0.3);
    position: absolute;
    top: 58px;
    right: 0px;
}
.ymqrecommend .right i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../images/ic-right.png') no-repeat center center;
}
.ymqrecommend .right i:hover{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/ic-w-right.png) no-repeat center center;
}
.ymqrecommend li:hover .recmbg {
    display: block
}

.ymqmain {
    position: relative;
}

.information {
    position: relative;
    background-color: #ffffff;
    padding: 0px 20px 20px;
    margin-top: 20px;
}

.ymqTitle {
    height: 60px;
    line-height: 60px;
    color: #333333;
    font-size: 20px;
}

.ymqTitle em {
    font-style: normal;
    font-weight: normal;
    color: #666666;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 10px;
}

.ymqTitle span {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
}

.ymqTitle .ymqmore {
    float: right;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}

.ymqTitle .ymqmore:hover {
    color: #f10215;
    text-decoration: underline;
}

.infoitem {
    position: relative;
}

.infoitem .infopic {
    position: relative;
    width: 540px;
    height: 340px;
    overflow: hidden;
}

.infoitem .infopic .picBd {
    position: relative;
    width: 540px;
    height: 340px;
    overflow: hidden;
}

.infoitem .infopic .picBd ul {}

.infoitem .infopic .picBd li {
    width: 540px;
    height: 340px;
    position: relative;
}

.infoitem .infopic .picBd li .ifpic {
    width: 540px;
    height: 340px;
}

.infoitem .infopic .picBd li .iftext {
    width: 540px;
    height: 40px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 5;
}

.infoitem .infopic .picBd li .iftext p {
    padding: 0px 10px;
    line-height: 40px;
    width: 70%;
    color: #ffffff;
    font-size: 16px;
    font-weight:900;
}

.infoitem .infopic .picHd {
    width: 96%;
    height: 20px;
    position: absolute;
    bottom: 5px;
    text-align: right;
    padding-left: 10px;
    z-index: 10;
}

.infoitem .infopic .picHd ul {
    overflow: hidden;
}

.infoitem .infopic .picHd li {
    width: 16px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 4px;
    display: inline-block;
    text-indent: -100000000000000px;
    cursor: pointer;
    overflow: hidden;
}

.infoitem .infopic .picHd li.on {
    background: #f10215;
    color: #fefefe;
}

.infoitem .infopic .iffl {
    width: 24px;
    height: 38px;
    line-height: 44px;
    background: rgba(65, 65, 65, 0.3);
    position: absolute;
    top: 145px;
    left: 0px;
}

.infoitem .infopic .iffl i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ic-left.png) no-repeat center center;
}

.infoitem .infopic .iffl i:hover{
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/ic-w-left.png) no-repeat center center;
}
.infoitem .infopic .iffr {
    width: 24px;
    height: 38px;
    line-height: 44px;
    background: rgba(65, 65, 65, 0.3);
    position: absolute;
    top: 145px;
    right: 0px;
}

.infoitem .infopic .iffr i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../images/ic-right.png') no-repeat center center;
}

.infoitem .infopic .iffr i:hover{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/ic-w-right.png) no-repeat center center;
}
.infoitem .infodata {
    width: 580px;
    padding-left: 10px;
    border-left: 1px dashed #e6e6e6;
}

.infoitem .infodata .dataitem {
    position: relative;
}

.infoitem .infodata .dataitem .dataimg {
    width: 158px;
    height: 90px;
    position: relative;
}

.infoitem .infodata .dataitem .datatext {
    width: 400px;
    position: relative;
}

.infoitem .infodata .dataitem .datatext h2 {
    color: #f20808;
    font-size: 18px;
    margin-top: 0px;
    font-weight:900;
}

.infoitem .infodata .dataitem .datatext p {
    color: #666666;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 35px;
    overflow: hidden;
}

.infoitem .infodata .dataitem .datatext b {
    display: block;
    font-weight: normal;
    color: #999999;
    font-size: 12px;
}

.infoitem .infodata .dataitem .datatext:hover h2 {
    color: #f10215;
}

.infoitem .infodata .datalist {
    position: relative;
    margin-top: 20px;
}

.infoitem .infodata .datalist ul {}

.infoitem .infodata .datalist li {
    position: relative;
    line-height: 28px;
}

.infoitem .infodata .datalist li em {
    font-style: normal;
    color: #666666;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.infoitem .infodata .datalist li a {
    display: inline-block;
    width: 80%;
    color: #666666;
    font-size: 14px;
    padding-left: 15px;
}

.infoitem .infodata .datalist li b {
    font-weight: normal;
    float: right;
    color: #999999;
    font-size: 12px;
}

.infoitem .infodata .datalist li a:hover {
    text-decoration: underline;
    color: #f10215;
}

.Brand {
    position: relative;
}

.brandmain {
    position: relative;
    background-color: #ffffff;
    padding: 0px 20px;
    margin-top: 20px;
}

.brandlist {
    position: relative;
}

.brandlist ul {}

.brandlist li {
    width: 275px;
    height: 154px;
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
}

.brandlist li:nth-child(4n+4) {
    margin-right: 0px;
}

.brandlist li a {
    display: block;
    position: relative;
}

.brandlist li .bdpic {
    width: 275px;
    height: 154px;
    overflow: hidden;
}
.brandlist li .bdpic img{
    width: 275px;
    height: 154px;
}
.brandlist li .bddata {
    width: 275px;
    height: 154px;
    padding-left: 10px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    display: none;
}

.brandlist li .bddata h2 {
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
    height: 50px;
    overflow: hidden;
}

.brandlist li .bddata p {
    color: #ffffff;
    font-size: 12px;
    line-height: 30px;
}

.brandlist li:hover .bddata {
    display: block;
}

.seller {
    position: relative;
}

.sellermain {
    position: relative;
    background-color: #ffffff;
    padding: 0px 20px;
    margin-top: 20px;
}

.sellerlist {
    position: relative;
}

.sellerlist ul {}

.sellerlist li {
    width: 275px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.sellerlist li:nth-child(4n+4) {
    margin-right: 0px;
}

.sellerlist li img {
    width: 275px;
    height: 154px;
}

.sellerlist li h2 {
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    line-height: 30px;
    margin-top: 5px;
}

.sellerlist li span {
    padding: 0px 3px;
    height: 18px;
    line-height: 18px;
    color: #ffffff;
    font-size: 12px;
    margin-left: 20px;
}

.sellerlist li .ymq {
    background-color: #f10215;
}

.sellerlist li .wq {
    background-color: #fda422;
}

.sellerlist li .ppq {
    background-color: #6135a4;
}

.sellerlist li .lq {
    background-color: #0095d4;
}

.sellerlist li p {
    color: #333333;
    font-size: 12px;
}

.sellerlist li b {
    margin-left: 10px;
}

.sellerlist li:hover h2 {
    color: #f10215
}

.groom {
    position: relative;
}

.activity {
    width: 820px;
    position: relative;
    background-color: #ffffff;
    padding: 0px 20px;
    margin-top: 20px;
}

.activity .actvlist {}

.activity .actvlist ul {}

.activity .actvlist li {
    width: 260px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.activity .actvlist li:nth-child(3n+3) {
    margin-right: 0px;
}

.activity .actvlist li .avimg {
    width: 260px;
    height: 145px;
    overflow: hidden;
}
.activity .actvlist li .avimg img{
    width: 260px;
    height: 145px;

}
.activity .actvlist li .avtext {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
}

.activity .actvlist li:hover .avtext {
    color: #f10215;
}

.clopedias {
    width: 280px;
    position: relative;
    background-color: #ffffff;
    padding: 0px 20px;
    margin-top: 20px;
}

.clopedias .clpmains {
    position: relative;
}

.clopedias .clpmains .clppics {
    position: relative;
}

.clopedias .clpmains .clppics .cpimg {
    width: 280px;
    height: 157px;
    position: relative;
}

.clopedias .clpmains .clppics .cptext {
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    left: 0px;
}

.clopedias .clpmains .clppics .cptext p {
    padding: 0px 10px;
    color: #ffffff;
    font-size: 12px;
}

.clopedias .clpmains .clplist {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

.clopedias .clpmains .clplist ul {}

.clopedias .clpmains .clplist li {
    line-height: 27px;
    position: relative;
}

.clopedias .clpmains .clplist li a {
    display: block;
    width: 95%;
    padding-left: 15px;
    color: #333333;
    font-size: 12px;
}

.clopedias .clpmains .clplist li em {
    font-style: normal;
    color: #999999;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.clopedias .clpmains .clplist li:hover a {
    text-decoration: underline;
    color: #f10215;
}

.Fortune {
    position: relative;
}

.Fortunemain {
    position: relative;
    background-color: #ffffff;
    padding: 0px 20px;
    margin-top: 20px;
}

.Fortunemain .frunlist {
    position: relative;
}

.Fortunemain .frunlist ul {}

.Fortunemain .frunlist li {
    width: 253px;
    float: left;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #ededed;
}

.Fortunemain .frunlist li:nth-child(4n+4) {
    margin-right: 0px;
}

.Fortunemain .frunlist li .funimg {
    width: 253px;
    height: 143px;
}

.Fortunemain .frunlist li h2 {
    color: #333333;
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.Fortunemain .frunlist li p {
    color: #333333;
    font-size: 12px;
    margin: 10px 0px;
}

.Fortunemain .frunlist li p b {
    font-weight: normal;
    color: #f10215;
    margin-left: 10px;
}

.Fortunemain .frunlist li p span {
    float: right;
}

.Fortunemain .frunlist li em {
    font-style: normal;
    color: #666666;
    font-size: 12px;
}

.Fortunemain .frunlist li:hover h2 {
    color: #f10215;
}

.popular {
    position: relative;
}

.popularmain {
    position: relative;
    background-color: #ffffff;
    padding: 0px 20px 20px;
    margin-top: 20px;
}

.poplritem {
    position: relative;
}

.poplritem .popranking {
    width: 320px;
    position: relative;
}

.poplritem .popranking .popTitle {
    height: 80px;
    background: url(../images/popbg.png) no-repeat center;
    text-align: center;
}

.poplritem .popranking .popTitle h2 {
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    padding-top: 20px;
}

.poplritem .popranking .popTitle h2 i {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    background: url(../images/ic-redian.png) no-repeat center center;
}
.poplritem .popranking .popTitle p {
    color: #ffffff;
    font-size: 10px;
}

.poplritem .popranking .popbord {
    padding: 10px 10px 20px;
    border: 1px solid #ededed;

}

.poplritem .popranking .popth {
    position: relative;
}

.poplritem .popranking .popth span {
    color: #999999;
    font-size: 12px;
    display: block;
    float: left;
}

.poplritem .popranking .popth .sp1 {
    width: 14%;
}

.poplritem .popranking .popth .sp2 {
    width: 66%;
    text-align: center;
}

.poplritem .popranking .popth .sp3 {
    width: 20%;
    text-align: right;
}

.poplritem .popranking .popth .sp4 {
    width: 20%;
    text-align: right;
}

.poplritem .popranking .poplist {
    position: relative;
    margin-top: 20px;
}

.poplritem .popranking .poplist ul {}

.poplritem .popranking .poplist li {
    position: relative;
    margin-bottom: 20px;
    line-height: 26px;
}

.poplritem .popranking .poplist li .top {
    width: 24px;
    height: 26px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    background: url(../images/tops.png) no-repeat center;
    float: left;
    margin-right: 20px;
    font-style: normal;
    line-height: 26px;
}

.poplritem .popranking .poplist li:nth-child(1) .top {
    background: url(../images/topon.png) no-repeat center;
}

.poplritem .popranking .poplist li:nth-child(2) .top {
    background: url(../images/topon.png) no-repeat center;
}

.poplritem .popranking .poplist li:nth-child(3) .top {
    background: url(../images/topon.png) no-repeat center;
}

.poplritem .popranking .poplist li .name {
    width: 60%;
    color: #333333;
    font-size: 14px;
    float: left;
}

.poplritem .popranking .poplist li .type {
    width: 20%;
    ;
    color: #666666;
    font-size: 12px;
    text-align: right;
    float: left;
}

.poplritem .popranking .poplist li .follow {
    width: 20%;
    color: #f10215;
    font-size: 12px;
    text-align: right;
    float: left;
}

.poplritem .popranking .poplist li:hover .name {
    color: #f10215;
    text-decoration: underline;
}

.poplritem .popranking .listdeta {
    display: block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333333;
    font-size: 14px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
}

.poplritem .popranking .listdeta i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}


.poplritem .popranking .listdeta:hover {
    border: 1px solid #f10215;
    color: #f10215;
}

.poplritem .popranking .listdeta:hover i.iconfont::before {
    color: #f10215;
}

.poplritem .pptylist {
    width: 820px;
    padding: 10px 0px;
}

.poplritem .pptylist ul {}

.poplritem .pptylist li {
    width: 260px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.poplritem .pptylist li:nth-child(3n+3) {
    margin-right: 0px;
}

.poplritem .pptylist li .pyimg {
    width: 260px;
    height: 144px;
}

.poplritem .pptylist li .pytext {
    padding: 10px;
    position: relative;
}

.poplritem .pptylist li .pytext h3 {
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 0px;
}

.poplritem .pptylist li .pytext p {
    color: #333333;
    font-size: 12px;
}

.poplritem .pptylist li .pytext p b {
    font-weight: normal;
    padding: 0px 3px;
    height: 15px;
    line-height: 15px;
    background-color: #f10215;
    color: #ffffff;
    font-size: 12px;
    margin-right: 20px;
    display: inline-block;
}

.poplritem .pptylist li .pytext p em {
    font-style: normal;
    margin-left: 10px;
}

.poplritem .pptylist li:hover .pytext h3 {
    color: #f10215;
}

.Badminton {
    position: relative;
    margin: 30px auto 0px;
    padding-bottom: 40px;
}

.Badminton .item {
    width: 298px;
    float: left;
    border: 1px solid #ededed;
    background-color: #ffffff;
    cursor: pointer;
}

.Badminton .item .badTitle {
    height: 120px;
    background-color: #fafafa;
    text-align: center;
    border-bottom: 1px solid #ededed
}

.Badminton .item .badTitle i {
    display: inline-block;
    padding-top: 10px;
}
.Badminton .item .badTitle i.newsicon::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url("../images/ic-xinwen-b.png");
    background-size: cover;
    font-size: 60px;
    color: #333333;
}
.Badminton .item:hover .badTitle i.newsicon::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url("../images/ic-xinwen-w.png");
    background-size: cover;
    opacity: 0.4;
    font-size: 60px;
    color: #333333;
}
.Badminton .item .badTitle i.zsbkicon::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url("../images/ic-baikke-b.png");
    background-size: cover;
    font-size: 60px;
    color: #333333;
}
.Badminton .item:hover .badTitle i.zsbkicon::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url("../images/ic-baike-w.png");
    background-size: cover;
    opacity: 0.4;
    font-size: 60px;
    color: #333333;
}
.Badminton .item .badTitle i.zxhdicon::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url("../images/ic-huodong-b.png");
    background-size: cover;
    font-size: 60px;
    color: #333333;
}
.Badminton .item:hover .badTitle i.zxhdicon::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url("../images/ic-huodong-w.png");
    background-size: cover;
    opacity: 0.4;
    font-size: 60px;
    color: #333333;
}
.Badminton .item .badTitle i.fxjlicon::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url("../images/ic-jiaoliu-b.png");
    background-size: cover;
    font-size: 60px;
    color: #333333;
}
.Badminton .item:hover .badTitle i.fxjlicon::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url("../images/ic-jiaoliu-w.png");
    background-size: cover;
    opacity: 0.4;
    font-size: 60px;
    color: #333333;
}
.Badminton .item .badTitle p {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.Badminton .item .badlsit {
    position: relative;
    padding: 20px;
}

.Badminton .item .badlsit ul {}

.Badminton .item .badlsit li {
    position: relative;
    padding-left: 15px;
    color: #666666;
    font-size: 12px;
    line-height: 30px;
}

.Badminton .item .badlsit li em {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #666666;
    font-size: 12px;
    font-style: normal;
}

.Badminton .item .badlsit li .badtext {
    color: #666666;
    display: block;
}

.Badminton .item .badlsit li .badfirst {
    width: 250px;
    margin: 0 auto;
    display: none;
}

.Badminton .item .badlsit li .badfirst .dbimg {
    width: 118px;
    height: 68px;
    overflow: hidden;
}

.Badminton .item .badlsit li .badfirst .dbtext {
    width: 120px;
}

.Badminton .item .badlsit li .badfirst .dbtext h2 {
    color: #333333;
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 20px;
}

.Badminton .item .badlsit li .badfirst .dbtext p {
    color: #999999;
    font-size: 10px;
    height: 38px;
    line-height: 18px;
    overflow: hidden;
}

.Badminton .item .badmore {
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #cdcdcd;
    color: #747474;
    border-radius: 100%;
    line-height: 24px;
    text-align: center;
    float: right;
    margin-right: 20px;
    margin-bottom: 40px;
}

.Badminton .item .badmore i {
    display: inline-block;
}

.Badminton .item .badmore i.iconfont::before {
    content: "\e606";
    font-size: 18px;
    color: #747474;
}

.Badminton .item:hover {
    border: none;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.5);
}

.Badminton .item:hover .badTitle {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.Badminton .item:hover .badTitle.badbg1 {
    width: 275px;
    height: 120px;
    background: url(../images/badbg1.png) no-repeat center;
}

.Badminton .item:hover .badTitle.badbg2 {
    width: 275px;
    height: 120px;
    background: url(../images/badbg2.png) no-repeat center;
}

.Badminton .item:hover .badTitle.badbg3 {
    width: 275px;
    height: 120px;
    background: url(../images/badbg3.png) no-repeat center;
}

.Badminton .item:hover .badTitle.badbg4 {
    width: 275px;
    height: 120px;
    background: url(../images/badbg4.png) no-repeat center;
}

.Badminton .item:hover .badTitle i.iconfont::before {
    color: #ffffff;
}

.Badminton .item:hover .badTitle p {
    color: #ffffff;
}

.Badminton .item:hover .badlsit li {}

.Badminton .item:hover .badlsit li:nth-child(1) {
    padding-left: 0px;
}

.Badminton .item:hover .badlsit li:nth-child(1) .badtext {
    display: none;
}

.Badminton .item:hover .badlsit li:nth-child(1) .badfirst {
    display: block;
    margin-bottom: 10px;
}

.Badminton .item:hover .badlsit li:nth-child(8) {
    display: none;
}

.Badminton .item:hover .badlsit li:nth-child(7) {
    display: none;
}

.Badminton .item:hover .badmore {
    border: 1px solid #f10518;
    width: 32px;
    height: 32px;
    line-height: 30px;
    margin-bottom: 20px;
}

.Badminton .item:hover .badmore i.iconfont::before {
    color: #f10518;
    font-size: 25px;
}

.Badminton .item .badlsit li:hover .badtext {
    color: #f10518;
    text-decoration: underline;
}

.Badminton .item .badlsit li .badfirst:hover h2 {
    color: #f10518;
}
/*关于我们*/
.aboutbg {
    width: 100%;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
}

.aboutmain {
    position: relative;
}

.aboutitem {
    position: relative;
    padding: 30px 0px 80px;
}

.aboutitem .abfl {
    width: 210px;
}

.aboutitem .abfl ul {}

.aboutitem .abfl li {
    height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #e0e0e0;
    color: #333333;
    font-size: 16px;
    background-color: #ffffff;
    text-align: center;
}

.aboutitem .abfl li a {
    display: block;
    color: #333333;
}

.aboutitem .abfl li i {
    display: inline-block;
    margin-left: 70px;
}

.aboutitem .abfl li i.iconfont::before {
    content: "\e683";
    font-size: 18px;
    color: #333333;
}

.aboutitem .abfl li.on {
    border-color: #f10215;
    background-color: #f10215;
    color: #ffffff;
}

.aboutitem .abfl li.on a {
    color: #ffffff;
}

.aboutitem .abfl li.on i.iconfont::before {
    color: #ffffff
}

.aboutitem .abfr {
    width: 930px;

}

.aboutitem .abfr .abTitle {
    display: block;
    margin-bottom: 20px;
}

.aboutitem .abfr .abTitle h1 {
    color: #333333;
    font-size: 30px;
    font-family: HarmonyOS_Sans_Light, Arial, sans-serif;
    margin-bottom: 5px;
}

.aboutitem .abfr .abTitle p {
    color: #999999;
    font-size: 14px;
    font-family: HarmonyOS_Sans_Light, Arial, sans-serif;
}

.aboutitem .abfr .abdata {
    padding: 40px;
    background-color: #ffffff;
}

.aboutitem .abfr .abdata img {
    display: block;
    margin: 0 auto 20px;
}

.aboutitem .abfr .abdata p {
    color: #666666;
    font-size: 14px;
    text-indent: 20px;
    line-height: 25px;
}

/*加入我们*/
.abjoin {
    position: relative;
    background-color: #ffffff;
    padding: 40px;
    border: 1px solid #e0e0e0;
}

.abjoin .abjitils {
    height: 35px;
    line-height: 35px;
    background-color: #fafafa;
}

.abjoin .abjitils ul {}

.abjoin .abjitils li {
    color: #999999;
    font-size: 12px;
    float: left;
}

.abjoin .abjitils .li1 {
    width: 290px;
    text-indent: 20px;
}

.abjoin .abjitils .li2 {
    width: 160px;
    text-align: center;
}

.abjoin .abjitils .li3 {
    width: 258px;
    text-align: center;
}

.abjoin .abjitils .li4 {
    width: 140px;
    text-align: center;
}

.abjoin .abjitext {
    position: relative;

}

.abjoin .abjitext ul {}

.abjoin .abjitext li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f5f5f5;
}

.abjoin .abjitext li span {
    display: block;
    float: left;
    color: #333333;
    font-size: 14px;
}

.abjoin .abjitext li .sp1 {
    width: 290px;
    text-indent: 20px;
}

.abjoin .abjitext li .sp2 {
    width: 160px;
    text-align: center;
}

.abjoin .abjitext li .sp3 {
    width: 258px;
    text-align: center;
}

.abjoin .abjitext li .sp4 {
    width: 140px;
    text-align: center;
}

/*联系我们*/
.contact {
    position: relative;
}

.contact .conTitle {
    position: relative;
    padding: 40px 0px 20px;
}

.contact .conTitle h1 {
    color: #333333;
    font-size: 30px;
    font-family: HarmonyOS_Sans_Light, Arial, sans-serif;
    margin-bottom: 5px;
}

.contact .conTitle p {
    color: #999999;
    font-size: 14px;
    font-family: HarmonyOS_Sans_Light, Arial, sans-serif;
}

.contact .contmains {
    padding: 40px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

.contact .contmains .cnsitem {
    width: 50%;
    float: left;
}

.contact .contmains .cnsitem .item {
    position: relative;
    margin-bottom: 40px;
}

.contact .contmains .cnsitem .item h2 {
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    margin-bottom: 20px;
}

.contact .contmains .cnsitem .item h2 em {
    color: #f10215;
    margin-right: 10px;
}

.contact .contmains .cnsitem .item p {
    color: #333333;
    font-size: 14px;
    margin-bottom: 10px;
}

.contact .contmains .cnsitem .item p a {
    color: #333333;
}

.contact .contmains .cnsitem .item p .mgs {
    margin-left: 10px;
}

.contact .contmains .cnsitem .item span {
    display: block;
    color: #666666;
    font-size: 14px;
}

.contact .contmains .cnsitem .item b {
    font-weight: normal;
    color: #f10215;
    margin-right: 10px;
}

.contact .contmains .cnsitem .item p a:hover {
    text-decoration: underline;
}

/*免责声明*/
.Statement {
    position: relative;
    padding: 40px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    line-height: 35px;
}

.Statement p {
    color: #666666;
    font-size: 14px;
    text-indent: 20px;
}

.Statement b {
    color: #333333;
    font-size: 14px;
    margin-top: 20px;
    display: block;
}

/*咨询中心-行业咨询*/
.newsmains {
    position: relative;
}

.location {
    height: 55px;
    line-height: 55px;
    color: #666666;
    font-size: 12px;
}

.location a {
    color: #666666;
}

.location a:hover {
    text-decoration: underline;
}

.location em {
    font-style: normal;
    margin: 0px 5px;
}

.location span {
    color: #333333;
}

.Consulting {
    position: relative;
}

.Consulting .consufl {
    width: 904px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

.Consulting .consufl .cnligTitle {
    position: relative;
    margin: 0px 20px;
    height: 75px;
    line-height: 75px;
}

.Consulting .consufl .cnligTitle .cglins {
    width: 174px;
    height: 6px;
    margin: 35px 0px;
}

.Consulting .consufl .cnligTitle ul {
    position: relative;
    text-align: center;
    display: block;
    float: left;
    width: 506px;
    margin: 0 auto;
}

.Consulting .consufl .cnligTitle li {
    display: inline-block;
}

.Consulting .consufl .cnligTitle li a {
    color: #333333;
    font-size: 16px;
}

.Consulting .consufl .cnligTitle li span {
    color: #333333;
    margin: 0px 15px;
}
.em_guanjianci{
    color: #f80303;
    font-weight: 900;
    font-style: normal;
}

.Consulting .consufl .cnligTitle li a.on,
.Consulting .consufl .cnligTitle li a:hover {
    color: #fbfafa;
    background-color: #fb0000;
    padding: 4px;
}

.Consulting .consufl .newslist {
    position: relative;
    margin: 0px 20px;
}

.Consulting .consufl .newslist ul {}

.Consulting .consufl .newslist li {
    padding: 20px;
    border: 1px solid #f5f5f5;
    margin-bottom: 20px;
}
.Consulting .consufl .newslist li a{
    color: #0a001f;
}
.Consulting .consufl .newslist li .nsimg {
    width: 320px;
    height: 180px;
}

.Consulting .consufl .newslist li .nstext {
    width: 480px;
}

.Consulting .consufl .newslist li .nstext h2 {
    color: #333333;
    font-size: 18px;
}

.Consulting .consufl .newslist li .nstext .nslable {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #e6e6e6;
    color: #666666;
    font-size: 12px;
}

.Consulting .consufl .newslist li .nstext .nslable em {
    font-style: normal;
    margin: 0px 30px;
    color: #cccccc;
}

.Consulting .consufl .newslist li .nstext .nsdata {
    color: #333333;
    font-size: 12px;
    line-height: 22px;
    height: 70px;
    overflow: hidden;
    margin-top: 10px;
}

.Consulting .consufl .newslist li .nstext .nssource {
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
}

.Consulting .consufl .newslist li .nstext .nssource span {
    float: right;
    display: inline-block;
}

.Consulting .consufl .newslist li .nstext .nssource i {
    display: inline-block;
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle;
}

.Consulting .consufl .newslist li .nstext .nssource i.iconfont::before {
    content: "\e68c";
    font-size: 25px;
    color: #999999;
}

.Consulting .consufl .newslist li:hover {
    -moz-box-shadow: 0px 0px 15px #ededed;
    -webkit-box-shadow: 0px 0px 15px #ededed;
    box-shadow: 0px 0px 15px #ededed;
}

.Consulting .consufl .newslist li:hover .nstext h2 {
    color: #f10215
}

.page {
    text-align: center;
}

.page span {
    display: inline-block;
    color: #666666;
    font-size: 12px;
}

.page a:hover,
.page a.on {
    background-color: #e71f2a;
    border-color: #e71f2a;
    color: #ffffff;
}

.Consulting .consufr {
    width: 280px;
}

.Consulting .consufr .Hotactivs {
    background-color: #ffffff;
    padding: 0px 10px 10px;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.Consulting .consufr .Hotactivs h2 {
    height: 28px;
    line-height: 28px;
    color: #333333;
    font-size: 16px;
}

.Consulting .consufr .Hotclpmains {
    position: relative;
}

.Consulting .consufr .Hotclpmains .clppics {
    position: relative;
}

.Consulting .consufr .Hotclpmains .clppics .cpimg {
    width: 259px;
    height: 145px;
    position: relative;
}

.Consulting .consufr .Hotclpmains .clppics .cpimg img {
    width: 259px;
    height: 145px;
}

.Consulting .consufr .Hotclpmains .clppics .cptext {
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    left: 0px;
}

.Consulting .consufr .Hotclpmains .clppics .cptext p {
    padding: 0px 10px;
    color: #ffffff;
    font-size: 12px;
}

.Consulting .consufr .Hotclpmains .clplist {
    position: relative;
    margin-top: 5px;
}

.Consulting .consufr .Hotclpmains .clplist ul {}

.Consulting .consufr .Hotclpmains .clplist li {
    line-height: 35px;
    position: relative;
}

.Consulting .consufr .Hotclpmains .clplist li a {
    display: block;
    width: 95%;
    padding-left: 15px;
    color: #6b5e5e;
    font-size: 12px;
}

.Consulting .consufr .Hotclpmains .clplist li em {
    font-style: normal;
    color: #999999;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Consulting .consufr .Hotclpmains .clplist li:hover a {
    text-decoration: underline;
    color: #f10215;
}

.Consulting .consufr .Hotactivs.HotArticle {
    border: none;
}

.Consulting .consufr .GuessGroup {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

.Consulting .consufr .GuessGroup .gpHd {
    height: 38px;
    line-height: 38px;
}

.Consulting .consufr .GuessGroup .gpHd ul {}

.Consulting .consufr .GuessGroup .gpHd li {
    float: left;
    width: 33.09%;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f3f3f3;
    text-align: center;
    cursor: pointer;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.Consulting .consufr .GuessGroup .gpHd li:last-child {
    border-right: 0px;
}

.Consulting .consufr .GuessGroup .gpHd li.on {
    background-color: #ffffff;
    color: #f10215;
    border-bottom: 2px solid #f10215
}

.Consulting .consufr .GuessGroup .gpBd {
    position: relative;
    padding: 20px 10px 10px;
}

.Consulting .consufr .GuessGroup .gpBd .gpBox {
    position: relative;
}

.Consulting .consufr .Settledin {
    position: relative;
    background-color: #ffffff;
    padding: 0px 10px 10px;
    border: 1px solid #e0e0e0;
    margin-top: 20px;
}

.Consulting .consufr .Settledin h2 {
    font-size: 14px;
    color: #f10215;
    position: relative;
    margin: 20px 0px
}

.Consulting .consufr .Settledin h2 em {
    display: block;
    position: absolute;
    width: 53px;
    height: 2px;
    background-color: #f10215;
    bottom: -4px;
    left: 0px;
}

.Consulting .consufr .Settledin .setnlist {
    position: relative;
}

.Consulting .consufr .Settledin .setnlist ul {}

.Consulting .consufr .Settledin .setnlist li {
    color: #333333;
    font-size: 12px;
    position: relative;
    line-height: 35px;
}

.Consulting .consufr .Settledin .setnlist li a {
    color: #333333;
    padding-left: 15px;
    display: block;
}

.Consulting .consufr .Settledin .setnlist li em {
    font-style: normal;
    color: #999999;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Consulting .consufr .Settledin .setnlist li a:hover {
    text-decoration: underline;
    color: #f10215
}

.brandRecomm {
    position: relative;
    padding-bottom: 20px;
}

.brandRecomm h2 {
    font-size: 14px;
    color: #f10215;
    position: relative;
    margin: 20px 0px
}

.brandRecomm h2 em {
    display: block;
    position: absolute;
    width: 53px;
    height: 2px;
    background-color: #f10215;
    bottom: -4px;
    left: 0px;
}

.brandRecomm .recmColumn {
    position: relative;
    background-color: #ffffff;
    padding: 20px 20px 0px 20px;
    border: 1px solid #e0e0e0;
}

.brandRecomm .recmColumn .rmHd {
    position: absolute;
    width: 50%;
    text-align: right;
    top: -30px;
    right: 0px;
    z-index: 10;
}

.brandRecomm .recmColumn .rmHd ul {}

.brandRecomm .recmColumn .rmHd li {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #c4c4c4;
    border-radius: 100%;
    margin-left: 5px;
    text-indent: -100000000000000px;
    cursor: pointer;
    overflow: hidden;
}

.brandRecomm .recmColumn .rmHd li.on {
    width: 20px;
    height: 20px;
    background-color: #f10215;
    border-radius: 30px;
    color: #fcfcfc;
}

.brandRecomm .recmColumn .rmBd {
    position: relative;
}

.brandRecomm .recmColumn .rmBd ul {}

.brandRecomm .recmColumn .rmBd li {
    width: 275px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.brandRecomm .recmColumn .rmBd li .rmimg {
    width: 275px;
    height: 154px;
}

.brandRecomm .recmColumn .rmBd li .rmimg img {
    width: 275px;
    height: 154px;
}

.brandRecomm .recmColumn .rmBd li h3 {
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    line-height: 30px;
    margin-top: 5px;
}

.brandRecomm .recmColumn .rmBd li h3 span {
    background-color: #f10215;
    padding: 0px 3px;
    height: 18px;
    line-height: 18px;
    color: #ffffff;
    font-size: 12px;
    margin-left: 20px;
}

.brandRecomm .recmColumn .rmBd li p {
    color: #333333;
    font-size: 12px;
}

.brandRecomm .recmColumn .rmBd li b {
    margin-left: 10px;
}

.brandRecomm .recmColumn .rmBd li:hover h3 {
    color: #f10215;
}

/*资讯中心详情*/
.Consulting .consufr .SettlGroup.Settledin {
    position: relative;
    padding: 0px;
}
.SettlGroup .srHd {
    height: 38px;
    line-height: 38px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #e0e0e0;
}
.SettlGroup .srHd ul {}
.SettlGroup .srHd li {
    float: left;
    width: 33.09%;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f3f3f3;
    text-align: center;
    cursor: pointer;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.SettlGroup .srHd li.on {
    background-color: #ffffff;
    color: #f10215;
    border-bottom: 2px solid #f10215
}

.SettlGroup .srBd {
    position: relative;
    padding: 10px;
}

.SettlGroup .srBd .srBox {
    position: relative;
}

.nwesdetails {
    padding-top: 40px;
    margin: 0px 20px;
    position: relative;
}
/*推荐文章模块*/
.new_news {
    width: 100%;
    height: 100%;
        background: url(../images/text_bj1.webp) repeat;
    background-size: auto;
}
.new_news_top {
    height: 200px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.new_news_top div {
    margin-top: 40px;
}
.new_news_top h1 {
    font-size: 20px;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
}
.new_news_center {
}
.new_news_center_img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.new_news_center_img img {
    max-width: 800px;
    max-height: 500px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px; /* 图片与文字之间的间距 */
}
.new_news_center_img p {
    text-align: center; /* 文字水平居中 */
}
.new_news_center_title1 {
    height: 40px;
    margin-left: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    border: 5px inset #f79804;

}
.new_news_center_title1 h2 {

    font-size: 18px;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;


}
.new_news_center_text {
    text-indent: 4ch;
    line-height: 2.0;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: HarmonyOS_Sans_Light, Arial, sans-serif;
}
.new_news_center_matter {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.new_news_center_matter_l,
.new_news_center_matter_e,
.new_news_center_matter_r {
    width: 33%;
    flex-shrink: 0;
}
.new_news_center_matter_l img {
    width: 120px;
    height: 30px;
    object-fit: cover;
    float: right;
}

.new_news_center_matter_e {
    text-align: center;
}
.new_news_center_matter_e h2 {
    font-size: 24px;
    font-weight: bold;
    color: #7d0202;
    padding: 10px;
    border-radius: 5px;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
    animation: blink 4s infinite; /* 添加闪烁动画 */
}
@keyframes blink {
    30% {
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.new_news_center_matter_r img {
    width: 120px;
    height: 30px;
    object-fit: cover;
    float: left;
}
.new_news_center_strip {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 14%;
    display: flex; /* 将父容器设置为弹性容器 */
}
.new_news_center_strip_img {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-align: center;
    background-size: contain;
    background: url(../images/strip_img_30.webp) no-repeat center;
    color: #6c1603;
}
.new_news_center_strip_text {
    font-size: 16px;
    height: 100%;
    margin-left: 10px;
}
.new_news_center_remind {
    width: 96%;
    margin: 40px auto 0; /* 添加这一行 */
    padding-top: 40px;
    padding-bottom: 20px;
    background: linear-gradient(to left, #ff8177, #ff8177) left top no-repeat,
    linear-gradient(to bottom, #ff8177, #ff8177) left top no-repeat,
    linear-gradient(to left, #ff8177, #ff8177) right top no-repeat,
    linear-gradient(to bottom, #ff8177, #ff8177) right top no-repeat,
    linear-gradient(to left, #ff8177, #ff8177) left bottom no-repeat,
    linear-gradient(to bottom, #ff8177, #ff8177) left bottom no-repeat,
    linear-gradient(to left, #ff8177, #ff8177) right bottom no-repeat,
    linear-gradient(to left, #ff8177, #ff8177) right bottom no-repeat;
    background-size: 4px 20px, 20px 4px, 4px 20px, 20px 4px;
    border: 1px solid #b12a5b;
    position: relative;
}
.new_news_center_remind span {
    display: inline-block;
    width: 35%;
    background: #930606;
    position: absolute;
    top: 0;
    left: 32%;
    padding: 4px 0px;
    border-radius: 0 0 10px 10px;
}
.new_news_center_remind h2 {
    font-size: 18px;
    color: #f9f7f7;
    text-align: center;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
}
.new_news_center_remind_text{
    text-indent: 4ch;
    line-height: 2.0;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}
.new_news_end_kdw {
    font-size: 15px;
    font-weight: bold;
    margin-left: 4%;
    margin-top: 20px;
    line-height: 40px;
}
.new_news_end_kdw_nsact {
    width: 80%;
    float: right;
    text-align: right;
    line-height: 40px;
}
.new_news_end_kdw_nsact a {
    display: inline-flex;
    align-items: center;
    padding: 0px 10px;
    margin-left: 10px;
    font-size: 12px;
    text-align: center;
    height: 26px;
    line-height: 26px;
}
.new_news_end_kdw_nsact a i.collicon::before {
    content:url('/images/soucang.gif');
    display: inline-block;
}
.new_news_end_kdw_nsact a i.plaicon::before {
    content:url('/images/jubao.gif');
    display: inline-block;
}
.new_news_end_kdw_nsact a i.Sendiconq::before {
    content:url('/images/zan.gif');
    display: inline-block;
}
.new_news_end_kdw_nsact a i.eggsicon::before {
    content:url('/images/cai.gif');
    display: inline-block;
}
.new_news_end_kdw_nsact a:hover {
    border: 0px;
    color: #f10215;
}
.new_news_end_kdw_art {
    margin-left: 4%;
    line-height: 40px;
    margin-bottom: 40px;
}
/*ai推荐文章模块*/
.nwesdetails .newsTitle {
    margin-top: 15px;
    position: relative;
    border-bottom: 1px dashed #e7e7e7;
}
.nwesdetails .newsTitle h1 samp{
    position: relative;
    color: #333333;
    font-size: 20px;
    text-align: center;
}

.nwesdetails .newsTitle p {
    color: #eb4040;
    font-size: 14px;
    text-align: center;
    padding: 40px 0px 20px;
}

.nwesdetails .newsTitle p b {
    font-weight: normal;
    color: #333333;
}

.nwesdetails .newsTitle p em {
    font-style: normal;
    margin: 0px 15px;
}

.nwesdetails .newsTitle p span {
    color: #666666;
}

.nwesdetails .newsTitle p i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.nwesdetails .newsTitle p i.iconfont::before {
    content: "\e68c";
    font-size: 20px;
    color: #999999;
}

.nwesdetails .newsdata {
    position: relative;
    padding: 20px 0px 0px
}

.nwesdetails .newsdata img {
    margin: 20px auto;
    display: block;
    max-width: 800px;

}

.nwesdetails .newsdata p {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    text-indent: 20px;
}

.nwesdetails .newsRele {
    position: relative;
    padding: 15px 0px;
    height: 70px;
    line-height: 30px;
    border-bottom: 1px dashed #e7e7e7;
}

.nwesdetails .newsRele .nslable {
    width: 50%;
    float: left;
    color: #333333;
    font-size: 12px;
}

.nwesdetails .newsRele .nslable span {
    display: inline-block;
    padding: 0px 12px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #f10215;
    background-color: #ffe5e8;
    margin-right: 10px;
}

.nwesdetails .newsRele .nsact {
    width: 80%;
    float: right;
    text-align: right;
}

.nwesdetails .newsRele .nsact a {
    display: inline-flex;
    align-items: center;
    padding: 0px 10px;
    margin-left: 10px;
    font-size: 12px;
    text-align: center;
    height: 26px;
    line-height: 26px;
}
.nwesdetails .newsRele .nsact a i.collicon::before {
    content:url('/images/soucang.gif');
    display: inline-block;
}

.nwesdetails .newsRele .nsact a i.plaicon::before {
    content:url('/images/jubao.gif');
    display: inline-block;
}
.nwesdetails .newsRele .nsact a i.Sendiconq::before {
    content:url('/images/zan.gif');
    display: inline-block;
}
.nwesdetails .newsRele .nsact a i.eggsicon::before {
    content:url('/images/cai.gif');
    display: inline-block;
}

.nwesdetails .newsRele .nsact a:hover {
    border: 0px;
    color: #f10215;
}

.nwesdetails .shareedit {
    color: #333333;
    font-size: 12px;
    line-height: 24px;
    margin-top: 20px;
}

.nwesdetails .shareedit .bshare-custom {
    width: 170px;
    float: right;
}

.nwesdetails .shareedit .bshare-custom #bshare-shareto {
    color: #666666 !important;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
}

.nwesdetails .article {
    position: relative;
    line-height: 40px;
    margin-bottom: 10px;
}

.nwesdetails .article a {
    color: #666666;
    font-size: 12px;
}

.nwesdetails .articl a.fr {
    text-align: right;
}

.nwesdetails .article a:hover {
    text-decoration: underline;
    color: #f10215;
}

.Related {
    position: relative;
    margin: 20px 0px 40px;
}

.Related h2 {
    color: #333333;
    font-size: 16px;
    line-height: 35px;
}

.Related .relalist {
    position: relative;
    margin-top: 10px;
}

.Related .relalist ul {}

.Related .relalist li {
    width: 183px;
    float: left;
    position: relative;
    margin-right: 20px;
}

.Related .relalist li:nth-child(6) {
    margin-right: 0px;
}

.Related .relalist li .rlimg {
    width: 183px;
    height: 102px;
}

.Related .relalist li p {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    color: #333333;
    font-size: 12px;
}

.Comtmes {
    position: relative;
    background-color: #ffffff;
    padding: 0px 20px 20px;
    border: 1px solid #e0e0e0;
    margin: 20px 0px;
}

.Comtmes h2 {
    color: #f10215;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
}

.Comtmes h2 i {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
}

.Comtmes h2 i.iconfont::before {
    content:url('/images/pinglun.gif');
    display: inline-block;
}

.Comtmes h2 span {
    float: right;
    color: #333333;
    font-weight: normal;
    font-size: 12px;
}

.Comtmes h2 span em {
    font-style: normal;
    color: #f10215;

}

.Comtmes .comtFrom {
    position: relative;
}

.Comtmes .comtFrom .cmimg {
    width: 60px;
    height: 60px;

}

.Comtmes .comtFrom .cmpls {
    width: 1070px;
}

.Comtmes .comtFrom .cmpls .cmsBox {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    height: 60px;
    position: relative;
    padding: 10px;
}

.Comtmes .comtFrom .cmpls .cmsBox .jiao {
    position: absolute;
    width: 11px;
    height: 14px;
    top: 18px;
    left: -11px;
    background: url(../images/jiao.png) no-repeat center;
}

.Comtmes .comtFrom .cmpls .cmsBox textarea {
    height: 60px;
    background: none;
    width: 100%;
    border: none;
}

.Comtmes .comtFrom .cmpls .picture {
    width: 50px;
    height: 50px;
    position: relative;
    margin: 20px 0px;
}

.Comtmes .comtFrom .cmpls .picture img {
    width: 50px;
    height: 50px;
}

.Comtmes .comtFrom .cmpls .picture .file {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    display: block;
    cursor: pointer;
    opacity: 0;
}

.Comtmes .comtFrom .cmpls .cmslink {
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

.Comtmes .comtFrom .cmpls .cmslink .lks {
    color: #333333;
    font-size: 14px;
}

.Comtmes .comtFrom .cmpls .cmslink .lks:hover {
    text-decoration: underline;
}

.Comtmes .comtFrom .cmpls .cmslink b {
    font-weight: normal;
    color: #333333;
    font-size: 14px;
    margin: 0px 10px;
}

.Comtmes .comtFrom .cmpls .cmslink .cmssubs {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    background-color: #f10215;
    margin-left: 20px;
    cursor: pointer;
}

.Latestcomm {
    position: relative;
    margin-top: 10px;
}

.Latestcomm h2 {
    color: #f10215;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    position: relative;
}

.Latestcomm h2 em {
    display: block;
    width: 60px;
    height: 2px;
    background-color: #f10215;
    position: absolute;
    bottom: -1px;
    left: 0px;
}

.Latestcomm .ltcsmain {
    background-color: #ffffff;
    padding: 0px 20px;
    border: 1px solid #e0e0e0;
}

.Latestcomm .ltcsmain .ltcsmlist {
    position: relative;
}

.Latestcomm .ltcsmain .ltcsmlist ul {}

.Latestcomm .ltcsmain .ltcsmlist li {
    position: relative;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsHead {
    width: 136px;
    position: relative;
    padding: 20px 0px;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsHead .hdtext {
    color: #666666;
    font-size: 12px;
    width: 75px;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsHead .hdimg {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata {
    width: 1000px;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0px;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata h3 {
    color: #f10215;
    font-size: 16px;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata h3 b {
    color: #ffffff;
    background-color: #f11c0e;
    border-radius: 5px;
    margin-left: 20px;
    padding: 0px 3px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    font-weight: normal;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata h3 i {
    display: inline-block;
    margin-left: 5px;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata h3 i.iconfont::before {
    content: "\e620";
    font-size: 14px;
    color: #f14502;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata p {
    color: #333333;
    font-size: 16px;
    margin: 10px 0px 15px;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state {
    position: relative;
    text-align: right;
    line-height: 22px;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state span {
    text-align: left;
    color: #666666;
    font-size: 12px;
    display: block;
    float: left;
    width: 30%;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state a {
    color: #666666;
    font-size: 12px;
    margin-left: 30px;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -5px;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state .fabulous {}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state .fabulous i.iconfont::before {
    content: "\e61a";
    font-size: 22px;
    color: #666666;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state .inverted {}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state .inverted i.iconfont::before {
    content: "\e615";
    font-size: 20px;
    color: #666666;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state .reply {}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state .reply i.iconfont::before {
    content: "\e61f";
    font-size: 22px;
    color: #666666;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state .report {
    color: #999999;
}

.Latestcomm .ltcsmain .ltcsmlist li .lsdata .state .report i.iconfont::before {
    content: "\e656";
    font-size: 23px;
    color: #999999;
}

/*财富商机*/
.sjbanner {
    background-color: #ffffff;
}

.cfsjTitle {
    position: relative;
    text-align: center;
    padding: 20px 0px;
}

.cfsjTitle img {
    display: inline-block;
}

.cfsjTitle a {
    color: #f10215;
    font-size: 12px;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 40px;
}

.cfsjTitle a i {
    display: inline-block;
    margin-left: 5px;
}

.cfsjTitle a i.iconfont::before {
    content: "\e622";
    font-size: 14px;
    color: #f10215;
}

.sjbrand {
    background-color: #ffffff;
}

.sjbrand .brandmain {
    margin-top: 0px;
}

.Businessmain {
    position: relative;
}

.bunswrap {
    position: relative;
    padding: 0px 20px;
}

.bunswrap .frunlist {
    position: relative;
}

.bunswrap .frunlist ul {}

.bunswrap .frunlist li {
    width: 253px;
    float: left;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #ededed;
    background-color: #ffffff;
}

.bunswrap .frunlist li:nth-child(4n+4) {
    margin-right: 0px;
}

.bunswrap .frunlist li .funimg {
    width: 253px;
    height: 143px;
}

.bunswrap .frunlist li h2 {
    color: #333333;
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.bunswrap .frunlist li p {
    color: #333333;
    font-size: 12px;
    margin: 10px 0px;
}

.bunswrap .frunlist li p b {
    font-weight: normal;
    color: #f10215;
    margin-left: 10px;
}

.bunswrap .frunlist li p span {
    float: right;
}

.bunswrap .frunlist li em {
    font-style: normal;
    color: #666666;
    font-size: 12px;
}

.bunswrap .frunlist li:hover h2 {
    color: #f10215;
}

.groom.groommain {
    background-color: #ffffff;
    position: relative;
}

.groom.groommain .activity {
    margin-top: 0px;
}

.groom.groommain .clopedias {
    margin-top: 0px;
    width: 320px;
    padding: 0px;
}

.groom.groommain .clopedias .clpmains {
    padding: 0px 20px;
}

.Badmonmaisn {
    background-color: #ffffff;
    position: relative;
}

.Badmonmaisn .Badminton {
    padding: 40px 0px;
    margin: 0px auto;
}

.pdnos {
    padding: 0px;
}

.opportunity {
    position: relative;
    padding: 0px 0px 20px;
}

.optyGroup {
    position: relative;
}

.optyGroup .opHd {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.optyGroup .opHd ul {}

.optyGroup .opHd li {
    display: inline-block;
    width: 104px;
    height: 38px;
    border: 1px solid #e6e6e6;
    background-color: #e6e6e6;
    color: #666666;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}

.optyGroup .opHd li.on {
    border: 1px solid #f2c2c6;
    background-color: #ffffff;
    color: #f10215;
    font-weight: bold;
}

.optyGroup .opBd {
    position: relative;
}

.optyGroup .opBd .opBox {
    position: relative;
    padding: 0px 20px;
}

.optyGroup .opBd .opBox .poplritem .popranking {
    background-color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.optyGroup .opBd .opBox .poplritem .pptylist {
    padding: 0px;
}

.optyGroup .opBd .opBox .poplritem .pptylist li {
    background-color: #ffffff;
}

.optyGroup .opBd .opBox .poplritem .popranking .popTitle h2 i.ymqicon::before {
    content: "\ea76";
    font-size: 20px;
    color: #ffffff;
}

.optyGroup .opBd .opBox .poplritem .popranking .popTitle h2 i.ppqicon::before {
    content: "\e71f";
    font-size: 22px;
    color: #ffffff;
}

.optyGroup .opBd .opBox .poplritem .popranking .popTitle h2 i.lqicon::before {
    content: "\e623";
    font-size: 20px;
    color: #ffffff;
}

/*财富商机列表*/
.Consulting .consufl .newslist li {
    position: relative;
}

.Consulting .consufl .newslist li .nsrecoms {
    width: 54px;
    height: 54px;
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 10;
    display: none;
}

.Consulting .consufl .newslist li:nth-child(1) .nsrecoms {
    display: block;
}

.Consulting .consufl .newslist li:nth-child(2) .nsrecoms {
    display: block;
}

.Consulting .consufl .newslist li .nstext .nsinve {
    height: 55px;
    line-height: 55px;
    border-bottom: 1px dashed #e6e6e6;
    color: #333333;
    font-size: 14px;
}

.Consulting .consufl .newslist li .nstext .nsinve span {
    margin-left: 65px;
}

.Consulting .consufl .newslist li .nstext .nsinve b {
    font-weight: normal;
    color: #f10215;
    margin-left: 15px;
}

.Consulting .consufl .newslist li .nstext .nsdetas {
    color: #999999;
    font-size: 12px;
    line-height: 22px;
    height: 64px;
    overflow: hidden;
    margin-top: 10px;
}

.Guesslike {
    position: relative;
    background-color: #ffffff;
    padding: 0px 10px;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.Guesslike h2 {
    color: #333333;
    font-size: 16px;
    margin-top: 20px;
}

.Guesslike .likelist {
    position: relative;
}

.Guesslike .likelist ul {}

.Guesslike .likelist li {
    width: 260px;
    border-bottom: 1px dashed #e6e6e6;
    padding: 20px 0px;
}

.Guesslike .likelist li:last-child {
    border: none;
}

.Guesslike .likelist li .lkimg {
    position: relative;
    width: 260px;
    height: 144px;
}

.Guesslike .likelist li .lktext {
    position: relative;
}

.Guesslike .likelist li .lktext h3 {
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    margin: 10px 0px;
}

.Guesslike .likelist li .lktext p {
    font-size: 12px;
    color: #333333;
}

.Guesslike .likelist li .lktext p b {
    font-weight: normal;
    color: #f10215;
    margin-left: 15px;
}

.Guesslike .likelist li .lktext p span {
    float: right;
}

.Guesslike .likelist li:hover .lktext h3 {
    color: #f10215
}

/*财富商机详情*/
.newsdata.snxydata {
    position: relative;
    padding-bottom: 40px;
}

.nwesdetails .snxymake {
    position: relative;
}

.nwesdetails .snxymake .syimg {
    position: relative;
    width: 380px;
    height: 214px;
}

.nwesdetails .snxymake .sydata {
    position: relative;
    width: 460px;
}

.nwesdetails .snxymake .sydata h2 {
    color: #333333;
    font-size: 20px;
}

.nwesdetails .snxymake .sydata .sytime {
    color: #999999;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.nwesdetails .snxymake .sydata .sytime em {
    font-style: normal;
    margin: 0px 15px;
}

.nwesdetails .snxymake .sydata .sytext {
    color: #999999;
    font-size: 14px;
    line-height: 25px;
}

.nwesdetails .snxymake .sydata .sytext b {
    font-weight: normal;
    color: #f10215;
}

.nwesdetails .snxymake .sydata .sytext span {
    color: #666666
}

.nwesdetails .snxymake .sydata .make {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    border-radius: 30px;
    background-color: #f10215;
    cursor: pointer;
    position: relative;
    display: block;
    margin-top: 20px;
}
.nwesdetails .snxymake .sydata .make:hover{
    text-decoration: underline;
}

.nwesdetails .snxypage {
    position: relative;
    padding: 20px 0px;
    border-top: 1px dashed #e9e9e9;
}

.nwesdetails .snxypage a {
    color: #666666;
    font-size: 14px;
    display: block;
    line-height: 25px;
}

.nwesdetails .snxypage a span {
    color: #333333;
}

.nwesdetails .snxypage a:hover {
    color: #f10215;
    text-decoration: underline;
}

.nwesdetails .snxypage a:hover span {
    color: #f10215
}

/*网站公告*/
.aboutitem.abgonggao {
    padding: 0px;
}

.websitelist {
    position: relative;
    width: 850px;
    padding: 0px 40px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}

.websitelist ul {}

.websitelist li {
    position: relative;
    padding: 25px 0px;
    border-bottom: 1px dashed #e6e6e6;
}

.websitelist li h2 {
    color: #333333;
    font-size: 18px;
    padding-left: 20px;
    position: relative;
}

.websitelist li h2 em {
    font-style: normal;
    position: absolute;
    top: 0px;
    left: 0px;
}

.websitelist li p {
    color: #666666;
    font-size: 12px;
    margin: 15px 0px 15px 20px;
    line-height: 22px;
}

.websitelist li span {
    color: #999999;
    font-size: 12px;
    margin-left: 20px;
    display: block;
}

.websitelist li:hover h2 {
    color: #f10215;
}

.websitelist .page {
    margin-top: 20px;
}

/*网站公告详情*/
.Noticedetails {
    position: relative;
    width: 890px;
    padding: 0px 20px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}

.Noticedetails .notTitle {
    position: relative;
    padding: 25px 0px;
    text-align: center;
}

.Noticedetails .notTitle h2 {
    color: #333333;
    font-size: 20px;
    margin-bottom: 10px;
}

.Noticedetails .notTitle p {
    color: #666666;
    font-size: 14px;
}

.Noticedetails .notdetails {
    position: relative;
    padding: 20px 0px;
    border-top: 1px dashed #e7e7e7;
    border-bottom: 1px dashed #e7e7e7;
}

.Noticedetails .notdetails p {
    color: #666666;
    font-size: 14px;
    line-height: 30px;
}

.Noticedetails .notpage {
    position: relative;
    padding: 20px 0px;
}

.Noticedetails .notpage a {
    display: block;
    color: #666666;
    font-size: 14px;
    line-height: 40px;
    text-decoration: underline;
}

.Noticedetails .notpage a span {
    color: #333333;
}

.Noticedetails .notpage a:hover {
    color: #f10215;
}

.Noticedetails .notpage a:hover span {
    color: #f10215;
}

/*排行榜*/
.Rankingmain {
    position: relative;
}

.getmain {
    position: relative;
}

.getmain .getTitle {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 15px 0px;
}

.getmain .getnewlist {
    width: 860px;
}

.getmain .getnewlist ul {}

.getmain .getnewlist li {
    width: 500px;
    height: 225px;
    float: left;
    margin-bottom: 10px;
}

.getmain .getnewlist li .gtimg {
    width: 500px;
    height: 225px;
}

.getmain .getnewlist li .gtimg img {
    width: 500px;
    height: 225px;
}

.getmain .getnewlist li:nth-child(1) {
    width: 350px;
    height: 460px;
    margin-right: 10px;
    margin-bottom: 0px;
}

.getmain .getnewlist li:nth-child(1) .gtimg {
    width: 350px;
    height: 460px;
}

.getmain .getnewlist li:nth-child(1) .gtimg img {
    width: 350px;
    height: 460px;
}

.getmain .getnewlist li:last-child {
    margin-bottom: 0px;
}

.getmain .getpularlist {
    width: 320px;
    position: relative;
}

.getmain .getpularlist .popbord {
    padding: 10px;
    border: 1px solid #ededed;
    background-color: #ffffff;
}

.getmain .getpularlist .popth {
    position: relative;
}

.getmain .getpularlist .popth span {
    color: #999999;
    font-size: 12px;
    display: block;
    float: left;
}

.getmain .getpularlist .popth .sp1 {
    width: 14%;

}

.getmain .getpularlist .popth .sp2 {
    width: 66%;
    text-align: center;
}

.getmain .getpularlist .popth .sp3 {
    width: 20%;
    text-align: right;
}

.getmain .getpularlist .popth .sp4 {
    width: 20%;
    text-align: right;
}

.getmain .getpularlist .poplist {
    position: relative;
    margin-top: 20px;
}

.getmain .getpularlist .poplist ul {}

.getmain .getpularlist .poplist li {
    position: relative;
    margin-bottom: 14.2px;
    line-height: 26px;
}

.getmain .getpularlist .poplist li .top {
    width: 24px;
    height: 26px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    background: url(../images/tops.png) no-repeat center;
    float: left;
    margin-right: 20px;
    font-style: normal;
    font-size: 10px;
    line-height: 26px;
}

.getmain .getpularlist .poplist li:nth-child(1) .top {
    background: url(../images/topon.png) no-repeat center;
}

.getmain .getpularlist .poplist li:nth-child(2) .top {
    background: url(../images/topon.png) no-repeat center;
}

.getmain .getpularlist .poplist li:nth-child(3) .top {
    background: url(../images/topon.png) no-repeat center;
}

.getmain .getpularlist .poplist li .name {
    width: 60%;
    color: #333333;
    font-size: 14px;
    float: left;
}

.getmain .getpularlist .poplist li .type {
    width: 20%;
    ;
    color: #666666;
    font-size: 12px;
    text-align: right;
    float: left;
}

.getmain .getpularlist .poplist li .follow {
    width: 20%;
    color: #f10215;
    font-size: 12px;
    text-align: right;
    float: left;
}

.getmain .getpularlist .poplist li:hover .name {
    color: #f10215;
    text-decoration: underline;
}

.amongmain {
    position: relative;
}

.amongmain .amgitem {
    position: relative;
    width: 378px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    float: left;
    margin-left: 6px;
    margin-right: 20px;
    margin-top: 20px;
}

.amongmain .amgitem:nth-child(3n+3) {
    margin-right: 0px;
}

.amongmain .amgitem .amgTitle {
    position: relative;
    padding: 20px 0px;
    height: 35px;
}

.amongmain .amgitem .amgTitle .amgbg {
    width: 150px;
    height: 41px;
    line-height: 35px;
    position: absolute;
    top: 12px;
    left: -7px;
    background: url(../images/amgbg.png) no-repeat center;
}

.amongmain .amgitem .amgTitle .amgbg i {
    display: inline-block;
    margin-left: 20px;
    margin-right: 5px;
}

.amongmain .amgitem .amgTitle .amgbg i.ymqicon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/ic-dianping.png");
    background-size: cover;
    font-size: 20px;
    color: #ffffff;
}

.amongmain .amgitem .amgTitle .amgbg i.wqicon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/ic-redian.png");
    background-size: cover;
    font-size: 20px;
    color: #ffffff;
    position: relative;
    top: 2px;
}

.amongmain .amgitem .amgTitle .amgbg i.lqicon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/ic-anmo.png");
    background-size: cover;
    font-size: 20px;
    color: #ffffff;
    position: relative;
    top: 2px;
}

.amongmain .amgitem .amgTitle .amgbg i.ppqicon {
    margin-right: 2px;
}

.amongmain .amgitem .amgTitle .amgbg i.ppqicon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/ic-huisuo.png");
    background-size: cover;
    font-size: 25px;
    color: #ffffff;
    position: relative;
    top: 2px;
}

.amongmain .amgitem .amgTitle .amgbg i.pficon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/ic-shangwu.png");
    background-size: cover;
    font-size: 20px;
    color: #ffffff;
    position: relative;
    top: 2px;
}

.amongmain .amgitem .amgTitle .amgbg i.rmicon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/ic-sangna.png");
    background-size: cover;
    font-size: 20px;
    color: #ffffff;
    position: relative;
    top: 2px;
}

.amongmain .amgitem .amgTitle .amgbg b {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    margin-top: 7px;
}

.amongmain .amgitem .amgTitle .billmore {
    float: right;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    padding-right: 20px;
    height: 35px;
    line-height: 35px;
}

.amongmain .amgitem .amgTitle .billmore i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -2px;
}

.amongmain .amgitem .amgTitle .billmore i.iconfont::before {
    content: "\e601";
    font-size: 20px;
    color: #393939;
}

.amongmain .amgitem .amgTitle .billmore:hover {
    color: #f10215;
}

.amongmain .amgitem .amgTitle .billmore:hover i.iconfont::before {
    color: #f10215;
}

.amongmain .amgitem .amgth {
    position: relative;
    padding: 0px 20px;
    margin-bottom: 20px;
}

.amongmain .amgitem .amgth span {
    display: block;
    color: #999999;
    font-size: 12px;
    float: left;
}

.amongmain .amgitem .amgth .sp1 {
    width: 12%;
    margin-top: 14px;
}

.amongmain .amgitem .amgth .sp2 {
    width: 68%;
}

.amongmain .amgitem .amgth .sp3 {
    width: 20%;
    text-align: right;
}

.amongmain .amgitem .amglist {
    position: relative;
    padding: 0px 20px;
}

.amongmain .amgitem .amglist ul {}

.amongmain .amgitem .amglist li {
    position: relative;
    margin-bottom: 20px;
}

.amongmain .amgitem .amglist li .amgtd {
    position: relative;
    display: block;
    overflow: hidden;
    height: 22px;
}

.amongmain .amgitem .amglist li .amgtd span {
    position: relative;
    height: 22px;
    line-height: 22px;
    display: block;
    float: left;
}

.amongmain .amgitem .amglist li .amgtd .sp1 {
    width: 12%;
}

.amongmain .amgitem .amglist li .amgtd .sp2 {
    width: 68%;
    color: #333333;
    font-size: 14px;
}

.amongmain .amgitem .amglist li .amgtd .sp3 {
    width: 20%;
    color: #666666;
    font-size: 12px;
    text-align: right;
}

.amongmain .amgitem .amglist li .amgtd .sp3 i {
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
    margin-right: -5px;
}

.amongmain .amgitem .amglist li .amgtd span i {
    display: inline-block;
    position: relative;
}

.amongmain .amgitem .amglist li .amgtd span i.jpicon::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("../images/tops.png");
    background-size: cover;
    font-size: 25px;
    color: #999999;
}

.amongmain .amgitem .amglist li:nth-child(1) .amgtd span i.jpicon::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("../images/topon.png");
    background-size: cover;
    font-size: 25px;
    color: #999999;
}

.amongmain .amgitem .amglist li:nth-child(2) .amgtd span i.jpicon::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("../images/topon.png");
    background-size: cover;
    font-size: 25px;
    color: #999999;
}

.amongmain .amgitem .amglist li:nth-child(3) .amgtd span i.jpicon::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("../images/topon.png");
    background-size: cover;
    font-size: 25px;
    color: #999999;
}
.amongmain .amgitem .amglist li .amgtd span em {
    font-style: normal;
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    top: -4px;
    left: 0px;
    text-align: center;
    display: block;
    width: 25px;
}

.amongmain .amgitem .amglist li .amgdate {
    position: relative;
    margin-left: 12%;
    padding: 10px 0px;
    border-bottom: 1px solid #e6e6e6;
    display: none;
}

.amongmain .amgitem .amglist li .amgdate .amgall {
    position: relative;
}

.amongmain .amgitem .amglist li .amgdate .amgall .amgpic {
    width: 130px;
    height: 68px;
}

.amongmain .amgitem .amglist li .amgdate .amgall .amgtail {
    width: 165px;
}

.amongmain .amgitem .amglist li .amgdate .amgall .amgtail p {
    color: #333333;
    font-size: 12px;
    margin: 10px 0px;
}

.amongmain .amgitem .amglist li .amgdate .amgall .amgtail p em {
    font-style: normal;
    font-weight: bold;
    margin-left: 10px;
}

.amongmain .amgitem .amglist li .amgdate .amgall .amgtail b {
    font-weight: normal;
    color: #333333;
    font-size: 12px;
    display: block;
}

.amongmain .amgitem .amglist li .amgdate .amgall .amgtail b i {
    display: inline-block;
    margin-right: 10px;
}

.amongmain .amgitem .amglist li .amgdate .amgall .amgtail b i.adsicon::before {
    content: "\e668";
    font-size: 20px;
    color: #f10215;
}

.amongmain .amgitem .amglist li .amgdate .amgtext {
    color: #666666;
    font-size: 12px;
    line-height: 20px;
    text-indent: 20px;
    margin-top: 10px;
}

.amongmain .amgitem .amglist li:hover .amgtd .sp2 {
    color: #f10215;
    font-weight: bold;
}

.amongmain .amgitem .amglist li.on .amgtd .sp2 {
    color: #f10215;
    font-weight: bold;
}

.amongmain .amgitem .amglist li.on .amgdate {
    display: block
}

/*排行榜-全国*/
.screenmain {
    position: relative;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.screenmain .region {
    position: relative;
}

.screenmain .region .name {
    width: 40px;
    color: #000000;
    font-size: 12px;
    float: left;
}

.screenmain .region .phdata {
    width: 1110px;
    position: relative;
    float: right;
}

.screenmain .region .phdata .lable {
    position: relative;
}

.screenmain .region .phdata .lable a {
    display: block;
    padding: 0px 10px;
    height: 22px;
    line-height: 22px;
    color: #666666;
    font-size: 12px;
    margin-bottom: 10px;
    float: left;
    margin-left: 3px;
}

.screenmain .region .phdata .lable a.on,
.screenmain .region .phdata .lable a:hover {
    background-color: #f10215;
    color: #ffffff;
}

.screenmain .region .phdata .erjis {
    padding: 20px 5px 10px;
    background-color: #fafafa;
}

.screenmain .region .phdata .erjis a {
    display: block;
    padding: 0px 10px;
    height: 22px;
    line-height: 22px;
    color: #666666;
    font-size: 12px;
    margin-bottom: 10px;
    float: left;
    margin-right: 3px;
}

.screenmain .region .phdata .erjis a.on,
.screenmain .region .phdata .erjis a:hover {
    background-color: #f10215;
    color: #ffffff;
}

.screenmain .region .phdata .qumians {
    position: relative;
    padding: 20px 5px 10px;
    background-color: #fafafa;
}

.screenmain .region .phdata .qumians a {
    display: block;
    padding: 0px 10px;
    color: #666666;
    font-size: 12px;
    margin-bottom: 10px;
    float: left;
    margin-right: 3px;
}

.screenmain .region .phdata .qumians b {
    font-weight: normal;
    color: #f10215;
    display: block;
    float: left;
    font-size: 12px;
}

.screenmain .region .phdata .qumians a.on,
.screenmain .region .phdata .qumians a:hover {
    color: #f10215;
}

.screenmain .categy {
    position: relative;
    margin-top: 20px;
}

.screenmain .categy .name {
    width: 40px;
    color: #000000;
    font-size: 12px;
    float: left;
}

.screenmain .categy .lable {
    width: 1110px;
    position: relative;
    float: right;
}

.screenmain .categy .lable a {
    display: block;
    padding: 0px 10px;
    height: 22px;
    line-height: 22px;
    color: #666666;
    font-size: 12px;
    margin-bottom: 10px;
    float: left;
    margin-left: 3px;
}

.screenmain .categy .lable a.on,
.screenmain .categy .lable a:hover {
    background-color: #f10215;
    color: #ffffff;
}

.Consulting .consufl.consubg {
    background: none;
    border: none;
}

.Consulting .consubg .Chartmain {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

.Consulting .consubg .Chartmain .charrankg {
    padding: 7px 10px;
    position: relative;
}

.Consulting .consubg .Chartmain .charrankg .havecg {
    width: 200px;
    height: 25px;
    line-height: 25px;
    float: left;
}

.Consulting .consubg .Chartmain .charrankg .havecg a {
    color: #333333;
    font-size: 12px;
    display: inline-block;
    margin-right: 20px;
}

.Consulting .consubg .Chartmain .charrankg .havecg i {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
    background: url(../images/kuang.png) no-repeat center;
}

.Consulting .consubg .Chartmain .charrankg .havecg a.on i {
    background: url(../images/kuangon.png) no-repeat center;
}

.Consulting .consubg .Chartmain .charrankg .general {
    width: 230px;
    float: left;
    border: 1px solid #e4e4e4;
}

.Consulting .consubg .Chartmain .charrankg .general a {
    display: block;
    border-right: 1px solid #e4e4e4;
    padding: 0px 10px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    color: #333333;
    float: left;
}

.Consulting .consubg .Chartmain .charrankg .general a:last-child {
    border-right: none;
}

.Consulting .consubg .Chartmain .charrankg .general i {
    display: inline-block;
    margin-left: 5px;
    width: 7px;
}

.Consulting .consubg .Chartmain .charrankg .general i.iconfont::before {
    content:url('/images/ic-b-down.png');
    display: inline-block;
    font-size: 16px;
    color: #666666;
}

.Consulting .consubg .Chartmain .charrankg .general a.on {
    color: #ffffff;
    background-color: #ec0215;
}

.Consulting .consubg .Chartmain .charrankg .general a.on i.iconfont::before {
    content:url('/images/ic-w-down.png');
    display: inline-block;
    color: #fefefe;
}

.Consulting .consubg .Chartmain .charrankg .general a:hover {
    color: #ffffff;
    background-color: #ec0215;
}

.Consulting .consubg .Chartmain .charrankg .general a:hover i.iconfont::before {
    content:url('/images/ic-w-down.png');
    display: inline-block;
    color: #fefefe;
}

.Consulting .consubg .Chartmain .chartlist {
    position: relative;
}
.chartlist_text{
    text-align: center;
}
.Consulting .consubg .Chartmain .chartlist ul {}

.Consulting .consubg .Chartmain .chartlist li {
    position: relative;
    padding: 0px 20px;
    cursor: pointer;
}

.Consulting .consubg .Chartmain .chartlist li .charitem {
    position: relative;
    padding: 20px 0px;
    border-bottom: 1px dashed #e6e6e6;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfl {
    width: 260px;
    height: 146px;
    position: relative;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfl .charpic {
    width: 260px;
    height: 146px;
    margin-top: 14px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfl .charpm {
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/charpmx.png) no-repeat center;
    margin-top: 14px;
}

.Consulting .consubg .Chartmain .chartlist li:nth-child(1) .charitem .charfl .charpm {
    width: 52px;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    background: url(../images/charpm.png) no-repeat center;
    margin-top: 14px;

}

.Consulting .consubg .Chartmain .chartlist li:nth-child(2) .charitem .charfl .charpm {
    width: 52px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    background: url(../images/charpm.png) no-repeat center;
    margin-top: 14px;
}

.Consulting .consubg .Chartmain .chartlist li:nth-child(3) .charitem .charfl .charpm {
    width: 52px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    background: url(../images/charpm.png) no-repeat center;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr {
    width: 580px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr h2 {
    color: #333333;
    font-size: 18px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr h2 a {
    color: #333333;
    font-size: 18px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr h2 b {
    font-size: 12px;
    height: 18px;
    padding: 0px 3px;
    margin-left: 12px;
    display: inline-block;
    border-radius: 3px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr h2 b.chu {
    color: #f14502;
    border: 1px solid #f14502;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr h2 b.zhe {
    color: #ff9600;
    border: 1px solid #ff9600;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr:hover h2 a {
    color: #f10215;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall {
    position: relative;
    margin-top: 15px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dl {
    position: relative;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd {
    border-right: 1px dashed #e7e7e7;
    float: left;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd.dd1 {
    width: 275px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd.dd2 {
    width: 170px;
    text-align: center;
}
.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd.dd2 samp em {
   color: #b500e7;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd.dd3 {
    width: 130px;
    border: none;
    text-align: center;
}
.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .review {
    position: relative;
    color: #ff9600;
    font-size: 12px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .review em {
    color: #666666;
    margin: 0px 15px;
    font-style: normal;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .review span {
    color: #666666;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .review b {
    color: #333333;
    margin-left: 10px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .address {
    color: #666666;
    font-size: 12px;
    margin: 10px 0px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .address .adrs {
    color: #f10215;
    margin-left: 20px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .address .adrs i {
    display: inline-block;
    margin-right: 5px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .address .adrs i.iconfont::before {
    content: "\e668";
    font-size: 16px;
    color: #f10215;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .address .adrs:hover {
    text-decoration: underline;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .benefit {
    position: relative;
    color: #666666;
    font-size: 12px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .benefit b {
    padding: 0px 3px;
    height: 18px;
    background-color: #f14502;
    color: #ffffff;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    margin-right: 10px;
    font-weight: normal;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .evalTile {
    position: relative;
    color: #666666;
    font-size: 14px;
    font-weight: bold;

}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .evaltext {
    color: #666666;
    font-size: 12px;
    margin-bottom: 10px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .evaltext span {
    color: #0297f0;
    font-weight: bold;
}
.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .evalTile em {
    color: #f00404;
    font-weight: 900;
    font-size: 16px;

}
.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .evaltext p {
    color: #f00404;
    font-weight: 900;
    font-size: 10px;

}
.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .comtdps {
    position: relative;
    display: block;
    color: #999999;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .comtdps i {
    display: inline-block;
    margin-right: 5px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .comtdps i.iconfont::before {
    content: "\e646";
    font-size: 16px;
    color: #cccccc;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .comtdps:hover {
    text-decoration: underline;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .followgz {
    position: relative;
    display: block;
    color: #999999;
    font-size: 14px;
    margin-bottom: 10px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .followgz i {
    display: inline-block;
    margin-right: 2px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .followgz i.iconfont::before {
    content: "\e609";
    font-size: 20px;
    color: #cccccc;
    position: relative;
    top: 2px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .followgz:hover {
    text-decoration: underline;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .recomdtj {
    position: relative;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #f10215;
    border-radius: 30px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
    display: none;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .recomdtj i {
    display: inline-block;
    margin-right: 5px;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .recomdtj i.iconfont::before {
    content: "\e654";
    font-size: 16px;
    color: #ffffff;
}

.Consulting .consubg .Chartmain .chartlist li .charitem .charfr .charall dd .recomdtj:hover {
    text-decoration: underline;
}

.Consulting .consubg .Chartmain .chartlist li:hover {
    -moz-box-shadow: 0px 0px 20px #e7e7e7;
    -webkit-box-shadow: 0px 0px 20px #e7e7e7;
    box-shadow: 0px 0px 20px #e7e7e7;
}

.Consulting .consubg .Chartmain .chartlist li:hover .charitem .charfr h2 a {
    color: #f10215;
}

.Consulting .consubg .Chartmain .chartlist li:hover .charitem .charfr .charall dd .recomdtj {
    display: block;
}

.country {
    display: block;
}

.thecity {
    display: none;
}

/*商家场馆*/
.headshop {
    position: relative;
}

.headshop .logo {
    position: relative;
    width: 210px;
    height: 66px;
    margin: 18px 100px 18px 0px;
}

.headshop .nav {
    position: relative;
    width: 880px;
    margin: 2px 0px;
}

.headshop .nav ul {}

.headshop .nav li {
    position: relative;
    float: left;
    height: 30px;
    line-height: 65px;
}

.headshop .nav li a {
    display: block;
    padding: 0px 20px;
    color: #333333;
    font-size: 16px;
}

.headshop .nav li.on a,
.headshop .nav li:hover a {
    color: #f10215;
}

.headshop .search {
    position: relative;
    width: 242px;
    height: 36px;
    border: 1px solid #f21526;
    border-radius: 30px;
    margin: 32px 0px;
}

.headshop .search input {
    width: 150px;
    height: 36px;
    line-height: 36px;
    margin-left: 20px;
    border: none;
}

.headshop .search a {
    display: inline-block;
    float: right;
    width: 72px;
    height: 36px;
    line-height: 36px;
    background: -webkit-linear-gradient(left, #f10215, #f64d0d);
    background: -o-linear-gradient(right, #f10215, #f64d0d);
    background: -moz-linear-gradient(right, #f10215, #f64d0d);
    background: linear-gradient(to right, #f10215, #f64d0d);
    border-radius: 30px;
    text-align: center;
}

.headshop .search i {
    display: inline-block;
}

.headshop .search i.iconfont::before {
    content: "\e608";
    font-size: 25px;
    color: #ffffff;
}
.shopban {
    position: relative;
    width: 100%;
    height: 520px;

}
.shopban img{
    position: relative;
    width: 100%;
    height: 520px;

}


.shopban .Merchant {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
}

.shopban .Merchant .mchfl {
    width: 598px;
    border-right: 1px dashed #ffffff;
}

.shopban .Merchant .mchfl .mchpic {
    width: 110px;
    height: 110px;
}

.shopban .Merchant .mchfl .mchpic img {
    width: 110px;
    height: 110px;
}

.shopban .Merchant .mchfl .mchtext {
    width: 400px;
    margin-left: 30px;
}

.shopban .Merchant .mchfl .mchtext h2 {
    color: #ffffff;
    font-size: 24px;
}

.shopban .Merchant .mchfl .mchtext .state {
    color: #cccccc;
    font-size: 12px;
    margin: 10px 0px;
}
.shopban .Merchant .mchfl .mchtext .state .hj {
    display: inline-block;
    width: 36px;
    height: 14px;
    background: url(../images/hj.png) no-repeat center;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 10px;
}

.shopban .Merchant .mchfl .mchtext .store {
    position: relative;
    margin-bottom: 25px;
    color: #ffffff;
}

.shopban .Merchant .mchfl .mchtext .store ul {}

.shopban .Merchant .mchfl .mchtext .store li {
    display: inline-block;
}

.shopban .Merchant .mchfl .mchtext .store li a {
    color: #ffffff;
    font-size: 12px;
}

.shopban .Merchant .mchfl .mchtext .store li em {
    font-style: normal;
    padding: 0px 10px;
    color: #ffffff;
}

.shopban .Merchant .mchfl .mchtext .store li:hover a {
    text-decoration: underline;
}

.shopban .Merchant .mchfl .mchtext .traffic {
    position: relative;
    margin-bottom: 30px;
}

.shopban .Merchant .mchfl .mchtext .traffic dl {
    position: relative;
}

.shopban .Merchant .mchfl .mchtext .traffic dd {
    width: 86px;
    margin-right: 25px;
    text-align: center;
    float: left;
}

.shopban .Merchant .mchfl .mchtext .traffic dd em {
    font-style: normal;
    color: #cccccc;
    font-size: 12px;
    display: block;
}

.shopban .Merchant .mchfl .mchtext .traffic dd b {
    font-weight: normal;
    color: #cccccc;
    font-size: 24px;
    display: block;
    margin: 10px 0px;
}

.shopban .Merchant .mchfl .mchtext .traffic dd a {
    display: block;
    width: 86px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    border-radius: 3px;
}

.shopban .Merchant .mchfl .mchtext .traffic dd .gzbtn {
    background-color: #fbf8f8;

}

.shopban .Merchant .mchfl .mchtext .traffic dd .sxbtn {
    background-color: #ffffff;
    color: #0d0d0d;
}

.shopban .Merchant .mchfl .mchtext .traffic dd a:hover {
    text-decoration: underline;
}

.shopban .Merchant .mchfl .mchtext .evaluation {
    position: relative;
    width: 320px;
    color: #ffffff;
}

.shopban .Merchant .mchfl .mchtext .evaluation h3 {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 15px;
}

.shopban .Merchant .mchfl .mchtext .evaluation h3 span {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.shopban .Merchant .mchfl .mchtext .evaluation h3 b {
    color: #f10215;
    font-size: 18px;
    margin-left: 18px;
}

.shopban .Merchant .mchfl .mchtext .evaluation p {
    color: #ffffff;
    font-size: 14px;

}

.shopban .Merchant .mchfl .mchtext .evaluation p i {
    display: inline-block;
}

.shopban .Merchant .mchfl .mchtext .evaluation p i.iconfont::before {
    content: "\e620";
    font-size: 14px;
    color: #ffffff;
}

.shopban .Merchant .mchfl .mchtext .evaluation p i.iconfont.on::before {
    color: #f14502
}

.shopban .Merchant .mchfl .mchtext .evaluation p em {
    font-style: normal;
    color: #0297f0;
    font-size: 14px;
    margin-left: 10px;
}

.shopban .Merchant .mchfl .mchtext .evaluation .scorebtns {
    display: block;
    width: 75px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    border-radius: 30px;
    border: 1px solid #ffffff;
    position: absolute;
    top: 60px;
    right: 0px;
}

.shopban .Merchant .mchfl .mchtext .evaluation .scorebtns:hover {
    color: #f10215;
    border-color: #f10215;
}

.shopban .Merchant .mchfr {
    width: 600px;
    padding-top: 50px;
}

.shopban .Merchant .mchfr .mchdata {
    width: 500px;
    margin: 0 auto;
}

.shopban .Merchant .mchfr .mchdata .name {
    width: 100px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.shopban .Merchant .mchfr .mchdata .mchtext {
    float: left;
    position: relative;
    width: 392px;
    color: #ffffff;
    font-size: 14px;
    height: 84px;
    overflow: hidden;
    line-height: 30px;
}

.shopban .Merchant .mchfr .mchdata .mchtext .more {
    color: #ff3300;
    font-size: 14px;
    margin-left: 10px;
}

.shopban .Merchant .mchfr .mchdata .mchtext .more:hover {
    text-decoration: underline;
}

.shopban .Merchant .mchfr .mchdata .text {
    float: left;
    position: relative;
    width: 392px;
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}

.shopban .Merchant .mchfr .mchdata .text .adds {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    margin-left: 20px;
}

.shopban .Merchant .mchfr .mchdata .text .adds i {
    display: inline-block;
    margin-right: 5px;
}

.shopban .Merchant .mchfr .mchdata .text .adds i.iconfont::before {
    content: "\e603";
    font-size: 14px;
    color: #f14502;
}

.shopban .Merchant .mchfr .mchdata .text .adds:hover {
    text-decoration: underline;
}

.shopban .Merchant .mchfr .mchdata .mhpic {
    position: relative;
    margin-top: 20px;
}

.shopban .Merchant .mchfr .mchdata .mhpic img {
    width: 120px;
    height: 90px;
    margin-right: 15px;
    margin-top: 20px;
}

.shopban .Merchant .mchfr .mchdata .mhpic img:last-child {
    margin-right: 0px;
}

.shopnav {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: #ff3030;;
    box-shadow: 0px 5px 10px #e8e8e8;
}

.shopnav ul {
    position: relative;
    text-align: center;
}

.shopnav li {
    display: inline-block;
    height: 61px;
    line-height: 61px;
    margin: 0px 30px;
}

.shopnav li a {
    color: #fcfcfc;
    font-size: 20px;
    display: inline-block;
    width: 135px;
}

.shopnav li em {
    position: absolute;
    width: 80px;
    height: 3px;
    background-color: #f10215;
    bottom: 0px;
    left: 0px;
    display: none;
}

.shopnav li:last-child a {

}

.shopnav li:last-child em {
    width: 110px;
}

.shopnav li.on a,
.shopnav li:hover a {
    color: #f9f9f9;
    font-weight: bold;
    background-color: #cc0002;
}

.shopnav li.on em,
.shopnav li:hover em {
    display: block;
}

.Busvenues {
    position: relative;
    background-color: #ffffff;
}

.busSlide {
    position: relative;
   padding-bottom: 10px;
}

.busSlide .bigImg {
    width: 960px;
    height: 540px;
    position: relative;
    overflow: hidden;
}

.busSlide .bigImg ul {}

.busSlide .bigImg li {
    width: 960px;
    height: 540px;
    float: left;
    position: relative;
}

.busSlide .bigImg li .bsimg {
    width: 960px;
    height: 540px;
}

.busSlide .bigImg li .bsimg img {
    width: 960px;
    height: 540px;
}

.busSlide .bigImg li .bstext {
    width: 960px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 62px;
    line-height: 62px;
    background: rgba(0, 0, 0, 0.5);
}

.busSlide .bigImg li .bstext p {
    padding: 0px 10px;
    color: #ffffff;
    font-size: 20px;
}

.busSlide .bigImg .bigfl {
    display: block;
    width: 35px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    position: absolute;
    top: 238px;
    left: 0px;
    background: rgba(0, 0, 0, 0.3);
}

.busSlide .bigImg .bigfl i {
    display: inline-block
}

.busSlide .bigImg .bigfl i.iconfont::before {
    content: "\e633";
    font-size: 25px;
    color: #cccccc;
}

.busSlide .bigImg .bigfr {
    display: block;
    width: 35px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    position: absolute;
    top: 238px;
    right: 0px;
    background: rgba(0, 0, 0, 0.3);
}

.busSlide .bigImg .bigfr i {
    display: inline-block
}

.busSlide .bigImg .bigfr i.iconfont::before {
    content: "\e621";
    font-size: 25px;
    color: #cccccc;
}

.busSlide .smallScroll {
    width: 228px;
    height: 540px;
    overflow: hidden;
    position: relative;
}

.busSlide .smallScroll .smallImg {
    width: 228px;
    height: 540px;
    position: relative;
}

.busSlide .smallScroll .smallImg ul {}

.busSlide .smallScroll .smallImg li {
    width: 228px;
    height: 127px;
    overflow: hidden;
    position: relative;
    margin-bottom: 11px;
}

.busSlide .smallScroll .smallImg li .hdimg {
    width: 224px;
    height: 123px;
    border: 2px solid #f5f5f5;
}

.busSlide .smallScroll .smallImg li .hdimg img {
    width: 224px;
    height: 123px;
}

.busSlide .smallScroll .smallImg li.on .hdimg {
    border: 2px solid #ff0000;
}

.busSlide .smallScroll .smltp {
    display: block;
    width: 56px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 0px;
    left: 86px;
    background: rgba(0, 0, 0, 0.3);
}

.busSlide .smallScroll .smltp i {
    display: inline-block
}

.busSlide .smallScroll .smltp i.iconfont::before {
    content: "\e60a";
    font-size: 25px;
    color: #cccccc;
}

.busSlide .smallScroll .smlbt {
    display: block;
    width: 56px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    bottom: 0px;
    left: 86px;
    background: rgba(0, 0, 0, 0.3);
}

.busSlide .smallScroll .smlbt i {
    display: inline-block;
}

.busSlide .smallScroll .smlbt i.iconfont::before {
    content: "\e642";
    font-size: 25px;
    color: #cccccc;
}

.busSlide .pageState {
    position: absolute;
    bottom: 0px;
    right: 10px;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
    letter-spacing: 1px;
    height: 62px;
    line-height: 62px;
    color: #ffffff;
    font-size: 20px;
}

.busSlide .pageState span {
    color: #ffffff;
    font-size: 18px;
}


.Staffstyle {
    position: relative;
    margin-top: 20px;
}

.Staffpads {
    padding: 5px 20px 10px;
    background-color: #ffffff;
}

@font-face {
    src: url(../font/FZSHFW.TTF);
}

.bustitle {
    color: #c52222;
    font-size: 26px;
}

.bustitle span {
    color: #bfbfbf;
    font-size: 30px;

    margin-left: 15px;
    font-weight: normal;
}

.bustitle .more {
    color: #666666;
    font-size: 14px;
    display: block;
    width: 88px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #cccccc;
    float: right;
    font-weight: normal;
}

.bustitle .more:hover {
    color: #f10215;
    border-color: #f10215;
}

.bustitle.back {
    color: #333333;
}

.bustitle.back span {
    color: #cccccc
}

.Staffstyle .Staflist {
    position: relative;
    margin-top: 25px;
}

.Staffstyle .Staflist ul {}

.Staffstyle .Staflist li {
    position: relative;
    width: 200px;
    float: left;
    margin-right: 35px;
}

.Staffstyle .Staflist li:last-child {
    margin-right: 0px;
}

.Staffstyle .Staflist li .sfpic {
    width: 200px;
    height: 256px;
    overflow: hidden;
    position: relative;
}

.Staffstyle .Staflist li .sfpic .sfimg {
    width: 200px;
    height: 256px;
}

.Staffstyle .Staflist li .sfpic .sfnum {
    width: 200px;
    height: 25px;
    line-height: 25px;
    color: #cccccc;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.Staffstyle .Staflist li .sfpic .sfnum p {
    padding: 0px 10px;
}

.Staffstyle .Staflist li .sfdata {
    position: relative;
    border: 1px solid #e6e6e6;
}

.Staffstyle .Staflist li .sfdata h2 {
    color: #333333;
    font-size: 14px;
    padding: 10px 10px 5px;
}

.Staffstyle .Staflist li .sfdata h2 span {
    color: #666666;
    font-weight: normal;
    float: right;
}

.Staffstyle .Staflist li .sfdata .reviews {
    position: relative;
    line-height: 22px;
    padding: 0px 10px;
}

.Staffstyle .Staflist li .sfdata .reviews .star {
    position: relative;
    display: inline-block;
}

.Staffstyle .Staflist li .sfdata .reviews .star i {
    display: inline-block;
}

.Staffstyle .Staflist li .sfdata .reviews .star i.iconfont::before {
    content: "\e620";
    font-size: 12px;
    color: #cccccc;
}

.Staffstyle .Staflist li .sfdata .reviews .star i.on.iconfont::before {
    color: #ff9600;
}

.Staffstyle .Staflist li .sfdata .reviews b {
    font-weight: normal;
    color: #ff9600;
    font-size: 12px;
    margin-left: 10px;
}

.Staffstyle .Staflist li .sfdata .reviews em {
    font-style: normal;
    color: #999999;
    font-size: 12px;
    float: right;
}

.Staffstyle .Staflist li .sfdata .sftext {
    position: relative;
    padding: 5px 10px 10px;
}

.Staffstyle .Staflist li .sfdata .sftext span {
    color: #999999;
    font-size: 12px;
}

.Staffstyle .Staflist li .sfdata .sftext span b {
    color: #666666;
    margin-left: 6px;
}

.Staffstyle .Staflist li .sfdata .sfbtnm {
    position: relative;
    border-top: 1px solid #e6e6e6;
}

.Staffstyle .Staflist li .sfdata .sfbtnm a {

    width: 49.7%;
    float: left;
    color: #666666;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
}

.Staffstyle .Staflist li .sfdata .sfbtnm a:last-child {
    border: none;
}

.Staffstyle .Staflist li .sfdata .sfbtnm i {
    display: inline-block;
    margin-right: 5px;
}

.Staffstyle .Staflist li .sfdata .sfbtnm i.dpicon::before {
    content:url('/images/aixin.gif');
    display: inline-block;
    font-size: 18px;
    color: #6f6f6f;
}

.Staffstyle .Staflist li .sfdata .sfbtnm i.scicon::before {
    content:url('/images/zan.gif');
    display: inline-block;
    font-size: 18px;
    color: #6f6f6f;
    position: relative;
    top: 2px;
}

.Staffstyle .Staflist li .sfdata .sfbtnm a:hover {
    color: #f10215;
}

.Staffstyle .Staflist li .sfdata .sfbtnm a:hover i.iconfont::before {
    color: #f10215;
}

.Latestbg {
    position: relative;
    background-color: #ffffff;
    padding: 40px 0px;
    margin-top: 30px;
}

.latatvms {
    position: relative;
}

.latatvms .latatvlist {
    position: relative;
    margin-top: 35px;
}

.latatvms .latatvlist ul {}

.latatvms .latatvlist li {
    width: 290px;
    height: 290px;
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 13px;
    margin-bottom: 14px;
}

.latatvms .latatvlist li:nth-child(4n+4) {
    margin-right: 0px;
}

.latatvms .latatvlist li .ltpic {
    width: 290px;
    height: 290px;
}

.latatvms .latatvlist li .lttext {
    width: 290px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 65px;
    background: rgba(0, 0, 0, 0.6);
}

.latatvms .latatvlist li .lttext h2 {
    padding: 0px 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 3px;
}

.latatvms .latatvlist li .lttext p {
    padding-left: 10px;
    padding-bottom: 0px;
    color: #ffffff;
    font-size: 12px;
}

.latatvms .latatvlist li .lttext p i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.latatvms .latatvlist li .lttext p i.iconfont::before {
    content: "\e625";
    font-size: 18px;
    color: #ffcc00;
}

.Industry {
    position: relative;
    padding: 5px 20px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fefdfd;
}

.Industry .indslist {
    position: relative;
    margin-top: 30px;
}

.Industry .indslist ul {}

.Industry .indslist li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

.Industry .indslist li .indbox {
    padding: 15px 17px 15px 8px;
    width: 535px;
}

.Industry .indslist li .indbox .time {
    width: 56px;
    text-align: center;
}

.Industry .indslist li .indbox .time p {
    color: #999999;
    font-size: 18px;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10px;
    padding-top: 5px;
}

.Industry .indslist li .indbox .time b {
    display: block;
    color: #cccccc;
    font-size: 14px;
    padding-top: 10px;
}

.Industry .indslist li .indbox .text {
    width: 450px;
}

.Industry .indslist li .indbox .text h2 {
    font-weight: normal;
    color: #333333;
    font-size: 18px;
    margin-bottom: 15px;
}

.Industry .indslist li .indbox .text span {
    color: #333333;
    font-size: 14px;
    display: block;
    line-height: 20px;
    height: 60px;
}

.Industry .indslist li:hover .indbox {
    background-color: #ffffff;
    -moz-box-shadow: 0px 0px 10px #e7e7e7;
    -webkit-box-shadow: 0px 0px 10px #e7e7e7;
    box-shadow: 0px 0px 10px #e7e7e7;
}

.Industry .indslist li:hover .indbox .time p {
    border-color: #ffebea;
    color: #333333;
}

.Industry .indslist li:hover .indbox .time b {
    color: #999999;
}

.Industry .indslist li:hover .indbox .text h2 {
    font-weight: bold;
}

.message {
    position: relative;
    background-color: #ffffff;
    padding: 20px 0px 25px;
}

.mesgmain {
    position: relative;
}

.mesgmain .mesgcomt {
    position: relative;
    margin-top: 22px;
}

.mesgmain .mesgcomt .mspic {
    width: 5%;
    height: 50px;

}

.mesgmain .mesgcomt .msdata {
    width: 90%;
    border: 19px solid #f0f0f0;
    position: relative;
}

.mesgmain .mesgcomt .msdata b {
    font-weight: normal;
    display: block;
    color: #f10215;
    font-size: 14px;
    position: absolute;
    top: -60px;
    right: 0px;
}

.mesgmain .mesgcomt .msdata .textarea {
    padding: 10px 20px;
    width: 1082px;
    border: none
}

.mesgmain .mesgcomt .msdata .msneir {
    position: relative;
    padding: 12px 0px;
    border-top: 1px solid #f0f0f0;
}

.mesgmain .mesgcomt .msdata .msneir .addpic {
    margin-left: 30px;
    width: inherit;
    color: #666666;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .fileips {
    width: 30px;
    height: 28px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -5px;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .fileips .ipfile {
    width: 30px;
    height: 28px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
}


/*上传图片通用样式*/
.mesgmain .mesgcomt .msdata .msneir .addpic .upload {
    width: inherit;
    height: 28px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 520px;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 30px;
    height: 28px;
    margin: 0 10px 10px 0;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .upload-pick {
    background: url(../images/file.jpg) no-repeat 0 0;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .mesgmain .mesgcomt .msdata .msneir .addpic .upload-pick:hover {
    background: url(../images/file.jpg) no-repeat 0 0;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.mesgmain .mesgcomt .msdata .msneir .addpic .viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .viewThumb img {
    width: 100%;
    height: 100%
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: rgba(10, 168, 241, .7);
    z-index: 3;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyControl {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 28px;
    line-height: 24px;
    font-size: 14px;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .viewThumb:hover .diyControl {
    display: block;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyControl span {
    display: inline-block;
    padding: 7.5px 10px;
    width: 12px;
    height: 11px;
    margin: 0px;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyLeft {
    margin-left: 3px;
    display: none !important;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyRight {
    margin-right: 3px;
    display: none !important;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyLeft i {
    margin-left: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 0;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyCancel i {
    background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .diyRight i {
    margin-right: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}

.mesgmain .mesgcomt .msdata .msneir .addpic .goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}

.mesgmain .mesgcomt .msdata .msneir .mssubmt {
    display: block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background-color: #f10215;
    border-radius: 30px;
    margin: 8px 20px;
}

.mesgmain .Wonderful {
    position: relative;
    width: 1130px;
    margin-left: 70px;
    margin-top: 60px;
}

.mesgmain .Wonderful h2 {
    color: #333333;
    font-size: 18px;
    margin-bottom: 25px;
}

.mesgmain .Wonderful .drfusitem {
    position: relative;
    margin-left: 15px;
    margin-bottom: 20px;
    width:100%;
}

.mesgmain .Wonderful .drfusitem .dfimg {
    width: 5%;
    height: 50px;

}

.mesgmain .Wonderful .drfusitem .dfdate {
    width: 94%;
    background: linear-gradient(to bottom, #fff 10%, #f2f2f2 100%);

}
.mesgmain .Wonderful .drfusitem .dfdate h3 {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
}

.mesgmain .Wonderful .drfusitem .dfdate h3 span {
    float: right;
    margin-right: 10%;
    color: #666666;
}

.mesgmain .Wonderful .drfusitem .dfdate .dfstar {
    position: relative;
    margin: 10px 0px 15px;
}

.mesgmain .Wonderful .drfusitem .dfdate .dfstar i {
    display: inline-block;
}

.mesgmain .Wonderful .drfusitem .dfdate .dfstar i.iconfont::before {
    content: "\e620";
    font-size: 14px;
    color: #cccccc;
}

.mesgmain .Wonderful .drfusitem .dfdate .dfstar i.on.iconfont::before {
    color: #ff9600
}

.mesgmain .Wonderful .drfusitem .dfdate .dftext {
    color: #333333;
    font-size: 14px;
}

.mesgmain .Wonderful .drfusitem .dfdate .zoomed>.container {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.mesgmain .Wonderful .drfusitem .dfdate .container {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.mesgmain .Wonderful .drfusitem .dfdate .gallery {
    list-style-type: none;
}

.mesgmain .Wonderful .drfusitem .dfdate .gallery li {
    float: left;
    margin-right: 10px;
}

.mesgmain .Wonderful .drfusitem .dfdate .gallery li:nth-child(6n) {
    margin-right: 0;
}

.mesgmain .Wonderful .drfusitem .dfdate .gallery li a,
.mesgmain .Wonderful .drfusitem .dfdate .gallery li img {
    float: left;
    width: 120px;
    height: 120px;
    display: block;
    overflow: hidden;
}

.mesgmain .Wonderful .drfusitem .dfdate .state {
    position: relative;
    line-height: 56px;
    width: 100%;
}

.mesgmain .Wonderful .drfusitem .dfdate .state a {
    color: #999999;
    font-size: 12px;
    margin-right: 30px;
    line-height: 56px;
    display: contents;
}

.mesgmain .Wonderful .drfusitem .dfdate .state i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .fabulous i {
    margin-top: -6px;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .fabulous i.iconfont::before {
    content:url('/images/zan.gif');
    display: inline-block;
    font-size: 22px;
    color: #666666;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .inverted i {
    margin-top: 0px;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .inverted i.iconfont::before {
    content:url('/images/cai.gif');
    display: inline-block;
    font-size: 20px;
    color: #666666;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .reply i {
    margin-top: -5px;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .reply i.iconfont::before {
    content:url('/images/soucang.gif');
    display: inline-block;
    font-size: 22px;
    color: #666666;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .report i {
    margin-top: -5px;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .report i.iconfont::before {
    content:url('/images/jubao.gif');
    display: inline-block;
    font-size: 23px;
    color: #666666;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .collec i {
    margin-top: -3px;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .collec i.iconfont::before {
    content: "\e62b";
    font-size: 20px;
    color: #666666;
}

.mesgmain .Wonderful .drfusitem .dfdate .state .fabulous:hover {
    color: #f10215
}

.mesgmain .Wonderful .drfusitem .dfdate .state .fabulous:hover i.iconfont::before {
    color: #f10215
}

.mesgmain .Wonderful .drfusitem .dfdate .state .inverted:hover {
    color: #f10215
}

.mesgmain .Wonderful .drfusitem .dfdate .state .inverted:hover i.iconfont::before {
    color: #f10215
}

.mesgmain .Wonderful .drfusitem .dfdate .state .reply:hover {
    color: #f10215
}

.mesgmain .Wonderful .drfusitem .dfdate .state .reply:hover i.iconfont::before {
    color: #f10215
}

.mesgmain .Wonderful .drfusitem .dfdate .state .report:hover {
    color: #f10215
}

.mesgmain .Wonderful .drfusitem .dfdate .state .report:hover i.iconfont::before {
    color: #f10215
}

.mesgmain .Wonderful .drfusitem .dfdate .state .collec:hover {
    color: #f10215
}

.mesgmain .Wonderful .drfusitem .dfdate .state .collec:hover i.iconfont::before {
    color: #f10215
}

.mesgmain .Wonderful .commore {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 36px;
    line-height: 35px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #e5e5e5;
    color: #999999;
    font-size: 14px;
}

.mesgmain .Wonderful .commore:hover {
    border-color: #f10215;
    color: #f10215;
}

.shopbg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);


}

.shopBox {
    width: 1000px;
    padding: 30px 50px;
    background-color: #ffffff;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -560px;
    border-radius: 10px;
    z-index: 999999999999999999999;

}

.shopBox i.close {
    display: block;
    width: 24px;
    height: 34px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../images/spclose.png) no-repeat center;
    cursor: pointer;
}

.shopBox h2 {
    color: #333333;
    font-size: 18px;
    font-weight: normal;
    margin: 35px 0px;
    text-align: center;
}

.shopBox .shopstar {
    position: relative;
    margin-bottom: 20px;
}

.shopBox .shopstar .stars {
    width: 33.3%;
    float: left;
    color: #333333;
    font-size: 12px;
}



.shopBox .shoptext {
    position: relative;
    padding: 15px 10px;
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.shopBox .shoptext textarea {
    width: 100%;
    height: 200px;
    border: none;
    background: none;
    font-size: 14px;
    margin-bottom: 10px;
    resize: none;
}

.shopBox .shoptext textarea::-webkit-input-placeholder {
    color: #cccccc;
}

.shopBox .shoptext p {
    color: #666666;
    font-size: 12px;
    text-align: right;
}

.shopBox .shoptext p em {
    font-style: normal;
    color: #f10215;
    margin-right: 10px;
}

.shopBox .upload {
    display: block;
    position: relative;
    width: 100%;
}

.shopBox .upload .upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.shopBox .upload .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 10px 10px 0;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.shopBox .upload .upload-pick {
    background: url(../images/mjxpic.jpg) no-repeat 0 0;
}

.shopBox .upload .upload-pick:hover {
    background: url(../images/mjxpic.jpg) no-repeat 0 0px;
}

.shopBox .upload .webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.shopBox .upload .webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.shopBox .upload .webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.shopBox .upload .webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.shopBox .upload .viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

.shopBox .upload .viewThumb img {
    width: 100%;
    height: 100%
}

.shopBox .upload .diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.shopBox .upload .diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: rgba(10, 168, 241, .7);
    z-index: 3;
}

.shopBox .upload .diyControl {
    position: absolute;

    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background: url(../images/bgblack.png);
    z-index: 3;
    margin-left: 0px;
}

.shopBox .upload .viewThumb:hover .diyControl {
    display: block;
}

.shopBox .upload .diyControl span {
    display: inline-block;
    padding: 6.5px 2px;
    width: 12px;
    height: 11px;
}

.shopBox .upload .diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7;
}

.shopBox .upload .diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}

.shopBox .upload .diyLeft {
    margin-left: 3px;
}

.shopBox .upload .diyLeft {
    margin-right: 3px;
}

.shopBox .upload .diyLeft i {
    margin-left: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 0;
}

.shopBox .upload .diyCancel i {
    background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}

.shopBox .upload .diyRight i {
    margin-right: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}

.shopBox .upload .goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}

.shopBox .spts {
    color: #999999;
    font-size: 12px;
}

.shopBox .spts em {
    color: #e71f2a;
    font-style: normal;
}

.shopBox .spbtns {
    display: block;
    text-align: center;
    font-size: 18px;
}

.shopBox .spbtns span {
    margin-left: 20px;
    vertical-align: middle;
    display: inline-block;
    height: 48px;
    line-height: 48px;
}

.shopBox .spbtns input {
    display: inline-block;
    width: 220px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    background-color: #f10215;
    border-radius: 5px;
}

/*商家场馆-用户评论*/
.evalmesg {
    border: 1px solid #e0e0e0;
    padding: 25px;
}

.evalmesg .mesgmain .Wonderful {
    margin: 0px;
}

.demeanorlist {
    position: relative;
    padding: 30px 30px 0px;
}

.demeanorlist ul {}

.demeanorlist li {
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
}

.demeanorlist li .drmpic {
    width: 156px;
    height: 200px;
}

.demeanorlist li .drmdate {
    width: 645px;
    border-bottom: 1px solid #efefef;
}

.demeanorlist li .drmdate h2 {
    color: #333333;
    font-size: 24px;
    margin-top: 15px;
}

.demeanorlist li .drmdate h2 a {
    color: #333333;
}

.demeanorlist li .drmdate h2 em {
    font-weight: normal;
    font-size: 18px;
    color: #666666;
    font-style: normal;
    margin-left: 35px;
}

.demeanorlist li .drmdate .drmabs {
    margin-top: 30px;
    position: relative;
    height: 38px;
}

.demeanorlist li .drmdate .drmabs span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0px 5px;
    color: #ffffff;
    background-color: #ff9600;
    vertical-align: middle;
    margin: 8px 0px;
}

.demeanorlist li .drmdate .drmabs a {
    margin-left: 10px;
    font-size: 14px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    width: 100px;
    border-radius: 30px;
    float: right;
    display: flex;
}

.demeanorlist li .drmdate .drmabs .cmts {
    color: #ffffff;
    background-color: #fb8828;
}

.demeanorlist li .drmdate .drmabs .cmts i {
    display: inline-block;
    margin-right: 5px;
}

.demeanorlist li .drmdate .drmabs .cmts i.iconfont::before {
    content:url('/images/zhuye.png');
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
}

.demeanorlist li .drmdate .drmabs .clect {
    color: #666666;
    border: 1px solid #c2c2c2;

}

.demeanorlist li .drmdate .drmabs .clect i {
    display: inline-block;
    margin-right: 5px;
}

.demeanorlist li .drmdate .drmabs .clect i.iconfont::before {
    content:url('/images/soucang.gif');
    display: inline-block;
    font-size: 18px;
    color: #666666;
}

.demeanorlist li .drmdate .drmabs .clect.on {
    color: #ff9600;
    border-color: #ff9600;
}

.demeanorlist li .drmdate .drmabs .clect.on i.iconfont::before {
    color: #ff9600;
}

.demeanorlist li .drmdate .Score {
    margin-top: 41px;
    margin-bottom: 25px;
    font-size: 14px;
    color: #999999;
}

/*员工风采详情*/
.Consulting .consufl .picFocus {
    width: 350px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    margin: 20px;
}

.Consulting .consufl .picFocus .pchd {
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
    position: relative;
}

.Consulting .consufl .picFocus .pchd ul {
    padding-top: 5px;
    overflow: hidden;
    zoom: 1;
}

.Consulting .consufl .picFocus .pchd ul li {
    float: left;
    text-align: center;
    overflow: hidden;
}

.Consulting .consufl .picFocus .pchd ul li img {
    width: 62px;
    height: 78px;
    border: 2px solid #ffffff;
    cursor: pointer;
    margin-right: 5px;
}

.Consulting .consufl .picFocus .pchd ul li.on img {
    border-color: #f10215;
}

.Consulting .consufl .picFocus .pchd .pcfl{
    display: block;
    width: 15px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 0px;
}
.Consulting .consufl .picFocus .pchd .pcfl i{
    display: inline-block;
}
.Consulting .consufl .picFocus .pchd .pcfl i.iconfont::before{
    content: "\e633";
    font-size: 12px;
    color: #cccccc;
}
.Consulting .consufl .picFocus .pchd .pcfr{
    display: block;
    width: 15px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 35px;
    right: 0px;
}
.Consulting .consufl .picFocus .pchd .pcfr i{
    display: inline-block;
}
.Consulting .consufl .picFocus .pchd .pcfr i.iconfont::before{
    content: "\e621";
    font-size: 12px;
    color: #cccccc;
}
.Consulting .consufl .textBox{
    position: relative;
    width: 450px;
    margin: 30px;
}
.Consulting .consufl .textBox h2{
    color: #333333;
    font-size: 26px;
}
.Consulting .consufl .textBox h2 em{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
}
.Consulting .consufl .textBox .nums{
    display: inline-block;
    padding: 0px 5px;
    height: 25px;
    line-height: 25px;
    background-color: #ff9600;
    color: #ffffff;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.Consulting .consufl .textBox .Score{
    font-size: 14px;
    color: #999999;
    margin-bottom: 30px;
}
.Consulting .consufl .textBox .Score .star{
    display: inline-block;
}
.Consulting .consufl .textBox .Score .star i{
    display: inline-block;
}
.Consulting .consufl .textBox .Score .star i.iconfont::before{
    content: "\e620";
    font-size: 18px;
    color: #cccccc;
}
.Consulting .consufl .textBox .Score .star i.on.iconfont::before{
    color: #ff9600
}
.Consulting .consufl .textBox .Score em{
    font-style: normal;
    color: #ff9600;
    display: inline-block;
    margin-right: 25px;
    margin-left: 10px;
}
.Consulting .consufl .textBox .mark{
    position: relative;
    margin-bottom: 30px;
}
.Consulting .consufl .textBox .mark span{
    color: #999999;
    font-size: 14px;
    margin-right: 30px;
    display: inline-block;
}
.Consulting .consufl .textBox .mark span b{
    color: #666666;
    margin-left: 8px;
}
.Consulting .consufl .textBox .brief{
    font-size: 14px;
}
.Consulting .consufl .textBox .brief b{
    font-weight: normal;
    color: #999999;
    line-height: 30px;
}
.Consulting .consufl .textBox .brief p{
    color: #666666;
    line-height: 25px;
    height: 200px;
}
.Consulting .consufl .textBox .switch{
    position: relative;
    margin-top: 30px;
}

.Consulting .consufl .textBox .switch a {
    display: inline-block;
    margin-right: 40px;
    font-size: 14px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 138px;
    border-radius: 30px;
    color: #ffffff;
}

.Consulting .consufl .textBox .switch .cmts {
    background-color: #f10215;
}

.Consulting .consufl .textBox .switch  .cmts i {
    display: inline-block;
    margin-right: 5px;
}

.Consulting .consufl .textBox .switch .cmts i.iconfont::before {
    content: "\e655";
    font-size: 18px;
    color: #ffffff;
}

.Consulting .consufl .textBox .switch .clect {
    background-color: #ff9600;
}

.Consulting .consufl .textBox .switch .clect i {
    display: inline-block;
    margin-right: 5px;
}

.Consulting .consufl .textBox .switch .clect i.iconfont::before {
    content: "\e62b";
    font-size: 18px;
    color: #ffffff;
}


.Comtmes .comtFrom .cmpls .upload {
    display: block;
    position: relative;
    width: 100%;
    margin: 20px 0px;
}

.Comtmes .comtFrom .cmpls .upload .upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.Comtmes .comtFrom .cmpls .upload .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 10px 10px 0;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}
.Consulting .consufl .picFocus .pcbd{
    position: relative;
    width: 300px;
    height: 448px;
    float: left;
}
.Consulting .consufl .picFocus .pcbd li {
    vertical-align: middle;
}

.Consulting .consufl .picFocus .pcbd li .pcimg {
    width: 350px;
    height: 448px;
}

.Consulting .consufl .picFocus .pcbd li .pcimg img {
    width: 350px;
    height: 448px;
    display: block;
}

.Comtmes .comtFrom .cmpls .upload .upload-pick {
    background: url(../images/picture.png) no-repeat 0 0;
}

.Comtmes .comtFrom .cmpls .upload .upload-pick:hover {
    background: url(../images/picture.png) no-repeat 0 0px;
}

.Comtmes .comtFrom .cmpls .upload .webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.Comtmes .comtFrom .cmpls .upload .webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.Comtmes .comtFrom .cmpls .upload .webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.Comtmes .comtFrom .cmpls .upload .webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.Comtmes .comtFrom .cmpls .upload .viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

.Comtmes .comtFrom .cmpls .upload .viewThumb img {
    width: 100%;
    height: 100%
}

.Comtmes .comtFrom .cmpls .upload .diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.Comtmes .comtFrom .cmpls .upload .diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: rgba(10, 168, 241, .7);
    z-index: 3;
}

.Comtmes .comtFrom .cmpls .upload .diyControl {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.Comtmes .comtFrom .cmpls .upload .viewThumb:hover .diyControl {
    display: block;
}

.Comtmes .comtFrom .cmpls .upload .diyControl span {
    display: inline-block;
    padding: 6.5px 0px;
    width: 12px;
    height: 11px;
}

.Comtmes .comtFrom .cmpls .upload .diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7;
}

.Comtmes .comtFrom .cmpls .upload .diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}

.Comtmes .comtFrom .cmpls .upload .diyLeft {
    margin-left: 3px;
}

.Comtmes .comtFrom .cmpls .upload .diyLeft {
    margin-right: 3px;
}

.Comtmes .comtFrom .cmpls .upload .diyLeft i {
    margin-left: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 0;
}

.Comtmes .comtFrom .cmpls .upload .diyCancel i {
    background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}

.Comtmes .comtFrom .cmpls .upload .diyRight i {
    margin-right: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}

.Comtmes .comtFrom .cmpls .upload .goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}

/*招商中心*/
.Consulting.Consulwrap{
    padding: 20px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}
.Consulting.Consulwrap .consufl{
    width: 858px;
    border: none;
}
.Consulting.Consulwrap .consufl .newslist{
    margin: 0px;
}

/*招商中心详情*/
.Attractdetails{
    position: relative;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}
.Attractdetails .attactmain{
    position: relative;
    margin-bottom: 20px;
}
.Attractdetails .attactmain .atsimg{
    width: 500px;
    height: 282px;
    overflow: hidden;
}
.Attractdetails .attactmain .atsimg img{
    width: 500px;
    height: 282px;
}
.Attractdetails .attactmain .atstext{
    width: 630px;
}
.Attractdetails .attactmain .atstext h2{
    color: #333333;
    font-size: 20px;
    line-height: 40px;
}
.Attractdetails .attactmain .atstext span{
    display: block;
    color: #999999;
    font-size: 12px;
    margin-bottom: 15px;
}
.Attractdetails .attactmain .atstext span em{
    font-style: normal;
    padding: 0px 15px;
}
.Attractdetails .attactmain .atstext p{
    color: #999999;
    font-size: 14px;
    margin-bottom: 10px;
}
.Attractdetails .attactmain .atstext p b{
    font-weight: normal;
    color: #666666;
}
.Attractdetails .attactmain .atstext p .red{
    color: #f10215;
}
.Attractdetails .attactmain .atstext .make{
    display: block;
    width: 138px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    background-color: #f10215;
    color: #ffffff;
    font-size: 16px;
    margin-top: 70px;
}
.Attractdetails .attactmain .atstext .make:hover{
    text-decoration: underline;
}
.Attractdetails .attactdata{
    position: relative;
    padding: 20px 0px;
    border-top: 1px dashed #e6e6e6;
    border-bottom: 1px dashed #e6e6e6;
}
.Attractdetails .attactdata p{
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    text-indent: 30px;
}
.Attractdetails .attactdata img{
    display: block;
    margin: 20px auto;
}
.Attractdetails .attactpage{
    position: relative;
    margin-top: 20px;
}
.Attractdetails .attactpage a{
    display: inline-block;
    color: #666666;
    font-size: 14px;
}
.Attractdetails .attactpage a span{
    color: #333333;
}
.Attractdetails .attactpage a:hover{
    text-decoration: underline;
}

/*最新活动*/
.activitylist{
    position: relative;
    padding: 0px 20px 20px;
}
.activitylist ul{}
.activitylist li{
    margin-top: 20px;
}
.activitylist li .atvimg{
    width: 140px;
    height: 140px;
    overflow: hidden;
}
.activitylist li .atvimg img{
    width: 140px;
    height: 140px;
}
.activitylist li .atvtext{
    width: 690px;
}
.activitylist li .atvtext h2{
    color: #333333;
    font-size: 20px;
    line-height: 40px;
}
.activitylist li .atvtext p{
    color: #333333;
    font-size: 14px;
    line-height: 25px;
    margin-top: 10px;
    height: 50px;
    overflow: hidden;
}
.activitylist li .atvtext .lable{
    position: relative;
    margin-top: 10px;
}
.activitylist li .atvtext .lable span{
    color: #999999;
    font-size: 14px;
}
.activitylist li .atvtext .lable span b{
    font-weight: normal;
    color: #666666;
}
.activitylist li .atvtext .lable span em{
    font-style: normal;
    margin: 0px 10px;
}
.activitylist li:hover h2{
    color: #f10215;
}

/*最新活动详情*/
.snxymake.snxytop{
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e7e7e7;
}
.nwesdetails .snxymake .sydata .syedit{
    color: #999999;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.nwesdetails .snxymake .sydata .syedit em{
    font-style: normal;
    padding: 0px 15px;
}
.nwesdetails .snxymake .sydata .sytext em{
    font-style: normal;
    color: #333333;
}
.nwesdetails .snxymake .sydata .notes{
    color: #0297f0;
    font-size: 14px;
    margin-top: 10px;
}
.nwesdetails .snxymake .sydata .mkals{
    position: absolute;
    bottom: 10px;
    left: 160px;
    color: #999999;
    font-size: 12px;
}

/*最新资讯详情*/
.nwesdetails.newspds{
    margin: 0px;
}
.Consulting .consufl .newsTs{
    padding: 20px 0px;
    border-bottom: 1px dashed #e6e6e6;
}
.Consulting .consufl .newsTs h2{
    color: #333333;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}
.Consulting .consufl .newsTs p{
    color: #666666;
    font-size: 12px;
    text-align: center;
}
.Consulting .consufl .newsTs p em{
    font-style: normal;
    padding: 0px 30px;
}
.Consulting .consufl .newsTs p span{
    margin: 0px 50px;
}
.Consulting .consufl .newsTs p span i{
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -3px;
}
.Consulting .consufl .newsTs p span i.iconfont::before{
    content: "\e68c";
    font-size: 18px;
    color: #999999;
}

/*热门标签*/
.hotmain{
    position: relative;
}
.HotTags{
    position: relative;
    padding: 20px;
    background-color: #ffffff;
    border:1px solid #e0e0e0;
}
.HotTags .Letter{
    position: relative;
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
}
.HotTags .Letter a{
 line-height: 20px; height: 24px; display: inline-block; background: #fff;
    padding: 3px 11px; margin: 10px 5px 0 0; border-radius: 8px;
    -moz-transition: all 0.5s; -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
color: #FFF;}

.HotTags .Letter a:nth-child(8n-7) { background: #8A9B0F }

.HotTags .Letter a:nth-child(8n-6) { background: #EB6841 }

.HotTags .Letter a:nth-child(8n-5) { background: #3FB8AF }

.HotTags .Letter a:nth-child(8n-4) { background: #FE4365 }

.HotTags .Letter a:nth-child(8n-3) { background: #FC9D9A }

.HotTags .Letter a:nth-child(8n-2) { background: #EDC951 }

.HotTags .Letter a:nth-child(8n-1) { background: #C8C8A9 }

.HotTags .Letter a:nth-child(8n) { background: #83AF9B }

.HotTags .Letter a:first-child { background: #d704f7
}

.HotTags .Letter a:last-child { background: #db0536
}

.HotTags .Letter a:hover,.HotTags .Letter a.on{
    border-radius: 0; text-shadow: #000 1px 1px 1px
}
.HotTags .nums{
    position: relative;
    height: 26px;
    line-height: 26px;
}
.HotTags .nums a{
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    margin-right: 10px;
    background-color: #e6e6e6;
    color: #333333;
    font-size: 12px;
}
.HotTags .nums a:hover,.HotTags .nums a.on{
    color: #ffffff;
    background-color: #f10215;
}
.HotTags .Choice{
    position: relative;
    margin-top: 30px;
}
.HotTags .Choice span{
    display: block;
    color: #333333;
    font-size: 16px;
}
.HotTags .Choice ul{}
.HotTags .Choice li{
    margin-top: 10px;
    position: relative;
}
.HotTags .Choice li .ltrnum{

    color: #fe0303;
    font-size: 24px;
    float: left;
    font-weight:900;
}
.HotTags .Choice li .lable{
    width: 1098px;
    float: right;
}
.HotTags .Choice li .lable a{
    line-height: 20px; height: 24px; display: inline-block; background: #fff;
    padding: 3px 11px; margin: 10px 5px 0 0; border-radius: 8px;
    -moz-transition: all 0.5s; -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFF;}

.HotTags .Choice li .lable a:nth-child(8n-7) { background: #8A9B0F }

.HotTags .Choice li .lable a:nth-child(8n-6) { background: #EB6841 }

.HotTags .Choice li .lable a:nth-child(8n-5) { background: #3FB8AF }

.HotTags .Choice li .lable a:nth-child(8n-4) { background: #FE4365 }

.HotTags .Choice li .lable a:nth-child(8n-3) { background: #FC9D9A }

.HotTags .Choice li .lable a:nth-child(8n-2) { background: #EDC951 }

.HotTags .Choice li .lable a:nth-child(8n-1) { background: #C8C8A9 }

.HotTags .Choice li .lable a:nth-child(8n) { background: #83AF9B }

.HotTags .Choice li .lable a:first-child { background: #f98888
}

.HotTags .Choice li .lable a:last-child { background: #dc77f8
}
.HotTags .Choice li .lable a:hover,.HotTags .Choice li .lable a.on{
    border-radius: 0; text-shadow: #000 1px 1px 1px
}

/*热门标签列表*/
.Consulting .consufl .newslist.newstop{
    margin-top: 20px;
}

/*注册成功*/
.sucessmas{
    position: relative;
    padding: 160px 0px;
    text-align: center;
}
.sucessmas i{
    display: inline-block;
}
.sucessmas i.iconfont::before{
    content: "\e62c";
    font-size: 50px;
    color: #7eb016;
}
.sucessmas p{
    color: #666666;
    font-size: 24px;
    margin-top: 10px
}
.sucessmas .susbtn{
    position: relative;
    width: 345px;
    margin: 110px auto 0px;
}
.sucessmas .susbtn a{
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background-color: #f10215;
    border-radius: 30px;
}
.sucessmas .susbtn a:hover{
    text-decoration: underline;
}

/*认领店铺*/
.ClaimGroup{
    position: relative;
    padding: 50px 0px
}
.ClaimGroup h1{
    width: 100px;
    margin: 0 auto;
    color: #333333;
    font-size: 24px;
    position: relative;
    line-height: 50px;
    height: 50px;
}
.ClaimGroup h1 em{
    position: absolute;
    width: 32px;
    height: 4px;
    background-color: #f10215;
    bottom: 0px;
    left: 34px;
}
.ClaimGroup .Claimsearch{
    position: relative;
    width: 580px;
    margin: 30px auto 40px;
}
.ClaimGroup .Claimsearch .search{
    width: 460px;
    height: 36px;
    border: 1px solid #f10215;
    border-radius: 30px;
    position: relative;
    float: left;
    margin-left: 0px;
}
.ClaimGroup .Claimsearch .search input{
    width: 370px;
    height: 36px;
    margin-left: 15px;
}

.ClaimGroup .Claimsearch .search a {
    display: inline-block;
    float: right;
    width: 72px;
    height: 36px;
    line-height: 36px;
    background: -webkit-linear-gradient(left, #f10215, #f64d0d);
    background: -o-linear-gradient(right, #f10215, #f64d0d);
    background: -moz-linear-gradient(right, #f10215, #f64d0d);
    background: linear-gradient(to right, #f10215, #f64d0d);
    border-radius: 30px;
    text-align: center;
}

.ClaimGroup .Claimsearch .search i {
    display: inline-block;
}

.ClaimGroup .Claimsearch .search i.iconfont::before {
    content: "\e608";
    font-size: 25px;
    color: #ffffff;
}

.ClaimGroup .Claimsearch .nkdp{
    display: block;
    float: right;
    width: 88px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background-color: #ffac36;
    border-radius: 30px;
}
.ClaimGroup .Claimmain{
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
.ClaimGroup .Claimmain .clmth{
    background-color: #f4f4f4;
    height: 32px;
    line-height: 32px;
    position: relative;
}
.ClaimGroup .Claimmain .clmth span{
    display: block;
    float: left;
    text-align: center;
    color: #666666;
    font-size: 12px;
}
.ClaimGroup .Claimmain .clmth .sp1{
    width: 380px;
    text-align: left;
    text-indent: 30px;
}
.ClaimGroup .Claimmain .clmth .sp2{
    width: 125px;
}
.ClaimGroup .Claimmain .clmth .sp3{
    width: 280px;
}
.ClaimGroup .Claimmain .clmth .sp4{
    width: 215px;
}
.ClaimGroup .Claimmain .clmtd{
    position: relative;
}
.ClaimGroup .Claimmain .clmtd ul{}
.ClaimGroup .Claimmain .clmtd li{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #ffffff;
}
.ClaimGroup .Claimmain .clmtd li:nth-child(2n+2){
    background-color: #f9f9f9;
}
.ClaimGroup .Claimmain .clmtd li span{
    display: block;
    float: left;
    text-align: center;
    color: #333333;
    font-size: 14px;
}
.ClaimGroup .Claimmain .clmtd li .sp1{
    width: 380px;
    text-align: left;
    text-indent: 30px;
}
.ClaimGroup .Claimmain .clmtd li .sp2{
    width: 125px;
}
.ClaimGroup .Claimmain .clmtd li .sp3{
    width: 280px;
    color: #666666;
}
.ClaimGroup .Claimmain .clmtd li .sp4{
    width: 215px;
}
.ClaimGroup .Claimmain .clmtd li .red{
    color: #f42911;
}
.ClaimGroup .Claimmain .clmtd li span a{
    display: inline-block;
    padding: 0px 10px;
    color: #666666;
}
.ClaimGroup .Claimmain .clmtd li span .gay{
    color: #cccccc;
}
.ClaimGroup .Claimmain .clmtd li span a:hover{
    text-decoration: underline;
}

/*个人会员*/
.memberBox{
    position: relative;
    width: 100%;
    height: 200px;
    background: url(../images/memberbg.jpg) no-repeat center;
}
.memberBox .mbfl{
    position: relative;
    width: 50%;
    padding-top: 35px;
}
.memberBox .mbfl .mbimg{
    width: 120px;
    height: 120px;
    background-color: rgba(255,255,255,0.15);
    padding: 10px;
    border-radius: 100%;
    margin-left: 15px;
}
.memberBox .mbfl .mbimg .mbpic{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
    margin-top: -10px;
    margin-left: -10px;
}
.memberBox .mbfl .mbimg .mbpic img{
    width: 120px;
    height: 120px;
    border-radius: 100%;
}
.memberBox .mbfl .mbtext{
    width: 415px;
    margin-left: 30px;
}
.memberBox .mbfl .mbtext h2{
    color: #ffffff;
    font-size: 24px;
    margin-top: 20px;
}
.memberBox .mbfl .mbtext h2 span{
    font-weight: normal;
    color: #ffffff;
    font-size: 12px;
    margin-left: 20px;
}
.memberBox .mbfl .mbtext .mbedit{
    position: relative;
    margin: 15px 0px;
}
.memberBox .mbfl .mbtext .mbedit .Grade{
   display: inline-block;
   position: relative;
   vertical-align: middle;
   margin-top: -5px;
}
.memberBox .mbfl .mbtext .mbedit .Grade i{
    display: inline-block;
}
.memberBox .mbfl .mbtext .mbedit .Grade i.iconfont::before{
    content: "\e60b";
    font-size: 30px;
    color: #f9c85d;
}
.memberBox .mbfl .mbtext .mbedit .Grade b{
    display: inline-block;
    font-weight: normal;
    color: #f9c75d;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 31px;
    text-align: center;
    height: 31px;
    line-height: 33px;
    font-size: 10px
}
.memberBox .mbfl .mbtext .mbedit .star{
    display: inline-block;
    margin-left: 10px;
    position: relative;
    vertical-align: middle;
}
.memberBox .mbfl .mbtext .mbedit .star i{
    display: inline-block;
}
.memberBox .mbfl .mbtext .mbedit .star i.iconfont::before{
    content: "\e620";
    font-size: 20px;
    color: #cccccc;
}
.memberBox .mbfl .mbtext .mbedit .star i.on.iconfont::before{
    color: #ff9600;
}
.memberBox .mbfl .mbtext .mbedit .Lotus{
    display: inline-block;
    position: relative;
    margin-left: 60px;
    color: #ffffff;
    font-size: 12px;
    vertical-align: middle;
}
.memberBox .mbfl .mbtext .mbedit .Lotus i{
    display: inline-block;
    width: 30px;
    height: 23px;
    background: url(../images/hhicon.png) no-repeat center;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -6px;
}
.memberBox .mbfl .mbtext .mbedit .Lotus em{
    font-style: normal;
    margin-left: 10px;
}
.memberBox .mbfl .mbtext .edsm{
    color: #ffffff;
    font-size: 12px;
}
.memberBox .mbfr{
    position: relative;
    width: 225px;
    padding-top: 70px;
}
.memberBox .mbfr ul{}
.memberBox .mbfr li{
    width: 112px;
    float: left;
    text-align: center;
    background: url(../images/mblins.png) no-repeat center right;
}
.memberBox .mbfr li:last-child{
    background: none;
}
.memberBox .mbfr li b{
    color: #ffffff;
    font-size: 24px;
    display: block;
}
.memberBox .mbfr li p{
    color: #ffffff;
    font-size: 14px
}

.personal{
    position: relative;
}
.personal .manlist{
    position: relative;
    margin-top: 30px;
}
.personal .manlist ul{

}
.personal .manlist li{
    width: 386px;
    height: 217px;
    background-color: #ffffff;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    -moz-box-shadow:0px 0px 10px #e3e3e3;
    -webkit-box-shadow:0px 0px 10px #e3e3e3;
    box-shadow:0px 0px 10px #e3e3e3;
    position: relative;
}
.personal .manlist li:nth-child(3n+3){
    margin-right: 0px;
}
.personal .manlist li a{
    display: block;
    text-align: center;
}
.personal .manlist li i{
    display:inline-block;
    width: 100px;
    height: 110px;
    margin-top: 35px;
}
.personal .manlist li i.mbicon01{
    background-image: url(../images/mbicon01.png);
}
.personal .manlist li i.mbicon02{
    background-image: url(../images/mbicon02.png);
}
.personal .manlist li i.mbicon03{
    background-image: url(../images/mbicon03.png);
}
.personal .manlist li i.mbicon04{
    background-image: url(../images/mbicon04.png);
}
.personal .manlist li i.mbicon05{
    background-image: url(../images/mbicon05.png);
}
.personal .manlist li i.mbicon06{
    background-image: url(../images/mbicon06.png);
}
.personal .manlist li p{
    color: #333333;
    font-size: 16px;
    margin-top: 5px;
}
.personal .manlist li b{
    font-weight: normal;
    color: #999999;
    font-size: 12px;
    margin-top: 8px;
    display: block;
}
.personal .manlist li span{
    display:inline-block;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 8px;
    height: 15px;
    line-height: 15px;
    border-radius: 30px;
    background-color: #f10215;
    position: absolute;
    top: 35px;
    right: 135px;
}
.personal .manlist li:hover{
    -moz-box-shadow:0px 0px 20px #e3e3e3;
    -webkit-box-shadow:0px 0px 20px #e3e3e3;
    box-shadow:0px 0px 20px #e3e3e3;
}
.Tipsms{
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #ffffff;
}
.Tipsms i{
    display: inline-block;
    margin-right: 10px;
}
.Tipsms i.iconfont::before{
    content: "\e627";
    font-size: 18px;
    color: #f1071a;
}
/*个人会员-主页*/
.homebg{
    position: relative;
    width: 100%;
    height: 340px;
}
.dingwei{
    padding-top: 30px;
}
.homebg .mbimg{
    width: 120px;
    height: 120px;
    background-color: rgba(255,255,255,0.15);
    border-radius: 100%;
    margin:0px auto;
}
.homebg .mbimg .mbpic{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
}
.homebg .mbimg .mbpic img{
    width: 120px;
    height: 120px;
    border-radius: 100%;
}
.homebg .mbtil{
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
.homebg .mbedit{
    position: relative;
    margin: 10px auto;
    text-align: center;
}
.homebg .mbedit .Grade{
   display: inline-block;
   position: relative;
   vertical-align: middle;
   margin-top: -5px;
}
.homebg .mbedit .Grade i{
    display: inline-block;
}
.homebg .mbedit .Grade i.iconfont::before{
    content: "\e60b";
    font-size: 30px;
    color: #f9c85d;
}
.homebg .mbedit .Grade b{
    display: inline-block;
    font-weight: normal;
    color: #f9c75d;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 31px;
    text-align: center;
    height: 31px;
    line-height: 33px;
    font-size: 10px
}
.homebg .mbedit .star{
    display: inline-block;
    margin-left: 10px;
    position: relative;
    vertical-align: middle;
}
.homebg .mbedit .star i{
    display: inline-block;
}
.homebg .mbedit .star i.iconfont::before{
    content: "\e620";
    font-size: 20px;
    color: #cccccc;
}
.homebg .mbedit .star i.on.iconfont::before{
    color: #ff9600;
}
.homebg  .mbtext{
    position: relative;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
}
.homebg .mbbtn{
    position: relative;
    width: 230px;
    margin: 20px auto 0px;
}
.homebg .mbbtn a{
    display: inline-block;
    width: 104px;
    height: 34px;
    line-height: 34px;
    color: #f10215;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 3px;
    text-align: center;
}
.homebg .mbbtn i{
    display: inline-block;
    margin-top: -5px;
    vertical-align: middle;
    margin-right: 6px;
}
.homebg .mbbtn i.iconfont::before{
       font-size: 20px;
    color: #f10215;
}
.homebg .mbbtn a:hover{
    text-decoration: underline;
}
.artitext{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    background-color: #ffffff;
    -moz-box-shadow:0px 5px 10px #e2e2e2;
    -webkit-box-shadow:0px 5px 10px #e2e2e2;
    box-shadow:0px 5px 10px #e2e2e2;
}
.artitext em{
    font-style: normal;
    margin-left: 10px;
}
.artimian{
    position: relative;
}
.artimian .artilist{
    position: relative;
    margin: 20px 0px;
}
.artimian .artilist ul{}
.artimian .artilist li{
    width: 254px;
    padding: 12px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}
.artimian .artilist li:nth-child(4n+4){
    margin-right: 0px;
}
.artimian .artilist li h2{
    color: #333333;
    font-size: 16px;
    padding: 15px 0px;
}
.artimian .artilist li p{
    color: #666666;
    font-size: 12px;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 20px;
}
.artimian .artilist li .atspic{
    width: 254px;
    height: 145px;
    overflow: hidden;
}
.artimian .artilist li .state{
    position: relative;
    line-height: 25px;
    margin-top: 10px;
}
.artimian .artilist li .state span{
    display: inline-block;
    color: #999999;
    font-size: 12px;
}
.artimian .artilist li .state .yanjin{
    position: relative;
}
.artimian .artilist li .state .dianzan{
    margin-left: 20px;
}
.artimian .artilist li .state .aixin{
    margin-left: 20px;
}
.artimian .artilist li .state span i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.artimian .artilist li .state .dianzan i{
    margin-top:-5px;
}
.artimian .artilist li .state span i.yjicon::before{
    content: "\e604";
    font-size: 22px;
    color: #b5b5b5;
}
.artimian .artilist li .state span i.dzicon::before{
    content: "\e61a";
    font-size: 20px;
    color: #999999;
}
.artimian .artilist li .state span i.axicon::before{
    content: "\e62b";
    font-size: 20px;
    color: #a6a6a6;
}
.artimian .artilist li .state em{
    font-style: normal;
    float: right;
    color: #999999;
    font-size: 12px;
}
.artimian .artilist li:hover{
    border-color: #e6e6e6;
    -moz-box-shadow:0px 0px 20px #e6e6e6;
    -webkit-box-shadow:0px 0px 20px #e6e6e6;
    box-shadow:0px 0px 20px #e6e6e6;
}
.artimian .artilist li:hover h2{
    color: #f10215;
}
.Latelymian{
    position: relative;
}
.Latelymian .lyfl{
    width: 280px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}
.Latelymian .lyfl h2{
    padding: 0px 20px;
    height: 55px;
    line-height: 55px;
    color: #333333;
    font-size: 16px;
    font-weight: normal;
}
.Latelymian .lyfl .Visitl{
    position: relative;
    padding: 0px 20px;
}
.Latelymian .lyfl .Visitl ul{}
.Latelymian .lyfl .Visitl li{
    width: 60px;
    text-align: center;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}
.Latelymian .lyfl .Visitl li:nth-child(3n+3){
    margin-right: 0px;
}
.Latelymian .lyfl .Visitl li .vilimg{
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
}
.Latelymian .lyfl .Visitl li .vilimg img{
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.Latelymian .lyfl .Visitl li h3{
    color: #333333;
    font-size: 14px;
    font-weight: normal;
}
.Latelymian .lyfl .Visitl li p{
    color: #666666;
    font-size: 12px;
}
.Latelymian .lyfr{
    position: relative;
    width: 900px;
}
.Latelymian .lyfr .dynamic{
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}
.Latelymian .lyfr .dynamic h2{
    color: #333333;
    font-size: 16px;
    margin: 0px 20px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e6e6e6;
}
.Latelymian .lyfr .dynamic .dynitem{
    padding: 20px;
    position: relative;
}
.Latelymian .lyfr .dynamic .dynitem .dyimg{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}
.Latelymian .lyfr .dynamic .dynitem .dyimg img{
    width: 50px;
    height: 50px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata{
    width: 795px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .content{
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .content h3{
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .content span{
    display: block;
    color: #666666;
    font-size: 12px;
    margin: 10px 0px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .content p{
    color: #333333;
    font-size: 14px;
    line-height: 25px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .content .container {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .gallery {
    list-style-type: none;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .gallery li {
    float: left;
    margin-right: 10px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .gallery li:nth-child(6n) {
    margin-right: 0;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .content .gallery li a,
.Latelymian .lyfr .dynamic .dynitem .dydata .content .gallery li img {
    float: left;
    width: 120px;
    height: 120px;
    display: block;
    overflow: hidden;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .content .state {
    position: relative;
    line-height: 22px;
    display: block;
    margin-top: 10px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state span {
    text-align: left;
    color: #666666;
    font-size: 12px;
    display: block;
    float: left;
    width: 30%;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state a {
    color: #666666;
    font-size: 12px;
    margin-left: 30px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -5px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .fabulous {
    margin-left: 0px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .fabulous i.iconfont::before {
    content: "\e61a";
    font-size: 22px;
    color: #666666;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .inverted {}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .inverted i.iconfont::before {
    content: "\e615";
    font-size: 20px;
    color: #666666;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .reply {}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .reply i.iconfont::before {
    content: "\e61f";
    font-size: 22px;
    color: #666666;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .report {
    color: #999999;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .report i.iconfont::before {
    content: "\e656";
    font-size: 23px;
    color: #999999;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .collec i {
    margin-top: -3px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .content .state .collec i.iconfont::before {
    content: "\e62b";
    font-size: 20px;
    color: #666666;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment{
    position: relative;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .cmtmains{
    position: relative;
    padding-top: 20px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .cmtmains .cmtimg{
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
    margin-top: 5px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .cmtmains .cmtimg img{
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .cmtmains .cmtdata{
    width: 750px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .cmtmains .cmtdata h4{
    font-weight: normal;
    color: #333333;
    font-size: 14px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .cmtmains .cmtdata h4 b{
    font-weight: normal;
    color: #f14502;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .cmtmains .cmtdata p{
    color: #666666;
    font-size: 12px;
    margin-top: 8px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .cmtmains .cmtdata p a{
    display: inline-block;
    color: #ff9600;
    margin-left: 20px;
}


.Latelymian .lyfr .dynamic .dynitem .dydata .comment .reply{
    position: relative;
    margin-left: 57px;
    margin-top: 20px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .reply .rpimg{
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
    margin-top: 5px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .reply .rpimg img{
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .reply .rptext{
    width: 690px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .reply .rptext h5{
    font-weight: normal;
    color: #333333;
    font-size: 14px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .reply .rptext h5 em{
    font-style: normal;
    color: #f14502;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .reply .rptext p{
    color: #666666;
    font-size: 12px;
    margin-top: 8px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .reply .rptext .del{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    color: salmon;
    cursor: pointer;
    font-size: 10px;
    line-height: 26px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox{
    position: relative;
    display: none;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq {
    background: #ffffff;
    margin-top: 20px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq p {
    font-size: 12px;
    color: #666;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
    line-height: 45px;
    text-indent: 20px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .message {
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    outline: none;
    border: 1px solid #ddd;
    padding: 8px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333333;
    background-color: #ffffff;
    /*粗细 风格 颜色*/
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But {
    width: 100%;
    height: 35px;
    margin: 15px auto 0px;
    position: relative;
    /*相对，参考对象*/
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But img.bq {
    float: left;
    /*左浮动*/
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But span.submit {
    width: 80px;
    height: 30px;
    background: #ff8140;
    display: block;
    float: right;
    /*右浮动*/
    line-height: 30px;
    border-radius: 5px;
    cursor: pointer;
    /*手指*/
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .face {
    width: 440px;
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 0 12px #666;
    position: absolute;
    top: 21px;
    left: 15px;
    display: none;
    z-index: 100;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .face ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    box-sizing: border-box;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .face ul li {
    width: 30px;
    height: 30px;
    list-style-type: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload {
    display: inline-block;
    position: relative;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 16px;
    height: 13px;
    margin: 5px 0px 5px 10px;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .upload-pick {
    background: url(../images/xpic.png) no-repeat 0 0;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .upload-pick:hover {
    background: url(../images/xpic.png) no-repeat 0 0px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .viewThumb img {
    width: 100%;
    height: 100%
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: rgba(10, 168, 241, .7);
    z-index: 3;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyControl {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    line-height: 24px;
    font-size: 14px;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .viewThumb:hover .diyControl {
    display: block;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyControl span {
    display: inline-block;
    padding: 6.5px 13px;
    width: 12px;
    height: 11px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyLeft {
    margin-left: 3px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyLeft {
    margin-right: 3px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyLeft i {
    margin-left: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 0;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyCancel i {
    background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .diyRight i {
    margin-right: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .rpybox #qq .But .upload .goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon {
    position: relative;
    margin-left: 57px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply{
    position: relative;
    margin-top: 20px;
    margin-left: 0px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rpimg{
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
    margin-top: 5px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rpimg img{
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext{
    width: 690px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext h5{
    font-weight: normal;
    color: #333333;
    font-size: 14px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext h5 em{
    font-style: normal;
    color: #f14502;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext p{
    color: #666666;
    font-size: 12px;
    margin-top: 8px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext a{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    color: salmon;
    cursor: pointer;
    font-size: 10px;
    line-height: 26px;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext a:hover{
    text-decoration: underline;
}


.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext .container {
    position: relative;
    width: 100%;
    margin-top: 15px;
    height: 120px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext .gallery {
    list-style-type: none;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext .gallery li {
    float: left;
    margin-right: 10px;
    width: 120px;
    height: 120px;
}

.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext .gallery li:nth-child(6n) {
    margin-right: 0;
}
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext .gallery li a,
.Latelymian .lyfr .dynamic .dynitem .dydata .comment .msgCon .reply .rptext .gallery li img {
    float: left;
    width: 120px;
    height: 120px;
    display: block;
    overflow: hidden;
}

.Latelymian .lyfr .dyiclist{
    position: relative;
}
.Latelymian .lyfr .dyiclist ul{}
.Latelymian .lyfr .dyiclist li{
    padding: 20px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    margin-bottom: 20px;
}
.Latelymian .lyfr .dyiclist li .dyimg{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
}
.Latelymian .lyfr .dyiclist li .dyimg img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.Latelymian .lyfr .dyiclist li .dydata{
    width: 790px;
}
.Latelymian .lyfr .dyiclist li .dydata h2{
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
}
.Latelymian .lyfr .dyiclist li .dydata span{
    display: block;
    color: #666666;
    font-size: 12px;
    margin: 10px 0px;
}
.Latelymian .lyfr .dyiclist li .dydata em{
    font-weight: 900;
    font-size: 14px;
    font-style: inherit;
    color: #ff7f50;
}
.Latelymian .lyfr .dyiclist li .dydata p{
    color: #333333;
    font-size: 14px;
    line-height: 25px;
}
.Latelymian .lyfr .dyiclist li .dydata .state {
    position: relative;
    line-height: 22px;
    display: block;
    margin-top: 10px;
}

.Latelymian .lyfr .dyiclist li .dydata .state span {
    text-align: left;
    color: #666666;
    font-size: 12px;
    display: block;
    float: left;
    width: 30%;
}

.Latelymian .lyfr .dyiclist li .dydata .state a {
    color: #666666;
    font-size: 12px;
    margin-left: 30px;
}

.Latelymian .lyfr .dyiclist li .dydata .state i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -5px;
}

.Latelymian .lyfr .dyiclist li .dydata .state .fabulous {
    margin-left: 0px;
}

.Latelymian .lyfr .dyiclist li .dydata .state .fabulous i.iconfont::before {
    content: "\e61a";
    font-size: 22px;
    color: #666666;
}

.Latelymian .lyfr .dyiclist li .dydata .state .inverted {}

.Latelymian .lyfr .dyiclist li .dydata .state .inverted i.iconfont::before {
    content: "\e615";
    font-size: 20px;
    color: #666666;
}

.Latelymian .lyfr .dyiclist li .dydata .state .reply {}

.Latelymian .lyfr .dyiclist li .dydata .state .reply i.iconfont::before {
    content: "\e61f";
    font-size: 22px;
    color: #666666;
}

.Latelymian .lyfr .dyiclist li .dydata .state .report {
    color: #999999;
}

.Latelymian .lyfr .dyiclist li .dydata .state .report i.iconfont::before {
    content: "\e656";
    font-size: 23px;
    color: #999999;
}
.Latelymian .lyfr .Loadmore{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #ffffff;
    color: #666666;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    margin-top: 20px;
}
.Latelymian .lyfr .Loadmore a{
    display: block;
    color: #666666;
}
.Latelymian .lyfr .Loadmore i{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -3px;
}
.Latelymian .lyfr .Loadmore i.iconfont::before{
    content: "\e64b";
    font-size: 16px;
    color: #cacaca;
}
.Latelymian .lyfr .Loadmore a:hover{
    text-decoration: underline;
}

/*个人资料*/
.datainfo{
    position: relative;
}
.datainfo .datafl{
    width: 250px;
    position: relative;
}
.datainfo .datafl .proaitem{
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #e0e0e0;
}
.datainfo .datafl .proaitem .prlpic{
    width: 110px;
    height: 110px;
    padding: 10px;
    background-color: rgba(241,2,21,0.05);
    border-radius: 100%;
    margin: 10px auto;
}
.datainfo .datafl .proaitem .prlpic .prlimg{
    width: 110px;
    height: 110px;
    border-radius: 100%;
}
.datainfo .datafl .proaitem .prlpic .prlimg img{
    width: 110px;
    height: 110px;
    border-radius: 100%;
}
.datainfo .datafl .proaitem h2{
    text-align: center;
    color: #333333;
    font-size: 24px;
    margin-top: 20px;
}
.datainfo .datafl .proaitem p{
    color: #666666;
    font-size: 12px;
    text-align: center;
}
.datainfo .datafl .proaitem .mbedit{
    position: relative;
    margin: 10px auto;
    line-height: 26px;
}
.datainfo .datafl .proaitem .mbedit .Grade{
   display: inline-block;
   position: relative;
   vertical-align: middle;
   margin-top: -5px;
}
.datainfo .datafl .proaitem .mbedit .Grade i{
    display: inline-block;
}
.datainfo .datafl .proaitem .mbedit .Grade i.iconfont::before{
    content: "\e60b";
    font-size: 25px;
    color: #f9c85d;
}
.datainfo .datafl .proaitem .mbedit .Grade b{
    display: inline-block;
    font-weight: normal;
    color: #f9c75d;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    font-size: 10px
}
.datainfo .datafl .proaitem .mbedit .star{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.datainfo .datafl .proaitem .mbedit .star i{
    display: inline-block;
}
.datainfo .datafl .proaitem .mbedit .star i.iconfont::before{
    content: "\e620";
    font-size: 16px;
    color: #cccccc;
}
.datainfo .datafl .proaitem .mbedit .star i.on.iconfont::before{
    color: #ff9600;
}
.datainfo .datafl .proaitem .mbedit .Lotus{
    display: inline-block;
    position: relative;
    color: #666666;
    font-size: 12px;
    vertical-align: middle;
    float: right;
}
.datainfo .datafl .proaitem .mbedit .Lotus i{
    display: inline-block;
    width: 20px;
    height: 16px;
    background: url(../images/hhicons.png) no-repeat center;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -6px;

}
.datainfo .datafl .proaitem .mbedit .Lotus em{
    font-style: normal;
    margin-left: 10px;
}
.datainfo .datafl .proaitem .prlfollow{
    position: relative;
    margin-top: 30px;
}
.datainfo .datafl .proaitem .prlfollow ul{}
.datainfo .datafl .proaitem .prlfollow li{
    width: 50%;
    float: left;
    text-align: center;
    background: url(../images/mblins.jpg) no-repeat center right;
}
.datainfo .datafl .proaitem .prlfollow li:last-child{
    background: none;
}
.datainfo .datafl .proaitem .prlfollow li b{
    color: #333333;
    font-size: 24px;
    display: block;
}
.datainfo .datafl .proaitem .prlfollow li p{
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
}
.datainfo .datafl .proalist{
    position: relative;
    padding: 0px 20px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    margin-top: 20px;
}
.datainfo .datafl .proalist ul{}
.datainfo .datafl .proalist li{
    position: relative;
    line-height: 68px;
}
.datainfo .datafl .proalist li i.prlicon{
    display: block;
    width: 25px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    margin: 20px 0px;

}
.datainfo .datafl .proalist li i.prlicon01{
    background-image: url(../images/prlicon01.png);
}
.datainfo .datafl .proalist li i.prlicon02{
    background-image: url(../images/prlicon02.png);
}
.datainfo .datafl .proalist li i.prlicon03{
    background-image: url(../images/prlicon03.png);
}
.datainfo .datafl .proalist li i.prlicon04{
    background-image: url(../images/prlicon04.png);
}
.datainfo .datafl .proalist li i.prlicon05{
    background-image: url(../images/prlicon05.png);
}
.datainfo .datafl .proalist li i.prlicon06{
    background-image: url(../images/prlicon06.png);
}
.datainfo .datafl .proalist li i.prlicon07{
    background-image: url(../images/prlicon07.png);
}
.datainfo .datafl .proalist li span{
    display: block;
    width: 165px;
    float: right;
    height: 68px;
    line-height: 68px;
    color: #333333;
    font-size: 16px;
    border-bottom: 1px solid #f5f5f5;
}
.datainfo .datafl .proalist li span i.iconfont{
    display: inline-block;
    float: right;
}
.datainfo .datafl .proalist li span i.iconfont.fanicon::before{
    content: "\e683";
    font-size: 16px;
    color: #6e6e6e;
}
.datainfo .datafl .proalist li:last-child span{
    border: none;
}
.datainfo .datafl .proalist li.on span i.iconfont.fanicon::before,.datainfo .datafl .proalist li:hover span i.iconfont.fanicon::before{
    color: #f32636;
}
.datainfo .datafr{
    position: relative;
    width: 930px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    padding-bottom: 35px;
}
.datainfo .datafr h2{
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    color: #333333;
    font-size: 14px;
    border-bottom: 1px solid #f8f8f8;
    position: relative;
}
.datainfo .datafr h2 em{
    display: block;
    width: 54px;
    height: 3px;
    background-color: #f10215;
    font-style: normal;
    position: absolute;
    bottom: 0px;
    left: 20px;
}
.datainfo .datafr h2 a{
    display: inline-block;
    float: right;
    color: #f10215;
    font-size: 16px;
    font-weight: normal;
}
.datainfo .datafr h2 a:hover{
    text-decoration: underline;
}
.messagedate{
    position: relative;
    padding: 0px;
}
.messagedate .con4{
    height: auto;
    overflow: hidden;
    padding: 20px 0px;
}
.messagedate .con4 .conitem{
    position: relative;
}
.messagedate .con4 .conitem b{
    display: block;
    float: left;
    color: #333333;
    font-size: 12px;
    line-height: 35px;
    font-weight: normal;
    margin-right: 5px;
    width: 80px;
    text-align: right;
}
.messagedate .con4 .conitem .btn{
    width: 210px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #f5f5f5;
    display: block;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    color: #333333;
    font-size: 12px;
    float: left;
}
.messagedate .con4 .conitem .btn img{
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
}
.messagedate .con4 .conitem em{
    display: block;
    float: left;
    font-style: normal;
    color: #999999;
    font-size: 12px;
    margin-left: 20px;
    line-height: 35px;
}
.messagedate .upload{
    float: left;
    position: relative;
}
.messagedate .upload_pic{
    display: block;
    width: 100%;
    height: 34px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 5px;
}
.messagedate #cvs{
    position: relative;
    margin:20px 0px 0px 85px;
    background: url(../images/argjs.jpg)
}
.messagedate .mgsitem{
    position: relative;
    margin-bottom: 20px;
}
.messagedate .mgsitem b{
    display: block;
    float: left;
    color: #333333;
    font-size: 12px;
    line-height: 35px;
    font-weight: normal;
    margin-right: 5px;
    text-align: right;
    width: 80px;
}
.messagedate .mgsitem .piclist{
    width: 480px;
    float: left;
    position: relative;
}
.messagedate .mgsitem .piclist ul{}
.messagedate .mgsitem .piclist li{
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}
.messagedate .mgsitem .piclist li .pic{
    width: 50px;
    height: 50px;
}
.messagedate .mgsitem .piclist li .pic img{
    width: 50px;
    height: 50px;
}
.messagedate .mgsitem .piclist li em{
    width: 50px;
    height: 50px;
    position: absolute;
    background: url(../images/picon.png) no-repeat center;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: none;
}
.messagedate .mgsitem .piclist li:nth-child(8+8n){
    margin-right: 0px;
}
.messagedate .mgsitem .piclist li.on em{
    display: block;
}

.messagedate .mgsitem .upload {
    display: block;
    position: relative;
}

.messagedate .mgsitem .upload .upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.messagedate .mgsitem .upload .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.messagedate .mgsitem .upload .upload-pick {
    background: url(../images/upms.png) no-repeat 0 0;
}

.messagedate .mgsitem .upload .upload-pick:hover {
    background: url(../images/upms.png) no-repeat 0 0px;
}
.messagedate .mgsitem .upload .webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.messagedate .mgsitem .upload .webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.messagedate .mgsitem .upload .webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.messagedate .mgsitem .upload .webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.messagedate .mgsitem .upload .viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

.messagedate .mgsitem .upload .viewThumb img {
    width: 100%;
    height: 100%
}

.messagedate .mgsitem .upload .diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.messagedate .mgsitem .upload .diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: rgba(10, 168, 241, .7);
    z-index: 3;
}

.messagedate .mgsitem .upload .diyControl {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.messagedate .mgsitem .upload .viewThumb:hover .diyControl {
    display: block;
}

.messagedate .mgsitem .upload .diyControl span {
    display: inline-block;
    padding: 6.5px 5px;
    width: 12px;
    height: 11px;
}

.messagedate .mgsitem .upload .diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7;
}

.messagedate .mgsitem .upload .diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}

.messagedate .mgsitem .upload .diyLeft {
    margin-left: 3px;
}

.messagedate .mgsitem .upload .diyLeft {
    margin-right: 3px;
}

.messagedate .mgsitem .upload .diyLeft i {
    margin-left: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 0;
}

.messagedate .mgsitem .upload .diyCancel i {
    background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}

.messagedate .mgsitem .upload .diyRight i {
    margin-right: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}

.messagedate .mgsitem .upload .goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}
.messagedate .mgsitem .ipt{
    width: 360px;
    height: 35px;
    line-height: 35px;
    text-indent: 20px;
    border: 1px solid #e6e6e6;
}
.messagedate .mgssubt{
    display: block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background-color: #f10215;
    border-radius: 3px;
    margin-left: 85px;
}

/*我的文章*/
.datainfo .datafr.nobt{
    padding-bottom: 0px
}
.datainfo .datafr .artlTxtBox{
    position: relative;
    padding: 20px 20px 0px;
}
.datainfo .datafr .artlTxtBox .alHd{
    position: relative;
    width: 100%;
    height: 28px;
}
.datainfo .datafr .artlTxtBox .alHd ul{}
.datainfo .datafr .artlTxtBox .alHd li{
    float: left;
    padding: 0px 15px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #333333;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin-right: 10px;
}
.datainfo .datafr .artlTxtBox .alHd li.on,.datainfo .datafr .artlTxtBox .alHd li:hover{
    background-color: #f10215;
    color: #ffffff;
    border-color: #f10215;
}
.datainfo .datafr .artlTxtBox .alBd{
    position: relative;
    margin-top: 20px;
    width: 100%;
}
.datainfo .datafr .artlTxtBox .alBd .alBox{
    position: relative;
}
.alth{
    position: relative;
    height: 30px;
    background-color: #fafafa;
}
.alth ul{}
.alth li{
    color: #666666;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #666666;
    font-size: 12px;
}
.alth li.li1{
    width: 310px;
    text-indent: 20px;
    text-align: center;
}
.alth li.li2{
    width: 100px;
    text-align: center;
}
.alth li.li3{
    width: 110px;
    text-align: center;
}
.alth li.li4{
    width: 60px;
    text-align: center;
}
.alth li.li5{
    width: 120px !important;
    text-align: center;
}
.alth li.li6{
    width: 120px !important;
    text-align: center;
}
.altd{
    position: relative;
}
.altd ul{}
.altd li{
    border-bottom: 1px solid #f5f5f5;

}
.altd li span{
    display: block;
    float: left;
    color: #333333;

}
.altd li span.sp1{
    width: 310px;
    line-height: 60px;
}
.altd li span a{

    line-height: 60px !important;
}
#chakan {
    float: left;
    color: #333;
    width: 50px;
}
.altd li span.sp2{
    width: 100px;
    line-height: 60px;
    text-align: center;
}
.altd li span.sp3{
    text-align: center;
    width: 110px;
    line-height: 60px;
}
.altd li span.sp4{
    width: 60px;
    line-height: 60px;
    text-align: center;
}
.altd li span.sp5{
    width: 120px;
    line-height: 60px;
    text-align: center;
}
.altd li span.sp6{
    width: 120px !important;
    line-height: 60px !important;
    text-align: center;
}
.altd li i{
    display: inline-block;

}
.altd li i{
    content: "\e66d";
    font-size: 12px;
    color: #0297f0;
}
.altd li em{
    font-style: normal;
}
.altd li .spitem{
    position: relative;
    font-size: 12px;
    padding: 19px 0px;
}
.altd li .spitem b{
    color: #333333;
    font-weight: normal;
}
.altd li .spitem p{
    color: #999999;
    margin-top: 10px;
}

/*我的文章-投稿*/
.conbutbox{
    position: relative;
    padding: 20px;
    min-height: 600px;
}
.conbutbox .cuitem{
    position: relative;
    margin-bottom: 20px;
    line-height: 35px;
}
.conbutbox .cuitem span{
    display: block;
    color: #333333;
    font-size: 12px;
    width: 62px;
    text-align: right;
    float: left;
}
.conbutbox .cuitem .iptext{
    display: block;
    height: 35px;
    border: 1px solid #e6e6e6;
    width: 220px;
    float: left;
}
.conbutbox .cuitem a{
    display: block;
    color: #0297f0;
    font-size: 12px;
    margin-left: 20px;
    float: left;
}
.conbutbox .cuitem em{
    font-style: normal;
    color: #999999;
    font-size: 12px;
    margin-left: 20px;
    display: block;
    float: left;
}
.conbutbox .cuitem .textra{
    display: block;
    width: 800px;
    height: 80px;
    border: 1px solid #e6e6e6;
    padding: 10px;
}

.conbutbox .cuitem .upload {
    display: block;
    position: relative;
    width: 100%;
    background: url(../images/uplspic.jpg) no-repeat 0 0;
}

.conbutbox .cuitem .upload .upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../images/uplspic.jpg) no-repeat 0 0;
}
.conbutbox .cuitem .upload .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 160px;
    height: 90px;
    margin-right: 10px;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.conbutbox .cuitem .upload .upload-pick {
    background: url(../images/uplspic.jpg) no-repeat 0 0;
}

.conbutbox .cuitem .upload .upload-pick:hover {
    background: url(../images/uplspic.jpg) no-repeat 0 0px;
}

.conbutbox .cuitem .upload .webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.conbutbox .cuitem .upload .webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.conbutbox .cuitem .upload .webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.conbutbox .cuitem .upload .webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.conbutbox .cuitem .upload .viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

.conbutbox .cuitem .upload .viewThumb img {
    width: 100%;
    height: 100%
}

.conbutbox .cuitem .upload .diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.conbutbox .cuitem .upload .diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: rgba(10, 168, 241, .7);
    z-index: 3;
}

.conbutbox .cuitem .upload .diyControl {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background: url(../images/bgblack.png);
    z-index: 3;
    margin-left: 0px;
}

.conbutbox .cuitem .upload .viewThumb:hover .diyControl {
    display: block;
}

.conbutbox .cuitem .upload .diyControl span {
    display: inline-block;
    padding: 6.5px 20px;
    width: 12px;
    height: 11px;
    margin: 0px;
    float: inherit;
    text-align: inherit;
}

.conbutbox .cuitem .upload .diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7;
}

.conbutbox .cuitem .upload .diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}

.conbutbox .cuitem .upload .diyLeft {
    margin-left: 3px;
}

.conbutbox .cuitem .upload .diyLeft {
    margin-right: 3px;
}

.conbutbox .cuitem .upload .diyLeft i {
    margin-left: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 0;
}

.conbutbox .cuitem .upload .diyCancel i {
    background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}

.conbutbox .cuitem .upload .diyRight i {
    margin-right: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}

.conbutbox .cuitem .upload .goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}
.conbutbox .editorms{
    position: relative;
    margin-bottom: 20px;
}
.conbutbox .cuchoice{
    position: relative;
    padding: 10px;
    background-color: #f5f5f5;
    margin-bottom: 20px;
}
.conbutbox .cuchoice .claschce{
    display: inline-block;
    margin-right: 40px;
}
.conbutbox .cuchoice .claschce select {
    width: 120px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #cccccc;
    background: url("../images/arows.png") no-repeat scroll right 10px center transparent;
    background-color: #ffffff;
    margin-right: 5px;
}
.conbutbox .cubtn{
    position: relative;
}
.conbutbox .cubtn .publish{
    width: 80px;
    height: 35px;
    line-height: 35px;
    background-color: #f10215;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    display: block;
    float: left;
    text-align: center;
    cursor: pointer;
}
.conbutbox .cubtn .cancel{
    width: 55px;
    height: 35px;
    line-height: 35px;
    color: #666666;
    font-size: 12px;
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    display: block;
    float: left;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
}

/*个人会员-我的收藏*/
.datainfo .datafr .artlTxtBox.altetbix .alBd{
    margin-top: 0px;
}

/*个人会员-我的录入*/
.datainfo .datafr h2 span{
    color: #999999;
    font-size: 12px;
    margin-left: 30px;
    font-weight: normal;
}
.datainfo .datafr h2 span b{
    font-weight: normal;
    color: #f43510;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alth li.li6{
    width: 405px;
    text-indent: 20px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alth li.li7{
    width: 125px;
    text-align: center;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alth li.li8{
    width: 160px;
    text-align: center;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alth li.li9{
    width: 200px;
    text-align: center;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span.sp6{
    width: 405px;
    text-indent: 20px;
    line-height: 80px;
    display: block;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span.sp7{
    width: 125px;
    text-align: center;
    line-height: 80px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span.sp8{
    width: 160px;
    text-align: center;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span.sp9{
    width: 200px;
    text-align: center;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span b.sh{
    display: block;
    line-height: 80px;
    color: #999999;
    font-size: 12px;
    font-weight: normal;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span b.tg{
    color: #ff9600;
    display: block;
    line-height: 80px;
    font-size: 12px;
    font-weight: normal;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span b.wg{
    color: #f42f10;
    display: block;
    line-height: 80px;
    font-size: 12px;
    font-weight: normal;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span a{
    color: #666666;
    font-size: 12px;
    line-height: 80px;
    background: url(../images/lso1.jpg) no-repeat center right;
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span a:last-child{
    background: none;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span a.see{
    text-align: right;
    padding-right: 10px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span a.edi{
    text-align: left;
    padding-left: 10px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .altd li span a:hover{
    text-decoration: underline;
}

/*个人会员-我的关注*/
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist{
    position: relative;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist ul{}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li{
    padding: 20px 0px;
    border-bottom: 1px solid #f5f5f5;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .alimg{
    width: 200px;
    height: 112px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate{
    width: 520px;
    margin-left: 20px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate h3{
    color: #333333;
    font-size: 18px;
    margin-top: 8px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate h3 span{
    display: inline-block;
    padding: 0px 5px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    background-color: #f10215;
    margin-left: 10px;
    font-weight: normal;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate .star{
    display: block;
    position: relative;
    margin: 8px 0px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate .star i{
    display: inline-block;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate .star i.iconfont::before{
    content: "\e620";
    font-size: 16px;
    color: #cccccc;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate .star i.on.iconfont::before{
    color: #ff9600;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate .review{
    position: relative;
    color: #666666;
    font-size: 12px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate .review span{
    color: #ff9600;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate .review em{
    font-style: normal;
    padding: 0px 15px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate .review b{
   color: #333333;
   margin-left: 10px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .aldate p{
    color: #666666;
    font-size: 12px;
    margin-top: 8px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .albtn{
    width: 145px;
    padding: 38px 0px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .albtn .Enter{
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    border: 1px solid #e6e6e6;
    border-radius: 30px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .albtn .delete{
    float: right;
    display: inline-block;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .albtn .delete i{
    display: inline-block;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .albtn .delete i.iconfont::before{
    content: "\e66a";
    font-size: 30px;
    color: #cccccc;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li .albtn .Enter:hover{
    text-decoration: underline;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .albuslist li:hover h3{
    color: #f10215;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist{
    position: relative;
    margin-top: 20px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist ul{}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li{
    width: 281px;
    border: 1px solid #eeeeee;
    float: left;
    background-color: #f7f7f7;
    margin-right: 20px;
    margin-bottom: 20px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li:nth-child(3n+3){
    margin-right: 0px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .alpic{
    width: 88px;
    height: 88px;
    border-radius: 100%;
    overflow: hidden;
    margin: 45px 20px;

}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .alpic img{
    width: 88px;
    height: 88px;
    border-radius: 100%;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate{
    width: 150px;
    padding: 20px;
    background: url(../images/lsms.jpg) no-repeat center left;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate h3{
    color: #333333;
    font-size: 14px;
    font-weight: normal;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .mbedit{
    position: relative;
    margin: 5px 0px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .mbedit .Grade{
   display: inline-block;
   position: relative;
   vertical-align: middle;
   margin-top: 0px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .mbedit .Grade i{
    display: inline-block;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .mbedit .Grade i.iconfont::before{
    content: "\e60b";
    font-size: 20px;
    color: #f9c85d;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .mbedit .Grade b{
    display: inline-block;
    font-weight: normal;
    color: #f9c75d;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-size: 10px
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .mbedit .star{
    display: inline-block;
    margin-left: 5px;
    position: relative;
    vertical-align: middle;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .mbedit .star i{
    display: inline-block;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .mbedit .star i.iconfont::before{
    content: "\e620";
    font-size: 14px;
    color: #cccccc;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .mbedit .star i.on.iconfont::before{
    color: #ff9600;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate p{
    color: #999999;
    font-size: 12px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox{
    position: relative;
    margin-top: 10px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .payto{
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #333333;
    font-size: 12px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    border-radius: 3px;
    float: left;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .payto i{
    display: inline-block;
    margin-right: 5px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .payto i.iconfont::before{
    content: "\e60c";
    font-size: 14px;
    color: #333333;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .setup{
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #cccccc;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .setup i{
    display: inline-block;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .setup i.iconfont::before{
    content: "\e650";
    font-size: 14px;
    color: #666666;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .setup:hover i.iconfont::before{
    color: #f10215;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .setdow{
    background-color: #ffffff;
    border-radius: 3px;
    -moz-box-shadow:0px 0px 10px #ececec;
    -webkit-box-shadow:0px 0px 10px #ececec;
    box-shadow:0px 0px 10px #ececec;
    position: absolute;
    bottom: -65px;
    right: -10px;
    display: none;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .setdow a{
    display: block;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    color: #333333;
    font-size: 12px;
}
.datainfo .datafr .artlTxtBox .alBd .alBox .alperslist li .aldate .paybox .setdow a:hover{
    text-decoration: underline;
}

/*个人会员-评论*/
.mafgGroup{
    position: relative;
}
.mafgGroup .mghd{
    position: relative;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f8f8f8;
}
.mafgGroup .mghd ul{}
.mafgGroup .mghd li{
    display: inline-block;
    margin: 0px 20px;
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}
.mafgGroup .mghd li.on{
    border-bottom: 2px solid #f10215;
    color: #333333;
}
.mafgGroup .mgbd{
    position: relative;
}
.mafgGroup .mgbd .mgBox{
    position: relative;
    padding: 20px 20px 0px;
}
.mgflwlist{
    position: relative;
    margin-top: -20px;
}
.mgflwlist ul{}
.mgflwlist li{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #f6f6f6;
}
.mgflwlist li a{
    color: #333333;
    font-size: 12px;
}
.mgflwlist li span{
    color: #f14502;
}
.mgflwlist li em{
    font-style: normal;
    float: right;
}
.ltrbtns{
    position: relative;
    margin-top: -10px;
}
.ltrbtns a{
    display: block;
    float: left;
    width: 100px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #333333;
    font-size: 12px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin-right: 20px;
}
.ltrbtns a:hover{
    color: #f10215;
    border-color: #f10215;
}
.letterlist{
    position: relative;
}
.letterlist ul{}
.letterlist li{
    position: relative;
    padding: 15px 0px;
    border-bottom: 1px solid #f5f5f5;
}
.letterlist li .ltrimg{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-left: 20px;
}
.letterlist li .ltrimg img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.letterlist li .ltrdate{
    width: 810px;
}
.letterlist li .ltrdate h3{
    color: #333333;
    font-size: 14px;
    margin-bottom: 10px;
}
.letterlist li .ltrdate h3 span{
    display: inline-block;
    float: right;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}
.letterlist li .ltrdate h3 span a{
    color: #333333;
    margin-left: 10px;
    font-weight: normal;
}
.letterlist li .ltrdate p{
    color: #666666;
    font-size: 14px;
}
.letterlist li .ltrdate p b{
    display: inline-block;
    float: right;
    color: #ffffff;
    background-color: #f14502;
    border-radius: 3px;
    padding: 0px 10px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
}

.comentlist{
    position: relative;
    margin-top: -10px;
}
.comentlist ul{}
.comentlist li{
    padding: 15px 20px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}
.comentlist li .cmpic{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}
.comentlist li .cmpic img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.comentlist li .cmdate{
    width: 790px;
    position: relative;
}
.comentlist li .cmdate p{
    color: #333333;
    font-size: 14px;
}
.comentlist li .cmdate p b{
    font-weight: bold;
}
.comentlist li .cmdate em{
    float: right;
    font-style: normal;
    color: #666666;
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.comentlist li .cmdate em a{
    color: #333333;
    margin-left: 10px;
}
.comentlist li .cmdate em a:hover{
    text-decoration: underline;
}
.comentlist li .cmdate span{
    display: block;
    color: #666666;
    font-size: 14px;
    margin: 10px 0px;
}
.comentlist li .cmdate .cmbox{
    padding: 5px 10px;
    background-color: #f5f5f5;
    color: #cccccc;
    font-size: 14px;
    display: none;
}

/*商家中心*/
.merchant{
    position: relative;
}
.merchant .mctfl{
    width: 180px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    margin-top: 20px;
}
.merchant .mctfl h2{
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background-color: #f10215;
    color: #ffffff;
    font-size: 16px;
}
.merchant .mctfl h2 i{
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -5px;
}
.merchant .mctfl h2 i.iconfont::before{
    content: "\e69b";
    font-size: 30px;
    color: #ffffff;
}
.merchant .mctfl .matils{
    margin: 0px 20px;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0px;
    position: relative;
    text-align: center;
}
.merchant .mctfl .matils h3{
    color: #333333;
    font-size: 16px;
    line-height: 40px;
}
.merchant .mctfl .matils ul{}
.merchant .mctfl .matils li{
    height: 40px;
    line-height: 40px;

}
.merchant .mctfl .matils li a{
    display: block;
    color: #333333;
    font-size: 14px;
}
.merchant .mctfl .matils li:hover a,.merchant .mctfl .matils li.on a{
    color: #f10215;
    font-weight: bold;
}
.merchant .mctfl .matils:last-child{
    border: none;
}
.merchant .mctfr{
    width: 1000px;
}
.merchant .mctfr .bussmain{
    position: relative;
    height: 200px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    margin: 30px 0px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.merchant .mctfr .bussmain .bsavatar{
    width: 250px;
    height: 220px;
    background: url(../images/bsmdbd.png) no-repeat center;
    position: absolute;
    top: -10px;
    left: 0px;
}
.merchant .mctfr .bussmain .bsavatar .bspic{
    width: 140px;
    height: 140px;
    background: rgba(255,255,255,0.2);
    padding: 10px;
    border-radius: 100%;
    margin: 30px auto;
}
.merchant .mctfr .bussmain .bsavatar .bspic .bsimg{
    width: 140px;
    height: 140px;
    border-radius: 100%;
    overflow: hidden;
    margin-top: -10px;
    margin-left: -10px;
}
.merchant .mctfr .bussmain .bsavatar .bspic .bsimg img{
    width: 140px;
    height: 140px;
    border-radius: 100%;
}
.merchant .mctfr .bussmain .bsdate{
    width: 700px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
}
.merchant .mctfr .bussmain .bsdate h2{
    color: #333333;
    font-size: 18px;
}
.merchant .mctfr .bussmain .bsdate h2 img{
    width: 86px;
    height: 18px;
    margin-left: 20px;
    vertical-align: middle;
}
.merchant .mctfr .bussmain .bsdate h2 a{
    display: inline-block;
    width: 64px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #999999;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    float: right;
}
.merchant .mctfr .bussmain .bsdate h2 a:hover{
    color: #f10215;
    border-color: #f10215;
}
.merchant .mctfr .bussmain .bsdate .value{
    position: relative;
    color: #666666;
    font-size: 12px;
    line-height: 23px;
    margin: 20px 0px 15px;
}
.merchant .mctfr .bussmain .bsdate .value .hhicon{
    display: inline-block;
    width: 30px;
    height: 23px;
    background: url(../images/hhicon.png) no-repeat center;
    vertical-align: middle;
    margin-right: 12px;
}
.merchant .mctfr .bussmain .bsdate .value em{
    font-style: normal;
    margin-left: 8px;
    margin-right: 40px;
    vertical-align: middle;
}
.merchant .mctfr .bussmain .bsdate .value span{
    color: #333333;
    vertical-align: middle;
}
.merchant .mctfr .bussmain .bsdate p{
    display: block;
    position: relative;
    color: #666666;
    font-size: 12px;
    margin-bottom: 10px;
}
.merchant .mctfr .bussmain .bsdate p span{
    color: #333333;
}
.merchant .mctfr .bussmain .bsdate .fans{
    position: absolute;
    width: 45px;
    right: 0px;
    bottom: 0px;
    text-align: center;
}
.merchant .mctfr .bussmain .bsdate .fans b{
    display: block;
    color: #333333;
    font-size: 24px;
}
.merchant .mctfr .bussmain .bsdate .fans p{
    color: #666666;
    font-size: 14px;
}
.merchant .mctfr .striplist{
    position: relative;
    margin-bottom: 20px;
}
.merchant .mctfr .striplist ul{}
.merchant .mctfr .striplist li{
    width: 312px;
    border: 1px solid #e6e6e6;
    float: left;
    background-color: #ffffff;
    margin-right: 20px;
    margin-top: 20px;
}
.merchant .mctfr .striplist li:last-child{
    margin-right: 0px;
}
.merchant .mctfr .striplist li h3{
    text-align: center;
    color: #333333;
    font-size: 16px;
    padding: 35px 0px 30px;
    font-weight: normal;
}
.merchant .mctfr .striplist li i.sricon{
    display: block;
    margin: 0px auto;
    width: 100px;
    height: 100px;
    border-radius: 100%;
}
.merchant .mctfr .striplist li i.sricon_01{
    background-image: url(../images/sricon_01.png);
}
.merchant .mctfr .striplist li i.sricon_02{
    background-image: url(../images/sricon_02.png);
}
.merchant .mctfr .striplist li i.sricon_03{
    background-image: url(../images/sricon_03.png);
}
.merchant .mctfr .striplist li b{
    display: block;
    text-align:center;
    color: #333333;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 8px;
}
.merchant .mctfr .striplist li span{
    display: block;
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
}
.merchant .mctfr .striplist li .spitem{
    position: relative;
    border-top: 1px solid #e6e6e6;
    padding: 20px;
}
.merchant .mctfr .striplist li .spitem p{
    height: 40px;
    line-height: 40px;
    color: #666666;
    font-size: 14px;
}
.merchant .mctfr .striplist li .spitem p i.iconfont{
    display: inline-block;
    margin-right: 10px;
}
.merchant .mctfr .striplist li .spitem p i.zszicon::before{
    content: "\e641";
    font-size: 18px;
    color: #7a7a7a;
}
.merchant .mctfr .striplist li .spitem p i.shzicon::before{
    content: "\e659";
    font-size: 18px;
    color: #7a7a7a;
}
.merchant .mctfr .striplist li .spitem p i.shsbicon::before{
    content: "\e605";
    font-size: 20px;
    color: #7a7a7a;
}
.merchant .mctfr .striplist li .spitem p em{
    font-style: normal;
    float: right;
    color: #333333;
    font-weight: bold;
}
.merchant .mctfr .bulletin{
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}
.merchant .mctfr .bulletin h2{
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    color: #333333;
    font-size: 16px;
    border-bottom: 1px solid #e6e6e6;
}
.merchant .mctfr .bulletin h2 i{
    display: inline-block;
    margin-right: 10px;
}
.merchant .mctfr .bulletin h2 i.iconfont::before{
    content: "\e618";
    font-size: 20px;
    color: #f10215;
}
.merchant .mctfr .bulletin .bulnitem{
    position: relative;
    padding: 20px;
}
.merchant .mctfr .bulletin .bulnitem ul{}
.merchant .mctfr .bulletin .bulnitem li{
    height: 25px;
    line-height: 25px;
}
.merchant .mctfr .bulletin .bulnitem li a{
    display: inline-block;
    width: 80%;
    color: #666666;
    font-size: 12px;
}
.merchant .mctfr .bulletin .bulnitem li span{
    display: inline-block;
    color: #666666;
    font-size: 12px;
    float: right;
}
.merchant .mctfr .bulletin .bulnitem li:hover a{
    color: #f10215;
    text-decoration: underline;
}

/*最新资讯*/
.merchant .mctfr .mctBox{
    position: relative;
    margin-top: 20px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}
.merchant .mctfr .mctBox h2{
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    color: #333333;
    font-size: 14px;
    border-bottom: 1px solid #f8f8f8;
    position: relative;
}
.merchant .mctfr .mctBox h2 em{
    display: block;
    width: 54px;
    height: 3px;
    background-color: #f10215;
    font-style: normal;
    position: absolute;
    bottom: 0px;
    left: 20px;
}
.merchant .mctfr .mctBox h2 a{
    display: inline-block;
    float: right;
    color: #f10215;
    font-size: 14px;
    font-weight: normal;
}
.merchant .mctfr .mctBox h2 a:hover{
    text-decoration: underline;
}
.merchant .mctfr .mctBox .infomian{
    position: relative;
    padding: 20px 20px 0px;
}
.merchant .mctfr .mctBox .infomian .infolv{
    position: relative;
    margin-bottom: 20px;
}
.merchant .mctfr .mctBox .infomian .infolv .ifsel{
    width: 178px;
    height: 34px;
    background: url("../images/arrow.png") no-repeat scroll center right 10px transparent;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    margin-right: 20px;
    float: left;
    font-size: 12px;
}
.merchant .mctfr .mctBox .infomian .infolv .ifips{
    width: 178px;
    height: 34px;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    margin-right: 20px;
    float: left;
    text-indent: 10px;
    font-size: 12px;
}
.merchant .mctfr .mctBox .infomian .infolv .ssbtn{
    display: block;
    float: left;
    width: 160px;
    height: 34px;
    line-height: 34px;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    text-align: center;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
}
.merchant .mctfr .mctBox .infomian .infoth{
    position: relative;
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
}
.merchant .mctfr .mctBox .infomian .infoth ul{}
.merchant .mctfr .mctBox .infomian .infoth li{
    float: left;
    text-align: center;
    color: #666666;
    font-size: 12px;
}
.merchant .mctfr .mctBox .infomian .infoth .li1{
    text-align: left;
    text-indent: 20px;
    width: 420px;
}
.merchant .mctfr .mctBox .infomian .infoth .li2{
    width: 140px;
}
.merchant .mctfr .mctBox .infomian .infoth .li3{
    width: 140px;
}
.merchant .mctfr .mctBox .infomian .infoth .li4{
    width: 138px;
}
.merchant .mctfr .mctBox .infomian .infoth .li28{
    width: 120px;
}
.merchant .mctfr .mctBox .infomian .infotd0{
    position: relative;
}
.merchant .mctfr .mctBox .infomian .infotd ul{}
.merchant .mctfr .mctBox .infomian .infotd li{
    position: relative;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f5f5f5;
}
.merchant .mctfr .mctBox .infomian .infotd li span{
    display: block;
    float: left;
    text-align: center;
    color: #666666;
    font-size: 12px;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp1{
    text-align: left;
    text-indent: 20px;
    width: 420px;
    color: #333333;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp2{
    width: 140px;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp3{
    width: 140px;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp4{
    width: 138px;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp28{
    width: 120px;
}
.merchant .mctfr .mctBox .infomian .infotd li span a{
    color: #666666;
    font-size: 12px;
    line-height: 60px;
    background: url(../images/lso1.jpg) no-repeat center right;
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.merchant .mctfr .mctBox .infomian .infotd li span a:last-child{
    background: none;
}
.merchant .mctfr .mctBox .infomian .infotd li span .see{
    text-align: left;
    padding-left: 10px;
}
.merchant .mctfr .mctBox .infomian .infotd li span .edi{
    text-align: right;
    padding-right: 10px;
}
.merchant .mctfr .mctBox .infomian .infotd li span a:hover{
    text-decoration: underline;
}

/*资质荣誉*/
.merchant .mctfr .mctBox .infomian .infoth .li5{
    width: 240px;
    text-align: left;
    text-indent: 20px;
}
.merchant .mctfr .mctBox .infomian .infoth .li6{
    width: 240px;
    text-align: left;
}
.merchant .mctfr .mctBox .infomian .infoth .li7{
    width: 240px;
    text-align: left;
}
.merchant .mctfr .mctBox .infomian .infoth .li8{
    width: 238px;
    text-align: left;
}
.merchant .mctfr .mctBox .infomian .piclist{
    min-height: 600px;
    position: relative;
}
.merchant .mctfr .mctBox .infomian .piclist ul{}
.merchant .mctfr .mctBox .infomian .piclist li{
    padding: 20px 0px;
    border-bottom: 1px solid #f5f5f5;
    line-height: 90px;
}
.merchant .mctfr .mctBox .infomian .piclist li div{
    display: block;
    float: left;
    color: #666666;
    font-size: 12px;
}
.merchant .mctfr .mctBox .infomian .piclist li .pc1{
    width: 240px;
    text-align: left;
    text-indent: 20px;
}
.merchant .mctfr .mctBox .infomian .piclist li .pc2{
    width: 240px;
    color: #333333;
    font-size: 14px;
}
.merchant .mctfr .mctBox .infomian .piclist li .pc3{
    width: 240px;
}
.merchant .mctfr .mctBox .infomian .piclist li .pc4{
    width: 238px;
}
.merchant .mctfr .mctBox .infomian .piclist li .pcimg{
    width: 160px;
    height: 90px;
    float: inherit;
}
.merchant .mctfr .mctBox .infomian .piclist li .pcimg img{
    width: 160px;
    height: 90px;
}
.merchant .mctfr .mctBox .infomian .piclist li a{
    color: #666666;
    font-size: 12px;
}

/*员工列表*/
.merchant .mctfr .mctBox .infomian .infoth .li9{
    text-indent: 20px;
    text-align: center;
    width: 130px;

}
.merchant .mctfr .mctBox .infomian .infoth .li10{
    width: 160px;
    text-align: center;
}
.merchant .mctfr .mctBox .infomian .infoth .li11{
    width: 160px;
    text-align: center;
}
.merchant .mctfr .mctBox .infomian .infoth .li12{
    width: 160px;
    text-align: center;
}
.merchant .mctfr .mctBox .infomian .infoth .li13{
    width: 160px;
    text-align: center;
}
.merchant .mctfr .mctBox .infomian .infotd li.pdms{
    padding: 10px 0px;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp9{
    text-indent: 20px;
    text-align: center;
    width: 130px;
    color: #333333;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp10{
    width: 160px;
    text-align: center;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp11{
    width: 160px;
    text-align: center;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp12{
    width: 160px;
    text-align: center;
}
.merchant .mctfr .mctBox .infomian .infotd li .sp13{
    width: 160px;
    text-align: center;
}

.conbutbox .cuitem.Elegant .upload .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 80px;
    height: 102px;
    margin-right: 10px;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.conbutbox .cuitem.Elegant .upload .upload-pick {
    background: url(../images/uplspics.jpg) no-repeat 0 0;
}

.conbutbox .cuitem.Elegant .upload .upload-pick:hover {
    background: url(../images/uplspics.jpg) no-repeat 0 0px;
}
.conbutbox .cuitem p{
    color: #999999;
    font-size: 12px;
    margin-left: 62px;
}
.conbutbox .cuitem.Elegant .upload .upload-ul span{
    padding: 6.5px 7px;
}

/*环境展示添加图片*/
.conbutbox .cuitem p b{
    font-weight: normal;
    color: #666666;
}
.conbutbox .cubtn.cumgs{
    margin-left: 62px;
}

/*店铺点评*/
.shopmian{
    position: relative;
    padding: 20px 20px 0px;
}
.shopmian .batch{
    position: relative;
    margin-bottom: 20px;
}
.shopmian .batch a{
    display: block;
    margin-right: 10px;
    width: 100px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #333333;
    font-size: 12px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
}
.shopmian .batch a:hover{
    color: #f10215;
    border-color: #f10215;
}
.shopmian .spth{
    position: relative;
    height: 36px;
    line-height: 36px;
    background-color: #f5f5f5;
    text-align: center;
}
.shopmian .spth ul{}
.shopmian .spth li{
    float: left;
    color: #666666;
    font-size: 12px;
}
.shopmian .spth .li1{
    width: 60px;
}
.shopmian .spth .li2{
    width: 280px;
}
.shopmian .spth .li3{
    width: 120px;
}
.shopmian .spth .li4{
    width: 120px;
}
.shopmian .spth .li5{
    width: 140px;
}
.shopmian .spth .li6{
    width: 120px;
}
.shopmian .spth .li7{
    width: 118px;
}
.shopmian .spth .grade{
    position: relative;
    cursor: pointer;
    height: 35px;
}
.shopmian .spth .grade i.updwicon{
    display: inline-block;
    margin-left: 7px;
}
.shopmian .spth .grade i.updwicon::before{
    content: "\e89e";
    font-size: 10px;
    color: #333333;
}
.shopmian .spth .grade:hover{
    background-color: #ffffff;
    -moz-box-shadow:0px 0px 5px #eeeeee;
    -webkit-box-shadow:0px 0px 5px #eeeeee;
    box-shadow:0px 0px 5px #eeeeee;
}
.shopmian .spth .grade:hover i.updwicon::before{
    content: "\e693";
}
.shopmian .spth .grade .gadeitem{
    width: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 34px;
    left: 0px;
    display: none;
    z-index: 20;
    -moz-box-shadow:0px 2px 5px #eeeeee;
    -webkit-box-shadow:0px 2px 5px #eeeeee;
    box-shadow:0px 2px 5px #eeeeee;
}
.shopmian .spth .grade .gadeitem a{
    height: 40px;
    line-height: 40px;
    color: #666666;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    display: block;
}
.shopmian .spth .grade .gadeitem a i.gouicon{
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 8px;
}
.shopmian .spth .grade .gadeitem a i.gouicon::before{
    content: "\e60c";
    font-size: 16px;
    color: #ffffff;
}
.shopmian .spth .grade .gadeitem a.on,.shopmian .spth .grade .gadeitem a:hover{
    color: #f10215;
}
.shopmian .spth .grade .gadeitem a.on i.gouicon::before,.shopmian .spth .grade .gadeitem a:hover i.gouicon::before{
    color: #f10215;
}

.shopmian .spth .state{
    position: relative;
    cursor: pointer;
    height: 35px;
}
.shopmian .spth .state i.updwicon{
    display: inline-block;
    margin-left: 7px;
}
.shopmian .spth .state i.updwicon::before{
    content: "\e89e";
    font-size: 10px;
    color: #333333;
}
.shopmian .spth .state:hover{
    background-color: #ffffff;
    -moz-box-shadow:0px 0px 5px #eeeeee;
    -webkit-box-shadow:0px 0px 5px #eeeeee;
    box-shadow:0px 0px 5px #eeeeee;
}
.shopmian .spth .state:hover i.updwicon::before{
    content: "\e693";
}
.shopmian .spth .state .staitem{
    width: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 34px;
    left: 0px;
    display: none;
    z-index: 20;
    -moz-box-shadow:0px 2px 5px #eeeeee;
    -webkit-box-shadow:0px 2px 5px #eeeeee;
    box-shadow:0px 2px 5px #eeeeee;
}
.shopmian .spth .state .staitem a{
    height: 40px;
    line-height: 40px;
    color: #666666;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    display: block;
}
.shopmian .spth .state .staitem a i.gouicon{
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 8px;
}
.shopmian .spth .state .staitem a i.gouicon::before{
    content: "\e60c";
    font-size: 16px;
    color: #ffffff;
}
.shopmian .spth .state .staitem a.on,.shopmian .spth .state .staitem a:hover{
    color: #f10215;
}
.shopmian .spth .state .staitem a.on i.gouicon::before,.shopmian .spth .state .staitem a:hover i.gouicon::before{
    color: #f10215;
}
.shopmian .sptd{
    position: relative;
}
.shopmian .sptd ul{}
.shopmian .sptd li{
    position: relative;
    height: 60px;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}
.shopmian .sptd li .spdv{
    position: relative;
    color: #666666;
    font-size: 12px;
    float: left;
}
.shopmian .sptd li .spdv1{
    width: 60px;
}
.shopmian .sptd li .spdv2{
    width: 280px;
    color: #333333;
    text-align: left;
}
.shopmian .sptd li .spdv3{
    width: 120px;
}
.shopmian .sptd li .spdv4{
    width: 120px;
}
.shopmian .sptd li .spdv5{
    width: 140px;
}
.shopmian .sptd li .spdv6{
    width: 120px;
}
.shopmian .sptd li .spdv7{
    width: 118px;
}
.shopmian .sptd li .spdv i.ckicon{
    display: inline-block;
    cursor: pointer;
}
.shopmian .sptd li .spdv i.ckicon::before{
    content: "\e60d";
    font-size: 16px;
    color: #cccccc;
}
.shopmian .sptd li .spdv i.on.ckicon::before{
    content: "\e60e";
    color: #f10215;
}
.shopmian .sptd li .spdv .stars{
    position: relative;
}
.shopmian .sptd li .spdv .stars i.staricon{
    display: inline-block;
}
.shopmian .sptd li .spdv .stars i.staricon::before{
    content: "\e620";
    font-size: 14px;
    color: #cccccc;
}
.shopmian .sptd li .spdv .stars i.on.staricon::before{
    color: #ff9600
}

.shopmian .sptd li .spdv a{
    color: #666666;
    font-size: 12px;
    line-height: 60px;
    background: url(../images/lso1.jpg) no-repeat center right;
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box
}
.shopmian .sptd li .spdv a:last-child{
    background: none;
}
.shopmian .sptd li .spdv a.see{
    text-align: right;
    padding-right: 10px;
}
.shopmian .sptd li .spdv a.rpy{
    text-align: left;
    padding-left: 10px;
}
.shopmian .sptd li .spdv a:hover{
    text-decoration: underline;
}

.comtbg{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 100;
    display: none;
}
.comtBox{
    position: fixed;
    width: 990px;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 10px;
    top: 20%;
    left: 50%;
    margin-left: -560px;
    z-index: 110;
    display: none;
}

.comtBox i.close {
    display: block;
    width: 24px;
    height: 34px;
    position: absolute;
    top: -34px;
    right: 10px;
    background: url(../images/spclose.png) no-repeat center;
    cursor: pointer;
}
.comtBox .comtmain{
    position: relative;
}
.comtBox .comtmain .cmfl{
    width: 145px;
    position: relative;
}
.comtBox .comtmain .cmfl .cmpic{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}
.comtBox .comtmain .cmfl .cmpic img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.comtBox .comtmain .cmfl .cmname{
    color: #333333;
    font-size: 14px;
    margin-left: 10px;
    line-height: 30px;
    width: 80px;
}
.comtBox .comtmain .cmfr{
    width: 840px;
    position: relative;
}
.comtBox .comtmain .cmfr .cmstar{
    position: relative;
}
.comtBox .comtmain .cmfr .cmstar i{
    display: inline-block;
}
.comtBox .comtmain .cmfr .cmstar i.iconfont::before{
    content: "\e620";
    font-size: 14px;
    color: #cccccc;
}
.comtBox .comtmain .cmfr .cmstar i.on.iconfont::before{
    color: #ff9600
}
.comtBox .comtmain .cmfr .cmstar span{
    display: inline-block;
    margin-left: 20px;
    color: #666666;
    font-size: 12px;
}
.comtBox .comtmain .cmfr .cmtext{
    color: #333333;
    font-size: 14px;
    margin: 15px 0px;
    line-height: 22px;
}
.comtBox .comtmain .cmfr .cmimgitem{
    position: relative;
}
.comtBox .comtmain .cmfr .cmimgitem .cmimg{
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.comtBox .comtmain .cmfr .cmimgitem .cmimg img{
    width: 120px;
    height: 120px;
}
.comtBox .comtmain .cmfr .states {
    position: relative;
    line-height: 22px;
    display: block;
    margin-top: 20px;
}

.comtBox .comtmain .cmfr .states span {
    text-align: left;
    color: #666666;
    font-size: 12px;
    display: block;
    float: left;
    width: 30%;
}

.comtBox .comtmain .cmfr .states a {
    color: #666666;
    font-size: 12px;
    margin-left: 30px;
}

.comtBox .comtmain .cmfr .states i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -5px;
}

.comtBox .comtmain .cmfr .states .fabulous {
    margin-left: 0px;
}

.comtBox .comtmain .cmfr .states .fabulous i.iconfont::before {
    content: "\e61a";
    font-size: 22px;
    color: #666666;
}

.comtBox .comtmain .cmfr .states .collec i {
    margin-top: -3px;
}

.comtBox .comtmain .cmfr .states .collec i.iconfont::before {
    content: "\e62b";
    font-size: 20px;
    color: #666666;
}

.comtBox .comtmain .cmfr .rpybox{
    position: relative;
    background-color: #f5f5f5;
    padding: 20px;
    margin-top: 20px;
}
.comtBox .comtmain .cmfr .rpybox #qq {
    position: relative;
}

.comtBox .comtmain .cmfr .rpybox #qq p {
    font-size: 12px;
    color: #666;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
    line-height: 45px;
    text-indent: 20px;
}

.comtBox .comtmain .cmfr .rpybox #qq .message {
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    outline: none;
    border: 1px solid #ddd;
    padding: 8px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #ffffff;
    color: #333333;
}
.comtBox .comtmain .cmfr .rpybox #qq .But {
    width: 100%;
    height: 30px;
    margin: 15px auto 0px;
    position: relative;
    /*相对，参考对象*/
}

.comtBox .comtmain .cmfr .rpybox #qq .But img.bq {
    float: left;
    /*左浮动*/
}

.comtBox .comtmain .cmfr .rpybox #qq .But span.submits {
    width: 80px;
    height: 30px;
    background: #f10215;
    display: block;
    float: right;
    /*右浮动*/
    line-height: 30px;
    border-radius: 5px;
    cursor: pointer;
    /*手指*/
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .face {
    width: 440px;
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 0 12px #666;
    position: absolute;
    top: 21px;
    left: 15px;
    display: none;
    z-index: 100;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .face ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    box-sizing: border-box;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .face ul li {
    width: 30px;
    height: 30px;
    list-style-type: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


.comtBox .comtmain .cmfr .rpybox #qq .But .upload {
    display: inline-block;
    position: relative;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 16px;
    height: 13px;
    margin: 5px 0px 5px 10px;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .upload-pick {
    background: url(../images/xpic.png) no-repeat 0 0;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .upload-pick:hover {
    background: url(../images/xpic.png) no-repeat 0 0px;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.comtBox .comtmain .cmfr .rpybox #qq .But .upload .webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .viewThumb img {
    width: 100%;
    height: 100%
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: rgba(10, 168, 241, .7);
    z-index: 3;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyControl {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    line-height: 24px;
    font-size: 14px;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .viewThumb:hover .diyControl {
    display: block;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyControl span {
    display: inline-block;
    padding: 6.5px 13px;
    width: 12px;
    height: 11px;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyLeft {
    margin-left: 3px;
}
.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyLeft {
    margin-right: 3px;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyLeft i {
    margin-left: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 0;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyCancel i {
    background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .diyRight i {
    margin-right: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}

.comtBox .comtmain .cmfr .rpybox #qq .But .upload .goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}

/*活动点评*/
.shopmian .spth .li8{
    width: 218px;
}
.shopmian .spth .li9{
    width: 140px;
}
.shopmian .spth .li10{
    width: 100px;
}
.shopmian .spth .li11{
    width: 100px;
}
.shopmian .spth .li12{
    width: 100px;
}
.shopmian .sptd li .spdv8{
    width: 218px;
    text-align: left;
    color: #333333;
}
.shopmian .sptd li .spdv9{
    width: 140px;
    color: #333333;
}
.shopmian .sptd li .spdv10{
    width: 100px;
}
.shopmian .sptd li .spdv11{
    width: 100px;
}
.shopmian .sptd li .spdv12{
    width: 100px;

}

/*私信信箱*/
.mailbox{
    position: relative;
    padding: 20px;
}
.mailbox .ltrbtns{
    margin: 0px;
}
.mailbox .letterlist li .ltrdate{
    width: 875px;
}

.ltrbg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: none;
}

.letterBox {
    width: 750px;
    background-color: #ffffff;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -350px;
    z-index: 110;
    border-radius: 10px;
    display: none;
}

.letterBox i.close {
    display: block;
    width: 24px;
    height: 34px;
    position: absolute;
    top: -34px;
    right: 10px;
    background: url(../images/spclose.png) no-repeat center;
    cursor: pointer;
}
.letterBox .ltrname{
    position: relative;
    height: 50px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    line-height: 50px;
    color: #333333;
}
.letterBox .ltrname span{
    padding: 0px 5px;
    font-weight: bold;
}
.letterBox .ltrts{
    height: 30px;
    line-height: 30px;
    color: #666666;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}
.letterBox .dialogbox{
    position: relative;
    padding: 20px;
    background-color: #f5f5f5;
}
.letterBox .dilxitem{
    position: relative;
}
.letterBox .dilxitem .time{
    text-align: center;
    color: #999999;
    font-size: 12px;
    margin-bottom: 20px;
}
.letterBox .dilxitem .dilxdate{
    margin-bottom: 20px;
}
.letterBox .dilxitem .dilxdate .dgimg{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}
.letterBox .dilxitem .dilxdate .dgimg img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.letterBox .dilxitem .dilxdate .dgtext{
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #333333;
    font-size: 14px;
    background-color: #ffffff;
    margin-top: 5px;
    position: relative;
}
.letterBox .dilxitem .dilxdate .dgtext.fl{
    margin-left: 10px;
}
.letterBox .dilxitem .dilxdate .dgtext.fl .vgfl{
    background: url(../images/vgfl.png) no-repeat center;
    position: absolute;
    top: 6px;
    left: -6px;
    width: 6px;
    height: 8px;
}
.letterBox .dilxitem .dilxdate .dgtext.fr{
    margin-right: 10px;
}
.letterBox .dilxitem .dilxdate .dgtext.fr .vgfr{
    background: url(../images/vgfr.png) no-repeat center;
    position: absolute;
    top: 6px;
    right: -6px;
    width: 6px;
    height: 8px;
}
.letterBox .msgCon {
    position: relative;
}

.letterBox .rpybox{
    position: relative;
    padding: 20px;
}
.letterBox .rpybox #qq {
    position: relative;
}

.letterBox .rpybox #qq p {
    font-size: 12px;
    color: #666;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
    line-height: 45px;
    text-indent: 20px;
}

.letterBox .rpybox #qq .messages {
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    outline: none;
    border: 1px solid #ddd;
    padding: 8px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #ffffff;
    color: #333333;
}
.letterBox .rpybox #qq .But {
    width: 100%;
    height: 30px;
    margin: 15px auto 0px;
    position: relative;
    /*相对，参考对象*/
}

.letterBox .rpybox #qq .But img.bq {
    float: left;
    /*左浮动*/
}

.letterBox .rpybox #qq .But span.submitms {
    width: 80px;
    height: 30px;
    background: #f10215;
    display: block;
    float: right;
    /*右浮动*/
    line-height: 30px;
    border-radius: 5px;
    cursor: pointer;
    /*手指*/
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    font-family: HarmonyOS_Sans_Black, Arial, sans-serif;
}

.letterBox .rpybox #qq .But .face {
    width: 440px;
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 0 12px #666;
    position: absolute;
    top: 21px;
    left: 15px;
    display: none;
    z-index: 100;
}

.letterBox .rpybox #qq .But .face ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    box-sizing: border-box;
}
.letterBox .rpybox #qq .But .face ul li {
    width: 30px;
    height: 30px;
    list-style-type: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


.letterBox .rpybox #qq .But .upload {
    display: inline-block;
    position: relative;
}

.letterBox .rpybox #qq .But .upload .upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.letterBox .rpybox #qq .But .upload .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 16px;
    height: 13px;
    margin: 5px 0px 5px 10px;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.letterBox .rpybox #qq .But .upload .upload-pick {
    background: url(../images/xpic.png) no-repeat 0 0;
}

.letterBox .rpybox #qq .But .upload .upload-pick:hover {
    background: url(../images/xpic.png) no-repeat 0 0px;
}

.letterBox .rpybox #qq .But .upload .webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.letterBox .rpybox #qq .But .upload .webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.letterBox .rpybox #qq .But .upload .webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.letterBox .rpybox #qq .But .upload .webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.letterBox .rpybox #qq .But .upload .viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

.letterBox .rpybox #qq .But .upload .viewThumb img {
    width: 100%;
    height: 100%
}

.letterBox .rpybox #qq .But .upload .diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.letterBox .rpybox #qq .But .upload .diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: rgba(10, 168, 241, .7);
    z-index: 3;
}

.letterBox .rpybox #qq .But .upload .diyControl {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    line-height: 24px;
    font-size: 14px;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.letterBox .rpybox #qq .But .upload .viewThumb:hover .diyControl {
    display: block;
}

.letterBox .rpybox #qq .But .upload .diyControl span {
    display: inline-block;
    padding: 6.5px 13px;
    width: 12px;
    height: 11px;
}

.letterBox .rpybox #qq .But .upload .diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7;
}

.letterBox .rpybox #qq .But .upload .diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}

.letterBox .rpybox #qq .But .upload .diyLeft {
    margin-left: 3px;
}
.letterBox .rpybox #qq .But .upload .diyLeft {
    margin-right: 3px;
}

.letterBox .rpybox #qq .But .upload .diyLeft i {
    margin-left: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 0;
}

.letterBox .rpybox #qq .But .upload .diyCancel i {
    background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}

.letterBox .rpybox #qq .But .upload .diyRight i {
    margin-right: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}

.letterBox .rpybox #qq .But .upload .goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}

/*商户认证*/
.caBoxForm{
    position: relative;
    padding: 20px;
}
.caBoxForm .caitem{
    position: relative;
    margin-bottom: 20px;
}
.caBoxForm .caitem span{
    display: inline-block;
    width: 90px;
    text-align: right;
    color: #666666;
    font-size: 12px;
    line-height: 25px;
    float: left;
    margin-right: 5px;
}
.caBoxForm .caitem .cacks{
    display: inline-block;
    line-height: 25px;
}
.caBoxForm .caitem .cacks ul{}
.caBoxForm .caitem .cacks li{
    display: inline-block;
    margin-right: 20px;
    color: #333333;
    font-size: 12px;
    cursor: pointer;
}
.caBoxForm .caitem .cacks li i{
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -3px;
}
.caBoxForm .caitem .cacks li i.iconfont::before{
    content: "\e657";
    font-size: 18px;
    color: #cdcdcd;
}
.caBoxForm .caitem .cacks li.on i.iconfont::before{
    content: "\e628";
    color: #f10215;
}
.caBoxForm .caitem input{
    width: 360px;
    height: 25px;
    line-height: 25px;
    text-indent: 10px;
    border: 1px solid #e6e6e6;
    font-size: 12px;
}
.caBoxForm .caitem select{
    width: 140px;
    height: 25px;
    color: #666666;
    background: url("../images/arrow.png") no-repeat scroll center right 10px transparent;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    margin-right: 10px;
    font-size: 12px;
}
.caBoxForm .caitem em{
    font-style: normal;
    color: #999999;
    font-size: 12px;
    margin-left: 20px;
}
.caBoxForm .caitem b{
    font-weight: normal;
    color: #999999;
    line-height: 25px;
    font-size: 12px;
    margin-left: 10px;
}
.caBoxForm .caitem .bs{
    color: #333333;
}
.caBoxForm .caitem a{
    color: #0297f0;
    font-size: 12px;
    line-height: 25px;
}
.caBoxForm .cabtn{
    position: relative;
    margin-left: 90px
}
.caBoxForm .cabtn .ljrzs{
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background-color: #f10215;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
}
.caBoxForm .cabtn .qsbtn{
    display: inline-block;
    width: 54px;
    height: 25px;
    line-height: 25px;
    color: #666666;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    cursor: pointer;
}

.caBoxForm .caitem .upload {
    display: inline-block;
    position: relative;
    float: left;
}

.caBoxForm .caitem .upload .upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.caBoxForm .caitem .upload .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 120px;
    height: 120px;
    margin-right: 10px;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.caBoxForm .caitem .upload .upload-pick {
    background: url(../images/shpic.jpg) no-repeat 0 0;
}

.caBoxForm .caitem .upload .upload-pick:hover {
    background: url(../images/shpic.jpg) no-repeat 0 0px;
}

.caBoxForm .caitem .upload .webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.caBoxForm .caitem .upload .webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.caBoxForm .caitem .upload .webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.caBoxForm .caitem .upload .webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.caBoxForm .caitem .upload .viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

.caBoxForm .caitem .upload .viewThumb img {
    width: 100%;
    height: 100%
}

.caBoxForm .caitem .upload .diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bgblack.png);
    z-index: 3;
}

.caBoxForm .caitem .upload .diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: rgba(10, 168, 241, .7);
    z-index: 3;
}

.caBoxForm .caitem .upload .diyControl {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background: url(../images/bgblack.png);
    z-index: 3;
    margin-left: 0px;
}

.caBoxForm .caitem .upload .viewThumb:hover .diyControl {
    display: block;
}

.caBoxForm .caitem .upload .diyControl span {
    display: inline-block;
    padding: 6.5px 12px;
    width: 12px;
    height: 11px;
}

.caBoxForm .caitem .upload .diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7;
}

.caBoxForm .caitem .upload .diyControl span i:hover {
    opacity: 1;
    cursor: pointer;
}

.caBoxForm .caitem .upload .diyLeft {
    margin-left: 3px;
}

.caBoxForm .caitem .upload .diyLeft {
    margin-right: 3px;
}

.caBoxForm .caitem .upload .diyLeft i {
    margin-left: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 0;
}

.caBoxForm .caitem .upload .diyCancel i {
    background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}

.caBoxForm .caitem .upload .diyRight i {
    margin-right: 3px;
    background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}

.caBoxForm .caitem .upload .goods-edit .upload-tip {
    font: 12px/23px "Microsoft YaHei";
    color: #a3a3a3;
    vertical-align: top;
}

/*店铺设置*/
.caBoxForm .caitem .upload.logoupl .upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}
.caBoxForm .caitem .upload.logoupl .upload-pick {
    background: url(../images/logoupl.jpg) no-repeat 0 0;
}
.caBoxForm .caitem .upload.logoupl .diyControl span {
    display: inline-block;
    padding: 6.5px 4px;
    width: 12px;
    height: 11px;
}
.caBoxForm .caitem .cabox{
    width: 750px;
    padding: 5px;
    color: #333333;
    border: 1px solid #e6e6e6;
    float: left;
    min-height: 80px;
    position: relative;
}
.caBoxForm .caitem p{
    color: #999999;
    position: absolute;
    bottom: 10px;
    right: 110px;
}
.caBoxForm .caitem .camap{
    width: 360px;
    height: 160px;
    margin-left: 95px;
    margin-top: 10px;
}

.cabtn.camtoms{
    margin-top: 20px;
    margin-left: 0px;
}


/*账户安全*/
.accountGroup{
    position: relative;
    margin-top: 20px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}
.accountGroup .acnHd{
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0px 20px;
    border-bottom: 1px solid #e6e6e6;
}
.accountGroup .acnHd ul{}
.accountGroup .acnHd li{
    display: inline-block;
    margin-right: 40px;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.accountGroup .acnHd li.on{
    color: #333333;
    border-bottom: 2px solid #f10215;
}
.accountGroup .acnBd{
    position: relative;
    padding-bottom: 20px;
    min-height: 700px;
}
.accountGroup .acnBd .acnBox{
    position: relative;
}
.accountGroup .acnBd .acnBox .accForm{
    position: relative;
    padding: 20px;
}
.accountGroup .acnBd .acnBox .accForm .acitem{
    position: relative;
    margin-bottom: 20px;
    line-height: 35px;
}
.accountGroup .acnBd .acnBox .accForm .acitem span{
    display: block;
    width: 80px;
    text-align: right;
    float: left;
    margin-right: 5px;
    color: #666666;
    font-size: 12px;
}
.accountGroup .acnBd .acnBox .accForm .acitem span em{
    font-style: normal;
    color: #f10215;
    margin-right: 5px;
}
.accountGroup .acnBd .acnBox .accForm .acitem .actext{
    display: block;
    float: left;
    color: #333333;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    width: 80%;
}
.accountGroup .acnBd .acnBox .accForm .acitem .actext a{
    display: inline-block;
    margin-left:20px;
    color: #0297f0;
}
.accountGroup .acnBd .acnBox .accForm .acitem .actext a:hover{
    text-decoration: underline;
}
.accountGroup .acnBd .acnBox .accForm .acitem .acead{
    position: absolute;
    top: 0px;
    left: 85px;
    background-color: #ffffff;
    display: none;
}
.accountGroup .acnBd .acnBox .accForm .acitem input{
    width: 220px;
    height: 35px;
    border: 1px solid #ebebeb;
    text-indent: 10px;
}
.accountGroup .acnBd .acnBox .accForm .acbtn{
    position: relative;
    margin-left: 85px;
}
.accountGroup .acnBd .acnBox .accForm .acbtn input{
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 3px;
    background-color: #f10215;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;

}
.accountGroup .acnBd .acnBox .Lotusval{
    position: relative;
    padding: 20px 40px;
}
.accountGroup .acnBd .acnBox .Lotusval h3{
    color: #333333;
    font-size: 14px;
}
.accountGroup .acnBd .acnBox .Lotusval .lvals{
    position: relative;
    color: #666666;
    font-size: 12px;
    line-height: 30px;
    margin-top: 10px;
}
.accountGroup .acnBd .acnBox .Lotusval .lvals em{
    font-style: normal;
    color: #f14502;
}
.accountGroup .acnBd .acnBox .Lotusval .lvals i.hficon{
    display: inline-block;
    width: 20px;
    height: 16px;
    background-image: url(../images/huaicon_02.png);
    vertical-align: middle;
    margin: -3px 10px 0px 10px;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem{
    position: relative;
    margin-left: -40px;
    margin-top: 40px;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem ul{}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li{
    position: relative;
    width: 80px;
    float: left;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li .yuanicon{
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(../images/yuanicon.png);
    position: absolute;
    top: -3px;
    left: 48%;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li .lsfl{
    display: block;
    float: left;
    width: 50%;
    height: 7px;
    background-color: #eeeeee;
    box-align: border-box;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li .lsfr{
    display: block;
    float: right;
    width: 50%;
    height: 7px;
    background-color: #eeeeee;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li .huaicon_01{
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(../images/huaicon_01.png);
    position: absolute;
    bottom: -30px;
    left: 43%;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li .huaicon_02{
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(../images/huaicon_02.png);
    position: absolute;
    bottom: -30px;
    left: 43%;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li .huaicon_03{
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(../images/huaicon_03.png);
    position: absolute;
    bottom: -30px;
    left: 43%;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li .huaicon_04{
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(../images/huaicon_04.png);
    position: absolute;
    bottom: -30px;
    left: 43%;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li .huaicon_05{
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(../images/huaicon_05.png);
    position: absolute;
    bottom: -30px;
    left: 43%;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li.on .yuanicon{
    background-image: url(../images/yuanicon_on.png);
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li.on .lsfl{
    background-color: #f10215;
}
.accountGroup .acnBd .acnBox .Lotusval .ltuvsitem li.on .lsfr{
    background-color: #f10215;
}

/*预约管理*/
.shopmian .sptd li .spdv13{
    width: 280px;
    color: #333333;
}

/*网站地图*/
.mapmains{
    position: relative;
    width: 100%;
    height: 100%;
}
.maphead{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    border-bottom: 2px solid #f10215;
    background-color: #ffffff;
    z-index: 10;
}
.maphead .maplogo{
    width: 132px;
    height:41px;
    margin: 10px 0px;
    margin-left: 20px;
}
.maphead .mapcity{
    width: 150px;
    margin-left: 60px;
    line-height: 60px;
    color: #666666;
}
.maphead .mapcity i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    margin-top: -3px;
}
.maphead .mapcity i.iconfont::before{
    content: "\e668";
    font-size: 18px;
    color: #cccccc;
}
.maphead .mapcity em{
    font-style: normal;
    margin-right: 12px;
}
.maphead .mapcity .more{
    display: inline-block;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #666666;
    font-size: 12px;
    border: 1px solid #cccccc;
}
.maphead .mapcity .more:hover{
    text-decoration: underline;
}
.maphead .mapsearch{
    width: 260px;
    height: 32px;
    border: 1px solid #f10215;
    border-radius: 30px;
    margin: 13px 0px 13px 40px;
}
.maphead .mapsearch input{
    width: 180px;
    height: 32px;
    margin-left: 13px;
    border: none;
}
.maphead .mapsearch a{
    display: inline-block;
    float: right;
    width: 60px;
    height: 32px;
    line-height: 32px;
    background: -webkit-linear-gradient(left, #f10215, #f64d0d);
    background: -o-linear-gradient(right, #f10215, #f64d0d);
    background: -moz-linear-gradient(right, #f10215, #f64d0d);
    background: linear-gradient(to right, #f10215, #f64d0d);
    border-radius: 30px;
    text-align: center;
}
.maphead .mapsearch a i{
    display: inline-block;
}
.maphead .mapsearch a i.iconfont::before{
    content: "\e608";
    font-size: 25px;
    color: #ffffff;
}
.maphead .mapchoice{
    width: 350px;
    height: 32px;
    margin: 13px 0px 13px 20px;
}
.maphead .mapchoice select{
    width: 150px;
    height: 36px;
    color: #666666;
    background: url("../images/arrow.png") no-repeat scroll center right 10px transparent;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}
.maphead .mapback{
    float: right;
    line-height: 60px;
    padding-right: 20px;
    color: #666666;
    font-size: 12px;
}
.maphead .mapback:hover{
    text-decoration: underline;
}
.mapBox{
    position: relative;
    width: 100%;
    height: 938px;
    overflow: hidden;
}
.mapBox .mapimg{
    position: relative;
    width: 100%;
}
.mapBox .mapimg img{
    position: relative;
    width: 100%;
}
.mapBox .mapcontent{
    position: fixed;
    top: 62px;
    left: 0px;
    width: 470px;
    height: 100%;

}
.mapBox .mapcontent .Retract{
    position: absolute;
    width: 30px;
    height: 100px;
    border: 1px solid #e6e6e6;
    top: 460px;
    right: -30px;
    background-color: #ffffff;
    text-align: center;
    -moz-box-shadow: 0px 0px 10px #e6e6e6;
    -webkit-box-shadow: 0px 0px 10px #e6e6e6;
    box-shadow: 0px 0px 10px #e6e6e6;
    cursor: pointer;
}
.mapBox .mapcontent .Retract p{
    width: 10px;
    color: #333333;
    font-size: 12px;
    margin: 30px auto 0px;
}
.mapBox .mapcontent .Retract i{
    display: block;
    margin: 5px auto;
}
.mapBox .mapcontent .Retract i.iconfont::before{
    content: "\e70b";
    font-size: 12px;
    color: #333333;
}
.mapBox .mapcontent .Retract.on i.iconfont::before{
    content: "\e701";
}
.mapBox .mapcontent .mapnav{
    height: 60px;
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    background-color: #ffffff;
}
.mapBox .mapcontent .mapnav ul{}
.mapBox .mapcontent .mapnav li{
    display: inline-block;
    margin-left: 20px;
}
.mapBox .mapcontent .mapnav li a{
    color: #666666;
    font-size: 14px;
}
.mapBox .mapcontent .mapnav li.on a,.mapBox .mapcontent .mapnav li:hover a{
    color: #f10215;
}
.mapBox .mapcontent .mapnav span{
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 20px;
}
.mapBox .mapcontent .mapnav span em{
    font-style: normal;
    color: #f10215;
    margin: 0px 10px;
}
.mapBox .mapcontent .maplist{
    position: relative;
    overflow-y: scroll;
    height: 820px;
    background-color: #ffffff;
}
.mapBox .mapcontent .maplist ul{}
.mapBox .mapcontent .maplist li{
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #f5f5f5;
}
.mapBox .mapcontent .maplist li .mappic{
    width: 200px;
    height: 112px;
}
.mapBox .mapcontent .maplist li .mappic img{
    width: 200px;
    height: 112px;
}
.mapBox .mapcontent .maplist li .mapdate{
    width: 195px;
}
.mapBox .mapcontent .maplist li .mapdate h2{
    position: relative;
    color: #333333;
    font-size: 18px;
    margin: 8px 0px;
}
.mapBox .mapcontent .maplist li .mapdate h2 span{
    display: inline-block;
    width: 140px;
    vertical-align: middle;
}
.mapBox .mapcontent .maplist li .mapdate h2 b{
    display: inline-block;
    width: 45px;
    height: 20px;
    line-height: 20px;
    background-color: #f10215;
    color: #ffffff;
    font-size: 12px;
    vertical-align: middle;
    font-weight: normal;
    text-align: center;
}
.mapBox .mapcontent .maplist li .mapdate .star{
    display: block;
    position: relative;
    margin-bottom: 10px;
}
.mapBox .mapcontent .maplist li .mapdate .star i{
    display: inline-block;
}
.mapBox .mapcontent .maplist li .mapdate .star i.iconfont::before{
    content: "\e620";
    font-size: 14px;
    color: #cccccc;
}
.mapBox .mapcontent .maplist li .mapdate .star i.on.iconfont::before{
    color: #ff9600;
}
.mapBox .mapcontent .maplist li .mapdate .mapcmts{
    color: #666666;
    font-size: 12px;
    margin-bottom:6px;
}
.mapBox .mapcontent .maplist li .mapdate .mapcmts span{
    color: #ff9600;
}
.mapBox .mapcontent .maplist li .mapdate .mapcmts em{
    font-style: normal;
    margin: 0px 10px;
}
.mapBox .mapcontent .maplist li .mapdate .mapcmts b{
    color: #333333
}
.mapBox .mapcontent .maplist li .mapdate p{
    color: #666666;
}

/*网站地图-结果*/
.mapBox .mapcontent .mapReturn{
    width: 100%;
    height: 60px;
    line-height: 60px;
    -moz-box-shadow: 0px 0px 10px #e6e6e6;
    -webkit-box-shadow: 0px 0px 10px #e6e6e6;
    box-shadow: 0px 0px 10px #e6e6e6;
    background-color: #ffffff;
    margin: 10px 0px 20px;
}
.mapBox .mapcontent .mapReturn a{
    display: block;
    padding: 0px 20px;
    color: #f10215;
    font-size: 14px;
}
.mapBox .mapcontent .mapReturn a em{
    font-style: normal;
    margin-right: 10px;
}
.mapBox .mapcontent .mapdetails{
    background-color: #ffffff;
    padding: 20px 0px;
    height: 800px;
    overflow-y: scroll;
}
.mapBox .mapcontent .mapdetails h2{
    color: #333333;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 0px 20px;
}
.mapBox .mapcontent .mapdetails .mppj{
    position: relative;
    color: #666666;
    font-size: 14px;
    padding: 0px 20px;
}
.mapBox .mapcontent .mapdetails .mppj b{
    color: #f10215;
    margin: 0px 5px 0px 10px;
}
.mapBox .mapcontent .mapdetails .mppj span{
    color: #999999;
    font-size: 12px;
}
.mapBox .mapcontent .mapdetails .price{
    color: #333333;
    font-size: 14px;
    margin-top: 10px;
    padding: 0px 20px;
}
.mapBox .mapcontent .mapdetails .price em{
    font-style: normal;
    margin: 0px 10px;
}
.mapBox .mapcontent .mapdetails .mpaction{
    position: relative;
    margin-top: 30px;
    padding: 0px 20px;
}
.mapBox .mapcontent .mapdetails .mpaction a{
    display: inline-block;
    margin-right: 40px;
    color: #f10215;
    font-size: 14px;
}
.mapBox .mapcontent .mapdetails .mpaction i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}
.mapBox .mapcontent .mapdetails .mpaction i.scicon::before{
    content: "\e620";
    font-size: 14px;
    color: #f10215;
}
.mapBox .mapcontent .mapdetails .mpaction i.fxicon::before{
    content: "\e619";
    font-size: 14px;
    color: #f10215;
}
.mapBox .mapcontent .mapdetails .mpads{
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 12px;
    background-color: #fbfbfb;
    padding: 0px 20px;
    margin-top: 10px;
}
.mapBox .mapcontent .mapdetails .mpads i{
    display: inline-block;
    margin-right: 10px;
}
.mapBox .mapcontent .mapdetails .mpads i.iconfont::before{
    content: "\e668";
    font-size: 14px;
    color: #666666;
}
.mapBox .mapcontent .mapdetails .mpphoe{
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    color: #666666;
    font-size: 12px;
}
.mapBox .mapcontent .mapdetails .mpphoe i{
    display: inline-block;
    margin-right: 10px;
}
.mapBox .mapcontent .mapdetails .mpphoe i.iconfont::before{
    content: "\e729";
    font-size: 14px;
    color: #666666;
}
.mapBox .mapcontent .mapdetails .album{
    position: relative;
    padding: 0px 20px;
}
.mapBox .mapcontent .mapdetails .album h3{
    color: #333333;
    font-size: 12px;
    line-height: 30px;
}
.mapBox .mapcontent .mapdetails .album h3 a{
    float: right;
}
.mapBox .mapcontent .mapdetails .album h3 i{
    display: inline-block;
}
.mapBox .mapcontent .mapdetails .album h3 i.iconfont::before{
    content: "\e683";
    font-size: 16px;
    color: #6a6a6a;
}
.mapBox .mapcontent .mapdetails .album .container {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.mapBox .mapcontent .mapdetails .album .gallery {
    list-style-type: none;
}

.mapBox .mapcontent .mapdetails .album .gallery li {
    float: left;
    margin-right: 10px;
}

.mapBox .mapcontent .mapdetails .album .gallery li:nth-child(3n+3) {
    margin-right: 0;
}
.mapBox .mapcontent .mapdetails .album .gallery li a,
.mapBox .mapcontent .mapdetails .album .gallery li img {
    float: left;
    width: 130px;
    height: 71px;
    display: block;
    overflow: hidden;
}


.mapBox .mapcontent .mapdetails .mpcoment{
    position: relative;
    padding: 0px 20px;
}
.mapBox .mapcontent .mapdetails .mpcoment h3{
    color: #333333;
    font-size: 12px;
    margin: 15px 0px;
}
.mapBox .mapcontent .mapdetails .mpcoment h3 span{
    color: #999999;
    font-weight: normal;
}
.mapBox .mapcontent .mapdetails .mpcoment h3 a{
    float: right;
    width: 75px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #f10215;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
}
.mapBox .mapcontent .mapdetails .mpcoment h3 a i{
    display: inline-block;
    margin-right: 5px;
}
.mapBox .mapcontent .mapdetails .mpcoment h3 a i.iconfont::before{
    content: "\e610";
    font-size: 16px;
    color: #ffffff;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpstar{
    position: relative;
    text-align: center;
    margin: 30px 0px 20px;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpstar b{
    color: #333333;
    font-size: 18px;
    display: inline-block;
    margin-right: 20px;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpstar i{
    display: inline-block;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpstar i.iconfont::before{
    content: "\e620";
    font-size: 18px;
    color: #cccccc;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpstar i.on.iconfont::before{
    color: #f14502;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist{
    position: relative;
    padding-bottom: 20px;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem{
    position: relative;
    margin-bottom: 20px;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpimg{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpimg img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate{
    width: 353px;
    border-bottom: 1px solid #e6e6e6;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate h4{
    color: #333333;
    font-size: 14px;
    font-weight: normal;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .cpstar{
    position: relative;
    margin: 5px 0px 10px;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .cpstar i{
    display: inline-block;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .cpstar i.iconfont::before{
    content: "\e620";
    font-size: 14px;
    color: #cccccc;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .cpstar i.on.iconfont::before{
    color: #ff9600;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .cpstar span{
    color: #666666;
    font-size: 12px;
    margin-left: 20px;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .cptext{
    color: #333333;
    font-size: 14px;
    line-height: 22px;

}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .container {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .gallery {
    list-style-type: none;
}

.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .gallery li {
    float: left;
    margin-right: 10px;
}

.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .gallery li:nth-child(2n+2) {
    margin-right: 0;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .gallery li a,
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .gallery li img {
    float: left;
    width: 120px;
    height: 120px;
    display: block;
    overflow: hidden;
}
.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .state {
    position: relative;
    line-height: 56px;
    width: 100%;
}

.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .state a {
    color: #999999;
    font-size: 12px;
    margin-right: 30px;
    line-height: 56px;
    display: inline-block;
}

.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .state i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .state .fabulous i {
    margin-top: -6px;
}

.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .state .fabulous i.iconfont::before {
    content: "\e61a";
    font-size: 22px;
    color: #666666;
}

.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate.state .collec i {
    margin-top: -3px;
}

.mapBox .mapcontent .mapdetails .mpcoment .mpcmtlist .mpitem .cpdate .state .collec i.iconfont::before {
    content: "\e62b";
    font-size: 20px;
    color: #666666;
}
#pull_right {
    text-align: center;
}

.pull-right {
    /*float: left!important;*/
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.clear {
    clear: both;
}