.horiz_center {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.vertical_center {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.position_center {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
}
.transition {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
}
/* animate.css */
.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.linear {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
/* gradient */
@-webkit-keyframes gradient {
  0% {
    background-color: #634B19;
  }
  50% {
    background-color: rgba(99, 75, 25, 0.6);
  }
  100% {
    background-color: rgba(99, 75, 25, 0.2);
  }
}
@keyframes gradient {
  0% {
    background-color: #634B19;
  }
  50% {
    background-color: rgba(99, 75, 25, 0.6);
  }
  100% {
    background-color: rgba(99, 75, 25, 0.2);
  }
}
.gradient {
  -webkit-animation-name: gradient;
  animation-name: gradient;
}
/* bggradient01 */
@-webkit-keyframes bggradient01 {
  0% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
  }
  50% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5), inset 0 0 200px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5), inset 0 0 200px rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@keyframes bggradient01 {
  0% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
  }
  50% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5), inset 0 0 200px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5), inset 0 0 200px rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.bggradient01 {
  -webkit-animation-name: bggradient01;
  animation-name: bggradient01;
}
/* bggradient02 */
@-webkit-keyframes bggradient02 {
  0% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
  }
  50% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5), inset 0 0 200px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5), inset 0 0 200px rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
  }
}
@keyframes bggradient02 {
  0% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
  }
  50% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5), inset 0 0 200px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5), inset 0 0 200px rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 200px rgba(0, 0, 0, 0);
  }
}
.bggradient02 {
  -webkit-animation-name: bggradient02;
  animation-name: bggradient02;
}
/*rotate*/
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotate {
  -webkit-animation-name: rotate;
  animation-name: rotate;
}
@-webkit-keyframes center-rotate {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
@keyframes center-rotate {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
            transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
            transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.center-rotate {
  -webkit-animation-name: center-rotate;
  animation-name: center-rotate;
  top: 50%;
  left: 50%;
}
/*视频播放上下*/
@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  50% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@keyframes line-scale-party {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  50% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
/*左上右下抖动*/
@-webkit-keyframes leftTop_rightDown {
  0% {
    -webkit-transform: translate3d(-25%, -25%, 0);
    transform: translate3d(-25%, -25%, 0);
  }
  25% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(25%, 25%, 0);
    transform: translate3d(25%, 25%, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-25%, -25%, 0);
    transform: translate3d(-25%, -25%, 0);
  }
}
@keyframes leftTop_rightDown {
  0% {
    -webkit-transform: translate3d(-25%, -25%, 0);
    transform: translate3d(-25%, -25%, 0);
  }
  25% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(25%, 25%, 0);
    transform: translate3d(25%, 25%, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-25%, -25%, 0);
    transform: translate3d(-25%, -25%, 0);
  }
}
.leftTop_rightDown {
  -webkit-animation-name: leftTop_rightDown;
  animation-name: leftTop_rightDown;
}
/*左下右上抖动*/
@-webkit-keyframes leftDown_rightTop {
  0% {
    -webkit-transform: translate3d(25%, -25%, 0);
    transform: translate3d(25%, -25%, 0);
  }
  25% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-25%, 25%, 0);
    transform: translate3d(-25%, 25%, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(25%, -25%, 0);
    transform: translate3d(25%, -25%, 0);
  }
}
@keyframes leftDown_rightTop {
  0% {
    -webkit-transform: translate3d(25%, -25%, 0);
    transform: translate3d(25%, -25%, 0);
  }
  25% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-25%, 25%, 0);
    transform: translate3d(-25%, 25%, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(25%, -25%, 0);
    transform: translate3d(25%, -25%, 0);
  }
}
.leftDown_rightTop {
  -webkit-animation-name: leftDown_rightTop;
  animation-name: leftDown_rightTop;
}
/*从左到右抖动*/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/*从左到右滚动*/
@-webkit-keyframes fadeInRightToLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(-200%);
  }
}
@keyframes fadeInRightToLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
.fadeInRightToLeft {
  -webkit-animation-name: fadeInRightToLeft;
  animation-name: fadeInRightToLeft;
}
@-webkit-keyframes even {
  0% {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
  50% {
    -webkit-transform: translateX(-50vw);
            transform: translateX(-50vw);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes even {
  0% {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
  50% {
    -webkit-transform: translateX(-50vw);
            transform: translateX(-50vw);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes odd {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-50vw);
            transform: translateX(-50vw);
  }
  100% {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
}
@keyframes odd {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-50vw);
            transform: translateX(-50vw);
  }
  100% {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
}
@keyframes animate_dm {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@-webkit-keyframes animate_dm {
  from {
    -webkit-transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-50%, 0);
  }
}
.animate_dm {
  -webkit-animation-name: animate_dm;
  animation-name: animate_dm;
}
.container-doubleTwelve .menu {
  background: -webkit-gradient(linear, left top, left bottom, from(#1765FF), to(#7752FF));
  background: linear-gradient(#1765FF, #7752FF);
  position: absolute;
  left: 0;
  top: 1125px;
  width: 100%;
  height: 111px;
  z-index: 3;
}
.container-doubleTwelve .menu.fixed {
  position: fixed;
  top: 60px;
  left: 0;
}
.container-doubleTwelve .menu li {
  width: 20%;
  height: 100%;
  line-height: 111px;
  float: left;
  text-align: center;
  position: relative;
}
.container-doubleTwelve .menu li:hover,
.container-doubleTwelve .menu li.active {
  background-color: #F32B41;
}
.container-doubleTwelve .menu li .icon01 {
  position: absolute;
  width: 41px;
  top: 0;
  right: 0;
}
.container-doubleTwelve .menu li a {
  width: 100%;
  height: 100%;
  color: #FFEBD2;
  font-size: 30px;
  display: block;
}
.container-doubleTwelve .container-main {
  vertical-align: top;
  background-size: auto 100%;
  background-position: center top;
  margin-top: 0;
}
.container-doubleTwelve .main-title {
  margin: 0 auto;
  display: block;
}
.container-doubleTwelve .main-con01,
.container-doubleTwelve .main-con02 {
  padding: 35px 80px 25px;
  border-radius: 10px;
  width: 1340px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.container-doubleTwelve .main-con01 {
  background-color: #FEB7B0;
}
.container-doubleTwelve .main-con02 {
  background-color: #D4DFFF;
}
.container-doubleTwelve .center {
  text-align: center;
}
.container-doubleTwelve .btn01 {
  width: 239px;
  margin-top: 28px;
}
.container-doubleTwelve .doubleTwelve-list01 {
  margin-left: -3px;
  margin-right: -3px;
}
.container-doubleTwelve .doubleTwelve-list01 .col-md {
  padding-left: 3px;
  padding-right: 3px;
}
.container-doubleTwelve .doubleTwelve-list01 .list01-item {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 11px 6px 20px;
  margin-top: 6px;
  position: relative;
}
.container-doubleTwelve .doubleTwelve-list01 .list01-item .cover {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container-doubleTwelve .doubleTwelve-list01 .list01-item .cover img {
  width: 100%;
  height: 100%;
}
.container-doubleTwelve .doubleTwelve-list01 .info {
  padding: 0 5px;
}
.container-doubleTwelve .doubleTwelve-list01 h2 {
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  margin-top: 8px;
}
.container-doubleTwelve .doubleTwelve-list01 h3 {
  font-size: 14px;
  line-height: 1;
  color: #7A7A7A;
  margin-top: 10px;
  text-align: right;
}
.container-doubleTwelve .doubleTwelve-list01 .handel {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #DCDCDC;
}
.container-doubleTwelve .doubleTwelve-list01 .handel .current-price {
  font-size: 20px;
  color: #D92B38;
  line-height: 25px;
  font-weight: bold;
}
.container-doubleTwelve .doubleTwelve-list01 .handel .original-price {
  font-size: 16px;
  color: #7A7A7A;
  text-decoration: line-through;
  line-height: 25px;
  font-weight: bold;
}
.container-doubleTwelve .doubleTwelve-list01 .handel .btn {
  float: right;
  width: 97px;
  height: 25px;
  line-height: 23px;
  color: #ffffff;
  background-color: #ED2836;
  font-size: 15px;
}
.container-doubleTwelve .container01 {
  position: relative;
  z-index: 2;
  height: 1123px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con01-bg.png);
}
.container-doubleTwelve .container02 {
  position: relative;
  z-index: 1;
  padding-top: 328px;
  margin-top: -217px;
  height: 1318px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con02-bg.png);
}
.container-doubleTwelve .container02 .main-title {
  width: 677px;
}
.container-doubleTwelve .container02 .main-con01 {
  margin-top: 5px;
}
.container-doubleTwelve .container02 .con2-icon {
  position: absolute;
  left: 0;
  top: -5px;
  width: 59px;
  z-index: 1;
}
.container-doubleTwelve .container02 .con02-img {
  position: absolute;
  width: 505px;
  right: -288px;
  bottom: -254px;
}
.container-doubleTwelve .container03 {
  padding-top: 15px;
  height: 1415px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con03-bg.png);
}
.container-doubleTwelve .container03 .main-title {
  width: 698px;
}
.container-doubleTwelve .container03 .main-con02 {
  margin-top: 16px;
  padding: 40px 80px 35px;
}
.container-doubleTwelve .container03 .con03-img {
  position: absolute;
  width: 433px;
  right: 96px;
  bottom: 48px;
}
.container-doubleTwelve .container03 .list01-item {
  padding: 11px 6px 15px;
}
.container-doubleTwelve .container03 h2 {
  margin-top: 26px;
}
.container-doubleTwelve .container03 h3 {
  margin-top: -10px;
}
.container-doubleTwelve .container03 .handel {
  margin-top: 20px;
  padding-top: 15px;
}
.container-doubleTwelve .container03 .current-price {
  text-decoration: line-through;
}
.container-doubleTwelve .container03 .discount {
  position: absolute;
  bottom: -15px;
  height: 46px;
  width: 100%;
  overflow: hidden;
}
.container-doubleTwelve .container03 .discount .round {
  width: 64px;
  height: 64px;
  position: absolute;
  left: -4px;
  bottom: -18px;
  z-index: 1;
  background-size: 100%;
}
.container-doubleTwelve .container03 .discount .round.round01 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con03-round01_pc.png?v=1);
}
.container-doubleTwelve .container03 .discount .round.round02 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con03-round02_pc.png?v=1);
}
.container-doubleTwelve .container03 .discount .round.round03 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con03-round03_pc.png?v=1);
}
.container-doubleTwelve .container03 .discount .block {
  width: 215px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-color: #ED255E;
  font-size: 18px;
  color: #FED944;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.container-doubleTwelve .container04 {
  height: 1477px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con04-bg.png);
  padding-top: 11px;
}
.container-doubleTwelve .container04 .main-title {
  width: 790px;
}
.container-doubleTwelve .container04 .main-con01 {
  margin-top: 20px;
  padding: 30px 80px 25px;
}
.container-doubleTwelve .container04 .con04-img01 {
  position: absolute;
  width: 482px;
  left: -268px;
  top: 399px;
}
.container-doubleTwelve .container04 .con04-img02 {
  position: absolute;
  width: 401px;
  right: -133px;
  top: 305px;
}
.container-doubleTwelve .container04 .con04-con01 {
  width: 100%;
}
.container-doubleTwelve .container04 .con04-con02 {
  width: 770px;
  margin: 5px 0 5px 115px;
}
.container-doubleTwelve .container04 .con04-con03 {
  width: 100%;
}
.container-doubleTwelve .container04 .btn01 {
  margin-top: 20px;
}
.container-doubleTwelve .container05 {
  height: 1131px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con05-bg.png);
}
.container-doubleTwelve .container05 .main-title {
  width: 746px;
}
.container-doubleTwelve .container05 .main-con02 {
  margin-top: 10px;
}
.container-doubleTwelve .container05 .con05-img {
  width: 100%;
  opacity: 0;
}
.container-doubleTwelve .container05 .group {
  position: relative;
}
.container-doubleTwelve .container05 .group .group-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con05-img.png);
  background-size: 100% 100%;
}
.container-doubleTwelve .container05 .group a {
  width: 25%;
  float: left;
  height: 50%;
}
.container-doubleTwelve .container06 {
  height: 1282px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con06-bg.png?v=1);
}
.container-doubleTwelve .container06 .main-title {
  width: 677px;
}
.container-doubleTwelve .container06 .main-con01 {
  margin-top: 5px;
}
.container-doubleTwelve .container06 .info {
  text-align: center;
}
.container-doubleTwelve .container06 .info img {
  width: 218px;
  margin-bottom: 8px;
}
.container-doubleTwelve .container06 .info h2,
.container-doubleTwelve .container06 .info h3 {
  text-align: center;
  font-size: 20px;
  color: #000000;
  height: 21px;
  margin-top: 0;
}
.container-doubleTwelve .container06 .con06-img {
  position: absolute;
  left: -300px;
  bottom: -210px;
  width: 433px;
}
.container-doubleTwelve .container06 .doubleTwelve-list01 .list01-item {
  padding: 11px 0;
}
.container-doubleTwelve .container07 {
  height: 3321px;
  background: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con07-bg01.png) no-repeat center top, url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con07-bg02.png) no-repeat center 1685px;
}
.container-doubleTwelve .container07 .main-title {
  width: 746px;
}
.container-doubleTwelve .container07 .main-con02 {
  margin-top: 18px;
}
.container-doubleTwelve .container07 .con07-img {
  width: 100%;
  vertical-align: top;
}
.container-doubleTwelve .container08 {
  height: 1790px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con08-bg.png?v=1);
  padding-top: 1px;
}
.container-doubleTwelve .container08 .main-title {
  width: 685px;
  margin-top: -26px;
}
.container-doubleTwelve .container08 .main-con02 {
  margin-top: 8px;
}
.container-doubleTwelve .container08 .con08-img {
  width: 100%;
  vertical-align: top;
}
.container-doubleTwelve .container08 .con08-img03 {
  position: absolute;
  width: 491px;
  right: -291px;
  bottom: -216px;
}
.container-doubleTwelve .container09 {
  height: 1167px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con09-bg.png?v=1);
  padding-top: 8px;
}
.container-doubleTwelve .container09 .main-title {
  width: 685px;
}
.container-doubleTwelve .container09 .main-con02 {
  margin-top: 8px;
}
.container-doubleTwelve .container09 .con09-img {
  width: 100%;
  vertical-align: top;
}
.container-doubleTwelve .container09 .con09-img02 {
  position: absolute;
  width: 364px;
  left: -9px;
  bottom: -67px;
}
.container-doubleTwelve .container10 {
  height: 502px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con10-bg.png);
  margin-top: -2px;
}
.container-doubleTwelve .container10 .container,
.container-doubleTwelve .container10 .con10-link {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}
body.mobile .container-doubleTwelve .container {
  padding: 0;
}
body.mobile .container-doubleTwelve .menu {
  top: auto;
  height: 1.333333rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3;
}
body.mobile .container-doubleTwelve .menu ul {
  height: 100%;
}
body.mobile .container-doubleTwelve .menu ul li {
  line-height: 0.32rem;
  height: 100%;
  padding-top: 0.28rem;
}
body.mobile .container-doubleTwelve .menu ul li:hover {
  background-color: transparent;
}
body.mobile .container-doubleTwelve .menu ul li.active {
  background-color: #F32B41;
}
body.mobile .container-doubleTwelve .menu ul li a {
  font-size: 0.266667rem;
}
body.mobile .container-doubleTwelve .menu ul li span {
  display: block;
}
body.mobile .container-doubleTwelve .menu ul li .icon01 {
  width: 0.44rem;
}
body.mobile .container-doubleTwelve .main-title {
  display: none;
}
body.mobile .container-doubleTwelve .main-con01,
body.mobile .container-doubleTwelve .main-con02 {
  padding: 0.333333rem 0.453333rem 0.266667rem;
  border-radius: 0.133333rem;
  width: 8.746667rem;
}
body.mobile .container-doubleTwelve .btn01 {
  width: 2.106667rem;
  margin-top: 0.213333rem;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 {
  margin-left: -0.04rem;
  margin-right: -0.04rem;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 .col-md {
  padding-left: 0.04rem;
  padding-right: 0.04rem;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 .list01-item {
  border-radius: 0.066667rem;
  padding: 0.16rem 0.16rem 0.2rem;
  margin-top: 0.08rem;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 .info {
  padding: 0 0.053333rem;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 h2 {
  font-size: 0.226667rem;
  line-height: 0.253333rem;
  margin-top: 0.093333rem;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 h3 {
  font-size: 0.173333rem;
  margin-top: 0.146667rem;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 .handel {
  margin-top: 0.133333rem;
  padding-top: 0.2rem;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 .handel .current-price {
  font-size: 0.253333rem;
  line-height: 0.333333rem;
  display: inline-block;
  vertical-align: top;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 .handel .original-price {
  font-size: 0.213333rem;
  line-height: 0.35rem;
  display: inline-block;
  vertical-align: top;
}
body.mobile .container-doubleTwelve .doubleTwelve-list01 .handel .btn {
  width: 1.293333rem;
  height: 0.333333rem;
  line-height: 0.3rem;
  font-size: 0.2rem;
}
body.mobile .container-doubleTwelve .container01 {
  height: 13.466667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con01-bg_m.png);
}
body.mobile .container-doubleTwelve .container02 {
  padding-top: 1.626667rem;
  margin-top: 0;
  height: 19.4rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con02-bg_m.png?v=1);
}
body.mobile .container-doubleTwelve .container02 .con2-icon {
  top: -0.066667rem;
  width: 0.786667rem;
}
body.mobile .container-doubleTwelve .container02 .main-con01 {
  margin-top: 0.066667rem;
}
body.mobile .container-doubleTwelve .container02 .con02-img {
  display: none;
}
body.mobile .container-doubleTwelve .container03 {
  padding-top: 1.8rem;
  height: 24.693333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con03-bg_m.png);
}
body.mobile .container-doubleTwelve .container03 .main-con02 {
  margin-top: 0;
}
body.mobile .container-doubleTwelve .container03 .con03-img {
  display: none;
}
body.mobile .container-doubleTwelve .container03 .list01-item {
  padding: 0.133333rem 0.146667rem;
}
body.mobile .container-doubleTwelve .container03 h2 {
  margin-top: 0.333333rem;
}
body.mobile .container-doubleTwelve .container03 h3 {
  margin-top: -0.12rem;
}
body.mobile .container-doubleTwelve .container03 .handel {
  margin-top: 0.186667rem;
  padding-top: 0.2rem;
}
body.mobile .container-doubleTwelve .container03 .discount {
  bottom: -0.2rem;
  height: 0.973333rem;
}
body.mobile .container-doubleTwelve .container03 .discount .round {
  width: 0.973333rem;
  height: 0.973333rem;
  border: none;
  left: -0.04rem;
  bottom: -0.27rem;
}
body.mobile .container-doubleTwelve .container03 .discount .round.round01 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con03-round01.png?v=1);
}
body.mobile .container-doubleTwelve .container03 .discount .round.round02 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con03-round02.png?v=1);
}
body.mobile .container-doubleTwelve .container03 .discount .round.round03 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con03-round03.png?v=1);
}
body.mobile .container-doubleTwelve .container03 .discount .block {
  width: 2.666667rem;
  height: 0.333333rem;
  line-height: 0.333333rem;
  font-size: 0.266667rem;
}
body.mobile .container-doubleTwelve .container04 {
  height: 20.893333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con04-bg_m.png);
  padding-top: 1.56rem;
}
body.mobile .container-doubleTwelve .container04 .main-con01 {
  margin-top: 0;
  padding: 0.226667rem 0.186667rem;
}
body.mobile .container-doubleTwelve .container04 .con04-img01 {
  width: 3.213333rem;
  left: -0.426667rem;
  top: auto;
  bottom: 0;
}
body.mobile .container-doubleTwelve .container04 .con04-img02 {
  width: 2.653333rem;
  right: -0.466667rem;
  top: 4.35rem;
}
body.mobile .container-doubleTwelve .container04 .con04-con01 {
  width: 100%;
}
body.mobile .container-doubleTwelve .container04 .con04-con02 {
  width: 6.9rem;
  margin: 0 0 0 0.333333rem;
}
body.mobile .container-doubleTwelve .container04 .con04-con03 {
  width: 6.5rem;
  margin: 0 0 0 0.333333rem;
}
body.mobile .container-doubleTwelve .container05 {
  height: 21.973333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con05-bg_m.png);
  padding-top: 1.906667rem;
}
body.mobile .container-doubleTwelve .container05 .main-con02 {
  margin-top: 0;
}
body.mobile .container-doubleTwelve .container05 .group .group-item {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con05-img_m.png);
}
body.mobile .container-doubleTwelve .container05 .group a {
  width: 50%;
  height: 25%;
}
body.mobile .container-doubleTwelve .container06 {
  height: 27.546667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con06-bg_m.png);
  padding-top: 1.573333rem;
}
body.mobile .container-doubleTwelve .container06 .main-con01 {
  margin-top: 0;
}
body.mobile .container-doubleTwelve .container06 .info img {
  width: 2.906667rem;
  margin-bottom: 0.093333rem;
}
body.mobile .container-doubleTwelve .container06 .info h2,
body.mobile .container-doubleTwelve .container06 .info h3 {
  font-size: 0.266667rem;
  height: 0.28rem;
  margin-top: 0;
}
body.mobile .container-doubleTwelve .container06 .con06-img {
  display: none;
}
body.mobile .container-doubleTwelve .container06 .doubleTwelve-list01 .list01-item {
  padding: 0.17rem 0;
}
body.mobile .container-doubleTwelve .container07 {
  height: 23.346667rem;
  background: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con07-bg_m.png);
  background-size: 100%;
  padding-top: 1.986667rem;
}
body.mobile .container-doubleTwelve .container07 .main-con02 {
  margin-top: 0;
}
body.mobile .container-doubleTwelve .container08 {
  height: 27.386667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con08-bg_m.png);
  padding-top: 1.386667rem;
  background-size: 100%;
}
body.mobile .container-doubleTwelve .container08 .main-con02 {
  margin-top: 0;
}
body.mobile .container-doubleTwelve .container08 .con08-img03 {
  display: none;
}
body.mobile .container-doubleTwelve .container09 {
  height: 10.16rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con09-bg_m.png);
  padding-top: 1.933333rem;
}
body.mobile .container-doubleTwelve .container09 .main-con02 {
  margin-top: 0;
}
body.mobile .container-doubleTwelve .container09 .con09-img02 {
  width: 2.226667rem;
  left: -0.586667rem;
  bottom: -0.386667rem;
}
body.mobile .container-doubleTwelve .container10 {
  height: 2.853333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/doubleTwelve2019/con10-bg_m.png);
  margin-top: 0;
}
.act-wrap .container {
  position: relative;
  height: 100%;
}
.act-wrap .menu {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
}
.act-wrap .menu .container {
  padding: 0;
}
.act-wrap .menu li {
  height: 100%;
  float: left;
  text-align: center;
  position: relative;
}
.act-wrap .menu li a {
  width: 100%;
  height: 100%;
  display: block;
}
.act-wrap .menu.fixed {
  position: fixed;
  top: 60px;
  left: 0;
}
.act-wrap .con-main {
  vertical-align: top;
  background-size: auto 100%;
  background-position: center top;
  margin-top: 0;
  background-repeat: no-repeat;
  position: relative;
}
body.mobile .act-wrap .container {
  padding: 0;
}
body.mobile .act-wrap .menu {
  top: auto;
  bottom: 0;
  height: 1.333333rem;
  position: fixed;
}
body.mobile .act-wrap .menu li {
  line-height: 0.32rem;
  padding: 0.32rem 0;
}
body.mobile .act-wrap .menu li .icon01 {
  width: 2.293333rem;
  top: -0.626667rem;
}
body.mobile .act-wrap .menu li a {
  font-size: 0.266667rem;
}
body.mobile .act-wrap .menu li span {
  display: block;
}
body.mobile .act-wrap .menu_2 {
  position: absolute;
}
body.mobile .act-wrap .menu_2.fixed {
  position: fixed;
  top: 1.133333rem;
}
body.mobile .act-wrap .con-main {
  margin-top: -0.013333rem;
}
.act01-wrap .container {
  padding: 0 56px;
}
.act01-wrap .menu {
  background-color: #2A3D7A;
  top: 1425px;
  height: 100px;
}
.act01-wrap .menu li {
  width: 20%;
  line-height: 100px;
}
.act01-wrap .menu li:hover,
.act01-wrap .menu li.active {
  background-color: #C94634;
}
.act01-wrap .menu li a {
  color: #FFEBD2;
  font-size: 30px;
}
.act01-wrap .menu li .icon01 {
  width: 189px;
  top: -51px;
  position: absolute;
  right: 0;
}
.act01-wrap .menu.fixed .icon01 {
  display: none;
}
.act01-wrap .main-title {
  height: 130px;
  display: block;
  margin: 0 auto;
}
.act01-wrap .main-item {
  background-color: #FEE19A;
  height: 476px;
}
.act01-wrap .main-item + .main-item {
  margin-top: 60px;
}
.act01-wrap .main-item .main-item-info {
  width: 622px;
  background-color: #ffffff;
  margin: 5px;
}
.act01-wrap .main-item .main-item-info img {
  width: 100%;
  vertical-align: top;
  padding: 2px 2px 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
}
.act01-wrap .main-item .main-item-info img:hover {
  opacity: 0.8;
}
.act01-wrap .main-item .main-item-info h4 {
  font-size: 20px;
  color: #000000;
  margin-top: 17px;
  margin-bottom: 21px;
  padding: 0 18px;
  line-height: 1;
}
.act01-wrap .main-item .main-item-info h4 span {
  font-size: 18px;
}
.act01-wrap .main-item .main-item-info .block {
  padding: 0 18px 18px;
}
.act01-wrap .main-item .main-item-info .block h5 {
  font-size: 30px;
  color: #D10E00;
  line-height: 37px;
}
.act01-wrap .main-item .main-item-info .block .btn {
  width: 127px;
  height: 37px;
  display: inline-block;
  background-size: 100% 100%;
  border-radius: 0;
  vertical-align: top;
  background-repeat: no-repeat;
}
.act01-wrap .main-item .main-item-info .block .btn:hover {
  opacity: 0.8;
}
.act01-wrap .main-item .main-item-info .block .btn01 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/btn05.png);
}
.act01-wrap .main-item .main-item-info .block .btn02 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/btn04.png);
}
.act01-wrap .main-item .main-item-auth {
  width: 426px;
  height: 100%;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/item-bg.png);
  background-size: 100% 100%;
  padding: 0 35px;
}
.act01-wrap .main-item .main-item-auth img {
  width: 244px;
  margin: 15px auto 0;
  display: block;
}
.act01-wrap .main-item .main-item-auth p {
  font-size: 18px;
  line-height: 24px;
  margin-top: 43px;
}
.act01-wrap .center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.act01-wrap .center img {
  height: 81px;
}
.act01-wrap .con01 {
  height: 1526px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c1-bg01.jpg);
  position: relative;
}
.act01-wrap .con01 .img {
  width: 1200px;
  height: 473px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c1-text.png);
  background-size: 100% 100%;
  position: relative;
}
.act01-wrap .con01 .img img {
  position: absolute;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.act01-wrap .con01 .img .icon02 {
  width: 157px;
  left: 785px;
  top: 35px;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.act01-wrap .con01 .img .icon03 {
  width: 52px;
  left: 1032px;
  top: 276px;
  -webkit-animation-name: leftDown_rightTop;
  animation-name: leftDown_rightTop;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.act01-wrap .con01 .img .icon04 {
  width: 58px;
  left: 384px;
  top: 48px;
  -webkit-animation-name: leftTop_rightDown;
  animation-name: leftTop_rightDown;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.act01-wrap .con01 .img .icon05 {
  width: 50px;
  left: 674px;
  top: 70px;
  -webkit-animation-name: leftDown_rightTop;
  animation-name: leftDown_rightTop;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.act01-wrap .con01 .list {
  width: 1673px;
  height: 913px;
  position: absolute;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c1-bg02.png);
  background-size: 100% 100%;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom: 108px;
  text-align: center;
  padding: 177px 273px 0;
}
.act01-wrap .con01 .list a {
  display: inline-block;
  margin-top: 59px;
}
.act01-wrap .con01 .list a:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.act01-wrap .con01 .list a + a {
  margin-left: 34px;
}
.act01-wrap .con01 .list a img {
  width: 141px;
}
.act01-wrap .con02 {
  height: 1969px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c2-bg.png);
  padding-top: 50px;
}
.act01-wrap .con02 .main-title {
  margin-bottom: 70px;
}
.act01-wrap .con03 {
  height: 2464px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c3-bg.png);
  padding-top: 10px;
}
.act01-wrap .con03 .main-title {
  margin-bottom: 56px;
}
.act01-wrap .con04 {
  height: 1391px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c4-bg.png);
  padding-top: 22px;
}
.act01-wrap .con04 .main-title {
  margin-bottom: 62px;
}
.act01-wrap .con05 {
  height: 1483px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c5-bg.png);
  padding-top: 25px;
}
.act01-wrap .con05 .main-title {
  margin-bottom: 65px;
}
.act01-wrap .con05 .center {
  bottom: 17px;
}
.act01-wrap .con06 {
  height: 5624px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c6-bg01.png), url(https://assets-cdn.lanqb.com/guru/activity/activity01/c6-bg02.png), url(https://assets-cdn.lanqb.com/guru/activity/activity01/c6-bg03.png), url(https://assets-cdn.lanqb.com/guru/activity/activity01/c6-bg04.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: center 0, center 31.34%, center 65.46%, center 100%;
  background-size: 1920px auto,1920px auto,1920px auto,1920px auto;
  padding-top: 30px;
}
.act01-wrap .con06 .center {
  bottom: -37px;
}
.act01-wrap .con07 {
  height: 2174px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c7-bg01.png), url(https://assets-cdn.lanqb.com/guru/activity/activity01/c7-bg02.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: center 0,center 100%;
  background-size: 1920px auto,1920px auto;
  padding-top: 89px;
}
.act01-wrap .con07 .main-title {
  height: 82px;
}
.act01-wrap .con07 .center {
  bottom: -33px;
}
.act01-wrap .con08 {
  height: 1262px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c8-bg.jpg);
  padding-top: 81px;
}
.act01-wrap .con08 .main-title {
  height: 82px;
}
.act01-wrap .con09 {
  height: 502px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c9-bg.png);
}
.act01-wrap .con09 img {
  width: 735px;
  margin-top: 40px;
}
body.mobile .act01-wrap .menu li .icon01 {
  width: 2.293333rem;
  top: -0.626667rem;
}
body.mobile .act01-wrap .menu li a {
  font-size: 0.266667rem;
}
body.mobile .act01-wrap .main-title {
  margin-top: 0;
  height: 1.426667rem;
}
body.mobile .act01-wrap .main-item {
  height: 5.186667rem;
  margin: 0 0.24rem;
}
body.mobile .act01-wrap .main-item + .main-item {
  margin-top: 0.52rem;
}
body.mobile .act01-wrap .main-item .main-item-info {
  width: 6rem;
  margin: 0.04rem;
}
body.mobile .act01-wrap .main-item .main-item-info img {
  padding: 0.013333rem 0.013333rem 0;
}
body.mobile .act01-wrap .main-item .main-item-info img:hover {
  opacity: 1;
}
body.mobile .act01-wrap .main-item .main-item-info h4 {
  font-size: 0.266667rem;
  margin-top: 0.173333rem;
  margin-bottom: 0.186667rem;
  padding: 0 0.133333rem;
}
body.mobile .act01-wrap .main-item .main-item-info h4 span {
  font-size: 0.213333rem;
  display: block;
  text-align: right;
  margin-top: 0.146667rem;
}
body.mobile .act01-wrap .main-item .main-item-info .block {
  padding: 0 0.16rem 0.16rem;
}
body.mobile .act01-wrap .main-item .main-item-info .block h5 {
  font-size: 0.32rem;
  line-height: 0.546667rem;
}
body.mobile .act01-wrap .main-item .main-item-info .block .btn {
  width: 1.746667rem;
  height: 0.546667rem;
}
body.mobile .act01-wrap .main-item .main-item-info .block .btn:hover {
  opacity: 1;
}
body.mobile .act01-wrap .main-item .main-item-auth {
  width: 3.44rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/item-bg_m.png);
  padding: 0 0.16rem;
}
body.mobile .act01-wrap .main-item .main-item-auth img {
  width: 2.226667rem;
  margin: 0.12rem auto 0;
}
body.mobile .act01-wrap .main-item .main-item-auth p {
  font-size: 0.213333rem;
  line-height: 0.32rem;
  margin-top: 0.36rem;
}
body.mobile .act01-wrap .main-item .main-item-auth p.mt {
  margin-top: 0.16rem;
}
body.mobile .act01-wrap .center img {
  height: 0.933333rem;
}
body.mobile .act01-wrap .con01 {
  height: 17.48rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c1-bg01_m.png);
}
body.mobile .act01-wrap .con01 .img {
  width: 9.96rem;
  height: 6.266667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c1-text_m.png?v=1);
  z-index: 1;
  margin-top: -0.5rem;
}
body.mobile .act01-wrap .con01 .img .icon04 {
  width: 0.493333rem;
  left: 3.306667rem;
  top: 0.8rem;
  -webkit-animation-name: leftTop_rightDown;
  animation-name: leftTop_rightDown;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
body.mobile .act01-wrap .con01 .img .icon05 {
  width: 0.44rem;
  left: 5.813333rem;
  top: 0.933333rem;
  -webkit-animation-name: leftDown_rightTop;
  animation-name: leftDown_rightTop;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
body.mobile .act01-wrap .con01 .img .icon03 {
  width: 0.466667rem;
  left: 8.92rem;
  top: 2.773333rem;
  -webkit-animation-name: leftDown_rightTop;
  animation-name: leftDown_rightTop;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
body.mobile .act01-wrap .con01 .img .icon02 {
  width: 1.373333rem;
  left: 6.773333rem;
  top: 0.68rem;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
body.mobile .act01-wrap .con01 .list {
  width: 10rem;
  height: 11.893333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c1-bg02_m.png);
  padding: 1.64rem 0.7rem 0;
  bottom: 1.08rem;
}
body.mobile .act01-wrap .con01 .list a {
  margin: 0.1rem 0.12rem 0;
}
body.mobile .act01-wrap .con01 .list a.mt {
  margin-top: -0.1rem;
}
body.mobile .act01-wrap .con01 .list a img {
  width: 1.746667rem;
}
body.mobile .act01-wrap .con02 {
  height: 19.56rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c2-bg_m.png);
  padding-top: 0.013333rem;
}
body.mobile .act01-wrap .con02 .main-title {
  margin-bottom: 0.48rem;
  margin-top: -0.146667rem;
}
body.mobile .act01-wrap .con03 {
  height: 25.426667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c3-bg_m.png);
  padding-top: 0.133333rem;
}
body.mobile .act01-wrap .con03 .main-title {
  margin-bottom: 0.466667rem;
}
body.mobile .act01-wrap .con04 {
  height: 14.026667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c4-bg_m.png);
  padding-top: 0.093333rem;
}
body.mobile .act01-wrap .con04 .main-title {
  margin-bottom: 0.52rem;
}
body.mobile .act01-wrap .con05 {
  height: 15.026667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c5-bg_m.png);
  padding-top: 0.186667rem;
}
body.mobile .act01-wrap .con05 .main-title {
  margin-bottom: 0.533333rem;
}
body.mobile .act01-wrap .con05 .center {
  bottom: 0.2rem;
}
body.mobile .act01-wrap .con06 {
  height: 50.893333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c6-bg01_m.png), url(https://assets-cdn.lanqb.com/guru/activity/activity01/c6-bg02_m.png), url(https://assets-cdn.lanqb.com/guru/activity/activity01/c6-bg03_m.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center 0, center 44.2%, center 99.9%;
  background-size: 100% auto,100% auto,100% auto;
  padding-top: 0.226667rem;
}
body.mobile .act01-wrap .con06 .center {
  bottom: 0.146667rem;
}
body.mobile .act01-wrap .con07 {
  height: 29.613333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c7-bg01_m.jpg), url(https://assets-cdn.lanqb.com/guru/activity/activity01/c7-bg02_m.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: center 0,center 100%;
  background-size: 100% auto,100% auto;
  padding-top: 0.373333rem;
}
body.mobile .act01-wrap .con07 .main-title {
  height: 1rem;
}
body.mobile .act01-wrap .con07 .center {
  bottom: 0.28rem;
}
body.mobile .act01-wrap .con08 {
  height: 9.72rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c8-bg_m.jpg);
  padding-top: 0.093333rem;
}
body.mobile .act01-wrap .con08 .main-title {
  height: 1.066667rem;
}
body.mobile .act01-wrap .con09 {
  height: 2.84rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity01/c9-bg_m.png);
}
body.mobile .act01-wrap .con09 img {
  width: 4.253333rem;
  margin-top: 0.2rem;
  margin-left: 1.506667rem;
}
.act02-wrap .menu {
  background-color: #146FCD;
  top: 1078px;
  height: 100px;
}
.act02-wrap .menu li {
  width: 25%;
  line-height: 100px;
}
.act02-wrap .menu li a {
  color: #E8F9FF;
  font-size: 30px;
}
.act02-wrap .menu li:hover,
.act02-wrap .menu li.active {
  background-color: #E8F9FF;
}
.act02-wrap .menu li:hover a,
.act02-wrap .menu li.active a {
  color: #1161B4;
}
.act02-wrap .href {
  position: absolute;
  top: -160px;
}
.act02-wrap .con01 {
  height: 1180px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c1-bg.png);
}
.act02-wrap .con02 {
  height: 1387px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c2-bg01.png);
}
.act02-wrap .con03 {
  height: 1970px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c2-bg02.png);
}
.act02-wrap .con04 {
  height: 1321px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c3-bg01.png);
}
.act02-wrap .con05 {
  height: 1091px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c3-bg02.png);
}
.act02-wrap .con06 {
  height: 1018px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c3-bg03.png);
}
.act02-wrap .con07 {
  height: 1548px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c4-bg.png);
}
.act02-wrap .con08 {
  height: 766px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c5-bg.png);
}
.act02-wrap .act02-btn {
  position: absolute;
  background-size: 100% 100%;
  display: block;
}
.act02-wrap .btn01 {
  width: 310px;
  height: 65px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/btn01.png);
  top: 630px;
  left: 640px;
}
.act02-wrap .btn02 {
  width: 393px;
  height: 85px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/btn02.png);
  top: 887px;
  left: 388px;
}
.act02-wrap .btn03 {
  width: 393px;
  height: 85px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/btn03.png);
  top: 482px;
  left: 388px;
}
body.mobile .act02-wrap .menu li a {
  font-size: 0.266667rem;
}
body.mobile .act02-wrap .href {
  top: -1.4rem;
}
body.mobile .act02-wrap .con01 {
  height: 13.133333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c1-bg_m.png);
}
body.mobile .act02-wrap .con02 {
  height: 6.093333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c2-bg01_m.png);
}
body.mobile .act02-wrap .con03 {
  height: 30.15rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c2-bg02_m.png), url(https://assets-cdn.lanqb.com/guru/activity/activity02/c2-bg03_m.png);
  background-position: center 0, center 99.9%;
  background-size: 100% auto,100% auto;
}
body.mobile .act02-wrap .con04 {
  height: 10.733333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c3-bg01_m.png);
}
body.mobile .act02-wrap .con05 {
  height: 8.64rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c3-bg02_m.png);
}
body.mobile .act02-wrap .con06 {
  height: 7.973333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c3-bg03_m.png);
}
body.mobile .act02-wrap .con07 {
  height: 12.186667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c4-bg_m.png);
}
body.mobile .act02-wrap .con08 {
  height: 6.04rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/c5-bg_m.png);
}
body.mobile .act02-wrap .btn01 {
  width: 2.56rem;
  height: 0.6rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/btn01_m.png);
  top: 4.493333rem;
  left: 5.413333rem;
}
body.mobile .act02-wrap .btn02 {
  width: 3.653333rem;
  height: 0.786667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/btn02_m.png);
  top: 6.88rem;
  left: 3.186667rem;
}
body.mobile .act02-wrap .btn03 {
  width: 2.933333rem;
  height: 0.626667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/btn03_m.png);
  top: 3.813333rem;
  left: 3.586667rem;
}
.act0201-wrap .container {
  position: relative;
  height: 100%;
  padding-top: 1px;
}
.act0201-wrap .con-main {
  vertical-align: top;
  background-size: auto 100%;
  background-position: center top;
  margin-top: 0;
  background-repeat: no-repeat;
  position: relative;
}
.act0201-wrap .con01 {
  height: 942px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c1-bg.jpg);
}
.act0201-wrap .con02 {
  height: 942px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c2-bg.jpg);
}
.act0201-wrap .con03 {
  height: 771px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c3-bg.jpg);
}
.act0201-wrap .con04 {
  height: 713px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c4-bg.jpg);
}
.act0201-wrap .con05 {
  height: 745px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c5-bg.jpg);
}
.act0201-wrap .con06 {
  height: 2350px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c6-bg01.jpg), url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c6-bg02.jpg), url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c6-bg03.jpg);
  background-position: center 0, center 787px, center 99.9%;
  background-size: auto 787px,auto 791px,auto 772px;
}
.act0201-wrap .act0201-img {
  width: 757px;
  height: 1169px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/img.jpg);
  display: block;
  margin: 316px auto 0;
  background-size: 100% 100%;
}
.act0201-wrap .bigimg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 15;
  display: none;
}
.act0201-wrap .bigimg img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
}
body.mobile .act0201-wrap .container {
  padding-top: 0.013333rem;
}
body.mobile .act0201-wrap .con01 {
  height: 10.346667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c1-bg_m.jpg);
}
body.mobile .act0201-wrap .con02 {
  height: 10.626667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c2-bg_m.jpg);
}
body.mobile .act0201-wrap .con03 {
  height: 10.04rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c3-bg_m.jpg);
}
body.mobile .act0201-wrap .con04 {
  height: 8.88rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c4-bg_m.jpg);
}
body.mobile .act0201-wrap .con05 {
  height: 9.586667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c5-bg_m.jpg);
}
body.mobile .act0201-wrap .con06 {
  height: 26.4rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c6-bg01_m.jpg), url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/c6-bg02_m.jpg);
  background-position: center 0, center 99.9%;
  background-size: 100% auto,100% auto;
}
body.mobile .act0201-wrap .act0201-img {
  width: 8.2rem;
  height: 12.666667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity02/01/img_m.jpg);
  margin: 4.186667rem auto 0;
  background-size: 100% 100%;
}
.act03-wrap {
  /*popup-myPrize*/
}
.act03-wrap .href {
  top: -150px;
}
.act03-wrap #href03 {
  top: -200px;
}
.act03-wrap .con-main {
  background-size: 100% 100%;
}
.act03-wrap .menu {
  background-color: #196C5A;
  top: 800px;
  height: 100px;
}
.act03-wrap .menu li {
  width: 25%;
  line-height: 100px;
}
.act03-wrap .menu li a {
  color: #FFF7BF;
  font-size: 30px;
}
.act03-wrap .menu li:hover,
.act03-wrap .menu li.active {
  background-color: #4EA690;
}
.act03-wrap .con01 {
  height: 800px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c1-bg.jpg);
}
.act03-wrap .con02 {
  height: 897px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c2-bg.jpg);
  margin-top: 95px;
  text-align: center;
}
.act03-wrap .con02 .main-title {
  margin: 36px 0 18px 22px;
}
.act03-wrap .con02 h3 {
  font-size: 18px;
  color: #FFF7BF;
}
.act03-wrap .con02 h3 > span {
  display: inline-block;
  padding: 7px 23px;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.5);
}
.act03-wrap .con02 h3 .numb {
  margin: 0 5px;
  font-weight: bold;
}
.act03-wrap .con02 .con02-con {
  position: relative;
}
.act03-wrap .con02 .c2-img01 {
  position: absolute;
  top: 24px;
  left: 0;
}
.act03-wrap .con02 .con02-form {
  display: inline-block;
  width: 559px;
  height: 659px;
  margin-top: 14px;
  padding-top: 182px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c2-img03.png);
  background-size: 100% 100%;
}
.act03-wrap .con02 .con02-form .input-group {
  width: 380px;
  display: inline-block;
}
.act03-wrap .con02 .con02-form .input-group + .input-group {
  margin-top: 40px;
}
.act03-wrap .con02 .con02-form span {
  float: left;
  font-size: 28px;
  color: #234E40;
  line-height: 1;
}
.act03-wrap .con02 .con02-form input {
  float: left;
  font-size: 22px;
  color: #234E40;
  line-height: 28px;
  background-color: transparent;
  border: none;
}
.act03-wrap .con02 .con02-form textarea {
  float: left;
  font-size: 22px;
  color: #234E40;
  width: 100%;
  margin-top: 20px;
}
.act03-wrap .con02 .con02-form .c2-btn {
  margin-top: 100px;
  display: inline-block;
}
.act03-wrap .con02 .con02-form .c2-btn img {
  width: 258px;
}
.act03-wrap .con02 .c2-img02 {
  position: absolute;
  top: 24px;
  right: 0;
}
.act03-wrap .con03 {
  height: 1099px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c3-bg.jpg);
  padding-top: 1px;
}
.act03-wrap .con03 .c3-con {
  text-align: center;
  margin-top: 23px;
  width: 100%;
  height: 1055px;
  padding: 23px 0 0;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c3-conbg01.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
}
.act03-wrap .con03 .c3-con .c3-lotteries {
  display: inline-block;
  position: relative;
  width: 1111px;
}
.act03-wrap .con03 .c3-con .c3-lottery {
  width: 347px;
  height: 272px;
  float: left;
  margin: 19px 9px 0;
}
.act03-wrap .con03 .c3-con .c3-lottery.c3-lottery07 {
  width: 366px;
  position: absolute;
  right: 0;
}
.act03-wrap .con03 .c3-con .c3-lottery img {
  width: 100%;
  height: 100%;
}
.act03-wrap .con03 .c3-con .c3-lottery h5 {
  font-size: 0.266667rem;
  color: #666666;
  line-height: 0.306667rem;
  position: absolute;
  bottom: 0.1rem;
  width: 100%;
  -moz-text-align-last: center;
       text-align-last: center;
}
.act03-wrap .con03 .c3-con .c3-lottery h5 span {
  display: block;
}
.act03-wrap .con03 .c3-con .btn-group span {
  font-size: 21px;
  color: #fff;
  display: block;
  line-height: 1;
  margin-top: 15px;
}
.act03-wrap .con03 .c3-con .btn-group span em {
  color: #FFFC01;
}
.act03-wrap .con03 .c3-con .c3-btn {
  display: inline-block;
  width: 249px;
  height: 63px;
  background-size: 100%;
  vertical-align: top;
  margin-top: 34px;
}
.act03-wrap .con03 .c3-con .c3-btn.c3-btn01 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c3-btn01.png);
}
.act03-wrap .con03 .c3-con .c3-btn.c3-btn01.disabled {
  opacity: 0.7;
  pointer-events: none;
  cursor: not-allowed;
}
.act03-wrap .con03 .c3-con .c3-btn.c3-btn02 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c3-btn02.png);
  margin-left: 62px;
}
.act03-wrap .con03 .c3-con .c3-item.selected {
  opacity: 0.5;
}
.act03-wrap .con04 {
  height: 2109px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-bg.jpg);
  margin-top: -1px;
  text-align: center;
}
.act03-wrap .con04 .main-title {
  margin: 42px 0 47px;
}
.act03-wrap .con04 .c4-list01 .c4-item {
  display: inline-block;
  position: relative;
}
.act03-wrap .con04 .c4-list01 .c4-item .btn {
  position: absolute;
  width: 193px;
  height: 54px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-btn01.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 0;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.act03-wrap .con04 .c4-list02 {
  margin: 0 -5px;
}
.act03-wrap .con04 .c4-list02 .c4-item {
  display: inline-block;
  position: relative;
  padding: 20px;
  margin: 20px 5px 0;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-conbg.png);
  background-size: 100% 100%;
}
.act03-wrap .con04 .c4-list02 .c4-item h4 {
  font-size: 23px;
  color: #195D4E;
  margin-top: 15px;
  line-height: 1;
  text-align: left;
}
.act03-wrap .con04 .c4-list02 .c4-item .c4-item-block {
  margin-top: 23px;
}
.act03-wrap .con04 .c4-list02 .c4-item span {
  font-size: 36px;
  line-height: 41px;
  color: #F22509;
}
.act03-wrap .con04 .c4-list02 .c4-item .btn {
  width: 148px;
  height: 41px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-btn02.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 0;
}
.act03-wrap .con04 .c4-img {
  margin: 37px 0 20px;
  display: block;
}
.act03-wrap .con05 {
  height: 1223px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c5-bg.png);
}
.act03-wrap .con05 .c5-btn {
  position: absolute;
  bottom: 42px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.act03-wrap .con06 {
  height: 2174px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c6-bg01.png), url(https://assets-cdn.lanqb.com/guru/activity/activity03/c6-bg02.png);
  background-position: center 0, center 99.9%;
  background-size: 1917px 1127px,1920px 1047px;
  margin-top: -1px;
}
.act03-wrap .con06 .c6-btn {
  position: absolute;
  bottom: 78px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.act03-wrap .con07 {
  height: 503px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c7-bg.jpg);
  margin-top: -2px;
  padding-top: 1px;
}
.act03-wrap .con07 .c7-btn {
  width: 630px;
  height: 430px;
  margin-top: 20px;
  display: block;
}
.act03-wrap .popup-mask {
  opacity: 1;
  visibility: initial;
}
.act03-wrap .popup-myPrize,
.act03-wrap .popup-prize {
  display: block;
  background: -webkit-gradient(linear, left bottom, left top, from(#15815e), color-stop(97%, #34977c));
  background: linear-gradient(0deg, #15815e 0%, #34977c 97%);
  width: 550px;
  padding: 10px;
}
.act03-wrap .popup-myPrize .popup-close,
.act03-wrap .popup-prize .popup-close {
  top: 0;
  right: -30px;
}
.act03-wrap .popup-myPrize .popup-close i,
.act03-wrap .popup-prize .popup-close i {
  font-size: 20px;
  color: #FFF;
}
.act03-wrap .popup-myPrize .popup-con,
.act03-wrap .popup-prize .popup-con {
  border: 2px dashed rgba(254, 255, 159, 0.3);
  height: 100%;
  padding: 28px 0;
}
.act03-wrap .popup-myPrize .popup-h2-02,
.act03-wrap .popup-prize .popup-h2-02 {
  height: 47px;
}
.act03-wrap .popup-myPrize .default p {
  font-size: 22px;
  color: #FEF89B;
  margin: 33px 0 22px;
}
.act03-wrap .popup-myPrize .prizeList {
  margin: 33px auto 0;
  text-align: center;
}
.act03-wrap .popup-myPrize .prizeList .prizeItem {
  width: 335px;
  height: 75px;
  background-color: #186D5B;
  text-align: left;
  display: inline-block;
}
.act03-wrap .popup-myPrize .prizeList .prizeItem + .prizeItem {
  margin-top: 14px;
}
.act03-wrap .popup-myPrize .prizeList .prizeItem img {
  height: 100%;
}
.act03-wrap .popup-myPrize .prizeList .prizeItem p {
  font-size: 22px;
  color: #FEFFA0;
  line-height: 75px;
  margin-left: 6px;
  display: inline-block;
  vertical-align: top;
}
.act03-wrap .popup-myPrize .prizeList .prizeItem.noImg {
  text-align: center;
}
.act03-wrap .popup-myPrize .prizeList .prizeItem.noImg img {
  display: none;
}
.act03-wrap .popup-myPrize .prizeList .prizeItem.noImg p {
  margin-left: 0;
}
.act03-wrap .popup-myPrize .btn {
  margin-top: 35px;
}
.act03-wrap .popup-prize p {
  font-size: 30px;
  color: #FEF89B;
  margin: 50px 0;
}
.act03-wrap .popup-card {
  display: block;
  width: 364px;
  height: 649px;
  padding-top: 289px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/popup-bg01.png);
  background-size: 100% 100%;
}
.act03-wrap .popup-card .popup-close {
  top: 0;
  right: -30px;
}
.act03-wrap .popup-card .popup-close i {
  font-size: 20px;
  color: #FFF;
}
.act03-wrap .popup-card .name {
  font-size: 16px;
  color: #234E40;
  width: 250px;
  display: inline-block;
  text-align: left;
}
.act03-wrap .popup-card .flag {
  font-size: 24px;
  color: #234E40;
  width: 250px;
  display: inline-block;
  height: 200px;
}
.act03-wrap .popup-card .share-block {
  position: absolute;
  bottom: 68px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.act03-wrap .popup-card .share-block .btn img {
  width: 174px;
  vertical-align: top;
}
.act03-wrap .popup-card .share-block p {
  font-size: 12px;
  color: #234E40;
  margin-top: 15px;
  line-height: 1;
}
.act03-wrap .popup-card .share-block p span {
  color: #FF3600;
}
.act03-wrap .popup-card .social-share {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.act03-wrap .popup-card .social-share .share-box {
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
}
.act03-wrap .popup-card .social-share .share-box .share-mask {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
}
.act03-wrap .popup-card .social-share .share-box .share-box-con {
  position: absolute;
  bottom: -2px;
  left: -2px;
  right: -2px;
  text-align: center;
  padding: 0;
  height: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
}
.act03-wrap .popup-card .social-share.active {
  opacity: 1;
  visibility: initial;
}
.act03-wrap .popup-card .social-share.active .share-box {
  opacity: 1;
  visibility: initial;
}
.act03-wrap .popup-card .social-share.active .share-box .share-box-con {
  height: 134px;
  padding: 12px 0 0;
}
.act03-wrap .popup-card .social-share.active .share-box .box-l {
  float: initial;
}
.act03-wrap .popup-card .social-share.active .share-box .box-l .share-icon {
  margin-top: 0;
}
.act03-wrap .popup-card .social-share.active .share-box .box-l .cancel {
  width: 100%;
  height: 42px;
  line-height: 42px;
  border-top: 1px solid #999999;
  display: block;
  margin-top: 12px;
}
body.mobile .act03-wrap {
  /*popup-myPrize*/
}
body.mobile .act03-wrap .href {
  top: -1.1rem;
}
body.mobile .act03-wrap #href03 {
  top: -1.4rem;
}
body.mobile .act03-wrap .menu li:hover {
  background-color: #196C5A;
}
body.mobile .act03-wrap .menu li.active {
  background-color: #4EA690;
}
body.mobile .act03-wrap .con01 {
  height: 12.346667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c1-bg_m.jpg);
}
body.mobile .act03-wrap .con02 {
  height: 9.293333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c2-bg_m.jpg);
  margin-top: 0;
}
body.mobile .act03-wrap .con02 .main-title {
  margin: 0.186667rem 0 0.133333rem;
  width: 5.733333rem;
  margin-left: 0.333333rem;
}
body.mobile .act03-wrap .con02 h3 {
  font-size: 0.186667rem;
}
body.mobile .act03-wrap .con02 h3 > span {
  padding: 0.106667rem 0.333333rem;
}
body.mobile .act03-wrap .con02 h3 .numb {
  margin: 0 0.066667rem;
}
body.mobile .act03-wrap .con02 .c2-img01 {
  top: 0.4rem;
  width: 2.4rem;
  left: 0.133333rem;
}
body.mobile .act03-wrap .con02 .con02-form {
  width: 4.986667rem;
  height: 6.773333rem;
  margin-top: 0.226667rem;
  padding-top: 1.586667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c2-img03_m.png);
}
body.mobile .act03-wrap .con02 .con02-form .input-group {
  width: 4.093333rem;
}
body.mobile .act03-wrap .con02 .con02-form .input-group + .input-group {
  margin-top: 0.46rem;
}
body.mobile .act03-wrap .con02 .con02-form .input-group.u-f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
}
body.mobile .act03-wrap .con02 .con02-form .input-group.u-f input::-webkit-input-placeholder {
  line-height: 0.45rem;
}
body.mobile .act03-wrap .con02 .con02-form span {
  font-size: 0.346667rem;
}
body.mobile .act03-wrap .con02 .con02-form input {
  font-size: 0.3rem;
  line-height: 0.346667rem;
  width: 2.8rem;
}
body.mobile .act03-wrap .con02 .con02-form textarea {
  font-size: 0.293333rem;
  margin-top: 0.306667rem;
}
body.mobile .act03-wrap .con02 .con02-form .c2-btn {
  margin-top: 0.5rem;
}
body.mobile .act03-wrap .con02 .con02-form .c2-btn img {
  width: 2.88rem;
}
body.mobile .act03-wrap .con02 .c2-img02 {
  top: 0.4rem;
  width: 2.346667rem;
  right: 0.133333rem;
}
body.mobile .act03-wrap .con03 {
  height: 8.88rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c3-bg_m.jpg);
  text-align: center;
}
body.mobile .act03-wrap .con03 .c3-con {
  margin-top: 0.066667rem;
  width: 9.48rem;
  height: 8.506667rem;
  padding: 0.306667rem 0 0;
  display: inline-block;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c3-conbg01_m.png);
}
body.mobile .act03-wrap .con03 .c3-con .c3-lotteries {
  width: 8.853333rem;
}
body.mobile .act03-wrap .con03 .c3-con .c3-lottery {
  width: 2.7rem;
  height: 2.22rem;
  float: left;
  margin: 0.1rem 0.09rem 0;
}
body.mobile .act03-wrap .con03 .c3-con .c3-lottery.c3-lottery07 {
  width: 2.9rem;
  position: absolute;
  right: 0;
}
body.mobile .act03-wrap .con03 .c3-con .c3-lottery img {
  width: 100%;
  height: 100%;
}
body.mobile .act03-wrap .con03 .c3-con .c3-lottery h5 {
  font-size: 0.266667rem;
  color: #666666;
  line-height: 0.306667rem;
  position: absolute;
  bottom: 0.1rem;
  width: 100%;
  -moz-text-align-last: center;
       text-align-last: center;
}
body.mobile .act03-wrap .con03 .c3-con .c3-lottery h5 span {
  display: block;
}
body.mobile .act03-wrap .con03 .c3-con .btn-group span {
  font-size: 0.186667rem;
  margin-top: 0.1rem;
}
body.mobile .act03-wrap .con03 .c3-con .c3-btn {
  width: 2.293333rem;
  height: 0.56rem;
  margin-top: 0.2rem;
}
body.mobile .act03-wrap .con03 .c3-con .c3-btn.c3-btn01 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c3-btn01_m.png);
}
body.mobile .act03-wrap .con03 .c3-con .c3-btn.c3-btn02 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c3-btn02_m.png);
  margin-left: 0.546667rem;
}
body.mobile .act03-wrap .con04 {
  height: 26.146667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-bg_m.jpg);
  margin-top: -1px;
}
body.mobile .act03-wrap .con04 .main-title {
  margin: 0.213333rem 0 0.16rem;
  width: 7.946667rem;
}
body.mobile .act03-wrap .con04 .c4-list01 .c4-item img {
  width: 4.626667rem;
}
body.mobile .act03-wrap .con04 .c4-list01 .c4-item .btn {
  width: 2.893333rem;
  height: 0.746667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-btn01_m.png);
  bottom: 0.533333rem;
}
body.mobile .act03-wrap .con04 .c4-list02 {
  margin: 0 -0.026667rem;
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item {
  padding: 0.013333rem 0.146667rem 0.146667rem;
  margin: 0.08rem 0 0;
  width: 4.706667rem;
  height: 3.8rem;
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item h4 {
  font-size: 0.186667rem;
  margin-top: 0;
  padding-top: 2.906667rem;
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item.c4-item01 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-img-b01_m.png);
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item.c4-item01 h4 {
  letter-spacing: -0.01rem;
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item.c4-item02 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-img-b02_m.png);
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item.c4-item03 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-img-b03_m.png);
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item.c4-item04 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-img-b04_m.png);
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item .c4-item-block {
  margin-top: 0.133333rem;
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item span {
  font-size: 0.293333rem;
  line-height: 0.413333rem;
  color: #F22509;
}
body.mobile .act03-wrap .con04 .c4-list02 .c4-item .btn {
  width: 1.52rem;
  height: 0.413333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c4-btn02_m.png);
}
body.mobile .act03-wrap .con04 .c4-img {
  margin: 0.28rem 0 0.226667rem;
}
body.mobile .act03-wrap .con04 .c4-img img {
  width: 9.426667rem;
}
body.mobile .act03-wrap .con05 {
  height: 10.586667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c5-bg_m.png);
}
body.mobile .act03-wrap .con05 .c5-btn {
  width: 2.306667rem;
  bottom: 0.526667rem;
}
body.mobile .act03-wrap .con05 .c5-btn img {
  width: 100%;
}
body.mobile .act03-wrap .con06 {
  height: 18.106667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c6-bg01_m.png), url(https://assets-cdn.lanqb.com/guru/activity/activity03/c6-bg02_m.png);
  background-position: center 0, center 99.9%;
  background-size: 100% auto,100% auto;
}
body.mobile .act03-wrap .con06 .c6-btn {
  width: 2.306667rem;
  bottom: 0.706667rem;
}
body.mobile .act03-wrap .con06 .c6-btn img {
  width: 100%;
}
body.mobile .act03-wrap .con07 {
  height: 2.6rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c7-bg_m.jpg);
  margin-top: -2px;
  padding-top: 1px;
}
body.mobile .act03-wrap .con07 .c7-btn {
  width: 3.933333rem;
  height: 2.426667rem;
  margin-top: 0.066667rem;
  margin-left: 0.72rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity03/c7-bg02_m.png);
  background-size: 100% 100%;
}
body.mobile .act03-wrap .popup-myPrize,
body.mobile .act03-wrap .popup-prize {
  width: 7.333333rem;
  padding: 0.133333rem;
}
body.mobile .act03-wrap .popup-myPrize .popup-close,
body.mobile .act03-wrap .popup-prize .popup-close {
  top: 0;
  right: -0.6rem;
}
body.mobile .act03-wrap .popup-myPrize .popup-close i,
body.mobile .act03-wrap .popup-prize .popup-close i {
  font-size: 0.4rem;
}
body.mobile .act03-wrap .popup-myPrize .popup-con,
body.mobile .act03-wrap .popup-prize .popup-con {
  border: 0.026667rem dashed rgba(254, 255, 159, 0.3);
  padding: 0.373333rem 0;
}
body.mobile .act03-wrap .popup-myPrize .popup-h2-01,
body.mobile .act03-wrap .popup-prize .popup-h2-01 {
  height: 0.626667rem;
}
body.mobile .act03-wrap .popup-myPrize .btn img,
body.mobile .act03-wrap .popup-prize .btn img {
  width: 1.906667rem;
}
body.mobile .act03-wrap .popup-myPrize .default p {
  font-size: 0.293333rem;
  margin: 0.44rem 0 0.293333rem;
}
body.mobile .act03-wrap .popup-myPrize .prizeList {
  margin: 0.44rem auto 0;
}
body.mobile .act03-wrap .popup-myPrize .prizeList .prizeItem {
  width: 4.466667rem;
  height: 1rem;
}
body.mobile .act03-wrap .popup-myPrize .prizeList .prizeItem + .prizeItem {
  margin-top: 0.186667rem;
}
body.mobile .act03-wrap .popup-myPrize .prizeList .prizeItem p {
  font-size: 0.293333rem;
  line-height: 1rem;
  margin-left: 0.08rem;
}
body.mobile .act03-wrap .popup-myPrize .btn {
  margin-top: 0.466667rem;
}
body.mobile .act03-wrap .popup-prize p {
  font-size: 0.4rem;
  margin: 0.666667rem 0;
}
body.mobile .act03-wrap .popup-card {
  width: 10rem;
  height: 17.786667rem;
  padding-top: 7.946667rem;
}
body.mobile .act03-wrap .popup-card .popup-close {
  right: 0.4rem;
  top: 0.4rem;
}
body.mobile .act03-wrap .popup-card .popup-close i {
  font-size: 0.533333rem;
}
body.mobile .act03-wrap .popup-card .name {
  font-size: 0.4rem;
  width: 7rem;
}
body.mobile .act03-wrap .popup-card .flag {
  font-size: 0.64rem;
  width: 7rem;
  height: 5.5rem;
}
body.mobile .act03-wrap .popup-card .share-block {
  bottom: 1.92rem;
}
body.mobile .act03-wrap .popup-card .share-block .btn img {
  width: 4.773333rem;
}
body.mobile .act03-wrap .popup-card .share-block p {
  font-size: 0.333333rem;
  margin-top: 0.373333rem;
}
@-webkit-keyframes animation-hand {
  0%,
  100% {
    top: 33.3%;
  }
  50% {
    top: 33.5%;
  }
}
@keyframes animation-hand {
  0%,
  100% {
    top: 33.3%;
  }
  50% {
    top: 33.5%;
  }
}
@-webkit-keyframes animation-load {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
@keyframes animation-load {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
.activity04-test {
  height: 100%;
}
.activity04-test .bg {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.activity04-test .pc-lead {
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/pc-hide-bg.png");
}
.activity04-test .pc-lead img {
  width: 934px /* 934/75 */;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
}
.activity04-test #swiper-container-v {
  position: relative;
  width: 100%;
  height: 100%;
}
.activity04-test #swiper-container-v p {
  text-align: center;
}
.activity04-test #swiper-container-v .swiper-slide {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.activity04-test #swiper-container-v .swiper-slide .slide-con {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-con {
  width: 8.52rem;
  height: 9.813333rem;
  /* top: 23.09%; */
  top: 23.09%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-con img {
  position: absolute;
  z-index: 1;
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-con img.con-img {
  width: 8.12rem;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-con .con-rotate {
  position: absolute;
  width: 96%;
  height: 96%;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  border-radius: 9px;
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-con .con-rotate > img {
  position: absolute;
  width: 150%;
  /* height: 200%;*/
  -webkit-animation-name: center-rotate;
  animation-name: center-rotate;
  top: 50%;
  left: 50%;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-ft {
  position: absolute;
  top: 79.01049475%;
  left: 0;
  right: 0;
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-ft input {
  border: none;
  width: 6.106667rem;
  height: 1.066667rem;
  margin: 0 auto;
  text-align: center;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: contain;
  background-color: transparent;
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-ft input:focus + img.placeholder {
  display: none;
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-ft > img.placeholder {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 0.266667rem;
  width: 2.4rem;
  pointer-events: none;
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-ft > .start {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 1.3rem;
  width: 4.96rem;
  height: 1.306667rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/c0-btn.png");
}
.activity04-test #swiper-container-v .swiper-slide-1 .slide-ft > .start:active {
  width: 5.5rem;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/c0-btn-active.png");
}
.activity04-test #swiper-container-v .swiper-slide0 .content-wrapper .animate-fish {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom: 53%;
  width: 2.7rem;
}
.activity04-test #swiper-container-v .swiper-slide0 .content-wrapper .animate-progressbarbg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 46%;
  width: 5.6rem;
  height: 0.626667rem;
  padding: 4px;
  border-radius: 0.293333rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/load-conta.png");
}
.activity04-test #swiper-container-v .swiper-slide0 .content-wrapper .animate-progressbarbg .animate-progressbar-img {
  position: absolute;
  width: 5.6rem;
  height: 0.6rem;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  top: 50%;
  left: -90%;
  -webkit-transition: left 1.5s ease-in;
  transition: left 1.5s ease-in;
}
.activity04-test #swiper-container-v .swiper-slide0 .content-wrapper .load-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 51%;
  width: 4.04rem;
}
.activity04-test #swiper-container-v .swiper-slide .test .test-con5 {
  width: 72.8%;
  position: absolute;
  bottom: 46.1%;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.activity04-test #swiper-container-v .swiper-slide .test .chooses {
  position: absolute;
  left: 1.266667rem;
  top: 56.97%;
  width: 3.36rem;
}
.activity04-test #swiper-container-v .swiper-slide .test .chooses div {
  height: 1.266667rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.activity04-test #swiper-container-v .swiper-slide .test .chooses .chooseB {
  margin-top: 0.52rem;
}
.activity04-test #swiper-container-v .swiper-slide .test .switch {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 83.88%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 7.733333rem;
}
.activity04-test #swiper-container-v .swiper-slide .test .switch > div {
  position: relative;
  width: 2.88rem;
  height: 1.306667rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.activity04-test #swiper-container-v .swiper-slide .test .switch > div:after {
  content: '';
  position: absolute;
  width: 2.933333rem;
  height: 1.36rem;
  z-index: -1;
  left: 0.08rem;
  top: 0.106667rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/shadow.png");
}
.activity04-test #swiper-container-v .swiper-slide .test .switch > div:active {
  left: 0.08rem;
  top: 0.106667rem;
}
.activity04-test #swiper-container-v .swiper-slide .test .switch > div:active:after {
  left: 0;
  top: 0;
}
.activity04-test #swiper-container-v .swiper-slide .test .switch .pre {
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/pre-btn.png");
}
.activity04-test #swiper-container-v .swiper-slide14 {
  overflow-y: scroll;
}
.activity04-test .answer {
  position: relative;
  padding: 0.36rem 0.36rem 1.413333rem 0.346667rem;
  -webkit-transform: scale(1);
          transform: scale(1);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/answer-bg2.jpg");
}
.activity04-test .answer .answer-hd {
  margin: 0 auto;
}
.activity04-test .answer .answer-hd img {
  display: block;
  margin: 0 auto;
}
.activity04-test .answer .answer-hd .img-top {
  width: 4.96rem;
}
.activity04-test .answer .answer-hd .img-bottom {
  width: 7.6rem;
}
.activity04-test .answer .answer-hd3 .img-bottom {
  position: relative;
}
.activity04-test .answer .answer-hd h3 {
  text-align: center;
  font-size: 0.426667rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.58rem;
}
.activity04-test .answer .answer-bd .answer-bd-content img {
  width: 8.893333rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.3rem;
}
.activity04-test .answer .answer-bd .answer-bd-content3 img {
  margin-top: -1.1rem;
}
.activity04-test .answer .answer-bd .switch {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 7.733333rem;
}
.activity04-test .answer .answer-bd .switch > div {
  position: relative;
  width: 2.88rem;
  height: 1.306667rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.activity04-test .answer .answer-bd .switch > div:after {
  content: '';
  position: absolute;
  width: 2.933333rem;
  height: 1.36rem;
  z-index: -1;
  left: 0.08rem;
  top: 0.106667rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/shadow.png");
}
.activity04-test .answer .answer-bd .switch > div:active {
  left: 0.08rem;
  top: 0.106667rem;
}
.activity04-test .answer .answer-bd .switch > div:active:after {
  left: 0;
  top: 0;
}
.activity04-test .answer .answer-bd .switch .pre {
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/source.png");
  background-size: 2.88rem 1.306667rem;
}
.activity04-test .answer .answer-bd .switch .next {
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/share.png");
  background-size: 2.88rem 1.306667rem;
}
.activity04-test .answer .answer-bd .hands {
  position: absolute;
  left: 4.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 2.613333rem;
  -webkit-animation: animation-hand 0.6s infinite linear;
          animation: animation-hand 0.6s infinite linear;
}
.activity04-test .answer .answer-bd .hands > div {
  position: relative;
  width: 0.493333rem;
  height: 0.586667rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity04/arrow.png");
}
.activity04-test .answer .answer-ft {
  margin-top: 2.053333rem;
}
.activity04-test .answer .answer-ft .sec {
  width: 100%;
  margin-top: 0.713333rem;
}
.activity04-test .answer .answer-ft3 .sec {
  margin-top: 0.413333rem;
}
.activity04-test .answer .answer-ft .join {
  display: block;
  width: 7.96rem;
  margin: 0 auto;
  margin-top: 0.306667rem;
}
html.fixed {
  overflow: hidden;
}
.act08-wrap .href {
  position: absolute;
  top: -200px;
}
.act08-wrap .con-main {
  background-size: 100% 100%;
}
.act08-wrap .c3-subtitle {
  float: left;
  height: 62px;
}
.act08-wrap .main-btn {
  width: 239px;
  height: 66px;
  line-height: 60px;
  font-size: 30px;
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn04-01.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.act08-wrap .main-btn:hover {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn04-02.png);
}
.act08-wrap .main-btn02 {
  color: #FFFFFF;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn03-01.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.act08-wrap .main-btn02:hover {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn03-02.png);
}
.act08-wrap .main-list {
  margin: 0 -3px;
}
.act08-wrap .main-item {
  display: inline-block;
  padding: 10px 10px 20px 10px;
  margin: 10px 3px 0;
  background-color: #FFFFFF;
  width: 389px;
  float: left;
  position: relative;
}
.act08-wrap .main-item .c3-tips01 {
  position: absolute;
  left: -5px;
  top: -3px;
  width: 190px;
}
.act08-wrap .main-item .item-img {
  width: 100%;
  vertical-align: top;
}
.act08-wrap .main-item h3 {
  font-size: 18px;
  color: #000000;
  margin-top: 10px;
  line-height: 1;
  text-align: left;
}
.act08-wrap .main-item .item-block {
  margin-top: 15px;
  padding-top: 23px;
  border-top: 1px solid #DCDCDC;
}
.act08-wrap .main-item p {
  font-size: 18px;
  line-height: 27px;
  color: #ED2836;
}
.act08-wrap .main-item p .now_price {
  font-size: 20px;
  color: #D92B38;
  font-weight: bold;
}
.act08-wrap .main-item p .price {
  font-size: 16px;
  color: #7A7A7A;
  text-decoration: line-through;
  margin-left: 5px;
}
.act08-wrap .main-item .btn {
  padding: 4px 14px;
  line-height: 1;
  font-size: 20px;
  color: #FFFFFF;
  background-color: #ED2836;
  border-radius: 100px;
}
.act08-wrap .main-item .btn:hover {
  background-color: #EB555F;
}
.act08-wrap .menu {
  background-color: #242E68;
  top: 736px;
  height: 130px;
  padding: 3px 0;
}
.act08-wrap .menu li {
  width: 25%;
  line-height: 124px;
}
.act08-wrap .menu li a {
  color: #FFFFFF;
  font-size: 36px;
}
.act08-wrap .menu li:hover,
.act08-wrap .menu li.active {
  background-color: #EE2D51;
}
.act08-wrap .con01 {
  height: 736px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c1-bg.jpg);
  background-size: cover;
}
.act08-wrap .con02 {
  height: 897px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c2-bg.jpg);
  padding-top: 212px;
  text-align: center;
}
.act08-wrap .con02 .c2-title {
  width: 570px;
}
.act08-wrap .con02 .c2-con {
  margin-top: 30px;
}
.act08-wrap .con02 .c2-con .item {
  width: 566px;
  height: 245px;
  background-size: 100% 100%;
}
.act08-wrap .con02 .c2-con .item .btn {
  width: 141px;
  height: 146px;
  background-size: 100% 100%;
  font-size: 26px;
  text-shadow: 0px 1px 4px rgba(177, 23, 14, 0.91);
  font-weight: bold;
  color: #FFFFFF;
  background-repeat: no-repeat;
  padding: 37px 33px 0;
  float: right;
  margin-top: 36px;
  margin-right: 61px;
  white-space: initial;
}
.act08-wrap .con02 .c2-con .item01 {
  background-image: url('https://assets-cdn.lanqb.com/guru/activity/activity08/c2-img01.png');
}
.act08-wrap .con02 .c2-con .item01 .btn {
  background-image: url('https://assets-cdn.lanqb.com/guru/activity/activity08/btn01-01.png');
}
.act08-wrap .con02 .c2-con .item01 .btn:hover {
  background-image: url('https://assets-cdn.lanqb.com/guru/activity/activity08/btn01-02.png');
}
.act08-wrap .con02 .c2-con .item02 {
  background-image: url('https://assets-cdn.lanqb.com/guru/activity/activity08/c2-img02.png');
}
.act08-wrap .con02 .c2-con .item02 .btn {
  background-image: url('https://assets-cdn.lanqb.com/guru/activity/activity08/btn02-01.png');
}
.act08-wrap .con02 .c2-con .item02 .btn:hover {
  background-image: url('https://assets-cdn.lanqb.com/guru/activity/activity08/btn02-02.png');
}
.act08-wrap .con02 .c2-con .item + .item .btn {
  margin-top: 45px;
  margin-right: 95px;
}
.act08-wrap .con03 {
  height: 4009px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c3-bg.png);
  padding-top: 93px;
  text-align: center;
  margin-top: -160px;
  position: relative;
  z-index: 1;
}
.act08-wrap .con03 .c3-title {
  width: 698px;
}
.act08-wrap .con03 .c3-subtitle {
  margin-top: 9px;
}
.act08-wrap .con03 .main-btn {
  margin-top: 40px;
}
.act08-wrap .con03 .c3-con01 .c3-subtitle {
  margin-bottom: 40px;
}
.act08-wrap .con03 .c3-con02 {
  margin-top: 157px;
}
.act08-wrap .con03 .c3-con02 .c3-subtitle {
  margin-top: -85px;
}
.act08-wrap .con03 .c3-con02 .main-list {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c3-subbg.png);
  background-size: cover;
  height: 573px;
  text-align: center;
  padding-top: 52px;
}
.act08-wrap .con03 .c3-con02 .main-list .c3-item {
  display: inline-block;
  position: relative;
  padding: 20px;
  margin: 0 15px;
  background-color: #FFFFFF;
  width: 379px;
  float: initial;
}
.act08-wrap .con03 .c3-con02 .main-list .c3-item .item-img {
  width: 100%;
}
.act08-wrap .con03 .c3-con02 .main-list .c3-item h3 {
  font-size: 20px;
  margin-top: 16px;
}
.act08-wrap .con03 .c3-con02 .main-list .c3-item .item-block {
  margin-top: 12px;
}
.act08-wrap .con03 .c3-con03 {
  margin-top: 64px;
  position: relative;
}
.act08-wrap .con03 .c3-con03 .c3-tips02 {
  width: 428px;
  position: absolute;
  top: -8px;
  left: -5px;
  z-index: 0;
}
.act08-wrap .con03 .c3-con03 .c3-c3-title {
  width: 424px;
  margin-top: 62px;
}
.act08-wrap .con03 .c3-con03 .main-list {
  text-align: center;
  margin-top: 14px;
}
.act08-wrap .con03 .c3-con03 .main-list .c3-item {
  display: inline-block;
  background-color: transparent;
  padding: 0;
}
.act08-wrap .con03 .c3-con03 .main-list .c3-item01,
.act08-wrap .con03 .c3-con03 .main-list .c3-item02,
.act08-wrap .con03 .c3-con03 .main-list .c3-item03 {
  width: 403px;
  margin: 0 0 0 -12px;
}
.act08-wrap .con03 .c3-con03 .main-list .c3-item04,
.act08-wrap .con03 .c3-con03 .main-list .c3-item05 {
  width: 598px;
  margin: -8px 0 0 -10px;
}
.act08-wrap .con03 .c3-con03 .main-list .c3-item01,
.act08-wrap .con03 .c3-con03 .main-list .c3-item04 {
  margin-left: 0;
}
.act08-wrap .con03 .c3-con03 .main-list .c3-item:hover {
  transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
}
.act08-wrap .con03 .c3-con03 .main-list .c3-item06 {
  display: inline-block;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c3-img20.png?v=1);
  background-size: 100% 100%;
  width: 100%;
  height: 225px;
  position: relative;
}
.act08-wrap .con03 .c3-con03 .main-list .c3-item06 .c3-item06-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.act08-wrap .con03 .c3-con03 .main-list .c3-item06 .btn {
  width: 186px;
  height: 53px;
  line-height: 48px;
  font-size: 30px;
  float: right;
  margin: 130px 166px 0 0;
  position: relative;
  z-index: 1;
}
.act08-wrap .con04 {
  height: 1559px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c4-bg.jpg);
  padding-top: 146px;
  text-align: center;
  margin-top: -164px;
}
.act08-wrap .con04 .c4-title {
  width: 743px;
}
.act08-wrap .con04 .main-list {
  margin-top: 35px;
}
.act08-wrap .con04 .c4-item {
  background-color: #FFCDD3;
}
.act08-wrap .con04 .c4-item .item-block {
  border-color: #FFFFFF;
}
.act08-wrap .con05 {
  height: 1905px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c5-bg.png);
  padding-top: 202px;
  text-align: center;
  margin-top: -215px;
  position: relative;
  z-index: 1;
}
.act08-wrap .con05 .c5-title {
  width: 856px;
}
.act08-wrap .con05 .subTitle {
  margin-top: 3px;
  background-color: #FFFFFF;
  width: 517px;
  padding: 17px 0 14px;
  display: inline-block;
  position: relative;
}
.act08-wrap .con05 .subTitle .tips {
  display: block;
  font-size: 24px;
  color: #242e68;
  font-weight: bold;
}
.act08-wrap .con05 .subTitle .btn {
  width: 173px;
  height: 45px;
  line-height: 42px;
  font-size: 24px;
  margin-top: 10px;
}
.act08-wrap .con05 .subTitle p {
  font-size: 18px;
  color: #242E68;
  margin-top: 12px;
}
.act08-wrap .con05 .subTitle .c5-icon01 {
  position: absolute;
  width: 57px;
  top: 80px;
  right: 61px;
}
.act08-wrap .con05 .c5-list {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c5-subbg.png);
  background-size: 100% 100%;
  padding: 69px 100px 101px;
  margin-top: 20px;
}
.act08-wrap .con05 .c5-item {
  display: inline-block;
  cursor: pointer;
}
.act08-wrap .con05 .c5-item.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.act08-wrap .con05 .c5-item img {
  vertical-align: top;
  width: 272px;
}
.act08-wrap .con05 .btn {
  margin-top: 31px;
}
.act08-wrap .act08-sidebar {
  width: 186px;
  height: 225px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/side.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: fixed;
  right: 28px;
  top: 220px;
  z-index: 1;
  cursor: pointer;
  display: none;
}
.act08-wrap .act08-sidebar .btn {
  display: block;
  width: 127px;
  height: 34px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FDE5B8), to(#FCC47B));
  background: linear-gradient(180deg, #FDE5B8, #FCC47B);
  -webkit-box-shadow: 0px 13px 38px 0px rgba(159, 11, 0, 0.46), 0px -4px 16px 0px rgba(255, 228, 201, 0.31);
          box-shadow: 0px 13px 38px 0px rgba(159, 11, 0, 0.46), 0px -4px 16px 0px rgba(255, 228, 201, 0.31);
  border-radius: 11px;
  font-size: 18px;
  font-weight: bold;
  color: #CD312C;
  line-height: 34px;
  margin: 163px 0 0 35px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
}
.act08-wrap .act08-sidebar.show {
  display: block;
}
.act08-wrap .act08-sidebar:hover .btn {
  background: -webkit-gradient(linear, left top, left bottom, from(#FDE5B8), to(#FDE5B8));
  background: linear-gradient(180deg, #FDE5B8, #FDE5B8);
}
.act08-wrap .social-share {
  position: fixed;
  height: auto;
  width: 517px;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  z-index: 16;
}
.act08-wrap .social-share .share-box {
  opacity: 1;
  visibility: initial;
  width: auto;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}
.act08-wrap .social-share .share-box .box-l {
  float: initial;
}
.act08-wrap .popup-mask {
  opacity: 1;
  visibility: initial;
}
.act08-wrap .primary-popup {
  display: block;
  width: 609px;
  position: relative;
  background-color: transparent;
}
.act08-wrap .primary-popup .popup-close {
  right: -52px;
  top: -52px;
}
.act08-wrap .primary-popup .popup-close .iconfont {
  font-size: 42px;
  color: #FFFFFF;
}
.act08-wrap .primary-popup .popup-con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  width: 100%;
}
.act08-wrap .primary-popup .closeBtn {
  height: 72px;
  line-height: 68px;
  font-size: 34px;
  font-weight: 500;
  color: #FFFFFF;
  text-shadow: 0px 2px 0px rgba(177, 23, 14, 0.74);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.act08-wrap .primary-popup-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  background-size: 100% 100%;
}
.act08-wrap .popup-prize {
  height: 579px;
}
.act08-wrap .popup-prize .primary-popup-inner {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/popup-bg01.png);
}
.act08-wrap .popup-prize .prize00 {
  margin-bottom: 100px;
}
.act08-wrap .popup-prize .prize01,
.act08-wrap .popup-prize .prize02 {
  margin-bottom: 18px;
}
.act08-wrap .popup-prize p {
  font-size: 40px;
  color: #242E68;
  line-height: 1.2;
}
.act08-wrap .popup-prize .closeBtn {
  width: 254px;
}
.act08-wrap .popup-prize .closeBtn01 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn05-01.png);
  margin-top: 53px;
}
.act08-wrap .popup-prize .closeBtn01:hover {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn05-02.png);
}
.act08-wrap .popup-prize .closeBtn02 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn03-01.png);
}
.act08-wrap .popup-prize .closeBtn02:hover {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn03-02.png);
}
.act08-wrap .popup-prize span {
  display: block;
  font-size: 26px;
  color: #242E68;
  margin-top: 20px;
}
.act08-wrap .popup-myPrize {
  height: 554px;
}
.act08-wrap .popup-myPrize .primary-popup-inner {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/popup-bg02.png);
}
.act08-wrap .popup-myPrize .popup-con {
  padding: 70px 68px 0;
}
.act08-wrap .popup-myPrize p {
  font-size: 40px;
  color: #242E68;
}
.act08-wrap .popup-myPrize .closeBtn {
  width: 202px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn06-01.png);
  margin-top: 88px;
}
.act08-wrap .popup-myPrize .closeBtn:hover {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/btn06-02.png);
}
.act08-wrap .popup-myPrize .prizeList {
  padding-top: 20px;
}
.act08-wrap .popup-myPrize .prizeList .item + .item {
  margin-top: 33px;
}
.act08-wrap .popup-myPrize .prizeList .item .name {
  font-size: 32px;
  color: #242E68;
  line-height: 51px;
}
.act08-wrap .popup-myPrize .prizeList .item .tips {
  padding: 0 20px;
  text-align: center;
  font-size: 30px;
  line-height: 51px;
}
.act08-wrap .popup-myPrize .prizeList .item .tips.btn {
  height: 51px;
  background-color: #F5394F;
  color: #ffffff;
}
.act08-wrap .popup-myPrize .prizeList .item .tips.text {
  color: #FF4157;
}
body.mobile .act08-wrap .href {
  top: -2.933333rem;
}
body.mobile .act08-wrap .main-btn {
  width: 3.186667rem;
  height: 0.88rem;
  line-height: 0.75rem;
  font-size: 0.4rem;
}
body.mobile .act08-wrap .main-list {
  margin: 0 -0.04rem;
}
body.mobile .act08-wrap .main-item {
  padding: 0.12rem;
  margin: 0.1rem 0.04rem 0;
  width: 4.733333rem;
}
body.mobile .act08-wrap .main-item .c3-tips01 {
  left: -0.066667rem;
  top: -0.04rem;
  width: 2.8rem;
}
body.mobile .act08-wrap .main-item h3 {
  font-size: 0.266667rem;
  margin-top: 0.12rem;
}
body.mobile .act08-wrap .main-item .item-block {
  margin-top: 0.12rem;
  padding-top: 0.12rem;
}
body.mobile .act08-wrap .main-item p {
  font-size: 0.213333rem;
  line-height: 0.506667rem;
}
body.mobile .act08-wrap .main-item p .now_price {
  font-size: 0.32rem;
}
body.mobile .act08-wrap .main-item p .price {
  font-size: 0.213333rem;
  margin-left: 0.066667rem;
}
body.mobile .act08-wrap .main-item .btn {
  padding: 0 0.213333rem;
  font-size: 0.293333rem;
  height: 0.506667rem;
  line-height: 0.506667rem;
}
body.mobile .act08-wrap .menu {
  top: 15.32rem;
  height: 1.2rem;
  padding: 0;
  position: absolute;
}
body.mobile .act08-wrap .menu.fixed {
  position: fixed;
  top: 1.133333rem;
}
body.mobile .act08-wrap .menu li {
  line-height: 1.2rem;
  padding: 0;
}
body.mobile .act08-wrap .menu li a {
  font-size: 0.32rem;
}
body.mobile .act08-wrap .menu li:hover {
  background-color: #242E68;
}
body.mobile .act08-wrap .menu li.active {
  background-color: #EE2D51;
}
body.mobile .act08-wrap .con01 {
  height: 15.32rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c1-bg_m.jpg);
}
body.mobile .act08-wrap .con02 {
  height: 6.946667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c2-bg_m.png);
  padding: 0.453333rem 1.173333rem 0;
}
body.mobile .act08-wrap .con02 .c2-title {
  width: 5.293333rem;
  margin: 0 auto;
}
body.mobile .act08-wrap .con02 .c2-con {
  margin-top: 0.186667rem;
}
body.mobile .act08-wrap .con02 .c2-con .item {
  width: 3.6rem;
  height: 3.64rem;
}
body.mobile .act08-wrap .con02 .c2-con .item .btn {
  width: 1.52rem;
  height: 1.573333rem;
  font-size: 0.293333rem;
  padding: 0.386667rem 0.4rem;
  margin-top: 2.573333rem;
  margin-right: 1.013333rem;
}
body.mobile .act08-wrap .con02 .c2-con .item01 {
  background-image: url('https://assets-cdn.lanqb.com/guru/activity/activity08/c2-img01_m.png');
}
body.mobile .act08-wrap .con02 .c2-con .item02 {
  background-image: url('https://assets-cdn.lanqb.com/guru/activity/activity08/c2-img02_m.png');
}
body.mobile .act08-wrap .con02 .c2-con .item + .item .btn {
  margin-top: 2.573333rem;
  margin-right: 1.013333rem;
}
body.mobile .act08-wrap .con03 {
  height: 70.04rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c3-bg_m.png);
  padding: 0.88rem 0.2rem 0;
  margin-top: -0.88rem;
}
body.mobile .act08-wrap .con03 .c3-title {
  width: 6.693333rem;
  margin: 0 auto;
}
body.mobile .act08-wrap .con03 .main-btn {
  margin-top: 0.506667rem;
}
body.mobile .act08-wrap .con03 .c3-con01 .c3-subtitle {
  margin-bottom: 0.213333rem;
  margin-top: 0.053333rem;
  height: 1.72rem;
}
body.mobile .act08-wrap .con03 .c3-con02 {
  margin-top: 1.84rem;
}
body.mobile .act08-wrap .con03 .c3-con02 .c3-subtitle {
  margin-top: -1.426667rem;
  height: 1.266667rem;
}
body.mobile .act08-wrap .con03 .c3-con02 .main-list {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c3-subbg_m.png);
  height: 6.346667rem;
  padding-top: 0.3rem;
  padding-left: 0.09rem;
}
body.mobile .act08-wrap .con03 .c3-con02 .main-list .c3-item {
  padding: 0.18rem;
  margin: 0 0.1rem;
  width: 4.58rem;
}
body.mobile .act08-wrap .con03 .c3-con02 .main-list .c3-item h3 {
  font-size: 0.266667rem;
  margin-top: 0.1rem;
}
body.mobile .act08-wrap .con03 .c3-con02 .main-list .c3-item .item-block {
  margin-top: 0.1rem;
  padding-top: 0.1rem;
}
body.mobile .act08-wrap .con03 .c3-con03 {
  margin-top: 0.4rem;
}
body.mobile .act08-wrap .con03 .c3-con03 .c3-tips02 {
  width: 3.6rem;
  top: 1.146667rem;
  left: -0.8rem;
}
body.mobile .act08-wrap .con03 .c3-con03 .c3-subtitle {
  height: 1.24rem;
}
body.mobile .act08-wrap .con03 .c3-con03 .c3-c3-title {
  width: 4.64rem;
  margin-top: 0.52rem;
}
body.mobile .act08-wrap .con03 .c3-con03 .main-list {
  margin-top: 0.24rem;
}
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item01,
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item02 {
  width: 4.88rem;
  margin: -0.09rem 0 0 -0.09rem;
}
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item03,
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item04,
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item05 {
  width: 100%;
  margin: -0.09rem 0 0 0;
}
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item01,
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item04 {
  margin-left: 0;
  margin: -0.09rem 0 0 0;
}
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item:hover {
  transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
}
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item06 {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c3-img20_m.png?v=1);
  height: 3.613333rem;
}
body.mobile .act08-wrap .con03 .c3-con03 .main-list .c3-item06 .btn {
  width: 2.253333rem;
  height: 0.64rem;
  line-height: 0.6rem;
  font-size: 0.373333rem;
  margin: 2.373333rem 0.586667rem 0 0;
}
body.mobile .act08-wrap .con04 {
  height: 23.48rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c4-bg_m.jpg);
  padding: 1.5rem 0.186667rem 0;
  margin-top: -0.933333rem;
}
body.mobile .act08-wrap .con04 .c4-title {
  width: 7.653333rem;
  margin: 0 auto;
}
body.mobile .act08-wrap .con04 .main-list {
  margin-top: 0.266667rem;
}
body.mobile .act08-wrap .con05 {
  height: 19.333333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c5-bg_m.png);
  padding: 1.64rem 0.186667rem 0;
  margin-top: -2rem;
}
body.mobile .act08-wrap .con05 .c5-title {
  width: 8.893333rem;
  margin: 0 auto;
}
body.mobile .act08-wrap .con05 .subTitle {
  margin-top: 0.106667rem;
  width: 6.893333rem;
  padding: 0.226667rem 0 0.186667rem;
}
body.mobile .act08-wrap .con05 .subTitle .tips {
  font-size: 0.346667rem;
}
body.mobile .act08-wrap .con05 .subTitle .btn {
  width: 2.306667rem;
  height: 0.6rem;
  line-height: 0.573333rem;
  font-size: 0.32rem;
  margin-top: 0.133333rem;
}
body.mobile .act08-wrap .con05 .subTitle p {
  font-size: 0.24rem;
  margin-top: 0.16rem;
}
body.mobile .act08-wrap .con05 .subTitle .c5-icon01 {
  width: 0.76rem;
  top: 1.066667rem;
  right: 0.813333rem;
}
body.mobile .act08-wrap .con05 .c5-list {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/c5-subbg_m.png);
  padding: 0.68rem 0.24rem;
  margin-top: 0.15rem;
}
body.mobile .act08-wrap .con05 .c5-item {
  margin-left: 0.1rem;
  margin-top: -0.1rem;
}
body.mobile .act08-wrap .con05 .c5-item img {
  width: 2.88rem;
}
body.mobile .act08-wrap .con05 .btn {
  margin-top: 0.226667rem;
}
body.mobile .act08-wrap .act08-sidebar {
  width: 2.173333rem;
  height: 2.706667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity08/side_m.png);
  right: 0.146667rem;
  top: 2.666667rem;
}
body.mobile .act08-wrap .act08-sidebar .btn {
  display: none;
}
body.mobile .act08-wrap .social-share {
  width: 100%;
  bottom: 0;
  top: auto;
  transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  left: 0;
}
body.mobile .act08-wrap .social-share .share-box {
  border: none;
}
body.mobile .act08-wrap .social-share .share-box .share-box-con {
  position: absolute;
  height: auto;
  border-radius: 0;
  padding: 0.6rem 0;
}
body.mobile .act08-wrap .primary-popup {
  width: 8.12rem;
}
body.mobile .act08-wrap .primary-popup .popup-close {
  right: -0.693333rem;
  top: -0.693333rem;
}
body.mobile .act08-wrap .primary-popup .popup-close .iconfont {
  font-size: 0.56rem;
}
body.mobile .act08-wrap .primary-popup .closeBtn {
  height: 0.96rem;
  line-height: 0.906667rem;
  font-size: 0.453333rem;
}
body.mobile .act08-wrap .popup-prize {
  height: 7.72rem;
}
body.mobile .act08-wrap .popup-prize .prize00 {
  margin-bottom: 1.333333rem;
}
body.mobile .act08-wrap .popup-prize .prize01,
body.mobile .act08-wrap .popup-prize .prize02 {
  margin-bottom: 0.24rem;
}
body.mobile .act08-wrap .popup-prize p {
  font-size: 0.533333rem;
}
body.mobile .act08-wrap .popup-prize .closeBtn {
  width: 3.386667rem;
}
body.mobile .act08-wrap .popup-prize .closeBtn01 {
  margin-top: 0.706667rem;
}
body.mobile .act08-wrap .popup-prize span {
  font-size: 0.346667rem;
  margin-top: 0.266667rem;
}
body.mobile .act08-wrap .popup-myPrize {
  height: 7.386667rem;
}
body.mobile .act08-wrap .popup-myPrize .popup-con {
  padding: 0.933333rem 0.933333rem 0;
}
body.mobile .act08-wrap .popup-myPrize p {
  font-size: 0.533333rem;
}
body.mobile .act08-wrap .popup-myPrize .closeBtn {
  width: 2.693333rem;
  margin-top: 1.173333rem;
}
body.mobile .act08-wrap .popup-myPrize .prizeList {
  padding-top: 0.266667rem;
}
body.mobile .act08-wrap .popup-myPrize .prizeList .item + .item {
  margin-top: 0.44rem;
}
body.mobile .act08-wrap .popup-myPrize .prizeList .item .name {
  font-size: 0.426667rem;
  line-height: 0.68rem;
}
body.mobile .act08-wrap .popup-myPrize .prizeList .item .tips {
  padding: 0 0.266667rem;
  font-size: 0.4rem;
  line-height: 0.68rem;
}
body.mobile .act08-wrap .popup-myPrize .prizeList .item .tips.btn {
  height: 0.68rem;
}
@media (min-width: 992px) {
  .act09-wrap .container {
    width: 994px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .container {
    width: 1180px;
  }
}
.act09-wrap .href {
  position: absolute;
  top: -200px;
}
.act09-wrap .con-main {
  background-size: 100% 100%;
  background-size: cover;
  text-align: center;
}
.act09-wrap .menu {
  background-color: #FF6000;
  top: 737px;
  height: 100px;
  padding: 3px 0;
}
@media (min-width: 768px) {
  .act09-wrap .menu {
    top: 471.68px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .menu {
    top: 611.71px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .menu {
    top: 737px;
  }
}
.act09-wrap .menu li {
  width: 33.3333%;
  line-height: 95px;
}
.act09-wrap .menu li a {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: bold;
}
.act09-wrap .menu li:hover,
.act09-wrap .menu li.active {
  background-color: #FFDB35;
}
.act09-wrap .menu li:hover a,
.act09-wrap .menu li.active a {
  color: #000000;
}
.act09-wrap .main-btn {
  width: 201px;
  height: 70px;
  line-height: 55px;
  font-size: 30px;
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/btn01.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 0;
}
.act09-wrap .main-btn:hover {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/btn02.png);
}
.act09-wrap .main-list {
  margin: 0 -3px;
}
.act09-wrap .main-item {
  display: inline-block;
  padding: 10px 10px 20px 10px;
  margin: 9px 3px 0;
  background-color: #FFFFFF;
  width: 389px;
  float: left;
  position: relative;
}
@media (min-width: 768px) {
  .act09-wrap .main-item {
    width: 371px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .main-item {
    width: 327px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .main-item {
    width: 389px;
  }
}
.act09-wrap .main-item .item-img {
  width: 100%;
  vertical-align: top;
}
.act09-wrap .main-item h3 {
  font-size: 18px;
  color: #000000;
  margin-top: 10px;
  line-height: 24px;
  text-align: left;
}
@media (min-width: 768px) {
  .act09-wrap .main-item h3 {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .main-item h3 {
    margin-top: 5px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .main-item h3 {
    margin-top: 10px;
  }
}
.act09-wrap .main-item .item-block {
  margin-top: 12px;
  padding-top: 20px;
  border-top: 1px solid #DCDCDC;
}
.act09-wrap .main-item p {
  font-size: 18px;
  line-height: 27px;
  color: #ED2836;
}
.act09-wrap .main-item p .now_price {
  font-size: 20px;
  color: #D92B38;
  font-weight: bold;
}
.act09-wrap .main-item p .price {
  font-size: 16px;
  color: #7A7A7A;
  text-decoration: line-through;
  margin-left: 5px;
}
.act09-wrap .main-item .btn {
  padding: 0 14px;
  height: 27px;
  line-height: 27px;
  font-size: 20px;
  color: #FFFFFF;
  background-color: #ED2836;
  border-radius: 100px;
}
.act09-wrap .main-item .btn:hover {
  background-color: #EB555F;
}
.act09-wrap .main-item .btn02 {
  background-color: #FF4800;
}
.act09-wrap .main-item .btn02:hover {
  background-color: #FF7E4B;
}
.act09-wrap .main-item .btn.disabled {
  background-color: #626262;
}
.act09-wrap .con01 {
  height: 740px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/c1-bg.jpg);
}
@media (min-width: 768px) {
  .act09-wrap .con01 {
    height: 473.6px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con01 {
    height: 614.2px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con01 {
    height: 740px;
  }
}
.act09-wrap .con02 {
  height: 1820px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/c2-bg.jpg);
  padding-top: 58px;
  margin-top: 90px;
}
@media (min-width: 768px) {
  .act09-wrap .con02 {
    height: 2450px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con02 {
    height: 1650px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con02 {
    height: 1820px;
  }
}
.act09-wrap .con02 .c2-h2 {
  width: 627px;
}
@media (min-width: 768px) {
  .act09-wrap .con02 .c2-h2 {
    width: 401.28px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con02 .c2-h2 {
    width: 520.41px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con02 .c2-h2 {
    width: 627px;
  }
}
.act09-wrap .con02 .c2-h3 {
  width: 777px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .act09-wrap .con02 .c2-h3 {
    width: 497.28px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con02 .c2-h3 {
    width: 644.91px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con02 .c2-h3 {
    width: 777px;
  }
}
.act09-wrap .con02 .c2-tips {
  position: absolute;
  left: 0;
  top: 0;
  width: 38px;
}
.act09-wrap .con02 .main-btn {
  margin-top: 45px;
}
.act09-wrap .con02 .c2-item:last-child p {
  color: #000000;
  font-size: 20px;
}
.act09-wrap .con03 {
  height: 1700px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/c3-bg.jpg);
  padding-top: 105px;
}
@media (min-width: 768px) {
  .act09-wrap .con03 {
    padding-top: 85px;
    height: 2450px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con03 {
    padding-top: 105px;
    height: 1500px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con03 {
    padding-top: 105px;
    height: 1700px;
  }
}
.act09-wrap .con03 .c3-h2 {
  width: 627px;
}
@media (min-width: 768px) {
  .act09-wrap .con03 .c3-h2 {
    width: 401.28px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con03 .c3-h2 {
    width: 520.41px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con03 .c3-h2 {
    width: 627px;
  }
}
.act09-wrap .con03 .main-item h3 {
  height: 68px;
  position: relative;
}
.act09-wrap .con03 .progress {
  font-size: 16px;
  color: #FF4800;
  line-height: 18px;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}
.act09-wrap .con03 .progress-bar {
  display: inline-block;
  vertical-align: top;
  width: 132px;
  height: 18px;
  border-radius: 100px;
  background-color: #fffadc;
  border: 1px solid #bf2800;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/c3-icon.png?v=1);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.act09-wrap .con03 .progress-bar.one {
  background-position: -88px 0;
}
.act09-wrap .con03 .progress-bar.two {
  background-position: -44px 0;
}
.act09-wrap .con03 .progress-bar.three {
  background-position: 0 0;
}
.act09-wrap .con04 {
  height: 1670px;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/c4-bg.jpg);
  padding-top: 130px;
}
@media (min-width: 768px) {
  .act09-wrap .con04 {
    padding-top: 100px;
    height: 2050px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con04 {
    padding-top: 100px;
    height: 1500px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con04 {
    padding-top: 130px;
    height: 1670px;
  }
}
.act09-wrap .con04 .c4-h2 {
  width: 665px;
}
@media (min-width: 768px) {
  .act09-wrap .con04 .c4-h2 {
    width: 425.6px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con04 .c4-h2 {
    width: 551.95px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con04 .c4-h2 {
    width: 665px;
  }
}
.act09-wrap .con04 .c4-h3 {
  width: 497px;
  margin-left: -66px;
}
@media (min-width: 768px) {
  .act09-wrap .con04 .c4-h3 {
    width: 318.08px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con04 .c4-h3 {
    width: 412.51px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con04 .c4-h3 {
    width: 497px;
  }
}
.act09-wrap .con04 .main-btn {
  margin-top: 36px;
}
.act09-wrap .con04 .time {
  border-radius: 10px;
  background-color: #000000;
  display: inline-block;
  padding: 0 0 5px 0;
  margin-top: 20px;
  min-width: 200px;
}
.act09-wrap .con04 .time .inner {
  padding: 4px 10px;
  width: 100%;
  height: 100%;
  background-color: #ff7800;
  border-radius: 10px;
  margin: -5px 0 0 -5px;
  white-space: nowrap;
}
.act09-wrap .con04 .time .inner p {
  font-size: 22px;
  color: #000000;
  font-weight: bold;
  height: 39px;
  line-height: 39px;
}
.act09-wrap .con04 .time .inner p span {
  width: 36px;
  height: 100%;
  display: inline-block;
  background-color: #FFFADC;
  border-radius: 5px;
  margin: 0 4px;
}
.act09-wrap .con04 .main-list {
  margin: 24px -8px 0;
}
.act09-wrap .con04 .main-item {
  margin: 20px 8px 0;
  width: 382px;
}
@media (min-width: 768px) {
  .act09-wrap .con04 .main-item {
    width: 366px;
  }
}
@media (min-width: 992px) {
  .act09-wrap .con04 .main-item {
    width: 320px;
  }
}
@media (min-width: 1200px) {
  .act09-wrap .con04 .main-item {
    width: 382px;
  }
}
.act09-wrap .con04 .main-item h3 {
  margin-top: 20px;
}
.act09-wrap .popup-mask {
  opacity: 1;
  visibility: initial;
}
.act09-wrap .primary-popup {
  display: block;
  width: 495px;
  height: 510px;
  background-color: transparent;
  background-size: 100% 100%;
}
.act09-wrap .primary-popup .popup-close {
  right: -52px;
  top: -52px;
}
.act09-wrap .primary-popup .popup-close .iconfont {
  font-size: 42px;
  color: #FFFFFF;
}
.act09-wrap .primary-popup .btn {
  padding: 15px 35px;
  border-radius: 100px;
  font-size: 28px;
  color: #ffffff;
  margin-top: 35px;
}
.act09-wrap .primary-popup .btn01 {
  background-color: #F9263F;
}
.act09-wrap .primary-popup .btn01:hover {
  background-color: #EB555F;
}
.act09-wrap .primary-popup .btn02 {
  background-color: #FF5A00;
  margin-right: 30px;
}
.act09-wrap .primary-popup .btn02:hover {
  background-color: #FF7E4B;
}
.act09-wrap .popup-bargain {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/popup-bg02.jpg);
  padding-top: 130px;
}
.act09-wrap .popup-bargain p {
  font-size: 24px;
  color: #1B1B1B;
  line-height: 30px;
}
.act09-wrap .popup-bargain .progress-text {
  font-size: 22px;
  color: #F9263F;
  margin-top: 15px;
}
.act09-wrap .popup-bargain .progress-img {
  position: relative;
  margin-top: 76px;
  display: inline-block;
}
.act09-wrap .popup-bargain .progress-img .popup-icon01 {
  width: 62px;
  position: absolute;
  top: -63px;
}
.act09-wrap .popup-bargain .progress-img .popup-icon02 {
  width: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: -12px;
  display: none;
}
.act09-wrap .popup-bargain .progress-img .popup-icon03 {
  width: 71px;
  position: absolute;
  top: -23px;
  right: -31px;
  display: none;
}
.act09-wrap .popup-bargain .progress-img .progress-bar {
  display: inline-block;
  vertical-align: top;
  width: 297px;
  height: 37px;
  border-radius: 100px;
  background-color: #fffadc;
  border: 2px solid #bf2800;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/popup-icon04.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.act09-wrap .popup-bargain .progress-img.one .popup-icon01 {
  left: 57px;
}
.act09-wrap .popup-bargain .progress-img.one .popup-icon02 {
  display: block;
}
.act09-wrap .popup-bargain .progress-img.one .progress-bar {
  background-position: -198px 0;
}
.act09-wrap .popup-bargain .progress-img.two .popup-icon01 {
  left: 157px;
}
.act09-wrap .popup-bargain .progress-img.two .popup-icon02 {
  display: block;
}
.act09-wrap .popup-bargain .progress-img.two .progress-bar {
  background-position: -99px 0;
}
.act09-wrap .popup-bargain .progress-img.three .popup-icon01 {
  left: 209px;
}
.act09-wrap .popup-bargain .progress-img.three .popup-icon03 {
  display: block;
}
.act09-wrap .popup-bargain .progress-img.three .progress-bar {
  background-position: 0 0;
}
.act09-wrap .popup-prize p,
.act09-wrap .popup-myPrize p {
  display: block;
  width: 355px;
  height: 40px;
  line-height: 40px;
  color: #202020;
  font-size: 20px;
  background-color: #E5E5E5;
  margin-left: auto;
  margin-right: auto;
}
.act09-wrap .popup-prize {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/popup-bg01.jpg);
  padding-top: 98px;
}
.act09-wrap .popup-prize h6 {
  font-size: 30px;
  color: #F9263F;
  line-height: 1;
}
.act09-wrap .popup-prize img {
  width: 206px;
  height: 206px;
  margin-top: 12px;
  vertical-align: top;
}
.act09-wrap .popup-prize p {
  margin-top: 10px;
}
.act09-wrap .popup-prize .btn {
  margin-top: 15px;
}
.act09-wrap .popup-myPrize {
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/popup-bg03.jpg);
}
.act09-wrap .popup-myPrize p + p {
  margin-top: 4px;
}
.act09-wrap .popup-myPrize span {
  font-size: 30px;
  color: #202020;
  margin-bottom: 40px;
  display: block;
}
.act09-wrap .popup-myPrize .popup-con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  margin-top: 35px;
}
.act09-wrap .social-share {
  height: 80px;
  margin-top: 35px;
}
.act09-wrap .social-share .share-box {
  top: 75px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.act09-wrap .social-share .share-box .sjicon {
  left: 233px;
}
.act09-wrap .social-share .share-box .box-l .share-link .tips-pc {
  font-size: 12px;
}
.act09-wrap .social-share .social-share-pr {
  margin-top: 0;
}
.act09-wrap .social-share .social-share-pr .iconfont {
  display: none;
}
.act09-wrap .social-share .social-share-pr .share-text {
  font-size: 28px;
  line-height: 1;
}
body.mobile .act09-wrap .href {
  top: -3rem;
}
body.mobile .act09-wrap .menu {
  top: 15.4rem;
  height: 1.2rem;
  padding: 0.026667rem;
}
body.mobile .act09-wrap .menu li {
  line-height: 1.146667rem;
  padding: 0;
}
body.mobile .act09-wrap .menu li a {
  font-size: 0.32rem;
}
body.mobile .act09-wrap .menu li:hover {
  background-color: #FF5A00;
}
body.mobile .act09-wrap .menu li:hover a {
  color: #000000;
}
body.mobile .act09-wrap .menu li.active {
  background-color: #FFDB35;
}
body.mobile .act09-wrap .menu li.active a {
  color: #000000;
}
body.mobile .act09-wrap .main-btn {
  width: 2.68rem;
  height: 0.933333rem;
  line-height: 0.733333rem;
  font-size: 0.4rem;
}
body.mobile .act09-wrap .main-list {
  margin: 0 -0.053333rem;
  padding: 0 0.2rem;
}
body.mobile .act09-wrap .main-item {
  padding: 0.12rem;
  margin: 0.12rem 0.053333rem 0;
  width: 4.746667rem;
}
body.mobile .act09-wrap .main-item h3 {
  font-size: 0.266667rem;
  margin-top: 0.133333rem;
  line-height: 1;
}
body.mobile .act09-wrap .main-item .item-block {
  margin-top: 0.12rem;
  padding-top: 0.12rem;
}
body.mobile .act09-wrap .main-item p {
  font-size: 0.213333rem;
  line-height: 0.506667rem;
}
body.mobile .act09-wrap .main-item p .now_price {
  font-size: 0.32rem;
}
body.mobile .act09-wrap .main-item p .price {
  font-size: 0.213333rem;
  margin-left: 0.066667rem;
}
body.mobile .act09-wrap .main-item .btn {
  padding: 0 0.213333rem;
  height: 0.506667rem;
  line-height: 0.506667rem;
  font-size: 0.293333rem;
}
body.mobile .act09-wrap .con01 {
  height: 14.293333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/c1-bg_m.jpg);
}
body.mobile .act09-wrap .con02 {
  height: 31.866667rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/c2-bg_m.jpg);
  padding-top: 0.946667rem;
  margin-top: 1rem;
}
body.mobile .act09-wrap .con02 .c2-h2 {
  width: 7.893333rem;
}
body.mobile .act09-wrap .con02 .c2-h3 {
  width: 7.173333rem;
  margin-top: 0.053333rem;
}
body.mobile .act09-wrap .con02 .c2-tips {
  width: 0.506667rem;
}
body.mobile .act09-wrap .con02 .main-btn {
  margin-top: 0.36rem;
}
body.mobile .act09-wrap .con02 .c2-item:last-child p {
  font-size: 0.266667rem;
}
body.mobile .act09-wrap .con03 {
  height: 31rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/c3-bg_m.jpg);
  padding-top: 0.8rem;
}
body.mobile .act09-wrap .con03 .c3-h2 {
  width: 7.973333rem;
}
body.mobile .act09-wrap .con03 .main-item h3 {
  height: 0.85rem;
  position: relative;
}
body.mobile .act09-wrap .con03 .progress {
  font-size: 0.213333rem;
  line-height: 0.24rem;
}
body.mobile .act09-wrap .con03 .progress-bar {
  width: 1.653333rem;
  height: 0.24rem;
}
body.mobile .act09-wrap .con03 .progress-bar.one {
  background-position: -1.106667rem 0;
}
body.mobile .act09-wrap .con03 .progress-bar.two {
  background-position: -0.546667rem 0;
}
body.mobile .act09-wrap .con04 {
  height: 26.133333rem;
  background-image: url(https://assets-cdn.lanqb.com/guru/activity/activity09/c4-bg_m.jpg);
  padding-top: 1.133333rem;
}
body.mobile .act09-wrap .con04 .c4-h2 {
  width: 7.92rem;
}
body.mobile .act09-wrap .con04 .c4-h3 {
  width: 6.653333rem;
  margin-left: -0.266667rem;
}
body.mobile .act09-wrap .con04 .main-btn {
  margin-top: 0.573333rem;
}
body.mobile .act09-wrap .con04 .time {
  border-radius: 0.133333rem;
  padding: 0 0 0.066667rem 0;
  margin-top: 0.266667rem;
  min-width: 2.666667rem;
}
body.mobile .act09-wrap .con04 .time .inner {
  padding: 0.053333rem 0.133333rem;
  border-radius: 0.133333rem;
  margin: -0.066667rem 0 0 -0.066667rem;
}
body.mobile .act09-wrap .con04 .time .inner p {
  font-size: 0.293333rem;
  height: 0.52rem;
  line-height: 0.52rem;
}
body.mobile .act09-wrap .con04 .time .inner p span {
  width: 0.48rem;
  border-radius: 0.066667rem;
  margin: 0 0.053333rem;
}
body.mobile .act09-wrap .con04 .main-list {
  margin: 0.186667rem -0.12rem 0;
}
body.mobile .act09-wrap .con04 .main-item {
  margin: 0.186667rem 0.09rem 0;
  width: 4.733333rem;
}
body.mobile .act09-wrap .con04 .main-item h3 {
  margin-top: 0.333333rem;
}
body.mobile .act09-wrap .primary-popup {
  width: 7.333333rem;
  height: 7.56rem;
}
body.mobile .act09-wrap .primary-popup .popup-close {
  right: -0.693333rem;
  top: -0.693333rem;
}
body.mobile .act09-wrap .primary-popup .popup-close .iconfont {
  font-size: 0.56rem;
}
body.mobile .act09-wrap .primary-popup .btn {
  padding: 0.28rem 0.466667rem;
  font-size: 0.373333rem;
  margin-top: 0.466667rem;
}
body.mobile .act09-wrap .primary-popup .btn02 {
  margin-right: 0.4rem;
}
body.mobile .act09-wrap .popup-bargain {
  padding-top: 1.8rem;
}
body.mobile .act09-wrap .popup-bargain p {
  font-size: 0.346667rem;
  line-height: 0.453333rem;
}
body.mobile .act09-wrap .popup-bargain .progress-text {
  font-size: 0.293333rem;
  margin-top: 0.266667rem;
}
body.mobile .act09-wrap .popup-bargain .progress-img {
  margin-top: 1.28rem;
}
body.mobile .act09-wrap .popup-bargain .progress-img .popup-icon01 {
  width: 0.906667rem;
  top: -0.92rem;
}
body.mobile .act09-wrap .popup-bargain .progress-img .popup-icon02 {
  width: 0.666667rem;
  right: -0.16rem;
}
body.mobile .act09-wrap .popup-bargain .progress-img .popup-icon03 {
  width: 0.946667rem;
  top: -0.306667rem;
  right: -0.413333rem;
}
body.mobile .act09-wrap .popup-bargain .progress-img .progress-bar {
  width: 3.733333rem;
  height: 0.48rem;
  border: 0.026667rem solid #bf2800;
}
body.mobile .act09-wrap .popup-bargain .progress-img.one .popup-icon01 {
  left: 0.76rem;
}
body.mobile .act09-wrap .popup-bargain .progress-img.one .progress-bar {
  background-position: -2.493333rem 0;
}
body.mobile .act09-wrap .popup-bargain .progress-img.two .popup-icon01 {
  left: 2.093333rem;
}
body.mobile .act09-wrap .popup-bargain .progress-img.two .progress-bar {
  background-position: -1.24rem 0;
}
body.mobile .act09-wrap .popup-bargain .progress-img.three .popup-icon01 {
  left: 2.786667rem;
}
body.mobile .act09-wrap .popup-prize p,
body.mobile .act09-wrap .popup-myPrize p {
  width: 4.906667rem;
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.293333rem;
}
body.mobile .act09-wrap .popup-prize {
  padding-top: 1.6rem;
}
body.mobile .act09-wrap .popup-prize h6 {
  font-size: 0.4rem;
}
body.mobile .act09-wrap .popup-prize img {
  width: 2.746667rem;
  height: 2.746667rem;
  margin-top: 0.273333rem;
}
body.mobile .act09-wrap .popup-prize p {
  margin-top: 0.133333rem;
}
body.mobile .act09-wrap .popup-prize .btn {
  margin-top: 0.266667rem;
}
body.mobile .act09-wrap .popup-myPrize p + p {
  margin-top: 0.053333rem;
}
body.mobile .act09-wrap .popup-myPrize span {
  font-size: 0.4rem;
  margin-bottom: 0.533333rem;
}
body.mobile .act09-wrap .popup-myPrize .popup-con {
  margin-top: 0.466667rem;
}
body.mobile .act09-wrap .social-share {
  height: 1.066667rem;
  margin-top: 0.666667rem;
}
body.mobile .act09-wrap .social-share .share-box {
  top: 0;
  -webkit-transform: none;
          transform: none;
  border: none;
}
body.mobile .act09-wrap .social-share .share-box .box-l .share-link {
  margin-left: 0.4rem;
  float: left;
  position: relative;
  margin-top: 0.866667rem;
}
body.mobile .act09-wrap .social-share .share-box .box-l .share-link .tips-pc {
  font-size: 0.16rem;
}
body.mobile .act09-wrap .social-share .share-box .box-l .share-link .tips-img {
  width: 0.773333rem;
  position: absolute;
  top: -0.65rem;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
body.mobile .act09-wrap .social-share .share-box .box-l .share-link .link {
  position: fixed;
  top: -100%;
}
body.mobile .act09-wrap .social-share .share-box .box-l .share-link .copy-link .iconfont {
  display: block;
}
body.mobile .act09-wrap .social-share .share-box .box-l .share-icon {
  margin-top: 0.866667rem;
}
body.mobile .act09-wrap .social-share .share-box .box-l .share-icon a + a {
  margin-left: 0.4rem;
}
body.mobile .act09-wrap .social-share .share-box.active .share-box-con {
  height: 5.8rem;
}
body.mobile .act09-wrap .social-share .social-share-pr {
  width: auto;
  height: auto;
  border-radius: 100px;
  background-color: #F9263F;
  margin: 0;
}
body.mobile .act09-wrap .social-share .social-share-pr .share-text {
  display: block;
  font-size: 0.373333rem;
}
/* 2021暑期大促 */
/* 全局 */
.body-fixed {
  position: fixed;
  left: 50%;
  width: 10rem;
  margin-left: -5rem;
}
[v-cloak] {
  display: none;
}
.act10-wrap {
  max-width: 12rem;
  padding-bottom: env(safe-area-inset-bottom);
  padding-bottom: constant(safe-area-inset-bottom);
  /* popup */
  /* 活动状态弹窗 */
  /* 分享海报弹窗 */
  /* 我的奖品 */
}
.act10-wrap .tip-toast {
  position: fixed;
  bottom: 50%;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 80%;
  height: 40px;
  line-height: 20px;
  padding: 10px 20px;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  text-align: center;
  z-index: 9999;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-animation: show-toast 0.5s;
          animation: show-toast 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act10-wrap .navbar-wrap {
  width: 100%;
  height: 1.24rem;
  margin-top: -1.33rem;
  margin-bottom: -0.2rem;
}
.act10-wrap .navbar {
  z-index: 9;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/navbar_bg1.png");
  background-size: 100% 100%;
  background-position: center;
  padding: 0.2rem 0.4rem;
}
.act10-wrap .navbar.fixed {
  max-width: 12rem;
  position: fixed;
  top: 1.02rem;
  margin-top: 0;
}
.act10-wrap .navbar .navbar-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.48rem;
  text-align: center;
}
.act10-wrap .navbar .navbar-item a {
  font-size: 0.4rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.84rem;
}
.act10-wrap .navbar .navbar-item.active {
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/navbar_btn_bg.png");
  background-size: 100% 100%;
}
.act10-wrap .section-title {
  width: 86.8%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.act10-wrap .more-btn {
  width: 100%;
  position: relative;
  margin-top: 0.28rem;
}
.act10-wrap .more-btn img {
  display: block;
  width: 27%;
  height: auto;
  margin: 0 auto;
}
.act10-wrap .section0 {
  position: relative;
}
.act10-wrap .section0 .main {
  width: 100%;
  height: auto;
}
.act10-wrap .section0 .bubble {
  position: absolute;
  -webkit-animation: aniUpdown 2s ease-in-out alternate infinite;
          animation: aniUpdown 2s ease-in-out alternate infinite;
}
.act10-wrap .section0 .bubble.one {
  top: 1.04%;
  left: 0;
  width: 18%;
}
.act10-wrap .section0 .bubble.two {
  top: 20.48%;
  right: 0;
  width: 22.4%;
}
.act10-wrap .section0 .bubble.three {
  top: 30.4%;
  left: 0.8%;
  width: 25%;
}
.act10-wrap .section1 {
  text-align: center;
  position: relative;
  padding: 0.44rem 0 0;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/part1_bg.png?imageView2/2/w/500");
  background-size: 100% 100%;
}
.act10-wrap .section1 .prize-tips {
  z-index: 1;
  margin-top: 0.12rem;
  position: relative;
  display: inline-block;
  font-size: 0.32rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.68rem;
  padding: 0 1.146667rem 0.12rem 1.2rem;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/part1_tips_bg.png");
  background-size: 100% 100%;
}
.act10-wrap .section1 .prize-warp {
  font-size: 0;
  text-align: center;
  width: 98%;
  position: relative;
  padding: 0.92rem 0.653333rem 0.4rem;
  margin-top: -0.56rem;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/part1_main_bg.png?imageView2/2/w/500");
  background-size: 100% 100%;
}
.act10-wrap .section1 .prize-warp .prize-item {
  width: 33.333333%;
  padding: 1%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.act10-wrap .section1 .prize-warp .prize-item .prize-cover {
  width: 100%;
  height: auto;
  position: relative;
}
.act10-wrap .section1 .prize-warp .prize-item .lottery-btn {
  padding-bottom: 100%;
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/part1_lottery.png");
}
.act10-wrap .section1 .prize-warp .prize-item .lottery-btn.invalid {
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/part1_lottery_invalid.png");
}
.act10-wrap .section1 .prize-warp .prize-item .lottery-btn.press {
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/part1_lottery_press.png");
}
.act10-wrap .section1 .prize-warp.lotterying .prize-item::after {
  content: '';
  border-radius: 4%;
  position: absolute;
  top: 3%;
  left: 3%;
  width: 94%;
  height: 94%;
  background-color: rgba(0, 0, 0, 0.2);
}
.act10-wrap .section1 .prize-warp.lotterying .prize-item.active::after {
  visibility: hidden;
}
.act10-wrap .section1 .prize-warp .opt-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-top: 0.68rem;
}
.act10-wrap .section1 .prize-warp .opt-btn img {
  height: 0.96rem;
  width: auto;
  display: block;
}
.act10-wrap .section2 {
  position: relative;
  padding: 0.44rem 0 0.28rem 0;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/part2_bg.png?imageView2/2/w/500");
  background-size: 100% 100%;
}
.act10-wrap .section2 .section-tips {
  width: 67.5%;
  display: block;
  margin: 0.08rem auto 0 auto;
}
.act10-wrap .section3 {
  position: relative;
  padding: 0.44rem 0 0.32rem 0;
  margin-top: -0.02rem;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/part3_bg.png?imageView2/2/w/500");
  background-size: 100% 100%;
}
.act10-wrap .section3 .section-title {
  width: 91.6%;
  margin-bottom: 0.16rem;
}
.act10-wrap .section3 .course-list .course-item .course-name .tag {
  font-size: 0.266667rem;
  color: #fff;
  font-weight: 500;
  line-height: 0.506667rem;
  padding: 0 0.346667rem 0.106667rem 0.226667rem;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/part3_desc_bg.png");
  background-size: 100% 100%;
}
.act10-wrap .course-list {
  padding: 0 0.16rem;
}
.act10-wrap .course-list .course-item {
  position: relative;
  display: inline-block;
  width: calc(50% - 0.08rem);
  padding: 0.12rem 0.106667rem 0.16rem 0.12rem;
  margin: 0.12rem 0.04rem 0 0.04rem;
  background: #fff;
}
.act10-wrap .course-list .course-item .course-cover {
  width: 100%;
  height: auto;
}
.act10-wrap .course-list .course-item .course-name {
  margin-left: -0.173333rem;
  margin-bottom: 0.16rem;
  font-size: 0.266667rem;
  font-weight: bold;
  color: #000000;
  line-height: 0.56rem;
  border-bottom: 0.013333rem solid #DCDCDC;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act10-wrap .course-list .course-item .course-desc {
  position: relative;
  font-size: 0.213333rem;
  font-weight: 500;
  color: #ED2836;
  letter-spacing: -0.01rem;
  line-height: 0.48rem;
  height: 0.533333rem;
}
.act10-wrap .course-list .course-item .course-desc .price {
  padding-left: 0.08rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #D92B38;
}
.act10-wrap .course-list .course-item .course-desc .original {
  text-decoration: line-through;
  color: #7A7A7A;
  margin-left: 0.04rem;
}
.act10-wrap .course-list .course-item .course-desc .receive-btn {
  display: block;
  font-size: 0.293333rem;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 0.24rem;
  line-height: 0.533333rem;
  border-radius: 0.253333rem;
  background: #ED2836;
  position: absolute;
  right: 0;
  top: 0;
}
.act10-wrap .popup-mask {
  z-index: 14;
  -webkit-transition: unset;
  transition: unset;
  max-width: 12rem;
  width: 100%;
  left: unset;
  right: unset;
  opacity: 1;
  visibility: initial;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}
.act10-wrap .popup-mask .primary-popup {
  width: 78.4%;
  display: block;
  position: relative;
  background-color: unset;
}
.act10-wrap .popup-mask .primary-popup .popup-close {
  z-index: 3;
  position: absolute;
  width: 0.56rem;
  height: 0.56rem;
  top: -0.8rem;
  right: -0.56rem;
  background-size: 100% 100%;
  background-image: url("https://assets-cdn.lanqb.com/imgv3_m/activity/carnival-midyear-2021/icon_close.png?v=20210513");
}
.act10-wrap .popup-mask .primary-popup img {
  width: 100%;
}
.act10-wrap .popup-mask .popup-over {
  padding: 1.2rem 1.613333rem 1.053333rem 1.466667rem;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/popup_bg.png");
  background-size: 100% 100%;
}
.act10-wrap .popup-mask .popup-over .tips {
  white-space: nowrap;
  font-size: 0.4rem;
  font-weight: bold;
  color: #161616;
  text-align: center;
  padding-top: 0.32rem;
}
.act10-wrap .popup-mask .popup-share {
  width: 66.4%;
}
.act10-wrap .popup-mask .popup-share .primary-popup .popup-close {
  right: -0.826667rem;
  top: -0.56rem;
}
.act10-wrap .popup-mask .popup-share .save-tip {
  font-size: 0.4rem;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  padding-top: 0.4rem;
}
.act10-wrap .popup-mask .popup-prize {
  padding: 1.28rem 0 0.64rem;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/popup_prize_bg_1.png");
  background-size: 100% 100%;
}
.act10-wrap .popup-mask .popup-prize .popup-close {
  right: -0.533333rem;
  top: -0.653333rem;
}
.act10-wrap .popup-mask .popup-prize.empty {
  padding: 3.12rem 0 0.64rem 0;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/popup_prize_bg.png");
}
.act10-wrap .popup-mask .popup-prize.empty .prize-con .tips {
  margin-bottom: 2rem;
}
.act10-wrap .popup-mask .popup-prize .prize-con {
  width: 100%;
  text-align: center;
  padding: 0 6.6%;
}
.act10-wrap .popup-mask .popup-prize .prize-con .tips {
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.4rem;
  font-weight: bold;
  width: 100%;
  color: #161616;
  text-align: center;
}
.act10-wrap .popup-mask .popup-prize .prize-con .opt-btn {
  height: 0.973333rem;
  margin: 0 auto;
}
.act10-wrap .popup-mask .popup-prize .prize-con .opt-btn img {
  height: 100%;
  width: auto;
}
.act10-wrap .popup-mask .popup-prize .prize-con .prize-item {
  width: 100%;
  position: relative;
}
.act10-wrap .popup-mask .popup-prize .prize-con .prize-item .prize-img {
  width: 100%;
  padding-bottom: 67.5%;
  height: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .prize-swiper {
  margin-bottom: 0.133333rem;
}
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .prize-swiper .prize-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .swiper-pagination-bullet-active {
  background: #6edecf;
}
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .swiper-button-next,
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .swiper-container-rtl .swiper-button-prev {
  width: 0.506667rem;
  height: 0.653333rem;
  top: 60%;
  background-size: 100% 100%;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/popup_prize_icon_right.png");
}
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .swiper-button-prev,
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .swiper-container-rtl .swiper-button-next {
  width: 0.506667rem;
  height: 0.653333rem;
  top: 60%;
  background-size: 100% 100%;
  background-image: url("https://assets-cdn.lanqb.com/guru/activity/activity10/popup_prize_icon_left.png");
}
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .swiper-container-horizontal > .swiper-pagination-bullets,
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .swiper-pagination-custom,
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .swiper-pagination-fraction {
  bottom: 0;
}
.act10-wrap .popup-mask .popup-prize .prize-con.multiple .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
}
@-webkit-keyframes show-toast {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show-toast {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes aniUpdown {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, 0.24rem);
            transform: translate(0, 0.24rem);
  }
}
@keyframes aniUpdown {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, 0.24rem);
            transform: translate(0, 0.24rem);
  }
}