@charset "UTF-8";
/* CSS Document */

/*官网
**20160725
**added by dongyg
*/

body {
  font: 14px "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", '微软雅黑', sans-serif;
  color: #666;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}

input,
button,
select,
textarea,
pre {
  font-family: "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", '微软雅黑', sans-serif;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
}

:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}

a {
  color: #666;
}

a:hover {
  color: #32b16c;
}

.wrap {
  height: auto;
  padding-top: 70px;
}

/*header*/
.header {
  width: 100%;
  height: 70px;
  background: rgba(255, 255, 255, .95);
  background: #fff \9;
  border-bottom: 1px solid #d6d6d6 \9;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 20001;
}

.header-index {
  position: fixed;
}

.inner2 {
  width: 1024px;
  height: auto;
  margin: 0 auto;
}

.logo {
  background: url(../images/logo/logo_qu.png?v=20161201) center center no-repeat;
  background: url(../images/logo/logo_qu_120.png?v=20161201) center center no-repeat \9;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  width: 120px;
  height: 70px;
  position: relative;
}

.logo a {
  display: block;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
}

.logo a.btn-back {
  display: inline-block;
  width: 47px;
  height: 29px;
  text-align: center;
  text-indent: 0;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  background: url(../images/official/icon_back.png) no-repeat;
  position: absolute;
  right: -50px;
  top: 7px;
}

.logo .logo-sun {
  display: none;
  left: 100%;
  margin: 0;
  top: 15px;
}

.btn-free {
  display: block;
  width: 185px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  background: #00ce7a;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  margin-left: -92px;
  top: 194px;
  z-index: 1001;
  -moz-transition: all 1s;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.btn-free:hover {
  background: #00b36a;
}

.btn-menu {
  display: none;
}

.logo.quLogo {
  background: url(../images/logo_qupaopao.gif) center center no-repeat;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

/*nav-list*/
.nav-list {
  font-size: 16px;
}

.nav-list>ul {
  display: block;
}

.nav-list li {
  float: left;
  position: relative;
  height: auto;
  _display: inline;
}

.nav-list li a {
  color: #333;
  display: inline-block;
  line-height: 62px;
  padding: 0 10px;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  position: relative;
}

.nav-list li.red a {
  color: #ff5833;
}

.nav-list li.hideLi {
  display: none;
}

.nav-list>ul>li.curr>a,
.nav-list>ul>li>a:hover,
.nav-list>ul>li:hover>a {
  border-top-color: #32b16c;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}

.nav-list li.nav-login,
.nav-list li.logged {
  padding-top: 0px;
}

.nav-list li.logged .dropbox a {
  display: block;
}

.nav-list li .dropbox {
  top: 25px;
}

.nav-list li a em {
  display: inline-block;
  width: 14px;
  height: 8px;
  overflow: hidden;
  background: url(../images/website/arrow6.png?v=20160906) no-repeat;
  vertical-align: middle;
  margin-left: 3px;
}

.nav-list li a em.icon-hot {
  display: inline-block;
  background: url(../images/website/icon-hot.png) no-repeat;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  width: 28px;
  border: none;
  height: 18px;
  position: absolute;
  right: -1px;
  bottom: 50%;
  margin-bottom: 7px;
}

.nav-list li a em.icon-star {
  display: inline-block;
  background: url(../images/website/icons3.png?v=20160906) 0 0 no-repeat;
  width: 12px;
  border: none;
  height: 11px;
  position: absolute;
  right: 2px;
  bottom: 42px;
}

.nav-list li .subnav {
  position: relative;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff;
  display: none;
}

.nav-list li .subnav li {
  display: block;
  display: block;
  float: none;
  margin: 0;
  height: auto;
}

.nav-list li .subnav li a {
  display: block;
  white-space: nowrap;
  height: 33px;
  line-height: 33px;
  font-size: 16px;
  color: #666;
  text-align: left;
  padding: 0 15px;
}

.nav-list li .subnav li a:hover {
  background: #efefef;
}

.nav-list li.shadow {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.nav-list>ul>li.shadow>a {
  border-top: 4px solid #32b16c;
  height: 66px;
  line-height: 62px;
  background: #fff;
}

.nav-list li:hover .sunav {
  display: block;
}

.nav-login {
  margin-left: 10px;
}

.nav-login a {
  display: inline-block;
  background: #32b16c url(../images/website/icon-man.png) center 8px no-repeat;
  height: 34px;
  line-height: 26px;
  font-size: 14px;
  padding: 36px 15px 0;
  color: #fff;
}

.logged {
  position: relative;
}

.logged>a {
  display: block;
  line-height: 60px;
  padding: 0 10px;
  color: #333;
  font-size: 16px;
  border-top: 4px solid rgba(255, 255, 255, 0);
  border-bottom: 4px solid rgba(255, 255, 255, 0);
}

.logged>a:hover,
.logged.shadow>a {
  border-top-color: #32b16c;
}

.logged.shadow {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.username-login {
  padding: 0;
}

.username-login i {
  vertical-align: middle;
  position: relative;
  top: -2px;
  display: inline-block;
  max-width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.username-login i.arrow {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  border: 6px dashed transparent;
  border-top: 7px solid #333;
  position: relative;
  top: 4px;
  cursor: pointer;
  margin-left: 0px;
}

.dropbox {
  position: relative;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff;
  display: none;
}

.dropbox a {
  display: block;
  white-space: nowrap;
  height: 33px;
  line-height: 33px;
  font-size: 16px;
  color: #666;
  text-align: left;
  padding: 0 15px;
}

.dropbox a:hover {
  background: #efefef;
}

.iconlevel {
  display: inline-block;
  width: 48px;
  height: 21px;
  background: url(../images/official/icon_level.png) no-repeat;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin: 2px 0 0 5px;
}

.level-common {
  background-position: 0 -27px;
}

/* add lid */
.level-vip {
  background-position: 0 1px;
  margin-top: 3px;
}

.level-campus {
  background-position: 0 -58px;
}

.level-business {
  background-position: 0 -89px;
}

.level-none {
  background: none;
}

.htop {
  height: 94px;
}

.hbar {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
}

.location-word {
  height: 94px;
  line-height: 94px;
}

.location-word a {
  color: #000;
}

.one-level {
  font-size: 26px;
  letter-spacing: 2px;
}

.icon-hot2 {
  position: absolute;
  right: -5px;
  top: -5px;
  display: inline-block;
  width: 20px;
  height: 15px;
  background: url(../images/official/icon-hot.png) no-repeat 0 0;
}

.wrap-scroll {
  padding-top: 45px;
}

.wrap-scroll .header {
  height: 45px;
}

.wrap-scroll,
.header,
.logo,
.nav-login a {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.wrap-scroll .logo {
  height: 45px;
  -moz-background-size: auto 35px;
  background-size: auto 35px;
  background: url(../images/logo/logo_qu_97.png?v=20161201) center center no-repeat \9;
}

.wrap-scroll .nav-login a {
  background-image: none;
  padding-top: 11px;
}

.logged>a,
.nav-list li a {
  -webkit-transition: line-height .5s;
  -moz-transition: line-height .5s;
  transition: line-height .5s;
}

.wrap-scroll .logged>a,
.wrap-scroll .nav-list li a {
  line-height: 37px;
}



/*宣传视频*/
.pop-video {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #5ac99c;
}

.pop-video-prev {
  width: 500px;
  height: 100%;
  background: url(../images/website/logo2.png?v=20160922) center center no-repeat;
  position: absolute;
  left: 50%;
  top: 30px;
  margin-left: -250px;
}

.pop-video-prev .btn-play {
  display: block;
  background: url(../images/website/icon-play.png?v=20160922) no-repeat;
  width: 120px;
  height: 120px;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  transition: all 2s ease-out;
}

.pop-video-prev .btn-play:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.pop-video-box {
  width: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0px;
  z-index: 1;
}

.pop-video-box .btn-close {
  display: block;
  width: 44px;
  height: 44px;
  text-indent: -999px;
  overflow: hidden;
  background: url(../images/website/icons3.png?v=20160923) -30px 0 no-repeat;
  position: absolute;
  right: 10px;
  top: 70px;
  z-index: 10001;
}

.pop-video-box video {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;
}

/*pc端banner*/
.pc-banner {
  height: 459px;
  overflow: hidden;
  position: relative;
}

.pc-banner .quake-slider,
.pc-banner .quake-slider-wrapper {
  width: 1920px;
  height: 459px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}

.pc-banner .quake-slider a {
  display: block;
  width: 1920px;
  height: 459px;
}

.pc-banner .quake-nav-wrapper {
  width: 1000px;
  text-align: center;
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: 50%;
  margin-left: -500px;
  top: auto;
  bottom: 30px;
}

.pc-banner .quake-nav-container {
  width: 100%;
}

.pc-banner .quake-nav-control {
  display: inline-block;
  width: 36px;
  height: 16px;
  background: url(../images/website/points.png) center top no-repeat;
}

.pc-banner .quake-nav-control.active {
  background: url(../images/website/points.png) center bottom no-repeat;
}

/*手机端banner*/
.banner-wrap {
  display: none;
  position: relative;
  height: 459px;
  overflow: hidden;
}

.banner-list li {
  float: left;
  height: 459px;
}

.banner {
  width: 100%;
  height: 459px;
  background: #000;
  overflow: hidden;
  position: relative;
}

.banner-img {
  width: 1920px;
  height: 459px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0px;
  overflow: hidden;
}

.banner>a {
  position: relative;
  z-index: 1;
}

#navi {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 999;
  width: 100%;
  text-align: center;
}

#navi span {
  display: inline-block;
  width: 16px;
  height: 16px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #bfbfbf;
  margin: 0 20px 0 0;
  opacity: 0.8;
}

#navi span.swiper-pagination-bullet-active {
  background: #e8e8e8;
  opacity: 1;
}

/*一站式场景互动服务平台*/
.bg-white {
  background: #fff;
}

.inner {
  width: 1100px;
  height: auto;
  margin: 0 auto;
}

.web-column {}

.web-column .title1 {
  line-height: 130px;
  text-align: center;
  font-size: 30px;
  letter-spacing: 3px;
}

.web-column .title1 a {
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #32b16c;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: -2px 0 0 10px;
  vertical-align: middle;
}

.funcs-list1 {
  height: auto;
}

.funcs-list1 li {
  float: left;
  width: 25%;
  padding: 0 0 50px;
}

.funcs-list1 li .con {
  width: 228px;
  height: 390px;
  padding: 20px 0 0;
  text-align: center;
  border: 1px solid #32b16c;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 0 auto;
  position: relative;
}

.funcs-list1 li .icon-sign,
.funcs-list1 li .icon-checkin,
.funcs-list1 li .icon-hudong,
.funcs-list1 li .icon-collect {
  display: block;
  width: 110px;
  height: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  background: #32b16c;
  margin: 0 auto;
  cursor: pointer;
}

.funcs-list1 li .icon-sign i,
.funcs-list1 li .icon-checkin i,
.funcs-list1 li .icon-hudong i,
.funcs-list1 li .icon-collect i {
  display: block;
  width: 110px;
  height: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  transition: all 2s ease-out;
}

.funcs-list1 li .icon-sign i {
  background: url(../images/website/icons1.png) 0 0 no-repeat;
}

.funcs-list1 li .icon-checkin i {
  background: url(../images/website/icons1.png) -110px 0 no-repeat;
}

.funcs-list1 li .icon-hudong i {
  background: url(../images/website/icons1.png) 0 -110px no-repeat;
}

.funcs-list1 li .icon-collect i {
  background: url(../images/website/icons1.png) -110px -110px no-repeat;
}

.funcs-list1 li .icon-sign:hover i,
.funcs-list1 li .icon-checkin:hover i,
.funcs-list1 li .icon-hudong:hover i,
.funcs-list1 li .icon-collect:hover i {
  -webkit-animation: bounce 1s ease forwards;
  -moz-animation: bounce 1s ease forwards;
  animation: bounce 1s ease forwards;
}

@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

@-moz-keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

@keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

.funcs-list1 li h3 {
  font-size: 20px;
  color: #32b16c;
  line-height: 45px;
}

.funcs-list1 li .line {
  height: 20px;
  width: 258px;
  position: relative;
}

.funcs-list1 li .line span {
  display: block;
  background: url(../images/website/arrow1.png) right top no-repeat;
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

@-webkit-keyframes arrowWidth {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes arrowWidth {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes arrowWidth {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.funcs-list1 li p {
  font-size: 18px;
  line-height: 40px;
}

#jsQdStyle {
  width: 100%;
  height: 210px;
}

#jsQdStyle .swiper-button-next,
#jsQdStyle .swiper-button-prev {
  background: url(../images/website/arrow4.png) no-repeat;
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  width: 22px;
  height: 26px;
}

#jsQdStyle .swiper-button-prev {
  background-position: 0 -26px;
}

/*八大场景互动解决方案*/
.bg-gray {
  background: #f8f8f8;
}

.funcs-scence {
  height: 450px;
}

.funcs-scence>ul>li {
  float: left;
  width: 694px;
  height: 250px;
  overflow: hidden;
  position: relative;
}

.funcs-scence>ul>li .pic {
  width: 680px;
  height: 250px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 auto 60px;
}

.funcs-scence>ul>li .pic img {
  width: 680px;
  height: 250px;
}

.funcs-scence>ul>li .title {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #fff;
  padding: 0 20px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  background: #32b16c;
  position: absolute;
  top: 203px;
  right: 50%;
  margin-right: -347px;
  z-index: 1;
}

.funcs-scence>ul>li .title em {
  display: block;
  background: url(../images/website/arrow2.png) no-repeat;
  width: 7px;
  height: 6px;
  position: absolute;
  right: 0px;
  top: -6px;
}

.funcs-list2 {
  display: none;
  width: 100%;
  height: auto;
  text-align: center;
}

.funcs-list2 li {
  display: inline-block;
  width: 60px;
  padding: 0 25px;
}

.aicon {
  display: block;
  width: 58px;
  height: 58px;
  border: 1px solid #32b16c;
  -moz-border-radius: 60px;
  border-radius: 60px;
  overflow: hidden;
}

.aicon i {
  display: block;
  width: 58px;
  height: 58px;
  background-image: url(../images/website/icons2.png);
  background-repeat: no-repeat;
  margin: 0 auto;
}

.aicon-checkin i {
  background-position: 0 0;
}

.aicon-lottery i {
  background-position: -61px 0;
}

.aicon-danmu2 i {
  background-position: -121px 0;
}

.aicon-bg i {
  background-position: -181px 0;
}

.aicon-logo i {
  background-position: -241px 0;
}

.aicon-add i {
  background-position: -301px -1px;
}

.aicon-tree i {
  background-position: 0 -60px;
}

.aicon-photoWall i {
  background-position: -60px -60px;
}

.aicon-vote i {
  background-position: -120px -60px;
}

.aicon-rate i {
  background-position: -180px -60px;
}

.aicon-danmu i {
  background-position: -240px -60px;
}

.aicon-shake i {
  background-position: -300px -60px;
}

.aicon-studio i {
  background-position: 0 -120px;
}

.aicon-shang i {
  background-position: -60px -120px;
}

.aicon-guess i {
  background-position: -120px -120px;
}

.aicon-pair i {
  background-position: -180px -120px;
}

.aicon-paper i {
  background-position: -240px -120px;
}

.aicon-shakePaper i {
  background-position: -300px -120px;
}

.aicon-shakeTree i {
  background-position: 0 -180px;
}

.funcs-list2 li .name {
  display: block;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  margin: 0 -20px;
}

.funcs-list2-more li {
  padding: 0 15px;
}

.funcs-scence li.swiper-slide-active {
  height: 450px;
}

.funcs-scence li.swiper-slide-active .funcs-list2 {
  display: block;
}

.funcs-scence.swiper-container-3d .swiper-slide-shadow-left,
.funcs-scence.swiper-container-3d .swiper-slide-shadow-right {
  background: none;
  background: none;
  visibility: hidden;
}

.funcs-scence.swiper-container-horizontal>.swiper-pagination {
  bottom: 170px;
}

.funcs-scence .swiper-pagination .swiper-pagination-bullet-active {
  background: #32b16c;
}

.funcs-scence .swiper-button-next,
.funcs-scence .swiper-button-prev {
  width: 210px;
  height: 190px;
  background: none;
  margin-top: -114px;
}

.funcs-scence .swiper-button-next {
  right: 50%;
  margin-right: -550px;
}

.funcs-scence .swiper-button-prev {
  left: 50%;
  margin-left: -550px;
}


/*深度定制，想你所想*/
.cases-booking {
  height: auto;
  position: relative;
}

.cases-contact {
  position: absolute;
  left: 0;
  top: -10px;
  right: 0;
  bottom: 20px;
  padding: 20px 30px 0;
  background: #fff;
  z-index: 100;
}

.cases-contact h3 {
  padding: 0 0 10px;
  font-size: 18px;
  color: #666;
}

.cases-contact .item1 label {
  display: inline-block;
  width: 70px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #999;
  padding: 0 5px 0 0;
  vertical-align: middle;
  margin: 0 0 15px;
}

.cases-contact .item1 span {
  display: inline-block;
  width: 198px;
  height: 28px;
  border: 1px solid #d8d8d8;
  vertical-align: middle;
  margin: 0 5px 15px 0;
}

.cases-contact .item1 span input {
  width: 188px;
  height: 28px;
  padding: 0 5px;
  border: none;
  background: none;
}

.tabs1 {
  height: auto;
}

.tabs1 a {
  display: inline-block;
  width: 155px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #32b16c;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0px 10px 10px 0;
}

.tabs1 a.curr {
  background: #f1f1f1;
  color: #32b16c;
}

.tabs1-con .item2 label {
  display: inline-block;
  height: 30px;
  font-size: 16px;
  color: #999;
  line-height: 30px;
  position: relative;
  padding: 0 20px 0 0;
}

.tabs1-con .item2 input {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.tabs1-con .item2 input+span {
  display: inline-block;
  background: url(../images/website/icons-checkbox.png) 0 -30px no-repeat;
  padding: 0 0 0 23px;
}

.tabs1-con .item2 input:checked+span {
  background: url(../images/website/icons-checkbox.png) 0 8px no-repeat;
}

.tabs1-con .item3 {
  padding: 0 10px;
  margin: 10px 0;
}

.tabs1-con .item3 textarea {
  display: block;
  width: 100%;
  height: 188px;
  font-size: 18px;
  line-height: 28px;
  color: #999;
  border: 1px solid #eee;
  padding: 5px 10px;
  margin: 0 -10px;
  resize: none;
}

.tabs1-con .item4 textarea {
  height: 265px;
}

.tabs1-con button {
  display: block;
  width: 120px;
  height: 30px;
  font-size: 18px;
  color: #fff;
  background: #32b16c;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  margin: 0 auto;
}

.cases-list1 {
  height: auto;
  padding: 0 0 20px;
  position: relative;
}

.cases-list1 li {
  float: left;
  width: 33.33%;
  margin: 0 0 30px;
}

.cases-list1 li .title {
  padding: 0 10px 0 50px;
  height: 50px;
  line-height: 50px;
  text-align: right;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  background: url(../images/official/mayer.png) repeat \9;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.cases-list1 li .pics {
  cursor: pointer;
  width: 340px;
  height: 240px;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0 auto;
}

.cases-list1 li .pics img {
  float: left;
  width: 340px;
  height: 240px;
}

.cases-list1 li .pics-intro {
  display: none;
  min-height: 465px;
  height: auto;
  padding: 24px 70px;
  background: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #ededed \9;
}

.cases-list1 li .pics-intro .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 2;
  width: 25px;
  height: 25px;
  background: url(../images/website/btn-close.png) no-repeat;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

.cases-list1 li .pics-intro .item-phone {
  width: 21%;
  text-align: center;
  margin-left: 1%;
}

.cases-list1 li .pics-intro .item-phone .pic {
  background: url(../images/website/test17.jpg) no-repeat;
  width: 194px;
  height: 371px;
  position: relative;
}

.cases-list1 li .pics-intro .item-phone .pic img {
  width: 147px;
  height: 235px;
  position: absolute;
  left: 25px;
  top: 63px;
}

.cases-list1 li .pics-intro .item-phone p {
  margin-top: -34px;
  position: relative;
  z-index: 1;
}

.cases-list1 li .pics-intro .item-pc {
  width: 39%;
  text-align: center;
}

.cases-list1 li .pics-intro .item-pc .pic {
  width: 320px;
  height: 220px;
  padding: 60px 0;
  margin: 0 auto;
}

.cases-list1 li .pics-intro .item-pc img {
  width: 320px;
  height: 220px;
}

.cases-list1 li .pics-intro .item p {
  text-align: center;
  font-size: 16px;
  color: #999;
  line-height: 40px;
}

.cases-list1 li .pics-intro .title2 {
  font-size: 18px;
  padding: 0 0 10px;
  text-align: left;
}

.cases-list1 li .pics-intro .txt {
  font-size: 16px;
  line-height: 24px;
  color: #999;
  text-align: left;
}

.cases-list1 li .pics-intro .txt a,
.cases-list1 li .pics-intro .txt h1 {
  color: #32b16c;
  text-decoration: underline;
}

.cases-list1 li .swiper-pagination {
  left: 5px;
  bottom: 20px;
  text-align: left;
  z-index: 10;
}

.cases-list1 li .swiper-pagination span {
  background: #fff;
  opacity: 0.5;
}

.cases-list1 li .swiper-pagination span.swiper-pagination-bullet-active {
  opacity: 1;
}


/*会务推荐*/
.cases-list2 {
  height: auto;
  padding-bottom: 50px;
}

.cases-list2 .swiper-container {
  width: 1024px;
  height: 520px;
  background: #f8f8f8;
}

.cases-list2 .swiper-pagination {
  position: static;
  height: 40px;
}

.cases-list2 .swiper-pagination span,
.cases-list2 .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
  display: block;
  float: left;
  width: 25%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #32b16c;
  opacity: 1;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

.cases-list2 .swiper-container-horizontal>.swiper-pagination span.swiper-pagination-bullet-active {
  background: none;
  color: #32b16c;
}

.cases-list2 .swiper-slide {
  height: 480px;
}

.cases-list2 .item1 {
  width: 33.33%;
  height: auto;
  padding: 30px 0 0;
}

.cases-list2 .item1 a {
  display: block;
  width: 320px;
  height: auto;
  margin: 0 auto;
}

.cases-list2 .item1 span.pic {
  display: block;
  width: 320px;
  height: 220px;
  border-bottom: 1px solid #dedae0;
  position: relative;
}

.cases-list2 .item1 img {
  width: 320px;
  height: 220px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  position: absolute;
  left: 0;
  top: 0;
}

.cases-list2 .item1 a:hover img {
  -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);
}

.cases-list2 .item1 span.title {
  display: block;
  width: 100%;
  height: 82px;
  line-height: 28px;
  font-size: 18px;
  color: #666;
  text-align: center;
  word-wrap: break-word;
  padding: 8px 0 0;
  overflow: hidden;
}

.cases-list2 .item1-logo {
  text-align: center;
}

/*案例展示时*/
.cases-list3 {
  height: auto;
  padding: 0 0 20px;
}

.cases-list3 li {
  float: left;
  width: 33.33%;
  height: auto;
  margin: 0 0 30px;
}

.cases-list3 li a {
  display: block;
  width: 340px;
  height: auto;
  margin: 0 auto;
}

.cases-list3 li img {
  width: 340px;
  height: 220px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.cases-list3 li span {
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 8px 0 0;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*相关报道*/
.news-list1 {
  height: auto;
  padding: 0 0 10px;
}

.news-list1 li {
  padding: 0 0 40px 375px;
}

.news-list1 li .pic {
  float: left;
  margin-left: -375px;
  width: 333px;
  height: 225px;
  text-align: center;
  line-height: 225px;
  overflow: hidden;
  border: 1px solid #989898;
}

.news-list1 li .pic img {
  margin-top: -4px;
}

.news-list1 li .con {
  float: left;
  width: 100%;
  height: auto;
  padding: 30px 0 0;
}

.news-list1 li .txt {
  font-size: 18px;
  line-height: 28px;
  height: 112px;
  overflow: hidden;
  word-break: break-all;
}

.news-list1 li h3 {
  font-size: 20px;
  padding: 10px 0 0;
}

.news-list1 li h3 a {
  color: #32b16c;
}

/*合作伙伴*/
.logoes-list1 {
  height: auto;
  padding: 0 0 10px;
}

.logoes-list1 li {
  float: left;
  width: 14.28%;
  text-align: center;
  height: auto;
  margin-bottom: 40px;
}

.logoes-list1 li img {
  width: 120px;
  height: auto;
}

/*独家代理*/
.agency-alone {
  padding: 0 0 50px;
}

.agency-alone li {
  float: left;
  width: 33.333%;
  height: auto;
}

.agency-alone li a {
  display: block;
  height: 75px;
  line-height: 75px;
  text-align: center;
  font-size: 30px;
  color: #fff;
}

.agency-alone li a.item-shandong {
  background: #06b9b9;
  margin-right: 20px;
}

.agency-alone li a.item-guangxi {
  background: #06b9b9;
  margin: 0 10px;
}

.agency-alone li a.item-other {
  background: #06b9b9;
  margin-left: 20px;
}

/*联系我们+快速发送需求*/
.contactbox {
  width: 100%;
  background: #2d2d2d;
}

.contactbox .inner {
  max-width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 60px;
  padding-bottom: 70px;
}

.locationbox {
  width: 420px;
}

.tit5 {
  font-size: 24px;
  color: #d6d6d6;
  display: block;
  height: 30px;
  line-height: 30px;
  padding-bottom: 15px;
}

.locationbox p {
  color: #fff;
  line-height: 32px;
  font-family: Arial, "Microsoft yahei";
}

.locationbox p a {
  color: #fff;
}

.map {
  width: 297px;
  height: 195px;
  margin-top: 10px;
  background: #fff;
}

.sendus {
  width: 400px;
}

.sendtxt,
.senttxt2 {
  width: 378px;
  border: none;
  background: #383838;
  line-height: 18px;
  padding: 10px;
  color: #ababab;
  font-size: 16px;
  font-family: "Microsoft yahei";
  margin-bottom: 20px;
}

.sendtxt {
  height: 18px;
}

.senttxt2 {
  height: 182px;
  resize: none;
}

.btnpart {}

.btn-send {
  display: inline-block;
  width: 124px;
  padding: 8px 0;
  /*height:18px; line-height:18px;*/
  text-align: center;
  background: #149ed1;
  border: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "Microsoft yahei";
  font-size: 18px;
  color: #fff;
}

.tips7 {
  color: #ccc;
  font-size: 12px;
  line-height: 20px;
  width: 208px;
}

#scrollUp {
  bottom: 45px;
  right: 20px;
  height: 38px;
  width: 38px;
  background: url(../images/top.png) 0 0 no-repeat;
  background-size: 100% auto;
  background: url(../images/top@1x.png) 0 0 no-repeat \9;
}

.hidden {
  display: none;
}


.menu2 {
  height: auto;
  padding: 35px 0 20px;
  background: #363636;
}

.menu2 .inner2 {
  width: 1000px;
  margin: 0 auto;
}

.menu2-list {
  width: 730px;
  height: auto;
  border-right: 1px solid #5c5c5c;
}

.menu2-list li {
  float: left;
  display: inline-block;
  padding: 0 60px 0 0;
}

.menu2-list li a {
  color: #fff;
}

.menu2-list li h3 {
  font-size: 15px;
  height: 30px;
  color: #fff;
}

.menu2-list li h3 a {
  color: #fff;
}

.menu2-list li p,
.menu2-list div.name {
  font-size: 12px;
  line-height: 25px;
  color: #bfbfbf;
  position: relative;
}

.menu2-list li p a,
.menu2-list div.name a {
  color: #bfbfbf
}

.menu2-list .p-code {
  display: none;
  position: absolute;
  right: 105%;
  bottom: 30%;
  width: 120px;
  height: auto;
  color: #000;
  line-height: 25px;
  padding: 10px;
  text-align: center;
  background: #fff;
  border: 1px solid #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.menu2-list div.name:hover .p-code,
.menu2-phone .btn-qqservice:hover .p-code {
  display: block;
}

.menu2-list .p-code .name,
.menu2-phone .btn-qqservice .p-code .name {
  font-weight: bold;
  color: #000;
  font-size: 14px;
}

.menu2-list .p-code img,
.menu2-phone .btn-qqservice .p-code img {
  width: 120px;
  height: 120px;
  padding: 7px 0;
}

/*.menu2-list li.last h3{ height:35px;}
.menu2-list li.last p{ margin:0 0 4px;}*/
.menu2-list li em {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/mall/icons2.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

.icon-weibo {
  background-position: 0 0;
}

.icon-weixin {
  background-position: 0 -35px;
}

.icon-wxscreen {
  background-position: 0 -69px;
}

.menu2-phone {
  height: auto;
  color: #fff;
  text-align: center;
  padding-right: 25px;
}

.menu2-phone h3 {
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 10px;
}

.menu2-phone h3 a {
  color: #fff;
}

.menu2-phone p {
  padding-bottom: 5px;
}

.menu2-phone p a {
  color: #fff;
}

.menu2-phone .btn-qqservice {
  display: inline-block;
  width: 120px;
  color: #fff;
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 5px;
  position: relative;
}

.menu2-phone .btn-qqservice a {
  display: block;
  height: 28px;
  text-align: center;
  line-height: 28px;
  color: #fff;
}

.menu2-phone .btn-qqservice a:hover {
  color: #fff;
}

.menu2-phone .btn-qqservice em {
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url(../images/website/wechat.png) left bottom no-repeat;
  background: url(../images/website/wechat_18.png) left bottom no-repeat \9;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
  top: -2px;
}

.menu2-phone .btn-qqservice .p-code {
  display: none;
  position: absolute;
  left: -50px;
  bottom: 100%;
  margin-bottom: 3px;
  width: 250px;
  height: auto;
  color: #000;
  line-height: 25px;
  padding: 10px;
  text-align: center;
  background: #fff;
  border: 1px solid #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.menu2-phone .btn-qqservice .p-code a{
  display: inline;
  color: #32b16c;
}
.menu2-phone .btn-qqservice .p-code img{
  margin-top: -10px;
  padding: 8px 0;
}

.footer {
  /*height:50px; width:100%;*/
  background: #191919;
}

.logobottom {
  position: relative;
}

.logobottom .logo {
  display: inline-block;
  margin-top: 5px;
  width: 124px;
  height: 40px;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  margin-left: 0;
}

.logo-sun {
  position: absolute;
  top: 12px;
  left: 120px;
  display: inline-block;
  width: 137px;
  height: 27px;
  margin-left: 8px;
  background: url(../images/quxianchang/logo_tips2X.png) 0 0 no-repeat;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url(../images/quxianchang/logo_tips.png) \9;
}

.copyright {
  line-height: 50px;
  color: #fff;
  /*font-size:18px;*/
}

.support-logo {
  padding-top: 10px;
}

.logo-sup {
  display: inline-block;
  height: 30px;
  background: url(../images/official/icon_sup.png) no-repeat;
  margin-right: 20px;
}

.logo-g {
  width: 29px;
  background-position: 0 0;
}

.logo-h {
  width: 27px;
  background-position: -33px 0;
}

.logo-s {
  width: 120px;
  background-position: -63px 3px;
}

.logo-qq-yun {
  background: url(../images/official/logo-qq-yun.png) center 3px no-repeat;
  width: 118px;
}

a.btn-online {
  display: block;
  width: 20px;
  height: 94px;
  background: url(../images/official/btn-flt.png) left top no-repeat;
  padding: 35px 5px 0 13px;
  position: fixed;
  _position: absolute;
  z-index: 1000;
  right: 0px;
  bottom: 80px;
}

a.btn-online span {
  font-size: 16px;
  color: #793317;
  text-align: center;
}

a.btn-online:hover {
  background-position: right top;
}

.btn-code {
  display: block;
  background: url(../images/official/btn-code.png) no-repeat;
  width: 38px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  position: fixed;
  right: 0px;
  bottom: 35px;
}

.side-code {
  position: absolute;
  top: 2000px;
  right: 40px;
  z-index: 10001;
  width: 201px;
  height: 245px;
}

.side-close {
  display: inline-block;
  background: #fff;
  line-height: 25px;
  padding: 0 4px;
  border: 1px solid #eee;
  border-bottom: none;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
}

.side-code .con img {
  width: 200px;
  border: 1px solid #eee;
  -moz-border-radius: 0 2px 2px 2px;
  border-radius: 0 2px 2px 2px;
}

/**商城**/
.banner-mall {
  background: url(../images/website/banner1.jpg) center center no-repeat;
  height: 260px;
  position: relative;
}

.banner-mall .btn-buy {
  display: block;
  width: 106px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #32b16c;
  font-size: 18px;
  background: #fff;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  top: 110px;
  margin-left: 268px;
}

.nav-mall {
  width: 100%;
  height: auto;
  background: #fff;
  position: relative;
  z-index: 100;
}

.nav-mall .swiper-container {
  z-index: 100;
}

.nav-mall li {
  float: left;
  width: 14.285%;
  height: auto;
}

.nav-mall li a {
  display: block;
  height: 44px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  color: #999;
  background: #fff;
}

.nav-mall li em {
  display: block;
  width: 0px;
  height: 2px;
  background: #32b16c;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.nav-mall li.curr a,
.nav-mall li a:hover {
  color: #32b16c;
}

.nav-mall li.curr a em,
.nav-mall li a:hover em {
  width: 100%;
}

/*商城--标准套餐*/
.mall-meals {
  height: auto;
}

.mall-meals li,
.mall-meals2 li {
  float: left;
  width: 33.33%;
  height: auto;
  text-align: center;
}

.mall-meals li .con,
.mall-meals2 li .con {
  margin: 0 15px;
  border: 1px solid #32b16c;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 0 25px;
}

.mall-meals li h4,
.mall-meals2 li h4 {
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 26px;
  background: #32b16c;
}

.mall-meals li .box {
  padding: 23px 43px 0;
  height: 170px;
}

.mall-meals li .box a,
.mall-meals2 li .box a {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #666;
  border: 1px solid #32b16c;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mall-meals li.step1 .box a {
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  margin: 0 0 10px;
}

.mall-meals li.step2 .box a,
.mall-meals li.step3 .box a {
  margin: 0 0 10px;
}

.mall-meals li.more .box a {
  display: inline-block;
  width: 45%;
  font-size: 16px;
}

.mall-meals li .price,
.mall-meals2 li .price {
  font-size: 30px;
  padding: 20px 0 0;
}

.mall-meals li .price span,
.mall-meals2 li .price span {
  font-size: 24px;
}

.mall-meals li .price-prev,
.mall-meals2 li .price-prev {
  font-size: 18px;
  color: #999;
  text-decoration: line-through;
  padding: 5px 0;
}

.mall-meals li .price .btn-buy,
.mall-meals2 li .price .btn-buy {
  display: inline-block;
  margin: 0 0 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  padding: 0 12px;
  background: #32b16c;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}

.mall-meals li .btn-buy,
.mall-meals2 li .btn-buy {
  display: block;
  margin: 0 40px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  background: #32b16c;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mall-meals2 li .box {
  padding: 23px 33px 0;
  height: 200px;
}

.mall-meals2 li.step1 .box a {
  margin: 0 0 30px;
}

.mall-meals2 li.step2 .box a {
  margin: 0 0 20px;
}

.mall-meals .swiper-button-prev,
.mall-meals .swiper-button-next,
.mall-meals2>.swiper-button-prev,
.mall-meals2>.swiper-button-next {
  display: none;
  opacity: 0;
  visibility: hidden;
}

/*商城--升级套餐*/
.web-column .title1 a.btn-more-meals {
  display: inline-block;
  width: 50px;
  height: 32px;
  padding: 13px 3px 12px 2px;
  font-size: 14px;
  line-height: 16px;
  background: url(../images/website/arrow3.png) no-repeat;
  position: relative;
  top: -20px;
  margin-left: 5px;
  cursor: default;
}

.mall-meals2 li .con {
  border-color: #13c1ab;
}

.mall-meals2 li h4 {
  background: #13c1ab;
}

.mall-meals2 li .box a {
  border-color: #13c1ab;
}

.mall-meals2 li .box2 a {
  height: 30px;
  line-height: 30px;
  color: #13c1ab;
  border: none;
}

.mall-meals2 li.step1 .box2 a,
.mall-meals2 li.step2 .box2 a {
  margin: 0;
}

.mall-meals2 li .btn-buy {
  background: #13c1ab;
}

.mall-meals2 li .swiper-button-prev {
  width: 10px;
  height: 16px;
  background: url(../images/website/arrow5.png) left top no-repeat;
  top: 63%;
}

.mall-meals2 li .swiper-button-next {
  width: 10px;
  height: 16px;
  background: url(../images/website/arrow5.png) right top no-repeat;
  top: 63%;
}

/*商城--签到应用*/
.web-column2 {
  height: auto;
  padding: 0 0 30px;
}

.web-column2 .title1 span {
  display: inline-block;
  font-size: 20px;
  color: #666;
  line-height: 60px;
  cursor: pointer;
}

.web-column2 .title1 em {
  display: inline-block;
  background: url(../images/website/arrow4.png) left bottom no-repeat;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}

.web-column2 .title1-close em {
  background-position: left top;
}

.funcs-list3 {
  width: 100%;
  height: auto;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

.funcs-list3 li {
  float: left;
  width: 25%;
  height: auto;
  padding: 2px 0;
  margin-bottom: -1px;
}

.funcs-list3 li a {
  display: block;
  height: 155px;
  padding: 20px 0 0;
  text-align: center;
  position: relative;
}

.funcs-list3 li .pic-gif {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.funcs-list3 li .pic-gif img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.funcs-list3 li a:hover .pic-gif {
  display: block;
  opacity: 1;
}

.funcs-list3 li .name {
  display: block;
  line-height: 26px;
  padding: 8px 0 0;
  font-size: 18px;
}

.funcs-list3 li .price {
  display: block;
  font-size: 16px;
  line-height: 24px;
}

.funcs-list3 li .price-prev {
  display: block;
  font-size: 12px;
  color: #666;
  text-decoration: line-through;
  margin: -3px 0 0;
}

.bicon {
  display: block;
  width: 86px;
  height: 86px;
  margin: 0 auto;
  position: relative;
}

.bicon em {
  display: block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #ff9900;
  -moz-border-radius: 30px;
  border-radius: 30px;
  position: absolute;
  right: -15px;
  top: 4px;
  z-index: 1;
}

.bicon i {
  display: block;
  width: 86px;
  height: 86px;
  background-image: url(../images/website/icons86x86@2x.png?v=20180116);
  background-size: 344px auto;
  background-image: url(../images/website/icons86x86.png?v=20180116) \9;
  background-repeat: no-repeat;
}

.bicon-invitation i {
  background-position: 0 0;
}

.bicon-checkin i {
  background-position: -86px 0;
}

.bicon-checkinh5 i {
  background-position: 0 -86px;
}

.bicon-iBeacon i {
  background-position: -86px -86px;
}

.bicon-customLogoWall i {
  background-position: 0 -172px
}

.bicon-3dwall i {
  background-position: -86px -172px;
}

.bicon-danmu i {
  background-position: 0 -258px;
}

.bicon-danmu2 i {
  background-position: -86px -258px;
}

.bicon-tree i {
  background-position: 0 -344px;
}

.bicon-up i {
  background-position: -86px -344px;
}

.bicon-msg i {
  background-position: 0 -430px;
}

.bicon-photoWall i {
  background-position: -86px -430px;
}

.bicon-metro i {
  background-position: 0 -516px;
}

.bicon-rate i {
  background-position: -86px -516px;
}

.bicon-shang i {
  background-position: 0 -602px;
}

.bicon-pair i {
  background-position: -86px -602px;
}

.bicon-vote i {
  background-position: 0 -688px;
}

.bicon-lottery i {
  background-position: -86px -688px;
}

.bicon-laohuji i {
  background-position: 0 -774px;
}

.bicon-shakePaper i {
  background-position: -86px -774px;
}

.bicon-paper i {
  background-position: -172px 0;
}

.bicon-shake i {
  background-position: -172px -86px;
}

.bicon-lotteryHigh i {
  background-position: -172px -172px;
}

.bicon-shakeTree i {
  background-position: -172px -258px;
}

.bicon-wheel i {
  background-position: -172px -344px;
}

.bicon-bg i {
  background-position: -172px -430px;
}

.bicon-logo i {
  background-position: -172px -516px;
}

.bicon-live i {
  background-position: -172px -602px;
}

.bicon-booking i {
  background-position: -172px -688px;
}

.bicon-bgPhone i {
  background-position: -172px -774px;
}

.bicon-checkinBgPhone i {
  background-position: 0 -860px;
}

.bicon-logoPhone i {
  background-position: -86px -860px;
}

.bicon-checkinApp i {
  background-position: -172px -860px;
}

.bicon-xiu i {
  background-position: -258px 0;
}

.bicon-money i {
  background-position: -258px -86px;
}

.bicon-bingo i {
  background-position: -258px -172px;
}

.bicon-checkinFace i {
  background-position: -258px -258px;
}

.bicon-checkinLogo i {
  background-position: -258px -344px;
}

.bicon-baping i {
  background-position: -258px -430px;
}

.bicon-3d-danmu i {
  background-position: -258px -516px;
}

.bicon-qdHead i {
  background-position: -258px -602px;
}

/*商城--现场支持*/
.column-top {
  height: auto;
  text-align: center;
  margin-bottom: 60px;
}

.column-top h3 {
  font-size: 30px;
  line-height: 60px;
}

.column-top p {
  font-size: 18px;
  color: #868686;
  word-wrap: break-word;
  line-height: 36px;
}

.live {
  padding-top: 20px;
}

.live-tabs {
  width: 420px;
  height: 48px;
  border: 1px solid #32b16c;
  border-right: none;
  margin: -40px auto 25px;
}

.live-tabs li {
  float: left;
  width: 139px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  color: #32b16c;
  border-right: 1px solid #32b16c;
  cursor: pointer;
}

.live-tabs li.curr {
  color: #fff;
  background: #32b16c;
}

.live-con {
  width: 380px;
  height: 311px;
  padding-left: 400px;
  background: url(../images/website/test27.png) left bottom no-repeat;
  margin: 0 auto;
}

.live-con .text {
  padding: 40px 60px 0 0;
}

.live-con p {
  font-size: 16px;
  color: #272727;
  line-height: 24px;
  text-align: left;
  word-wrap: break-word;
  padding-bottom: 15px;
}

.live-con p.price {
  font-size: 16px;
  color: #909090;
  text-decoration: line-through;
  line-height: normal;
  padding-bottom: 10px;
}

.live-con p.price span {
  font-size: 16px;
}

.live-con p.price2 {
  height: auto;
  font-size: 30px;
  line-height: normal;
  padding: 0 0 10px;
}

.live-con p.price1 {
  padding-bottom: 10px;
}

.live-con .btn-buy {
  display: block;
  width: 152px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
  color: #32b16c;
  background: none;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #32b16c;
  margin: 0 0 0 5px;
}

.live-con .btn-buy:hover {
  color: #fff;
  background: #32b16c;
}

.live-con p.tips {
  padding: 10px 0;
  color: #32b16c;
}

.h80 {
  height: 80px;
}



/* 导航图片点击 */
.banner a {
  display: block;
  width: 100%;
  height: 100%;
}

/*八大场景互动解决方案*/
.baItem {
  padding-bottom: 40px;
}

.funcs-scence3 {
  width: 1095px;
  background: #fff;
  padding-bottom: 40px;
  position: relative
}

.funcs-scence3 .navList {
  position: relative;
}

.funcs-scence3 .navList>div {
  overflow: hidden
}

.funcs-scence3 .navs li {
  cursor: pointer;
  width: 12.5%;
  height: 40px;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
}

.funcs-scence3 .navs li.r-last {
  border-right: 0;
}

.funcs-scence3 .navs li {
  display: block;
  background: #32b16c;
  color: #fff;
  font-size: 17px;
  line-height: 40px;
  text-align: center;
}

.funcs-scence3 .navs li.curr,
.funcs-scence3 .navs li:hover {
  background: #fff;
  color: #32b16c;
}

.funcs-scence3 .navList .btn-pre {
  width: 10px;
  height: 16px;
  background: url(../images/website/arrow5.png) left top no-repeat;
  position: absolute;
  left: 5px;
  top: 34px;
}

.funcs-scence3 .navList .btn-next {
  width: 10px;
  height: 16px;
  background: url(../images/website/arrow5.png) right top no-repeat;
  position: absolute;
  right: 5px;
  top: 34px;
}

.funcs-scence3 .navList .swiper-button-disabled {
  display: block;
}

.funcs-scence3 .content {
  width: 100%;
  padding-top: 50px;
}

.funcs-scence3 .content {
  margin-bottom: 20px;
}

.funcs-scence3 .content .con {
  position: relative;
  overflow: hidden;
  margin: 0 auto 15px;
}

.funcs-scence3 .content .item {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.funcs-scence3 .content {
  position: relative
}

.funcs-scence3 .content .item {
  width: 100%;
}

.funcs-scence3 .content .item li {
  width: 33.33%;
  padding: 5px;
  opacity: 0;
  height: auto;
  padding: 0;
}

.funcs-scence3 .content .item li a {
  display: block;
  width: 300px;
  height: auto;
  margin: 0 auto;
}

.funcs-scence3 .content .item li a>div {}

.funcs-scence3 .content .item li a>div img {
  width: 300px;
  height: 180px;
  -webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, .5);
  -moz-box-shadow: 1px 0px 5px rgba(0, 0, 0, .5);
  box-shadow: 1px 0px 5px rgba(0, 0, 0, .5);
}

.funcs-scence3 .content .item li a>p {
  text-align: center;
  color: #666;
  font-size: 17px;
  line-height: 37px;
}

.funcs-scence3 .content .btn {
  display: block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #32b16c;
  font-size: 18px;
  margin: 0 auto;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

@-moz-keyframes moveLeft1 {
  0% {
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }

  100% {
    -moz-transform: translateX(-1095px);
    transform: translateX(-1095px);
    -webkit-transform: translateX(-1095px);
  }
}

@keyframes moveLeft1 {
  0% {
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }

  100% {
    -moz-transform: translateX(-1095px);
    transform: translateX(-1095px);
    -webkit-transform: translateX(-1095px);
  }
}

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

  100% {
    transform: translateX(-1095px);
    -webkit-transform: translateX(-1095px);
  }
}

@-moz-keyframes moveLeft2 {
  0% {
    -moz-transform: translateX(1095px);
    transform: translateX(1095px);
    -webkit-transform: translateX(1095px);
    opacity: 1
  }

  100% {
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1
  }
}

@keyframes moveLeft2 {
  0% {
    -moz-transform: translateX(1095px);
    transform: translateX(1095px);
    -webkit-transform: translateX(1095px);
    opacity: 1
  }

  100% {
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1
  }
}

@-webkit-keyframes moveLeft2 {
  0% {
    transform: translateX(1095px);
    -webkit-transform: translateX(1095px);
    opacity: 1
  }

  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1
  }
}

@-moz-keyframes moveRight1 {
  0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0px);
  }

  100% {
    -moz-transform: translateX(1095px);
    transform: translateX(1095px);
    -webkit-transform: translateX(1095px);
  }
}

@keyframes moveRight1 {
  0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0px);
  }

  100% {
    -moz-transform: translateX(1095px);
    transform: translateX(1095px);
    -webkit-transform: translateX(1095px);
  }
}

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

  100% {
    transform: translateX(1095px);
    -webkit-transform: translateX(1095px);
  }
}

@-moz-keyframes moveRight2 {
  0% {
    -moz-transform: translateX(-1095px);
    transform: translateX(-1095px);
    -webkit-transform: translateX(-1095px);
    opacity: 1
  }

  100% {
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1
  }
}

@keyframes moveRight2 {
  0% {
    -moz-transform: translateX(-1095px);
    transform: translateX(-1095px);
    -webkit-transform: translateX(-1095px);
    opacity: 1
  }

  100% {
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1
  }
}

@-webkit-keyframes moveRight2 {
  0% {
    transform: translateX(-1095px);
    -webkit-transform: translateX(-1095px);
    opacity: 1
  }

  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1
  }
}

/*微信小程序*/
.web-wxapp {
  padding-bottom: 30px;
}

.web-wxapp .pic {
  width: 23.3%;
}

.web-wxapp .pic img {
  width: 100%;
  height: auto;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.14);
}

.web-wxapp .con {
  width: 68%;
  padding-top: 60px;
  color: #797979;
  line-height: 1.6;
}

.web-wxapp .info1 {
  font-size: 26px;
}

.web-wxapp .info2 {
  font-size: 22px;
  padding: 20px 0 10px;
}

.web-wxapp .info3 {
  font-size: 18px;
}

.web-wxapp .btn-wxapp {
  display: block;
  width: 140px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #32b16c;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 50px 0 0 0;
}

/*趣泡泡酒吧版*/
.web-bar .con {
  text-align: left;
  padding-top: 35px;
}

.web-bar .info2 {
  font-size: 18px;
}

.web-bar .info3-pic {
  padding: 10px 0 0;
}

.web-bar .info4 {
  width: 46%;
  font-size: 20px;
  text-align: center;
}

.web-bar .info4 img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.web-bar .btn-wxapp {
  margin-top: 30px;
}