path {

  stroke-dasharray: 4;

  -webkit-animation: dash 30s linear infinite;

  -moz-animation: dash 30s linear infinite;

  -o-animation: dash 30s linear infinite;

  animation: dash 30s linear infinite

}

@-webkit-keyframes dash {

  from {

    stroke-dashoffset: 1000

  }

  to {

    stroke-dashoffset: 600

  }

}

@-moz-keyframes dash {

  from {

    stroke-dashoffset: 1000

  }

  to {

    stroke-dashoffset: 600

  }

}

@-o-keyframes dash {

  from {

    stroke-dashoffset: 1000

  }

  to {

    stroke-dashoffset: 600

  }

}

@keyframes dash {

  from {

    stroke-dashoffset: 1000

  }

  to {

    stroke-dashoffset: 600

  }

}

@-webkit-keyframes Flash {

  0% {

    opacity: .6;

    -webkit-transform: scale(.7);

    transform: scale(.7)

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(.8);

    transform: scale(.8)

  }

}

@-moz-keyframes Flash {

  0% {

    opacity: .6;

    -moz-transform: scale(.7);

    transform: scale(.7)

  }

  100% {

    opacity: 1;

    -moz-transform: scale(.8);

    transform: scale(.8)

  }

}

@-o-keyframes Flash {

  0% {

    opacity: .6;

    -o-transform: scale(.7);

    transform: scale(.7)

  }

  100% {

    opacity: 1;

    -o-transform: scale(.8);

    transform: scale(.8)

  }

}

@keyframes Flash {

  0% {

    opacity: .6;

    -webkit-transform: scale(.7);

    -moz-transform: scale(.7);

    -o-transform: scale(.7);

    transform: scale(.7)

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8)

  }

}

.animated {

  -webkit-animation-duration: 1s;

  -moz-animation-duration: 1s;

  -o-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  -moz-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both

}

.wrap .t-title {

  position: absolute;

  display: block;

  left: 0;

  top: -80px;

  width: 100%;

  height: 80px;

  z-index: 2;

  line-height: 80px

}

.wrap .t-title i {

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

  position: absolute;

  display: block;

  left: 0;

  top: 50%

}

.wrap .t-title a {

  position: absolute;

  display: block;

  right: 0;

  width: 62px;

  height: 20px;

  bottom: 16px;

  background: url(../logo50images/index-icon.html) no-repeat -764px -384px

}

.wrap .t-title a:hover {

  background-position: -764px -413px

}

.wrap1 {

  background: url(../logo50images/bg20200618.jpg) no-repeat top center;

  height: 920px;

  z-index: 1;

}

.wrap1 a {

  position: absolute;

  display: block;

  width: 100%;

  height: 580px;

  left: 0;

  top: 90px;

  z-index: 1

}

.wrap .play-video {

  position: absolute;

  width: 69px;

  height: 138px;

  left: 50%;

  top: 370px;

  margin-left: -34.5px;

  cursor: pointer;

  z-index: 2;

  background-image: url(../logo50images/play-video.html)

}

.wrap2 {

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

  height: 846px;

  overflow: visible;

  z-index: 2

}

#downloads{width:855px;height:121px;position:absolute;/* bottom: 80px; */top: 747px;left:50%;margin-left: -836px;z-index:1500;}



#downloada{float:left;width:1280px;height: 286px;overflow:hidden;margin-right:20px;/* margin-top: 140px; */}



#downloada .btn_downa{float:left;width:340px;height: 132px;position:relative;text-indent:-9999em;background:url(../logo50images/btn-1.png) no-repeat left bottom;display:block;}

#downloada .btn_downa:hover{text-decoration:none;;background:url(../logo50images/btn-1_hover.png) no-repeat left top;}

#downloada .btn_downb{float:left;width:340px;height: 132px;position:relative;text-indent:-9999em;background:url(../logo50images/btn-1.png) no-repeat left bottom;display:block;margin-left:60px;}

#downloada .btn_downb:hover{text-decoration:none;background:url(../logo50images/btn-1_hover.png) no-repeat left top;}

#downloada .btn_downc{float:left;width:340px;height:121px;position:relative;text-indent:-9999em;background:url(../logo50images/btn-3.html) no-repeat left bottom;display:block;margin-left:60px;}

#downloada .btn_downc:hover{text-decoration:none;background:url(../logo50images/btn-3_hover.html) no-repeat left top;}









.wrap2 .top-wrap {

  width: 100%;

  height: 344px;

  position: absolute;

  z-index: 2;

  left: 0;

  top: -130px

}

.wrap2 .top {

  position: absolute;

  display: block;

  width: 100%;

  -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

}

.wrap2 .col {

  float: left;

  height: 344px;

  font-size: 14px;

  position: relative

}

.wrap2 .col1 {

  width: 236px;

  background: #1a1e19

}

.wrap2 .col1 .row1 {

  height: 162px;

  position: relative;

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

}

.wrap2 .col1 .row1 a {

  position: absolute;

  bottom: 18px;

  color: #ffeace;

  z-index: 1

}

.wrap2 .col1 .row1 a:hover {

  text-decoration: underline

}

.wrap2 .col1 .row1 .dl0 {

  display: block;

  width: 148px;

  height: 58px;

  bottom: 74px;

  left: 50%;

  margin-left: -74px;

  -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;

  -moz-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

  background: url(../logo50images/index-icon.html) no-repeat -3px -189px

}

.wrap2 .col1 .row1 .dl0:hover {

  background-position: -3px -124px;

  -webkit-transform: scale(1.04);

  -moz-transform: scale(1.04);

  -ms-transform: scale(1.04);

  -o-transform: scale(1.04);

  transform: scale(1.04)

}

.wrap2 .col1 .row1 .dl1 {

  left: 28px

}

.wrap2 .col1 .row1 .dl1 span {

  position: absolute;

  right: -6px;

  top: -16px;

  font-size: 12px;

  background-color: #ffae00;

  color: #000;

  padding: 0 6px;

  -webkit-transform: scale(.8);

  -moz-transform: scale(.8);

  -ms-transform: scale(.8);

  -o-transform: scale(.8);

  transform: scale(.8);

  -webkit-border-radius: 13px;

  -moz-border-radius: 13px;

  border-radius: 13px;

  -webkit-animation-name: Flash;

  -moz-animation-name: Flash;

  -o-animation-name: Flash;

  animation-name: Flash;

  -webkit-animation-direction: alternate;

  -moz-animation-direction: alternate;

  -o-animation-direction: alternate;

  animation-direction: alternate;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  -o-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-duration: .6s;

  -moz-animation-duration: .6s;

  -o-animation-duration: .6s;

  animation-duration: .6s

}

.wrap2 .col1 .row1 .dl2 {

  right: 16px

}

.wrap2 .col1 .row2 {

  height: 180px;

  position: relative;

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

}

.wrap2 .col1 .row2 a {

  position: absolute;

  top: 34px;

  z-index: 1;

  color: #ffeace

}

.wrap2 .col1 .row2 a.lk1 {

  left: 32px

}

.wrap2 .col1 .row2 a.lk2 {

  right: 32px

}

.wrap2 .col1 .row2 a i {

  display: block;

  margin: 0 auto 2px auto;

  -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: .3s;

  -moz-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -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/index-icon.html) no-repeat

}

.wrap2 .col1 .row2 a:not(.lk3):hover i {

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

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

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

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

  transform: translateY(-4px)

}

.wrap2 .col1 .row2 a.lk1 i {

  width: 26px;

  height: 24px;

  background-position: -864px 0

}

.wrap2 .col1 .row2 a.lk2 i {

  width: 26px;

  height: 26px;

  background-position: -907px 0

}

.wrap2 .col1 .row2 .lk3 {

  color: #ffeace;

  font-weight: 400;

  position: absolute;

  top: 134px;

  left: 64px;

  padding-left: 28px

}

.wrap2 .col1 .row2 .lk3 i {

  width: 22px;

  height: 24px;

  position: absolute;

  left: 0;

  top: 0;

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

}

.wrap2 .col1 .row2 a.lk3:hover i {

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

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

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

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

  transform: translateX(-2px)

}

.wrap2 .col2 {

  width: 964px;

  overflow: hidden;

  background: #e39a73

}

.wrap2 .col2 .row {

  position: relative;

  height: 100%;

  background: #fff;

  overflow: hidden;

  top: 0

}

.wrap2 .col2 .row-wrap {

  position: relative;

  left: 0;

  width: 1784px;

  -webkit-transition-property: left;

  -o-transition-property: left;

  -moz-transition-property: left;

  transition-property: left;

  -webkit-transition-duration: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

  -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)

}

.wrap2 .col2 .nav {

  position: absolute;

  display: block;

  width: 72px;

  height: 100%;

  right: 0;

  top: 0

}

.wrap2 .col2 .item {

  height: 172px;

  cursor: pointer;

  position: relative;

  background: #d6ab69

}

.wrap2 .col2 .item.current {

  background: #fac258

}

.wrap2 .col2 .item h1 {

  font-size: 22px;

  text-align: center;

  -webkit-writing-mode: vertical-lr;

  -ms-writing-mode: tb-lr;

  writing-mode: vertical-lr;

  color: #120200;

  position: absolute;

  left: 50%;

  bottom: 22px;

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

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

  -ms-transform: translateX(-50%);

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

  transform: translateX(-50%);

  -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

}

.wrap2 .col2 .item.current h1 {

  color: #a42b1e;

  font-weight: 700

}

.wrap2 .col2 .item i {

  position: absolute;

  left: 50%;

  top: 20px;

  -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/icono.html) no-repeat

}

.wrap2 .col2 .item em {

  position: absolute;

  display: block;

  left: 0;

  top: 50%;

  opacity: 0;

  -webkit-transition-property: left;

  -o-transition-property: left;

  -moz-transition-property: left;

  transition-property: left;

  -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;

  margin-top: -19px;

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-right: 10px solid #fac258;

  border-bottom: 10px solid transparent

}

.wrap2 .col2 .item.current em {

  opacity: 1;

  left: -8px

}

.wrap2 .col2 .item i.i1 {

  width: 32px;

  height: 38px;

  margin-left: -16px;

  background-position: 0 0

}

.wrap2 .col2 .current i.i1 {

  background-position: -33px 0

}

.wrap2 .col2 .item i.i2 {

  width: 34px;

  height: 32px;

  margin-left: -17px;

  background-position: -66px 0

}

.wrap2 .col2 .item.clicktips i.i2 {

  -webkit-animation: scale 2s linear infinite;

  -moz-animation: scale 2s linear infinite;

  -o-animation: scale 2s linear infinite;

  animation: scale 2s linear infinite

}

.wrap2 .col2 .current i.i2 {

  background-position: -100px 0

}

.wrap2 .col2 .item:not(.current):hover i {

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  transform: rotateY(180deg)

}

.wrap2 .col2 .nav .return {

  display: block;

  height: 50px;

  text-align: center;

  color: #ffeace;

  line-height: 50px;

  -webkit-transition-property: all;

  -o-transition-property: all;

  -moz-transition-property: all;

  transition-property: all;

  -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: #000

}

.wrap2 .col2 .nav .return:hover {

  color: red

}

.wrap2 .slide-news .slide-wrap {

  position: relative;

  display: block;

  width: 496px;

  height: 344px;

  float: left;

  overflow: hidden

}

.wrap2 .slide-news .slide-wrap ul {

  position: relative;

  width: 100%;

  height: 100%;

  overflow: hidden

}

.wrap2 .slide-news .slide-wrap li {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  opacity: 0;

  overflow: hidden;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  -webkit-transition-duration: .8s;

  -moz-transition-duration: .8s;

  -o-transition-duration: .8s;

  transition-duration: .8s;

  -webkit-transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

  -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

}

.wrap2 .slide-news .slide-wrap li.on {

  opacity: 1;

  z-index: 3;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1)

}

.wrap2 .slide-news .slide-wrap li.fadeout {

  opacity: 0;

  -webkit-transform: scale(1.12);

  -moz-transform: scale(1.12);

  -ms-transform: scale(1.12);

  -o-transform: scale(1.12);

  transform: scale(1.12);

  z-index: 4

}

.wrap2 .slide-news .slide-wrap h2 {

  position: absolute;

  display: block;

  width: 100%;

  color: #f2f2f2;

  left: 0;

  z-index: 1;

  bottom: 6px;

  padding: 6px 20px;

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

}

.wrap2 .slide-news .slide-nav {

  position: absolute;

  display: block;

  width: 100%;

  bottom: 0;

  left: 0;

  z-index: 6;

  height: 8px;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0)

}

.wrap2 .slide-news .slide-nav span {

  display: block;

  width: 0%;

  cursor: pointer;

  height: 100%;

  float: left;

  background: #fff;

  margin-left: 1px;

  background: rgba(255, 255, 255, .7)

}

.wrap2 .slide-news .slide-nav span.current {

  background: #ffb94a

}

.wrap2 .col3 {

  width: 468px

}

.wrap2 .slide-news .news-wrap {

  float: left;

  width: 396px;

  position: relative;

  height: 344px;

  overflow: hidden

}

.wrap2 .slide-news .news {

  padding: 14px 24px;

  position: relative

}

.wrap2 .slide-news .news a.more {

  position: absolute;

  display: block;

  width: 12px;

  height: 12px;

  right: 24px;

  top: 24px;

  z-index: 2;

  -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/index-icon.html) no-repeat -401px -1124px

}

.wrap2 .slide-news .news a.more:hover {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg)

}

.wrap2 .news .tab {

  border-bottom: 1px solid #e4e4e4;

  padding-bottom: 4px

}

.wrap2 .news .tab li {

  float: left;

  width: 78px;

  cursor: pointer;

  font-size: 16px;

  margin: 0 4px;

  padding: 6px 0;

  text-align: center;

  -webkit-transition-property: color;

  -o-transition-property: color;

  -moz-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: .2s;

  -moz-transition-duration: .2s;

  -o-transition-duration: .2s;

  transition-duration: .2s;

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

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

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

  transition-timing-function: ease-out

}

.wrap2 .news .tab li.current {

  color: #ffb94a

}

.wrap2 .news .line {

  position: absolute;

  display: block;

  width: 40px;

  height: 2px;

  background: #ffb94a;

  left: 46px;

  top: 50px;

  -webkit-transition-property: left;

  -o-transition-property: left;

  -moz-transition-property: left;

  transition-property: left;

  -webkit-transition-duration: .2s;

  -moz-transition-duration: .2s;

  -o-transition-duration: .2s;

  transition-duration: .2s;

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

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

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

  transition-timing-function: ease-out

}

.wrap2 .top-news {

  padding: 14px 0;

  border-bottom: 1px dashed #e4e4e4

}

.wrap2 .top-news a {

  font-size: 16px;

  color: #ffb94a

}

.wrap2 .top-news p {

  font-size: 12px;

  color: #949494;

  padding-top: 8px;

  line-height: 1.6;

  position: relative

}

.wrap2 .news-list .list {

  padding-top: 6px

}

.wrap2 .news-list .list a {

  color: #949494;

  display: block;

  font-size: 13px;

  position: relative;

  padding: 6px 0 6px 12px

}

.wrap2 .news-list .jdlist a {

  padding-left: 0

}

.wrap2 .news-list .list a i {

  display: inline-block;

  width: 42px;

  height: 16px;

  text-align: center;

  line-height: 16px;

  color: #fff;

  font-style: normal;

  font-size: 12px;

  margin-right: 6px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px

}

.wrap2 .news-list .list a i.i1 {

  background-color: #8eb5a3

}

.wrap2 .news-list .list a i.i2 {

  background-color: #ca7979

}

.wrap2 .news-list .list a i.i3 {

  background-color: #757575

}

.wrap2 .news-list .list a:hover {

  color: #000

}

.wrap2 .news-list .list a span {

  position: absolute;

  right: 0;

  top: 6px

}

.wrap2 .news-list .list a:before {

  position: absolute;

  display: block;

  content: "";

  width: 4px;

  height: 8px;

  left: 0;

  top: 11px;

  background: url(../logo50images/common6040.html) no-repeat -368px -642px;

  font-size: 16px

}

.wrap2 .news-list .jdlist a:before {

  display: none

}

.wrap2 .news-list .list a:hover:before {

  background-position: -368px -619px

}

.wrap2 .news-list .list-item {

  float: left;

  width: 348px

}

.wrap2 .news-list-wrap {

  width: 348px;

  overflow: hidden

}

.wrap2 .news-list {

  width: 1392px;

  position: relative;

  left: 0;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition-property: left;

  -o-transition-property: left;

  -moz-transition-property: left;

  transition-property: left;

  -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

}

.wrap2 .slide-news {

  width: 892px;

  float: left

}

.wrap2 .lives-center {

  width: 828px;

  float: left;

  padding: 22px 32px

}

.wrap2 .game-center {

  float: left;

  width: 418px

}

.wrap2 .live-center {

  float: right;

  width: 354px

}

.wrap2 .game-center h1, .wrap2 .live-center h1 {

  display: block;

  height: 30px;

  position: relative;

  padding-bottom: 18px

}

.wrap2 .lives-center i {

  position: absolute;

  left: 0;

  top: 6px;

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

}

.wrap2 .lives-center i.i1 {

  width: 118px;

  height: 22px;

  background-position: -853px -145px

}

.wrap2 .lives-center i.i2 {

  width: 120px;

  height: 22px;

  background-position: -853px -177px

}

.wrap2 .game-center h1 .more, .wrap2 .live-center h1 .more {

  position: absolute;

  width: 42px;

  height: 14px;

  right: 0;

  top: 12px;

  background: url(../logo50images/index-icon.html) no-repeat -936px -46px

}

.wrap2 .game-center h1 .more:hover, .wrap2 .live-center h1 .more:hover {

  background-position: -936px -68px

}

.wrap2 .lives-center .slide-wrap {

  height: 104px;

  overflow: hidden

}

.wrap2 .lives-center .news-wrap {

  margin-top: 20px;

  padding-top: 8px;

  border-top: 1px dashed #ddd

}

.wrap2 .game-center .list-wrap {

  float: left;

  width: 274px

}

.wrap2 .lives-center .list a {

  color: #949494;

  display: block;

  font-size: 13px;

  position: relative;

  padding: 6px 0 6px 10px

}

.wrap2 .lives-center .list a:hover {

  color: #000

}

.wrap2 .lives-center .list a span {

  position: absolute;

  right: 6px;

  top: 6px

}

.wrap2 .live-center .list a span {

  display: none

}

.wrap2 .lives-center .list a:before {

  position: absolute;

  display: block;

  content: "";

  left: 0;

  top: 11px;

  width: 4px;

  height: 8px;

  background: url(../logo50images/common6040.html) no-repeat -368px -642px;

  font-size: 16px

}

.wrap2 .lives-center .list a:hover:before {

  background-position: -368px -619px

}

.wrap2 .live-center .list-wrap {

  width: 150px;

  float: left

}

.wrap2 .lives-center .pics-slide {

  float: right;

  width: 130px;

  height: 106px;

  overflow: hidden;

  margin-top: 4px;

  position: relative

}

.wrap2 .lives-center .pics-slide ul {

  position: relative;

  top: 0

}

.wrap2 .pics-slide .nav-wrap {

  position: absolute;

  display: block;

  width: 100%;

  height: 4px;

  left: 0;

  bottom: 0

}

.wrap2 .pics-slide .nav-wrap span {

  display: block;

  cursor: pointer;

  width: 42px;

  height: 4px;

  float: left;

  margin-right: 1px;

  background: #fff;

  background: rgba(255, 255, 255, .7)

}

.wrap2 .pics-slide .nav-wrap span.current {

  background: #ffb94a

}

.wrap2 .game-center .pics-slide li {

  position: relative;

  overflow: hidden

}

.wrap2 .game-center .pics-slide li span {

  display: block;

  width: 100%;

  font-size: 12px;

  color: #fff;

  text-align: center;

  height: 20px;

  line-height: 20px;

  background: rgba(255, 185, 74, .85);

  position: absolute;

  bottom: -30px;

  left: 0;

  -webkit-transition-property: bottom;

  -o-transition-property: bottom;

  -moz-transition-property: bottom;

  transition-property: bottom;

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

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

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

  transition-timing-function: ease-out;

  -webkit-transition-duration: .4s;

  -moz-transition-duration: .4s;

  -o-transition-duration: .4s;

  transition-duration: .4s

}

.wrap2 .game-center .pics-slide li a:hover span {

  bottom: 0

}

.wrap2 .game-center .pics-slide li strong {

  position: absolute;

  display: block;

  width: 12px;

  height: 12px;

  text-align: center;

  line-height: 12px;

  color: #fff;

  background: #272727;

  right: 16px;

  bottom: 14px;

  display: none

}

.wrap2 .game-center .pics-slide li a:hover strong {

  background: #d89427

}

.wrap2 .game-center .pics-slide li strong:after {

  position: absolute;

  display: block;

  width: 5px;

  content: "";

  left: 4px;

  top: 3px;

  height: 10px;

  background: url(../logo50images/index-icon.html) no-repeat -948px -95px

}

.wrap2 .bottom-wrap {

  padding-top: 270px;

  position: relative;

  z-index: 1

}

.wrap2 .bottom {

  height: 420px;

  -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: .4s;

  -moz-animation-delay: .4s;

  -o-animation-delay: .4s;

  animation-delay: .4s

}

.wrap2 .bottom .tabs li {

  float: left;

  width: 25%;

  height: 120px;

  line-height: 120px;

  position: relative;

  overflow: hidden;

  text-align: center

}

.wrap2 .bottom .tabs i {

  position: absolute;

  display: block;

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

}

.wrap2 .bottom li .txt {

  position: absolute;

  display: block;

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

  left: 50%;

  top: 50%;

  -webkit-transition-property: margin-left;

  -o-transition-property: margin-left;

  -moz-transition-property: margin-left;

  transition-property: margin-left;

  -webkit-transition-duration: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

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

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

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

  transition-timing-function: ease-out;

  width: 98px;

  height: 24px;

  margin-left: -34px;

  margin-top: -12px;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0)

}

.wrap2 .bottom li.current .txt {

  width: 112px;

  height: 28px;

  margin-left: -56px;

  margin-top: -14px

}

.wrap2 .bottom .li1 .txt {

  background-position: -127px -485px

}

.wrap2 .bottom li.li1.current .txt {

  background-position: 0 -486px

}

.wrap2 .bottom .li2 .txt {

  background-position: -126px -544px

}

.wrap2 .bottom li.li2.current .txt {

  background-position: 0 -544px

}

.wrap2 .bottom .li3 .txt {

  background-position: -129px -602px

}

.wrap2 .bottom li.li3.current .txt {

  background-position: 0 -602px

}

.wrap2 .bottom .li4 .txt {

  margin-left: -30px;

  background-position: -129px -660px

}

.wrap2 .bottom li.li4.current .txt {

  background-position: 0 -660px

}

.wrap2 .bottom .tabs li em {

  position: absolute;

  display: block;

  width: 2px;

  height: 32px;

  top: 50%;

  margin-top: -16px;

  right: 0;

  border-right: 1px dashed #000

}

.wrap2 .bottom .i-o {

  position: absolute;

  display: block;

  width: 28px;

  height: 26px;

  top: 50%;

  margin-top: -13px;

  left: 84px;

  opacity: 1;

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

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

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

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

  transition-property: opacity, left, transform;

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

  -webkit-transition-duration: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

  -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: scale(1), translateZ(0);

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

  transform: scale(1), translateZ(0)

}

.wrap2 .bottom .current .i-o {

  opacity: 0;

  left: 64px;

  -webkit-transform: scale(.1);

  -moz-transform: scale(.1);

  -ms-transform: scale(.1);

  -o-transform: scale(.1);

  transform: scale(.1)

}

.wrap2 .bottom .li1 .i-o {

  background-position: 0 -431px

}

.wrap2 .bottom .li2 .i-o {

  background-position: -48px -431px

}

.wrap2 .bottom .li3 .i-o {

  background-position: -89px -431px

}

.wrap2 .bottom .li4 .i-o {

  background-position: -128px -431px

}

.wrap2 .bottom .i-t {

  width: 38px;

  height: 36px;

  left: 50%;

  margin-left: -19px;

  top: 10px;

  opacity: 0;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition-property: opacity, top;

  -o-transition-property: opacity, top;

  -moz-transition-property: opacity, top;

  transition-property: opacity, top;

  -webkit-transition-duration: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

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

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

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

  transition-timing-function: ease-out

}

.wrap2 .bottom .current .i-t {

  opacity: 1;

  top: 0

}

.wrap2 .bottom .li1 .i-t {

  background-position: 0 -386px

}

.wrap2 .bottom .li2 .i-t {

  background-position: -44px -385px

}

.wrap2 .bottom .li3 .i-t {

  background-position: -84px -385px

}

.wrap2 .bottom .li4 .i-t {

  background-position: -127px -385px

}

.wrap2 .bottom .tabs .i-b {

  width: 30px;

  height: 16px;

  left: 50%;

  display: block;

  margin-left: -15px;

  bottom: 20px;

  opacity: 0;

  -webkit-transition-property: opacity, bottom;

  -o-transition-property: opacity, bottom;

  -moz-transition-property: opacity, bottom;

  transition-property: opacity, bottom;

  -webkit-transition-duration: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0);

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

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

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

  transition-timing-function: ease-out;

  background-position: -176px -386px

}

.wrap2 .bottom .tabs a.i-b {

  left: 50%;

  margin-left: -15px;

  position: absolute;

  background: url(../logo50images/index-icon.html) no-repeat -217px -386px

}

.wrap2 .bottom .tabs a.i-b:hover {

  background-position: -258px -386px

}

.wrap2 .bottom .current .i-b {

  opacity: 1;

  bottom: 14px

}

.wrap2 .bottom .tabs .i-l {

  width: 72px;

  height: 16px;

  top: 50%;

  margin-top: -8px;

  left: 0;

  -webkit-transition-property: left, opacity;

  -o-transition-property: left, opacity;

  -moz-transition-property: left, opacity;

  transition-property: left, opacity;

  -webkit-transition-duration: .5s;

  -moz-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s;

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

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

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

  transition-timing-function: ease-out;

  background-position: -1px -718px;

  opacity: 0

}

.wrap2 .bottom .current .i-l {

  opacity: 1;

  left: 12px

}

.wrap2 .bottom .tabs .i-r {

  width: 72px;

  height: 16px;

  top: 50%;

  margin-top: -8px;

  right: 0;

  -webkit-transition-property: right, opacity;

  -o-transition-property: right, opacity;

  -moz-transition-property: right, opacity;

  transition-property: right, opacity;

  -webkit-transition-duration: .5s;

  -moz-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s;

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

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

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

  transition-timing-function: ease-out;

  background-position: -129px -718px;

  opacity: 0

}

.wrap2 .bottom .current .i-r {

  opacity: 1;

  right: 12px

}

.sld {

  position: relative

}

.sld1 .line {

  position: absolute;

  display: block;

  background: url(../logo50images/index-cszc-line.html) no-repeat top center;

  width: 1167px;

  height: 34px;

  left: 50%;

  margin-left: -583px;

  top: 70px;

  z-index: 0

}

.cszc {

  width: 1200px;

  overflow: hidden;

  position: relative;

  z-index: 2

}

.cszc ul {

  position: relative;

  display: block;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0);

  left: 0

}

.cszc li {

  width: 1200px;

  height: 204px;

  overflow: hidden;

  position: relative;

  float: left

}

.cszc li .img-wrap {

  position: absolute;

  display: block;

  width: 902px;

  height: 160px;

  left: 50%;

  top: 50%;

  z-index: 1;

  margin-top: -80px;

  margin-left: -451px;

  opacity: 0;

  -webkit-transform: scale(.2);

  -moz-transform: scale(.2);

  -ms-transform: scale(.2);

  -o-transform: scale(.2);

  transform: scale(.2);

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

  transition-property: opacity, -webkit-transform;

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

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

  transition-property: opacity, transform;

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

  -webkit-transition-duration: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

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

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

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

  transition-timing-function: ease-out

}

.cszc li.current .img-wrap {

  opacity: 1;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1)

}

.sld1 .filter {

  position: absolute;

  display: block;

  width: 120px;

  height: 204px;

  z-index: 4;

  background: url(../logo50images/index-cszc-filter.html) no-repeat

}

.sld1 .filter-l {

  left: 0;

  top: 0;

  background-position: 0 0

}

.sld1 .filter-r {

  right: 0;

  top: 0;

  background-position: 0 -224px

}

.sld1 .nav {

  position: absolute;

  display: block;

  z-index: 6;

  cursor: pointer;

  width: 38px;

  height: 38px;

  top: 50%;

  margin-top: -19px;

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

}

.sld1 .nav-l {

  left: 0;

  background-position: -342px -386px

}

.sld1 .nav-l:hover {

  background-position: -342px -436px

}

.sld1 .nav-r {

  right: 0;

  background-position: -399px -386px

}

.sld1 .nav-r:hover {

  background-position: -401px -436px

}

.sld1 .year {

  font-weight: 400;

  color: #8f8f8f;

  font-size: 14px;

  width: 60px;

  text-align: center;

  position: absolute;

  display: block;

  z-index: 5;

  bottom: 119px

}

.sld1 .year i {

  position: absolute;

  display: block;

  width: 18px;

  height: 18px;

  bottom: -22px;

  left: 50%;

  margin-left: -9px;

  background: url(../logo50images/index-icon.html) no-repeat -459px -386px

}

.sld1 .y-l {

  left: 60px

}

.sld1 .y-r {

  right: 60px

}

.cszc li .txt-wrap {

  position: absolute;

  display: block;

  width: 456px;

  height: 204px;

  left: 50%;

  margin-left: -228px;

  text-align: center;

  top: 0;

  z-index: 2

}

.cszc li .txt-txt {

  position: absolute;

  top: 38px;

  width: 390px;

  left: 50%;

  z-index: 2;

  margin-left: -195px

}

.cszc li svg {

  position: absolute;

  z-index: 1;

  left: 10px;

  top: 10px

}

.cszc li .txt-wrap h1 {

  font-size: 22px;

  color: #ffb94a

}

.cszc li .txt-wrap h2 {

  color: #ffb94a;

  font-size: 16px

}

.cszc li .txt-wrap p {

  font-size: 12px;

  color: #b8b3ab

}

.cszc li .txt-wrap .split {

  width: 10px;

  height: 2px;

  margin: 14px auto;

  background: #ffb94a

}

.tabs-slide {

  width: 100%;

  overflow: hidden

}

.sld-wrap {

  position: relative;

  display: block;

  width: 4880px;

  left: 0;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition-property: left;

  -o-transition-property: left;

  -moz-transition-property: left;

  transition-property: left;

  -webkit-transition-duration: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

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

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

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

  transition-timing-function: ease-out

}

.sld-wrap .sld {

  float: left;

  width: 1200px;

  margin-right: 20px

}

.sld2 .sld2-wrap {

  margin-left: -9px;

  margin-right: -9px

}

.sld2 .col {

  float: left;

  padding: 20px 30px;

  width: 330px;

  height: 260px;

  background: #fff;

  margin: 0 8px

}

.sld2 .col h1 {

  font-size: 20px;

  position: relative;

  padding-bottom: 10px

}

.sld2 .col h1 a {

  position: absolute;

  width: 42px;

  height: 14px;

  right: 0;

  top: 8px;

  background: url(../logo50images/index-icon.html) no-repeat -936px -46px

}

.sld2 .col h1 a:hover {

  background-position: -936px -68px

}

.sld2 .list a {

  color: #949494;

  display: block;

  font-size: 13px;

  position: relative;

  padding: 10px 0;

  border-top: 1px dashed #dedede

}

.sld2 .list a:hover {

  color: #000

}

.sld2 .list a span {

  position: absolute;

  right: 0;

  top: 9px

}

.sld2 .col2 .ul-wrap {

  border-top: 1px dashed #dedede;

  padding-top: 28px

}

.sld2 .col2 ul {

  margin-left: -6px;

  margin-right: -6px

}

.sld2 .col2 li {

  float: left;

  width: 50%;

  margin-bottom: 36px

}

.sld2 .col2 .img-wrap {

  float: left;

  width: 64px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  overflow: hidden;

  margin-right: 4px

}

.sld2 .col2 .info-wrap {

  font-size: 12px;

  color: #949494;

  padding-top: 4px;

  line-height: 1.6

}

.sld2 .col3 .ul-wrap {

  border-top: 1px dashed #dedede;

  padding-top: 16px

}

.sld2 .col3 li {

  float: left

}

.sld2 .col3 li .img-wrap {

  width: 170px

}

.sld2 .col3 li.li2 {

  width: 140px;

  margin-left: 20px

}

.sld2 .col3 li h1 {

  position: relative;

  height: 44px;

  font-size: 20px;

  padding-bottom: 0;

  text-indent: 32px;

  line-height: 44px;

  color: #949494;

  border-bottom: 1px solid #949494

}

.sld2 .col3 li h1 i {

  position: absolute;

  display: block;

  left: 0;

  top: 50%;

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

}

.sld2 .col3 li h1 i.i1 {

  width: 28px;

  height: 32px;

  margin-top: -16px;

  background-position: -521px -386px

}

.sld2 .col3 li h1 i.i2 {

  width: 22px;

  height: 24px;

  margin-top: -12px;

  background-position: -560px -386px

}

.sld2 .col3 li h3 {

  color: #949494;

  line-height: 24px;

  height: 24px;

  font-size: 13px;

  position: relative;

  padding-left: 12px

}

.sld2 .col3 li h3.h3-1 {

  margin-top: 8px

}

.sld2 .col3 li h3:before {

  position: absolute;

  display: block;

  content: "";

  width: 5px;

  height: 12px;

  left: 2px;

  top: 6px;

  background: url(../logo50images/index-icon.html) no-repeat -601px -387px

}

.sld2 .col3 li a:hover {

  color: #512017;

  text-decoration: underline

}

.sld .list-ul {

  margin-left: -4px;

  margin-right: -4px

}

.sld .list-ul li {

  float: left;

  width: 290px;

  margin: 0 6px;

  cursor: pointer;

  position: relative

}

.sld .list-ul li img {

  -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: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

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

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

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

  transition-timing-function: ease-out

}

.sld .list-ul li:hover img {

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

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

  -ms-transform: scale(1.14, 1.14);

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

  transform: scale(1.14, 1.14)

}

.sld .list-ul h2 {

  line-height: 36px;

  height: 36px;

  color: #55514c;

  font-size: 16px;

  padding-left: 16px;

  position: relative

}

.sld .list-ul h2:before {

  position: absolute;

  display: block;

  content: "";

  width: 10px;

  height: 10px;

  left: 2px;

  top: 13px;

  background: url(../logo50images/index-icon.html) no-repeat -622px -386px

}

.sld .list-ul .hover {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 1;

  height: 252px;

  opacity: 0;

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

  -webkit-transition-property: opacity;

  -o-transition-property: opacity;

  -moz-transition-property: opacity;

  transition-property: opacity;

  -webkit-transition-duration: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

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

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

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

  transition-timing-function: ease-out

}

.sld .list-ul li:hover .hover {

  opacity: 1

}

.sld .list-ul .play {

  position: absolute;

  display: block;

  width: 64px;

  height: 64px;

  left: 50%;

  top: 50%;

  margin-left: -32px;

  margin-top: -48px;

  z-index: 3;

  opacity: 0;

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

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

  -ms-transform: scale(1.6, 1.6);

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

  transform: scale(1.6, 1.6);

  -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 0 -92px

}

.sld .list-ul li:hover .play {

  opacity: 1;

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

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

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

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

  transform: scale(1, 1)

}

.sld .list-ul .arrow {

  position: absolute;

  display: block;

  z-index: 3;

  width: 20px;

  height: 26px;

  left: 50%;

  margin-left: -7px;

  top: 112px;

  background: url(../logo50images/index-icon.html) no-repeat -723px -386px

}

.wrap3 {

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

  height: 1780px;

  z-index: 3;

  overflow: visible

}

.wrap3 .t-title i {

  width: 154px;

  height: 32px;

  margin-top: -16px;

  background-position: -459px -557px

}

.wrap3 .wrap3-1 {

  height: 770px;

  position: relative;

  -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: .4s;

  -moz-animation-delay: .4s;

  -o-animation-delay: .4s;

  animation-delay: .4s

}

.wrap3 .role-slide {

  display: block;

  position: absolute;

  width: 1920px;

  left: 50%;

  z-index: 2;

  top: 0;

  margin-left: -960px

}

.wrap3 .role-slide .role {

  display: none

}

.wrap3 .bg-wrap {

  position: absolute;

  display: block;

  width: 1920px;

  height: 770px;

  left: 50%;

  top: 0;

  z-index: 0;

  margin-left: -960px

}

.wrap3 .bg-wrap .bg-item {

  position: absolute;

  width: 320px;

  height: 770px;

  top: 0;

  overflow: hidden

}

.wrap3 .bg-wrap .bgimg {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  z-index: 1;

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

}

.wrap3 .bg-wrap .bg0 .bgimg {

  background-position: 0 0

}

.wrap3 .bg-wrap .bg1 .bgimg {

  background-position: 0 -770px

}

.wrap3 .bg-wrap .bg2 .bgimg {

  background-position: 0 -1540px

}

.wrap3 .bg-wrap .bg3 .bgimg {

  background-position: 0 -2310px

}

.wrap3 .bg-wrap .bg4 .bgimg {

  background-position: 0 -3080px

}

.wrap3 .bg-wrap .bg-item1 {

  left: 0

}

.wrap3 .bg-wrap .bg-item2 {

  left: 320px

}

.wrap3 .bg-wrap .bg-item3 {

  right: 320px

}

.wrap3 .bg-wrap .bg-item4 {

  right: 0

}

.wrap3 .bg-item i {

  position: absolute;

  width: 2px;

  display: block;

  right: 0;

  top: 50%;

  margin-top: -370px;

  height: 740px;

  display: block;

  z-index: 2;

  background: url(../logo50images/index-icon.html) no-repeat -273px -1230px

}

.wrap3 .nav {

  position: absolute;

  display: block;

  width: 126px;

  height: 114px;

  z-index: 4;

  top: 312px;

  color: #fdce69;

  font-size: 20px;

  cursor: pointer;

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

}

.wrap3 .nav-l {

  left: 0;

  background-position: 0 -778px

}

.wrap3 .nav-l:hover {

  background-position: -275px -778px

}

.wrap3 .nav-r {

  right: 0;

  background-position: -137px -778px

}

.wrap3 .nav-r:hover {

  background-position: -412px -778px

}

.wrap3 .nav-l span {

  position: absolute;

  left: 50px;

  top: 36px

}

.wrap3 .nav-r span {

  position: absolute;

  right: 50px;

  top: 36px

}

.wrap3 .nav i {

  position: absolute;

  display: block;

  width: 30px;

  height: 12px;

  bottom: 36px;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition-property: left, right;

  -o-transition-property: left, right;

  -moz-transition-property: left, right;

  transition-property: left, 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;

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

}

.wrap3 .nav-l i {

  left: 60px;

  background-position: 0 -938px

}

.wrap3 .nav-l:hover i {

  left: 53px

}

.wrap3 .nav-r i {

  right: 60px;

  background-position: -48px -938px

}

.wrap3 .nav-r:hover i {

  right: 54px

}

.wrap3 .r-img {

  position: absolute;

  z-index: 1;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0)

}

.wrap3 .r-img2 {

  display: none

}

.wrap3 .role-lj .r-img1 {

  left: 440px;

  top: -230px

}

.wrap3 .role-lj .r-img2 {

  right: 350px;

  top: -200px

}

.wrap3 .role-zs .r-img1 {

  left: 440px;

  top: -160px

}

.wrap3 .role-zs .r-img2 {

  left: 406px;

  top: -160px

}

.wrap3 .role-fs .r-img1 {

  left: 475px;

  top: -200px

}

.wrap3 .role-fs .r-img2 {

  left: 490px;

  top: -200px

}

.wrap3 .role-ds .r-img1 {

  left: 530px;

  top: -200px

}

.wrap3 .role-ds .r-img2 {

  left: 500px;

  top: -160px

}

.wrap3 .role-ys .r-img1 {

  left: 128px;

  top: -150px

}

.wrap3 .role-ys .r-img2 {

  left: 140px;

  top: -154px

}

.wrap3 .r-desc {

  position: absolute;

  z-index: 2;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0)

}

.wrap3 .role-lj .r-desc {

  left: 566px;

  top: -80px

}

.wrap3 .role-zs .r-desc {

  right: 550px;

  top: -80px

}

.wrap3 .role-fs .r-desc {

  right: 550px;

  top: -80px

}

.wrap3 .role-ds .r-desc {

  left: 556px;

  top: -80px

}

.wrap3 .role-ys .r-desc {

  left: 556px;

  top: -80px

}

.wrap3 .gif-wrap {

  position: absolute;

  display: block;

  width: 300px;

  z-index: 2;

  border: 2px solid #ffb94a

}

.wrap3 .gif-wrap i {

  position: absolute;

  display: block;

  width: 304px;

  height: 150px;

  left: -10px;

  top: -10px;

  background: url(../logo50images/index-icon.html) no-repeat -342px -1457px

}

.wrap3 .role-lj .gif-wrap {

  right: 566px;

  top: 400px

}

.wrap3 .role-zs .gif-wrap {

  left: 570px;

  top: 420px

}

.wrap3 .role-fs .gif-wrap {

  left: 570px;

  top: 420px

}

.wrap3 .role-ds .gif-wrap {

  right: 570px;

  top: 420px

}

.wrap3 .role-ys .gif-wrap {

  right: 670px;

  top: 400px

}

.wrap3 .gif-wrap img {

  max-width: 100%

}

.wrap3 .r-toggle {

  position: absolute;

  width: 30px;

  height: 56px;

  background: url(../logo50images/index-icon.html) no-repeat -764px -456px

}

.wrap3 .r-toggle span {

  position: absolute;

  display: block;

  width: 25px;

  height: 25px;

  left: 2px;

  cursor: pointer;

  opacity: 0;

  -webkit-transition-property: opacity;

  -o-transition-property: opacity;

  -moz-transition-property: opacity;

  transition-property: opacity;

  -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/index-icon.html) no-repeat

}

.wrap3 .r-toggle span.current {

  opacity: 1;

  cursor: default

}

.wrap3 .r-toggle span.s-1 {

  top: 2px;

  background-position: -795px -456px

}

.wrap3 .r-toggle span.s-2 {

  bottom: 2px;

  background-position: -795px -484px

}

.wrap3 .r-toggle {

  right: 30px;

  bottom: 80px

}

.wrap3 .wrap3-2 {

  position: relative;

  padding-top: 70px;

  z-index: 2;

  -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: 1.2s;

  -moz-animation-delay: 1.2s;

  -o-animation-delay: 1.2s;

  animation-delay: 1.2s

}

.wrap3-2 .t-title {

  position: relative;

  top: 0

}

.wrap3-2 .t-title i {

  background-position: -457px -607px

}

.wrap3-2 .ul-wrap {

  margin-left: -4px;

  margin-right: -4px

}

.wrap3-2 li {

  float: left;

  width: 290px;

  height: 185px;

  margin: 0 6px;

  position: relative;

  overflow: hidden

}

.wrap3-2 li h1 {

  position: absolute;

  display: block;

  width: 100%;

  height: 34px;

  line-height: 34px;

  text-align: center;

  color: #fff;

  left: 0;

  z-index: 1;

  bottom: 0;

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

  -webkit-transition-property: bottom;

  -o-transition-property: bottom;

  -moz-transition-property: bottom;

  transition-property: bottom;

  -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

}

.wrap3-2 li:hover h1 {

  bottom: -36px

}

.wrap3-2 li .hover {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 2;

  opacity: 0;

  -webkit-transition-property: opacity;

  -o-transition-property: opacity;

  -moz-transition-property: opacity;

  transition-property: opacity;

  -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: rgba(0, 0, 0, .65)

}

.wrap3-2 li .hover span {

  display: block;

  position: absolute;

  width: 66px;

  height: 86px;

  left: 50%;

  top: 50%;

  margin-left: -33px;

  margin-top: -43px;

  opacity: 0;

  -webkit-transform: scale(1.6);

  -moz-transform: scale(1.6);

  -ms-transform: scale(1.6);

  -o-transform: scale(1.6);

  transform: scale(1.6);

  -webkit-transition: all .4s ease-out;

  -o-transition: all .4s ease-out;

  -moz-transition: all .4s ease-out;

  transition: all .4s ease-out;

  background: url(../logo50images/index-icon.html) no-repeat -112px -937px

}

.wrap3-2 li:hover .hover {

  opacity: 1

}

.wrap3-2 li:hover .hover span {

  opacity: 1;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1)

}

.wrap3-2 li img {

  -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-transform: scale(1, 1);

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

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

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

  transform: scale(1, 1);

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

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

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

  transition-timing-function: ease-out

}

.wrap3-2 li:hover img {

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

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

  -ms-transform: scale(1.12, 1.12);

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

  transform: scale(1.12, 1.12)

}

.wrap3-2 li h1:after, .wrap3-2 li h1:before {

  position: absolute;

  display: block;

  width: 10px;

  height: 10px;

  top: 12px;

  content: "";

  background: url(../logo50images/index-icon.html) no-repeat -91px -937px

}

.wrap3-2 li h1:before {

  left: 106px

}

.wrap3-2 li h1:after {

  right: 106px

}

.wrap3-3 {

  padding-top: 10px;

  display: none;

  -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

}

.wrap3-3 .t-title {

  position: relative;

  top: 0

}

.wrap3-3 .t-title i {

  background-position: -457px -656px

}

.wrap3-3 .slide > li {

  float: left;

  width: 101px;

  height: 258px;

  overflow: hidden;

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

  transition-property: width, -webkit-transform;

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

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

  transition-property: width, transform;

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

  -webkit-transition-duration: .6s;

  -moz-transition-duration: .6s;

  -o-transition-duration: .6s;

  transition-duration: .6s;

  -webkit-transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

  position: relative;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  transform: translateZ(0)

}

.wrap3-3 .slide > li:not(.current):hover {

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

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

  -ms-transform: scale(1.06, 1.06);

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

  transform: scale(1.06, 1.06);

  z-index: 2

}

.wrap3-3 .slide li.current {

  width: 695px

}

.wrap3-3 .slide li .s-t {

  position: absolute;

  display: block;

  left: 0;

  top: 0;

  width: 101px;

  height: 258px;

  cursor: pointer;

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

}

.wrap3-3 .slide li.current .s-t {

  cursor: default;

  background-position: -123px -1046px

}

.wrap3-3 .slide li .s-c {

  width: 594px;

  left: 101px;

  position: absolute;

  display: block;

  height: 258px;

  background: #9d8783

}

.wrap3-3 .s-t h1 {

  color: #fff;

  font-size: 20px;

  left: 40px;

  top: 96px;

  position: absolute

}

.wrap3-3 .current .s-t h1 {

  color: #ffb94a

}

.wrap3-3 .slide li i {

  position: absolute;

  display: block;

  width: 30px;

  height: 30px;

  left: 50%;

  margin-left: -15px;

  top: 50px;

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

  -webkit-transition-property: top;

  -o-transition-property: top;

  -moz-transition-property: top;

  transition-property: top;

  -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

}

.wrap3-3 .slide li:not(.current):hover i {

  top: 44px

}

.wrap3-3 .slide li em {

  position: absolute;

  display: block;

  width: 2px;

  height: 14px;

  left: 48px;

  bottom: 76px;

  background: #fff;

  -webkit-transition-property: bottom;

  -o-transition-property: bottom;

  -moz-transition-property: bottom;

  transition-property: bottom;

  -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

}

.wrap3-3 .slide li:not(.current):hover em {

  bottom: 70px

}

.wrap3-3 .slide li.current em {

  background: #ffb94a

}

.wrap3-3 .slide li.li1 i {

  background-position: -275px -1046px

}

.wrap3-3 .slide li.li2 i {

  background-position: -309px -1046px

}

.wrap3-3 .slide li.li3 i {

  background-position: -343px -1046px

}

.wrap3-3 .slide li.li4 i {

  background-position: -377px -1046px

}

.wrap3-3 .slide li.li5 i {

  background-position: -411px -1046px

}

.wrap3-3 .slide li.li6 i {

  background-position: -445px -1046px

}

.wrap3-3 .slide li.li1.current i {

  background-position: -275px -1085px

}

.wrap3-3 .slide li.li2.current i {

  background-position: -309px -1085px

}

.wrap3-3 .slide li.li3.current i {

  background-position: -343px -1085px

}

.wrap3-3 .slide li.li4.current i {

  background-position: -377px -1085px

}

.wrap3-3 .slide li.li5.current i {

  background-position: -411px -1085px

}

.wrap3-3 .slide li.li6.current i {

  background-position: -445px -1085px

}

.wrap3-3 .sc-wrap {

  font-size: 14px;

  padding: 8px 24px

}

.wrap3-3 .c-wrap {

  padding-top: 12px

}

.wrap3-3 .sc-wrap .list {

  float: left;

  width: 300px

}

.wrap3-3 .sc-wrap h1 {

  color: #fff;

  font-size: 20px;

  position: relative;

  height: 40px;

  line-height: 40px;

  border-bottom: 1px solid #c4b7b5

}

.wrap3-3 .sc-wrap h1:after {

  position: absolute;

  display: block;

  width: 82px;

  height: 2px;

  content: "";

  background: #fff;

  left: 0;

  bottom: 0

}

.wrap3-3 .sc-wrap h1 a.more {

  position: absolute;

  display: block;

  width: 17px;

  height: 17px;

  right: 0;

  top: 13px;

  background: url(../logo50images/index-icon.html) no-repeat -349px -1124px

}

.wrap3-3 .sc-wrap h1 a.more:hover {

  background-position: -372px -1124px

}

.wrap3-3 .sc-wrap li {

  position: relative

}

.wrap3-3 .list a {

  display: block;

  width: 100%;

  line-height: 2.6;

  color: #000

}

.wrap3-3 .sc-wrap li:hover a, .wrap3-3 .sc-wrap li:hover span {

  color: #fff

}

.wrap3-3 .sc-wrap li span {

  position: absolute;

  right: 0;

  top: 8px

}

.wrap3-3 .focus {

  float: right

}

.wrap3-3 .focus .f {

  position: relative;

  overflow: hidden;

  width: 232px;

  height: 76px;

  margin: 8px 0;

  background: #614b44

}

.wrap3-3 .focus a {

  width: 232px;

  height: 76px;

  position: relative;

  z-index: 1;

  left: 0;

  top: 0;

  display: block;

  position: relative

}

.wrap3-3 .focus img {

  position: absolute;

  right: -60px;

  top: 0;

  z-index: 1;

  -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

}

.wrap3-3 .focus a:hover img {

  right: -40px

}

.wrap3-3 .focus .desc {

  position: absolute;

  left: 8px;

  top: 8px;

  color: #ffb94a;

  -webkit-transition-property: left;

  -o-transition-property: left;

  -moz-transition-property: left;

  transition-property: left;

  -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

}

.wrap3-3 .focus .desc strong {

  display: block;

  line-height: 1.2;

  font-size: 16px;

  font-weight: 400

}

.wrap3-3 .focus .desc b {

  font-size: 12px;

  font-weight: 400;

  line-height: 1.2

}

.wrap3-3 .focus .desc .view {

  display: block;

  width: 16px;

  height: 16px;

  margin-top: 6px;

  background: url(../logo50images/index-icon.html) no-repeat -275px -1124px

}

.wrap3-4 {

  position: relative;

  display: block;

  padding-top: 130px;

  -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: .4s;

  -moz-animation-delay: .4s;

  -o-animation-delay: .4s;

  animation-delay: .4s

}

.wrap3-4 .wx-img {

  width: 124px;

  margin: 0 auto

}

.wrap3-4 .tips-wrap {

  width: 916px;

  margin: 0 auto;

  position: relative;

  margin-top: 80px

}

.wrap3-4 .tips-wrap:before {

  position: absolute;

  display: block;

  width: 0;

  height: 100%;

  border-left: 1px dashed #313131;

  left: 50%;

  top: 0;

  content: ""

}

.wrap3-4 .tips-wrap .l {

  float: left;

  width: 418px;

  height: 82px;

  margin: 0 20px;

  position: relative

}

.wrap3-4 .tips-wrap .l-l i {

  position: absolute;

  background: url(../logo50images/index-wrap3-2-tips.html) no-repeat top center;

  width: 398px;

  height: 69px;

  top: 6px;

  right: 0

}

.wrap3-4 .tips-wrap .l-r a {

  display: block;

  height: 32px;

  line-height: 32px;

  text-align: center;

  position: absolute;

  color: #313131;

  font-size: 14px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  border: 1px solid #313131;

  -webkit-transition: all .6s ease-out;

  -o-transition: all .6s ease-out;

  -moz-transition: all .6s ease-out;

  transition: all .6s ease-out;

  text-indent: 20px

}

.wrap3-4 .tips-wrap .l-r a:hover {

  background: #313131;

  color: #fff

}

.wrap3-4 .tips-wrap .l-r a.a1, .wrap3-4 .tips-wrap .l-r a.a2 {

  width: 204px;

  top: 4px

}

.wrap3-4 .tips-wrap .l-r a.a2 {

  right: 0

}

.wrap3-4 .tips-wrap .l-r a.a3, .wrap3-4 .tips-wrap .l-r a.a4 {

  width: 121px;

  bottom: 4px

}

.wrap3-4 .tips-wrap .l-r a.a4 {

  left: 130px

}

.wrap3-4 .tips-wrap .l-r a.a5 {

  width: 156px;

  right: 0;

  bottom: 4px

}

.wrap3-4 .tips-wrap .l-r a i {

  width: 7px;

  height: 12px;

  position: absolute;

  display: block;

  top: 10px;

  background: url(../logo50images/index-icon.html) no-repeat -313px -1124px

}

.wrap3-4 .tips-wrap .l-r a.a1 i {

  left: 58px

}

.wrap3-4 .tips-wrap .l-r a.a2 i {

  left: 50px

}

.wrap3-4 .tips-wrap .l-r a.a3 i, .wrap3-4 .tips-wrap .l-r a.a4 i {

  left: 30px

}

.wrap3-4 .tips-wrap .l-r a.a5 i {

  left: 34px

}

.wrap3-4 .tips-wrap .l-r a:hover i {

  background-position: -331px -1124px

}

#videoPop .content {

  width: 780px;

  height: 440px;

  margin-left: -390px;

  margin-top: -220px

}