blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {

  margin: 0;

  padding: 0;

  font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, Helvetica, Arial, Microsoft Yahei, sans-serif

}

table {

  border-collapse: collapse;

  border-spacing: 0

}

img {

  border: 0

}

ol, ul {

  list-style: none

}

.ven{color: #F00;}

h1, h2, h3, h4, h5, h6 {

  font-size: 100%;

  font-weight: 400

}

input, select, textarea {

  font-family: inherit;

  font-size: inherit;

  font-weight: inherit;

  outline: 0;

  resize: none

}

body {
  background-color: #070705;
}

button, input, select, textarea {

  font-size: 99%

}

table {

  font-size: inherit;

  font: 100%

}

a, area {

  outline: 0;

  text-decoration: none

}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {

  -webkit-appearance: none !important

}

.input::-ms-clear {

  display: none

}

img {

  border: 0;

  vertical-align: middle;

  display: block;

  -moz-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  -khtml-user-select: none

}

.clearfix:after {

  content: "";

  display: block;

  height: 0;

  visibility: hidden;

  clear: both

}

.clearfix {

  zoom: 1

}

.clear {

  clear: both

}

.container {

  position: relative;

  display: block;

  max-width: 1920px;

  margin: 0 auto;

  overflow: hidden

}

.wrap {

  position: relative;

  display: block;

  margin: 0 auto;

  overflow: hidden

}

.inner {

  position: relative;

  display: block;

  width: 1200px;

  position: relative;

  margin: 0 auto

}

.img-wrap {

  overflow: hidden;

  position: relative

}

.img-wrap img {

  max-width: 100%

}

.loading {

  font-size: 16px;

  text-align: center;

  color: #ff8e01

}

.loading img {

  display: block;

  width: 16%;

  margin: 0 auto

}

.pop {

  display: none

}

.pop .mask {

  position: fixed;

  display: block;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 19;

  background: #000;

  background: rgba(0, 0, 0, .8)

}

.pop .content {

  position: fixed;

  display: block;

  left: 50%;

  top: 50%;

  z-index: 29;

  border: 1px solid #ec6756

}

.pop .close {

  position: absolute;

  display: block;

  width: 34px;

  height: 34px;

  cursor: pointer;

  right: -44px;

  top: -12px;

  opacity: .9;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  -o-transition-property: opacity, -o-transform;

  -moz-transition-property: transform, opacity, -moz-transform;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform;

  -webkit-transition-duration: .4s;

  -moz-transition-duration: .4s;

  -o-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  background: url(../logo50images/common.html) no-repeat -288px -695px

}

.pop .close:hover {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

  opacity: 1

}

@-webkit-keyframes scale {

  0% {

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    opacity: 1

  }

  50% {

    transform: scale(1.32);

    -webkit-transform: scale(1.32);

    -moz-transform: scale(1.32);

    opacity: .8

  }

  100% {

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    opacity: 1

  }

}

@-moz-keyframes scale {

  0% {

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    opacity: 1

  }

  50% {

    transform: scale(1.32);

    -webkit-transform: scale(1.32);

    -moz-transform: scale(1.32);

    opacity: .8

  }

  100% {

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    opacity: 1

  }

}

@-o-keyframes scale {

  0% {

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    opacity: 1

  }

  50% {

    -o-transform: scale(1.32);

    transform: scale(1.32);

    -webkit-transform: scale(1.32);

    -moz-transform: scale(1.32);

    opacity: .8

  }

  100% {

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    opacity: 1

  }

}

@keyframes scale {

  0% {

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    opacity: 1

  }

  50% {

    -o-transform: scale(1.32);

    transform: scale(1.32);

    -webkit-transform: scale(1.32);

    -moz-transform: scale(1.32);

    opacity: .8

  }

  100% {

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    opacity: 1

  }

}

@-webkit-keyframes animaLeft {

  0% {

    -webkit-transform: translateX(10%);

    transform: translateX(10%);

    opacity: 0

  }

  50% {

    opacity: 1

  }

  100% {

    -webkit-transform: translateX(-10%);

    transform: translateX(-10%);

    opacity: 0

  }

}

@-moz-keyframes animaLeft {

  0% {

    -moz-transform: translateX(10%);

    transform: translateX(10%);

    opacity: 0

  }

  50% {

    opacity: 1

  }

  100% {

    -moz-transform: translateX(-10%);

    transform: translateX(-10%);

    opacity: 0

  }

}

@-o-keyframes animaLeft {

  0% {

    -o-transform: translateX(10%);

    transform: translateX(10%);

    opacity: 0

  }

  50% {

    opacity: 1

  }

  100% {

    -o-transform: translateX(-10%);

    transform: translateX(-10%);

    opacity: 0

  }

}

@keyframes animaLeft {

  0% {

    -webkit-transform: translateX(10%);

    -moz-transform: translateX(10%);

    -o-transform: translateX(10%);

    transform: translateX(10%);

    opacity: 0

  }

  50% {

    opacity: 1

  }

  100% {

    -webkit-transform: translateX(-10%);

    -moz-transform: translateX(-10%);

    -o-transform: translateX(-10%);

    transform: translateX(-10%);

    opacity: 0

  }

}

@-webkit-keyframes animaRight {

  0% {

    -webkit-transform: translateX(-10%);

    transform: translateX(-10%);

    opacity: 0

  }

  50% {

    opacity: 1

  }

  100% {

    -webkit-transform: translateX(10%);

    transform: translateX(10%);

    opacity: 0

  }

}

@-moz-keyframes animaRight {

  0% {

    -moz-transform: translateX(-10%);

    transform: translateX(-10%);

    opacity: 0

  }

  50% {

    opacity: 1

  }

  100% {

    -moz-transform: translateX(10%);

    transform: translateX(10%);

    opacity: 0

  }

}

@-o-keyframes animaRight {

  0% {

    -o-transform: translateX(-10%);

    transform: translateX(-10%);

    opacity: 0

  }

  50% {

    opacity: 1

  }

  100% {

    -o-transform: translateX(10%);

    transform: translateX(10%);

    opacity: 0

  }

}

@keyframes animaRight {

  0% {

    -webkit-transform: translateX(-10%);

    -moz-transform: translateX(-10%);

    -o-transform: translateX(-10%);

    transform: translateX(-10%);

    opacity: 0

  }

  50% {

    opacity: 1

  }

  100% {

    -webkit-transform: translateX(10%);

    -moz-transform: translateX(10%);

    -o-transform: translateX(10%);

    transform: translateX(10%);

    opacity: 0

  }

}

@-webkit-keyframes rotate {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@-moz-keyframes rotate {

  0% {

    -moz-transform: rotate(0);

    transform: rotate(0)

  }

  100% {

    -moz-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@-o-keyframes rotate {

  0% {

    -o-transform: rotate(0);

    transform: rotate(0)

  }

  100% {

    -o-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes rotate {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0)

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@-webkit-keyframes bottomIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(0, 20%);

    -moz-transform: translate(0, 20%);

    -ms-transform: translate(0, 20%);

    -o-transform: translate(0, 20%);

    transform: translate(0, 20%)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-moz-keyframes bottomIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(0, 20%);

    -moz-transform: translate(0, 20%);

    -ms-transform: translate(0, 20%);

    -o-transform: translate(0, 20%);

    transform: translate(0, 20%)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-o-keyframes bottomIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(0, 20%);

    -moz-transform: translate(0, 20%);

    -ms-transform: translate(0, 20%);

    -o-transform: translate(0, 20%);

    transform: translate(0, 20%)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@keyframes bottomIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(0, 20%);

    -moz-transform: translate(0, 20%);

    -ms-transform: translate(0, 20%);

    -o-transform: translate(0, 20%);

    transform: translate(0, 20%)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-webkit-keyframes topIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(0, -20%);

    -moz-transform: translate(0, -20%);

    -ms-transform: translate(0, -20%);

    -o-transform: translate(0, -20%);

    transform: translate(0, -20%)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-moz-keyframes topIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(0, -20%);

    -moz-transform: translate(0, -20%);

    -ms-transform: translate(0, -20%);

    -o-transform: translate(0, -20%);

    transform: translate(0, -20%)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-o-keyframes topIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(0, -20%);

    -moz-transform: translate(0, -20%);

    -ms-transform: translate(0, -20%);

    -o-transform: translate(0, -20%);

    transform: translate(0, -20%)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@keyframes topIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(0, -20%);

    -moz-transform: translate(0, -20%);

    -ms-transform: translate(0, -20%);

    -o-transform: translate(0, -20%);

    transform: translate(0, -20%)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-webkit-keyframes leftIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(-4%, 0);

    -moz-transform: translate(-4%, 0);

    -ms-transform: translate(-4%, 0);

    -o-transform: translate(-4%, 0);

    transform: translate(-4%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-moz-keyframes leftIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(-4%, 0);

    -moz-transform: translate(-4%, 0);

    -ms-transform: translate(-4%, 0);

    -o-transform: translate(-4%, 0);

    transform: translate(-4%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-o-keyframes leftIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(-4%, 0);

    -moz-transform: translate(-4%, 0);

    -ms-transform: translate(-4%, 0);

    -o-transform: translate(-4%, 0);

    transform: translate(-4%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@keyframes leftIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(-4%, 0);

    -moz-transform: translate(-4%, 0);

    -ms-transform: translate(-4%, 0);

    -o-transform: translate(-4%, 0);

    transform: translate(-4%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-webkit-keyframes rightIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(4%, 0);

    -moz-transform: translate(4%, 0);

    -ms-transform: translate(4%, 0);

    -o-transform: translate(4%, 0);

    transform: translate(4%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-moz-keyframes rightIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(4%, 0);

    -moz-transform: translate(4%, 0);

    -ms-transform: translate(4%, 0);

    -o-transform: translate(4%, 0);

    transform: translate(4%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@-o-keyframes rightIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(4%, 0);

    -moz-transform: translate(4%, 0);

    -ms-transform: translate(4%, 0);

    -o-transform: translate(4%, 0);

    transform: translate(4%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

@keyframes rightIn {

  0% {

    opacity: 0;

    -webkit-transform: translate(4%, 0);

    -moz-transform: translate(4%, 0);

    -ms-transform: translate(4%, 0);

    -o-transform: translate(4%, 0);

    transform: translate(4%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

  }

}

.animation {

  -webkit-animation-play-state: paused;

  -moz-animation-play-state: paused;

  -o-animation-play-state: paused;

  animation-play-state: paused;

  -webkit-animation-timing-function: ease-out;

  -moz-animation-timing-function: ease-out;

  -o-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

  -webkit-animation-fill-mode: backwards;

  -moz-animation-fill-mode: backwards;

  -o-animation-fill-mode: backwards;

  animation-fill-mode: backwards;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0)

}

.active .animation {

  -webkit-animation-play-state: running;

  -moz-animation-play-state: running;

  -o-animation-play-state: running;

  animation-play-state: running

}

.animated {

  animation-duration: .4s;

  -webkit-animation-duration: .4s;

  -moz-animation-duration: .4s;

  -o-animation-duration: .4s;

  -webkit-animation-fill-mode: both;

  -moz-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both

}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 20%, 0);

    -ms-transform: translate3d(0, 20%, 0);

    transform: translate3d(0, 20%, 0);

    -moz-transform: translate3d(0, 20%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -moz-transform: none

  }

}

@-moz-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 20%, 0);

    -ms-transform: translate3d(0, 20%, 0);

    transform: translate3d(0, 20%, 0);

    -moz-transform: translate3d(0, 20%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -moz-transform: none

  }

}

@-o-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 20%, 0);

    -ms-transform: translate3d(0, 20%, 0);

    transform: translate3d(0, 20%, 0);

    -moz-transform: translate3d(0, 20%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    -moz-transform: none

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 20%, 0);

    -ms-transform: translate3d(0, 20%, 0);

    transform: translate3d(0, 20%, 0);

    -moz-transform: translate3d(0, 20%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    -moz-transform: none

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  -o-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -moz-animation-name: fadeInUp

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -20%, 0);

    -ms-transform: translate3d(0, -20%, 0);

    transform: translate3d(0, -20%, 0);

    -moz-transform: translate3d(0, -20%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -moz-transform: none

  }

}

@-moz-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -20%, 0);

    -ms-transform: translate3d(0, -20%, 0);

    transform: translate3d(0, -20%, 0);

    -moz-transform: translate3d(0, -20%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -moz-transform: none

  }

}

@-o-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -20%, 0);

    -ms-transform: translate3d(0, -20%, 0);

    transform: translate3d(0, -20%, 0);

    -moz-transform: translate3d(0, -20%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    -moz-transform: none

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -20%, 0);

    -ms-transform: translate3d(0, -20%, 0);

    transform: translate3d(0, -20%, 0);

    -moz-transform: translate3d(0, -20%, 0)

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    -moz-transform: none

  }

}

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  -o-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -moz-animation-name: fadeInDown

}

@-webkit-keyframes rubberBand {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

  30% {

    -webkit-transform: scale3d(1.25, .75, 1);

    transform: scale3d(1.25, .75, 1)

  }

  40% {

    -webkit-transform: scale3d(.75, 1.25, 1);

    transform: scale3d(.75, 1.25, 1)

  }

  50% {

    -webkit-transform: scale3d(1.15, .85, 1);

    transform: scale3d(1.15, .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: scaleX(1);

    transform: scaleX(1)

  }

}

@-moz-keyframes rubberBand {

  0% {

    -moz-transform: scaleX(1);

    transform: scaleX(1)

  }

  30% {

    -moz-transform: scale3d(1.25, .75, 1);

    transform: scale3d(1.25, .75, 1)

  }

  40% {

    -moz-transform: scale3d(.75, 1.25, 1);

    transform: scale3d(.75, 1.25, 1)

  }

  50% {

    -moz-transform: scale3d(1.15, .85, 1);

    transform: scale3d(1.15, .85, 1)

  }

  65% {

    -moz-transform: scale3d(.95, 1.05, 1);

    transform: scale3d(.95, 1.05, 1)

  }

  75% {

    -moz-transform: scale3d(1.05, .95, 1);

    transform: scale3d(1.05, .95, 1)

  }

  to {

    -moz-transform: scaleX(1);

    transform: scaleX(1)

  }

}

@-o-keyframes rubberBand {

  0% {

    -o-transform: scaleX(1);

    transform: scaleX(1)

  }

  30% {

    transform: scale3d(1.25, .75, 1)

  }

  40% {

    transform: scale3d(.75, 1.25, 1)

  }

  50% {

    transform: scale3d(1.15, .85, 1)

  }

  65% {

    transform: scale3d(.95, 1.05, 1)

  }

  75% {

    transform: scale3d(1.05, .95, 1)

  }

  to {

    -o-transform: scaleX(1);

    transform: scaleX(1)

  }

}

@keyframes rubberBand {

  0% {

    -webkit-transform: scaleX(1);

    -moz-transform: scaleX(1);

    -o-transform: scaleX(1);

    transform: scaleX(1)

  }

  30% {

    -webkit-transform: scale3d(1.25, .75, 1);

    -moz-transform: scale3d(1.25, .75, 1);

    transform: scale3d(1.25, .75, 1)

  }

  40% {

    -webkit-transform: scale3d(.75, 1.25, 1);

    -moz-transform: scale3d(.75, 1.25, 1);

    transform: scale3d(.75, 1.25, 1)

  }

  50% {

    -webkit-transform: scale3d(1.15, .85, 1);

    -moz-transform: scale3d(1.15, .85, 1);

    transform: scale3d(1.15, .85, 1)

  }

  65% {

    -webkit-transform: scale3d(.95, 1.05, 1);

    -moz-transform: scale3d(.95, 1.05, 1);

    transform: scale3d(.95, 1.05, 1)

  }

  75% {

    -webkit-transform: scale3d(1.05, .95, 1);

    -moz-transform: scale3d(1.05, .95, 1);

    transform: scale3d(1.05, .95, 1)

  }

  to {

    -webkit-transform: scaleX(1);

    -moz-transform: scaleX(1);

    -o-transform: scaleX(1);

    transform: scaleX(1)

  }

}

.rubberBand {

  -webkit-animation-name: rubberBand;

  -moz-animation-name: rubberBand;

  -o-animation-name: rubberBand;

  animation-name: rubberBand

}

@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  60% {

    -webkit-transform: perspective(400px) rotateY(5deg);

    transform: perspective(400px) rotateY(5deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

}

@-moz-keyframes flipInY {

  0% {

    -moz-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    -moz-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0

  }

  40% {

    -moz-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg);

    -moz-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  60% {

    -moz-transform: perspective(400px) rotateY(5deg);

    transform: perspective(400px) rotateY(5deg);

    opacity: 1

  }

  80% {

    -moz-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg)

  }

  to {

    -moz-transform: perspective(400px);

    transform: perspective(400px)

  }

}

@-o-keyframes flipInY {

  0% {

    transform: perspective(400px) rotateY(10deg);

    -o-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0

  }

  40% {

    transform: perspective(400px) rotateY(-10deg);

    -o-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  60% {

    transform: perspective(400px) rotateY(5deg);

    opacity: 1

  }

  80% {

    transform: perspective(400px) rotateY(-5deg)

  }

  to {

    transform: perspective(400px)

  }

}

@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    -moz-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    -webkit-animation-timing-function: ease-in;

    -moz-animation-timing-function: ease-in;

    -o-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    -moz-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg);

    -webkit-animation-timing-function: ease-in;

    -moz-animation-timing-function: ease-in;

    -o-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  60% {

    -webkit-transform: perspective(400px) rotateY(5deg);

    -moz-transform: perspective(400px) rotateY(5deg);

    transform: perspective(400px) rotateY(5deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotateY(-5deg);

    -moz-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    -moz-transform: perspective(400px);

    transform: perspective(400px)

  }

}

.flipInY {

  -webkit-backface-visibility: visible !important;

  -moz-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  -moz-animation-name: flipInY;

  -o-animation-name: flipInY;

  animation-name: flipInY

}

@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 0

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05)

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 1

  }

}

@-moz-keyframes pulse {

  0% {

    -moz-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 0

  }

  50% {

    -moz-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05)

  }

  to {

    -moz-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 1

  }

}

@-o-keyframes pulse {

  0% {

    -o-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 0

  }

  50% {

    transform: scale3d(1.05, 1.05, 1.05)

  }

  to {

    -o-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 1

  }

}

@keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    -moz-transform: scaleX(1);

    -o-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 0

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    -moz-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05)

  }

  to {

    -webkit-transform: scaleX(1);

    -moz-transform: scaleX(1);

    -o-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 1

  }

}

.pulse {

  -webkit-animation-name: pulse;

  -moz-animation-name: pulse;

  -o-animation-name: pulse;

  animation-name: pulse

}

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0

  }

  to {

    opacity: 1

  }

}

@-moz-keyframes fadeIn {

  0% {

    opacity: 0

  }

  to {

    opacity: 1

  }

}

@-o-keyframes fadeIn {

  0% {

    opacity: 0

  }

  to {

    opacity: 1

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0

  }

  to {

    opacity: 1

  }

}

.fadeIn {

  -webkit-animation-name: fadeIn;

  -moz-animation-name: fadeIn;

  -o-animation-name: fadeIn;

  animation-name: fadeIn

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-20%, 0, 0);

    transform: translate3d(-20%, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@-moz-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -moz-transform: translate3d(-20%, 0, 0);

    transform: translate3d(-20%, 0, 0)

  }

  to {

    opacity: 1;

    -moz-transform: none;

    transform: none

  }

}

@-o-keyframes fadeInLeft {

  0% {

    opacity: 0;

    transform: translate3d(-20%, 0, 0)

  }

  to {

    opacity: 1;

    -o-transform: none;

    transform: none

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-20%, 0, 0);

    -moz-transform: translate3d(-20%, 0, 0);

    transform: translate3d(-20%, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    transform: none

  }

}

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  -moz-animation-name: fadeInLeft;

  -o-animation-name: fadeInLeft;

  animation-name: fadeInLeft

}

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(20%, 0, 0);

    transform: translate3d(20%, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@-moz-keyframes fadeInRight {

  0% {

    opacity: 0;

    -moz-transform: translate3d(20%, 0, 0);

    transform: translate3d(20%, 0, 0)

  }

  to {

    opacity: 1;

    -moz-transform: none;

    transform: none

  }

}

@-o-keyframes fadeInRight {

  0% {

    opacity: 0;

    transform: translate3d(20%, 0, 0)

  }

  to {

    opacity: 1;

    -o-transform: none;

    transform: none

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(20%, 0, 0);

    -moz-transform: translate3d(20%, 0, 0);

    transform: translate3d(20%, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    transform: none

  }

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  -moz-animation-name: fadeInRight;

  -o-animation-name: fadeInRight;

  animation-name: fadeInRight

}

#menu {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 6;

  width: 100%;

  opacity: 1;

  background: #000;

  background: rgba(0, 0, 0, .75);

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .88)), to(rgba(0, 0, 0, 0)));

  background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, .88), rgba(0, 0, 0, 0));

  background: linear-gradient(top, rgba(0, 0, 0, .88), rgba(0, 0, 0, 0));

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .88), rgba(0, 0, 0, 0));

  background: -o-linear-gradient(top, rgba(0, 0, 0, .88), rgba(0, 0, 0, 0))

}

#menu.active {

  background: #000;

  background: rgba(0, 0, 0, .75);

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .88)), color-stop(rgba(0, 0, 0, .98)), color-stop(rgba(0, 0, 0, .68)), to(rgba(0, 0, 0, 0)));

  background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, .88), rgba(0, 0, 0, .98), rgba(0, 0, 0, .68), rgba(0, 0, 0, 0));

  background: linear-gradient(top, rgba(0, 0, 0, .88), rgba(0, 0, 0, .98), rgba(0, 0, 0, .68), rgba(0, 0, 0, 0));

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .88), rgba(0, 0, 0, .98), rgba(0, 0, 0, .68), rgba(0, 0, 0, 0));

  background: -o-linear-gradient(top, rgba(0, 0, 0, .88), rgba(0, 0, 0, .98), rgba(0, 0, 0, .68), rgba(0, 0, 0, 0))

}

#menu .top {

  position: relative;

  height: 70px

}

#menu table {

  width: 100%

}

#menu table td {

  height: 70px;

  border-bottom: 1px solid #a79a9a

}

#menu table td.center {

  position: relative;

  width: 1200px;

  border: none

}

#menu ul {

  position: absolute;

  right: 0;

  top: 20px

}

#menu li {

  float: left;

  width: 136px;

  text-align: center;

  position: relative

}

#menu li a {

  color: #f1f1f1

}

#menu li.current a {

  color: #f2c26f

}

#menu li strong {

  display: block;

  width: 100%;

  font-weight: 400;

  font-size: 18px

}

#menu li span {

  font-size: 12px;

  display: block;

  width: 100%;

  -webkit-transform: scale(.7);

  -moz-transform: scale(.7);

  -ms-transform: scale(.7);

  -o-transform: scale(.7);

  transform: scale(.7)

}

#menu .logo {

  position: absolute;

  display: block;

  width: 86px;

  height: 72px;

  left: 20px;

  top: 12px;

  background: url(../logo50images/index-icon.html) no-repeat 0 0

}

#menu li:after {

  position: absolute;

  display: none;

  width: 60%;

  height: 4px;

  content: "";

  background: #f2c26f;

  left: 50%;

  margin-left: -30%;

  bottom: -10px

}

#menu li.current:after {

  display: block

}

#menu .border {

  position: absolute;

  display: block;

  top: 70px;

  width: 1060px;

  right: 0;

  border-top: 1px solid #a79a9a

}

#menu .drop {

  overflow: hidden;

  height: 0

}

#menu .links-wrap a {

  padding: 6px 0;

  display: inline-block;

  text-align: center;

  color: #f2c26f;

  font-size: 12px;

  position: relative

}

#menu .links-wrap a:after {

  position: absolute;

  display: block;

  content: "";

  width: 0%;

  bottom: 0;

  -webkit-transition-property: width;

  -o-transition-property: width;

  -moz-transition-property: width;

  transition-property: width;

  -webkit-transition-duration: .4s;

  -moz-transition-duration: .4s;

  -o-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  border-bottom: 1px solid #f2c26f

}

#menu .links-wrap a:hover:after {

  width: 100%

}

#menu .drop li {

  height: 160px

}

#menu .drop li i {

  position: absolute;

  display: block;

  height: 100%;

  right: 0;

  top: 0;

  border-right: 1px dashed #908379

}

.t-banner {

  background: url(../logo50images/top-banner.html) no-repeat top center;

  height: 400px

}

#fixednav {

  position: absolute;

  display: block;

  z-index: 9;

  right: -2px;

  background: #fff;

  top: 595px;

  border: 1px solid #c8c8c8;

  -webkit-transition-property: right;

  -o-transition-property: right;

  -moz-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: .4s;

  -moz-transition-duration: .4s;

  -o-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0)

}

#fixednav.fixed {

  top: 0;

  position: fixed

}

#fixednav.close {

  right: -280px

}

#fixednav .close {

  position: absolute;

  display: block;

  width: 40px;

  height: 40px;

  left: -38px;

  top: -1px;

  overflow: hidden;

  cursor: pointer;

  border: 1px solid #c8c8c8;

  border-right: none;

  background: #f2f2f3

}

#fixednav .close i {

  position: absolute;

  display: block;

  width: 24px;

  height: 24px;

  left: 50%;

  top: 50%;

  margin-left: -12px;

  margin-top: -12px;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: -o-transform;

  -moz-transition-property: transform, -moz-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;

  -webkit-transition-duration: .4s;

  -moz-transition-duration: .4s;

  -o-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  background: url(../logo50images/common.html) no-repeat -120px -60px

}

#fixednav .close:hover i {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg)

}

#fixednav .row {

  position: relative;

  width: 230px

}

#fixednav .line {

  position: absolute;

  display: block;

  width: 180px;

  height: 2px;

  left: 50%;

  margin-left: -90px;

  top: 110px;

  border-top: 1px solid #ddd

}

#fixednav em {

  position: absolute;

  display: block;

  right: 0;

  top: 24px;

  width: 1px;

  background: grey;

  height: 20px

}

#fixednav .row1 {

  height: 150px;

  background: #f2f2f3;

  padding-top: 30px;

  border-bottom: 1px solid #c8c8c8

}

#fixednav .row1 .download {

  display: block;

  width: 142px;

  height: 54px;

  margin: 0 auto 30px auto;

  background: url(../logo50images/common.html) no-repeat 0 0

}

#fixednav .row1 .download:hover {

  background-position: -226px -60px

}

#fixednav .row li {

  float: left;

  width: 50%;

  position: relative

}

#fixednav .row li.clear {

  clear: both;

  width: 100%;

  color: grey;

  font-size: 14px;

  text-indent: 66px;

  line-height: 60px;

  height: 60px

}

#fixednav .row li a {

  display: block;

  color: grey;

  font-size: 14px;

  text-align: center;

  padding: 24px 0;

  position: relative

}

#fixednav .row1 li a:hover {

  color: #ec6756

}

#fixednav .row2 .line {

  top: 92px

}

#fixednav .row2 em {

  top: 34px

}

#fixednav .row2 li a {

  padding-top: 48px

}

#fixednav .row2 li a:hover {

  color: #ec6756;

  text-decoration: underline

}

#fixednav .row2 li i {

  position: absolute;

  display: block;

  left: 50%;

  top: 18px;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: -o-transform;

  -moz-transition-property: transform, -moz-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;

  -webkit-transition-duration: .2s;

  -moz-transition-duration: .2s;

  -o-transition-duration: .2s;

  transition-duration: .2s;

  -webkit-transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

  background: url(../logo50images/common.html) no-repeat

}

#fixednav .row2 li:hover i:not(.i3) {

  -webkit-transform: translateY(-3px);

  -moz-transform: translateY(-3px);

  -ms-transform: translateY(-3px);

  -o-transform: translateY(-3px);

  transform: translateY(-3px)

}

#fixednav .row2 li i.i1 {

  width: 26px;

  height: 24px;

  margin-left: -13px;

  background-position: 0 -60px

}

#fixednav .row2 li:hover i.i1 {

  background-position: -159px -60px

}

#fixednav .row2 li i.i2 {

  width: 26px;

  height: 26px;

  margin-left: -13px;

  background-position: -31px -60px

}

#fixednav .row2 li:hover i.i2 {

  background-position: -195px -60px

}

#fixednav .row2 li i.i3 {

  width: 22px;

  height: 24px;

  margin-left: -78px;

  background-position: -64px -60px

}

#fixednav .row2 {

  border-bottom: 1px solid #c8c8c8

}

#fixednav .row3 h1 {

  height: 60px;

  line-height: 60px;

  position: relative;

  font-size: 22px;

  padding-left: 50px

}

#fixednav .row3 h1 i {

  position: absolute;

  display: block;

  width: 18px;

  height: 24px;

  left: 24px;

  top: 50%;

  margin-top: -12px;

  background: url(../logo50images/common.html) no-repeat -94px -60px

}

#fixednav .row3 h1:after {

  position: absolute;

  display: block;

  content: "";

  width: 16px;

  height: 1px;

  background: #554643;

  right: 66px;

  top: 50%

}

#fixednav .row3 li a {

  padding: 10px 0;

  text-indent: 8px

}

#fixednav .row3 li a:hover {

  color: #ec6756;

  text-decoration: underline

}

#fixednav .row3 li a i {

  position: absolute;

  display: block;

  width: 4px;

  height: 10px;

  left: 24px;

  top: 15px;

  background: url(../logo50images/common.html) no-repeat -177px 0

}

#fixednav .row3 li a:hover i {

  background-position: -165px 0

}

#fixednav .row3 .img-wrap {

  padding: 14px

}

#fixednav .row3 img {

  display: block;

  margin: 0 auto

}

#fixednav .row3 .line {

  top: 260px

}

#closeNav {

  position: fixed;

  z-index: 9;

  background: #554643;

  width: 50px;

  height: 132px;

  text-align: center;

  top: 50%;

  margin-top: -66px;

  right: 0;

  cursor: pointer;

  color: #f2f2f2;

  -webkit-transition-property: right;

  -o-transition-property: right;

  -moz-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: .4s;

  -moz-transition-duration: .4s;

  -o-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}

#closeNav.close {

  right: -70px

}

#closeNav .txt {

  padding-top: 34px

}

#closeNav i {

  width: 18px;

  height: 10px;

  position: absolute;

  left: 15px;

  top: 18px;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: -o-transform;

  -moz-transition-property: transform, -moz-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;

  -webkit-transition-duration: .4s;

  -moz-transition-duration: .4s;

  -o-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  background: url(../logo50images/common.html) no-repeat -195px 0

}

#closeNav:hover i {

  -webkit-transform: translateX(-6px);

  -moz-transform: translateX(-6px);

  -ms-transform: translateX(-6px);

  -o-transform: translateX(-6px);

  transform: translateX(-6px)

}

.list-page .list-title .inner, .list-page .list-wrap .inner {

  width: 890px

}

.list-page .list-title .inner {

  -webkit-animation-name: bottomIn;

  -moz-animation-name: bottomIn;

  -o-animation-name: bottomIn;

  animation-name: bottomIn;

  -webkit-animation-duration: .8s;

  -moz-animation-duration: .8s;

  -o-animation-duration: .8s;

  animation-duration: .8s;

  -webkit-animation-delay: .2s;

  -moz-animation-delay: .2s;

  -o-animation-delay: .2s;

  animation-delay: .2s

}

.list-page .list-wrap .inner {

  -webkit-animation-name: bottomIn;

  -moz-animation-name: bottomIn;

  -o-animation-name: bottomIn;

  animation-name: bottomIn;

  -webkit-animation-duration: .9s;

  -moz-animation-duration: .9s;

  -o-animation-duration: .9s;

  animation-duration: .9s;

  -webkit-animation-delay: .8;

  -moz-animation-delay: .8;

  -o-animation-delay: .8;

  animation-delay: .8

}

.list-page .list-title {

  height: 195px;

  border-bottom: 1px solid #e5e5e5

}

.list-page .list-wrap {

  min-height: 900px

}

.list-page .list-title h1 {

  font-weight: 700;

  color: #554643;

  font-size: 36px;

  text-align: center;

  height: 100px;

  line-height: 100px

}

.list-page .r-home {

  position: absolute;

  display: block;

  width: 52px;

  height: 52px;

  left: 0;

  top: 60px;

  border: 1px solid #90817e;

  -webkit-transition-property: background;

  -o-transition-property: background;

  -moz-transition-property: background;

  transition-property: background;

  -webkit-transition-duration: .4s;

  -moz-transition-duration: .4s;

  -o-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}

.list-page .r-home:before {

  position: absolute;

  display: block;

  content: "";

  width: 12px;

  height: 24px;

  background: url(../logo50images/common.html) no-repeat -276px 0;

  left: 19px;

  top: 13px

}

.list-page .r-home:hover {

  background: #ec6756;

  border: 1px solid #ec6756

}

.list-page .r-home:hover:before {

  background-position: -296px 0

}

.goTop {

  position: fixed;

  display: none;

  width: 52px;

  height: 52px;

  border: 1px solid #90817e;

  z-index: 5;

  left: 50%;

  bottom: 180px;

  cursor: pointer;

  margin-left: 480px;

  -webkit-transition-property: background;

  -o-transition-property: background;

  -moz-transition-property: background;

  transition-property: background;

  -webkit-transition-duration: .4s;

  -moz-transition-duration: .4s;

  -o-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}

.goTop:before {

  width: 24px;

  height: 12px;

  left: 15px;

  top: 18px;

  position: absolute;

  display: block;

  content: "";

  background: url(../logo50images/common.html) no-repeat -317px 0

}

.goTop:hover {

  background: #ec6756;

  border: 1px solid #ec6756

}

.goTop:hover:before {

  background-position: -349px 0

}

.paging {

  padding: 60px 0;

  text-align: center;

  font-size: 12px

}

.paging button {

  color: #ec6756;

  padding: 0 10px;

  line-height: 24px;

  height: 24px;

  margin: 0 2px;

  cursor: pointer;

  outline: 0;

  background: #fff;

  border: 1px solid #ec6756

}

.paging span {

  color: #ec6756

}

.paging .activity {

  color: #fff;

  background: #ec6756;

  border: 1px solid #ec6756

}

#alert {

  background: #9a1a1a;

  color: #fff;

  position: fixed;

  display: block;

  width: 360px;

  height: 60px;

  left: 50%;

  top: 50%;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  margin-left: -180px;

  margin-top: -30px;

  z-index: 999;

  font-size: 20px;

  text-align: center;

  line-height: 60px

}