@charset "utf-8";

.container {
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
}

html,
body,
.container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

.fullpage {
  width: 100%;
  height: 100%;
}

.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  /* font-size: 80px; */
  font-weight: bold;
  color: #000;
  overflow: hidden;
  /* background-size: cover; */
}

.wrap {
  width: 100%;
  position: relative;
  /* background: url("../image/bg.jpg") no-repeat center top;
  background-size: 100%; */
}

/* .wrap.overtime {
  width: 100%;
  position: relative;
  /* background: url("../image/bg-overtime.jpg") no-repeat center top;
  background-size: 100%; */
/* } */ 

@keyframes brightness {
  0% {
    filter: brightness(1);
  }

  10% {
    filter: brightness(1);
  }

  50% {
    filter: brightness(1.5);
  }

  90% {
    filter: brightness(1);
  }

  100% {
    filter: brightness(1);
  }
}

@keyframes shinning {
  0% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.4;
  }
}

/*标题*/
.title {
  /* width: auto; */
  text-align: center;
}

.title img {
  width: 6.85rem;
  height: 2.19rem;
}

select::-ms-expand {
  display: none;
}

.zoom {
  -webkit-animation: pulse 1s infinite;
  -o-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
}

.tiny-zoom {
  -webkit-animation: tinyScale 1s infinite;
  -o-animation: tinyScale 1s infinite;
  animation: tinyScale 1s infinite;
}

/* cookie-hint */
.cookie-hint {
  position: fixed;
  width: 12rem;
  padding: 0.16rem 0.3rem;
  background: #000000;
  z-index: 2;
  bottom: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0.05rem;
  box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  font-weight: 500;
}

.cookie-hint.hide {
  display: none;
}

.cookie-hint .cookie-hint-text {
  width: 10rem;
  color: #f5c689;
}

.cookie-hint .cookie-hint-text h4 {
  color: #ffae00;
}

.cookie-hint .learn-more {
  color: #f7ba6b;
  margin-left: 0.1rem;
}

.cookie-hint .cookie-hint-btns {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 0.14rem;
}

.cookie-hint .cookie-hint-btns .reject-all {
  margin-top: 0.02rem;
  background: transparent;
  color: #fff
}

.cookie-hint .close {
  width: initial;
  height: initial;
  background: #ff0000;
  border-radius: 0.05rem;
  padding: 0.04rem;
  position: initial;
  color: #fff;
}

/* 导航栏 */
.head {
  width: 19.20rem;
  height: 0.90rem;
  position: fixed;
  top: 0;
  background: url(../image/section1/bg-header.png) no-repeat;
  /* background-color: #0d0b0c; */
  background-size: 100%;
  z-index: 9;
  font-size: 0;
  display: flex;
  align-items: center;
}

.logo {
  width: 1.8rem;
  height: 0.9rem;
  background: transparent;
  position: absolute;
  left: 0.6rem;
  cursor: pointer;
}

.header-ul {
  position: relative;
  width: 12.25rem;
  display: flex;
  vertical-align: middle;
  font-size: 0.22rem;
  color: #ffffff;
  height: 0.9rem;
  align-items: center;
  left: 3.2rem;
  justify-content: space-between;
}
.header-ul.down {
  width: 10.25rem;
}

.pre-btn {
  width: 2.79rem;
  height: 0.56rem;
  background: url('../image/section1/pre-btn.png') no-repeat;
  background-size: 100%;
  position: absolute;
  right: .26rem;
}

.pre-btn.down {
  background: url('../image/section1/pre-btn-down.png') no-repeat;
}

.head .fb {
  position: absolute;
  top: 0.26rem;
  right: 1.13rem;
  width: 0.33rem;
  height: 0.32rem;
  background: url(../image/section1/fb.png) no-repeat;
  background-size: 100%;
}

/* .head .fb::after {
  content: "";
  position: absolute;
  width: 0.54rem;
  height: 0.54rem;
  background-color: #fff;
  z-index: -1;
  margin-left: -0.15rem;
  margin-top: -0.06rem;
  border-radius: 50%;
  box-shadow: 0 0 0.15rem rgb(33 148 191 / 50%);
} */

.head .discord {
  position: absolute;
  top: 0.3rem;
  right: 1.83rem;
  width: 0.32rem;
  height: 0.25rem;
  background: url(../image/section1/discord.png) no-repeat;
  background-size: 100%;
}

/* .head .discord::after {
  content: "";
  position: absolute;
  width: 0.54rem;
  height: 0.54rem;
  background-color: #fff;
  z-index: -1;
  left: -0.rem;
  margin-left: -0.05rem;
  margin-top: -0.08rem;
  border-radius: 50%;
  box-shadow: 0 0 0.15rem rgb(33 148 191 / 50%);
} */

.head .youtube {
  width: 0.33rem;
  height: 0.23rem;
  background: url(../image/section1/youtube.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.32rem;
  right: 0.43rem;
}

/* .head .youtube::after {
  content: "";
  position: absolute;
  width: 0.54rem;
  height: 0.54rem;
  background-color: #fff;
  z-index: -1;
  left: -0.rem;
  margin-left: -0.05rem;
  margin-top: -0.11rem;
  border-radius: 50%;
  box-shadow: 0 0 0.15rem rgb(33 148 191 / 50%);
} */

/* .header-twitter {
  width: 0.50rem;
  height: 0.50rem;
  background: url('../image/section1/twitter.png') no-repeat;
  background-size: 100%;
  position: absolute;
  right: 1.57rem;
}

.header-tiktok {
  width: 0.50rem;
  height: 0.50rem;
  background: url('../image/section1/tiktok.png') no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0.92rem;
}

.fb-login {
  width: 0.5rem;
  height: 0.50rem;
  background: url(../image/section1/facebook.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 2.22rem;
} */

@font-face {
  font-family: 'Footlight MT Light';
  src: url(../../font/FootlightMTLight.ttf);
}

/* Top */
.btn-top {
  width: 1.41rem;
  height: .96rem;
  background: url(../image/ben-top.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 3.75rem;
  left: 0.45rem;
}

.header-ul li {
  position: relative;
  cursor: pointer;
  height: 0.28rem;
  line-height: 0.28rem;
  font-weight: 500;
  font-family: 'Footlight MT Light';
  font-size: .22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-ul li:hover{
  color: #9c0501;
}
.header-ul li:hover::after{
  content: '';
  position: absolute;
  width: 2.0rem;
  height: 0.7rem;
  background: url('../image/section1/active.png') no-repeat;
  background-size: 100%;
  left: -0.73rem;
  top: 0.2rem;
}

.header-ul li.title-active::after{
  content: '';
  position: absolute;
  width: 2.0rem;
  height: 0.7rem;
  background: url('../image/section1/active.png') no-repeat;
  background-size: 100%;
  left: -0.73rem;
  top: 0.2rem;
}
.header-ul li.header-li-1.title-active::after,
.header-ul li.header-li-1:hover::after{
  left: -0.73rem;
  top: 0.2rem;
}
.header-ul li.header-li-2.title-active::after,
.header-ul li.header-li-2:hover::after{
  left: -0.23rem;
  top: 0.2rem;
}
.header-ul li.header-li-3.title-active::after,
.header-ul li.header-li-3:hover::after{
  left: 0.07rem;
  top: 0.2rem;
}
.header-ul li.header-li-4.title-active::after,
.header-ul li.header-li-4:hover::after{
  left: -0.63rem;
  top: 0.2rem;
}
.header-ul li.header-li-5.title-active::after,
.header-ul li.header-li-5:hover::after{
  left: -0.73rem;
  top: 0.2rem;
}.header-ul li.header-li-6.title-active::after,
.header-ul li.header-li-6:hover::after{
  left: -0.23rem;
  top: 0.2rem;
}

/* .header-ul li.header-li-1 {
  width: 0.6rem;
  height: 0.17rem;
  background:url(../image/section1/header-li-1-noa.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-1.title-active  {
  width: 0.73rem;
  height: 0.31rem;
  background:url(../image/section1/header-li-1.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-2 {
  width: 1.4rem;
  height: 0.17rem;
  background:url(../image/section1/header-li-2-noa.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-2.title-active  {
  width: 1.53rem;
  height: 0.31rem;
  background:url(../image/section1/header-li-2.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-3 {
  width: 2.29rem;
  height: 0.17rem;
  background:url(../image/section1/header-li-3-noa.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-3.title-active  {
  width: 2.42rem;
  height: 0.31rem;
  background:url(../image/section1/header-li-3.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-4 {
  width: 0.83rem;
  height: 0.17rem;
  background:url(../image/section1/header-li-4-noa.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-4.title-active  {
  width: 0.98rem;
  height: 0.31rem;
  background:url(../image/section1/header-li-4.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-5 {
  width: 0.52rem;
  height: 0.17rem;
  background:url(../image/section1/header-li-5-noa.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-5.title-active  {
  background:url(../image/section1/header-li-5.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-6 {
  width: 1.68rem;
  height: 0.17rem;
  background:url(../image/section1/header-li-6-noa.png) no-repeat;
  background-size: 100%;
}

.header-ul li.header-li-6.title-active  {
  width: 1.84rem;
  height: 0.31rem;
  background:url(../image/section1/header-li-6.png) no-repeat;
  background-size: 100%;
} */

/* .header-ul .title-active::before {
  content: '';
  position: absolute;
  width: 0.78rem;
  height: 0.68rem;
  background: url('../image/section1/title.png') no-repeat;
  background-size: 100%;
  left: 60%;
  transform: translateX(-50%);
  top: 0.05rem;
  z-index: -1;
} */

/* .header-ul li:nth-child(4).title-active:before {
  left: 55%;
  transform: translateX(-50%);
  top: 0.05rem;
}

.header-ul li:nth-child(6).title-active:before {
  left: 55%;
  transform: translateX(-50%);
  top: 0.05rem;
} */

/* .header-ul li.header-li-1.title-active  {
  width: 2.0rem;
  height: 0.7rem;
  background:url(../image/section1/active.png) no-repeat;
  background-size: 100%;
} */

/* .header-ul .title-active::after {
  content: '';
  position: absolute;
  width: 0.22rem;
  height: 0.14rem;
  background: url('../image/section1/right.png') no-repeat;
  background-size: 100%;
  right: -0.3rem;
  top: 0.28rem;
} */

.header-ul .title-active {
  color: #9c0501;
  display: inline-block;
  text-shadow: 0.01rem 0.01rem 0.1rem #9c0501;
  /* border-bottom: 0.01rem solid #e1d2a6; */
}

/* .header-ul .title-active::after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 0.05rem;
  background: url(../image/triangle.png) no-repeat;
  background-size: 100%;
  top: 0.24rem;
  left: 50%; 
  transform: translateX(-50%); 
} */

/* 页脚 */
.footer {
  width: 19.2rem;
  height: 0.9rem;
  position: relative;
  bottom: 0;
}

.footer .footer-pact {
  position: absolute;
  /* width: 100%; */
  bottom: 2.15rem;
  text-align: center;
  color: #8f8f8f;
  left: 50%;
  transform: translate(-50%);
  font-weight: normal;
}

/* 底部導航按鈕 */
.footer-media .order-store-ios,
.footer-media .order-store-gp {
  width: 1.38rem;
  height: .50rem;
  position: absolute;

}

.footer-media .order-store-ios {
  background: url(../image/footer_ios.png) no-repeat;
  background-size: 100%;
  top: 0rem;
  left: 2.05rem;
}

.footer-media .order-store-gp {
  background: url(../image/footer_gp.png) no-repeat;
  background-size: 100%;
  top: 0rem;
  left: 3.5rem;
}

.footer .footer-pact .header-ul {
  left: 0rem;
  text-align: center;
  color: #8f8f8f;
}

.footer .secret-pact,
.footer .utilize-pact {
  color: #fff;
  font-size: .14rem;
}

.footer .footer-text {
  position: absolute;
  width: 100%;
  bottom: 1rem;
  color: #fff;
  text-align: center;
}

.footer .footer-media {
  position: absolute;
  top: 1.37rem;
  left: 11.05rem;
  display: flex;
  width: 2rem;
  justify-content: space-around;
}

.footer .footer-twitter {
  font-size: 0;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../image/footer-twitter.png) no-repeat;
  background-size: 100%;
}

.footer .footer-youtube {
  font-size: 0;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../image/footer-youtube.png) no-repeat;
  background-size: 100%;
}

/*侧边栏*/
.slidebar {
  /* width: 1.91rem; */
  /* height: 3.31rem; */
  position: fixed;
  /* background: url(../image/slidebar-bg.png) no-repeat;
  background-size: 100%; */
  right: -0.55rem;
  top: 34%;
  z-index: 99;
  transition: all 0.3s;
}

.slidebar .slidebar-loop-bg {
  position: relative;
  left: -0.6rem;
  top: -0.5rem;
  width: 2.15rem;
  height: 4.18rem;
}

/* .slidebar::before {    
  content: "";
  position: absolute;
  width: 3.56rem;
  height: 3.36rem;
  top: -0.7rem;
  left: -0.7rem;
  background: url(../image/star.png) no-repeat;
  background-size: 100%;
  pointer-events: none;
  z-index: 2;
  animation: twinkling 2s ease-in-out infinite;
} */


.slidebar nav {
  font-size: 0;
  text-align: center;
  position: relative;
  left: 0.17rem;
  top: 0rem;
  z-index: 11;
}

.slidebar nav a {

  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
}

.slidebar nav a.nav-gp {
  width: 1.46rem;
  height: 0.44rem;
  background-image: url(../image/slidebar-gp.png);
  top: 2.14rem;
  left: -0.4rem;
  transition: all 0.6s;
}

.slidebar nav a.nav-gp.overtime {
  background-image: url(../image/slidebar-gp-down.png);
}

.slidebar nav a.nav-as {
  width: 1.46rem;
  height: 0.44rem;
  background-image: url(../image/slidebar-as.png);
  top: 2.7rem;
  left: -0.4rem;
  transition: all 0.6s;
}

.slidebar nav a.nav-as.overtime {
  background-image: url(../image/slidebar-as-down.png);
}

.slidebar nav a.nav-hw {
  width: 1.46rem;
  height: 0.44rem;
  background-image: url(../image/slidebar-hw.png);
  top: 3.25rem;
  left: -0.4rem;
  transition: all 0.6s;
}

.slidebar nav a.nav-hw.overtime {
  background-image: url(../image/slidebar-hw-down.png);
}

.slidebar nav a.nav-twitter {
  width: 1.35rem;
  height: 0.49rem;
  background-image: url(../image/slidebar-twitter.png);
  top: 2.55rem;
  left: 0rem;
  transition: all 0.6s;
}

.slidebar nav a.nav-youtube {
  background-image: url(../image/slidebar-youtube.png);
  top: 4.4rem;
  left: 0.13rem;
  transition: all 0.6s;
}

.slidebar .star-list li {
  background: url(../image/star.png) no-repeat;
  background-size: 100%;
  width: 0.52rem;
  height: .68rem;
  position: absolute;
  pointer-events: none;
}

.slidebar .star-list li:first-child {
  left: 0.3rem;
  top: -0.1rem;
  animation: twinkling 1.5s infinite;
}

.slidebar .star-list li:nth-child(2) {
  left: 0.68rem;
  top: 0.3rem;
  transform: scale(0.4);
  animation: twinkling 3s infinite;
}

.slidebar .star-list li:nth-child(3) {
  left: -0.1rem;
  top: 0.8rem;
  transform: scale(0.7);
  animation: twinkling 2s infinite;
}

.slidebar .star-list li:nth-child(4) {
  left: 1.5rem;
  top: 0.8rem;
  animation: twinkling 2s infinite;
}

.slidebar .star-list li:nth-child(5) {
  left: 0.9rem;
  top: -0.2rem;
  transform: scale(0.6);
  animation: twinkling 1.5s infinite;
}

.slidebar .gear {
  position: absolute;
  top: -0.06rem;
}

.slidebar .gear .big-gear {
  position: absolute;
  background: url(../image/big-gear.png) no-repeat;
  background-size: 100%;
  top: 4.6rem;
  left: 0.18rem;
  width: 0.48rem;
  height: 0.47rem;
  animation: rotate-anti-clockwise 2s linear infinite;
  pointer-events: none;
}

.slidebar .gear .small-gear {
  position: absolute;
  background: url(../image/small-gear.png) no-repeat;
  background-size: 100%;
  top: 4.77rem;
  left: 0.56rem;
  width: 0.41rem;
  height: 0.4rem;
  animation: rotate-clockwise 2s linear infinite;
  pointer-events: none;
}

@keyframes twinkling {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes rotate-anti-clockwise {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

@keyframes rotate-clockwise {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/*弹出视频*/
.shade {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
}

.videos {
  width: 10rem;
  height: 5.62rem;
  position: absolute;
  left: 50%;
  margin-left: -5rem;
  top: 50%;
  margin-top: -3rem;
}

.close {
  width: 0.33rem;
  height: 0.35rem;
  position: absolute;
  left: 9.75rem;
  top: -0.2rem;
  background: url(../image/close.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 101;
}

/*弹层*/
.dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  z-index: 101;
}

/* 弹窗关闭 */
.dia-close {
  width: 0.39rem;
  height: 0.61rem;
  top: 0.13rem;
  right: 0.42rem;
  position: absolute;
  background: url("../image/pop/pop-close.png") no-repeat;
  background-size: 100%;
  cursor: pointer;
  z-index: 300;
}

.dia-close:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* 预约弹窗 */
.order .order-bg {
  position: absolute;
  width: 11.19rem;
  height: 7.21rem;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.order .order-bg.android {
  background: url("../image/pop/order_bg_android.png") no-repeat;
  background-size: 100%;
}

.order .order-bg.ios {
  background: url("../image/pop/order_bg_ios.png") no-repeat;
  background-size: 100%;
}

/* .order .order-bg.overtime {
  background: url(../image/pop/order-bg-overtime.png) no-repeat;
  background-size: 100%;
} */

/* .order .order-bg.over {
  background: url(../image/pop/order-bg-over.png) no-repeat;
  background-size: 100%;
} */

.order .order-bg .close {
  position: absolute;
  width: 0.42rem;
  height: 0.43rem;
  background: url(../image/pop/order-close.png) no-repeat;
  background-size: 100%;
  top: -0.1rem;
  left: 10.8rem;
}

.order .btn-list {
  position: absolute;
  display: flex;
  justify-content: space-around;
  width: 3rem;
  top: 4.3rem;
  left: 6.5rem;
}

/* .order .overtime .btn-list {
  top: 3.4rem;
} */

/* .order .over .btn-list {
  top: 3.2rem;
} */

.hot-block {
  width: 93%;
  height: 3.3rem;
  /* background-color: #ff0000; */
  position: absolute;
  top: 0.8rem;
  left: 0.3rem;
  cursor: pointer;
  z-index: 1;
}

.hot-block a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.order .btn-list .btn-ios {
  width: 2.54rem;
  height: 0.77rem;
  background: url(../image/pop/order-store-ios.png) no-repeat;
  background-size: 100%;
}

/* .order .btn-list .btn-ios.overtime {
  background: url(../image/pop/order-store-ios-overtime.png) no-repeat;
  background-size: 100%;
} */

.order .btn-list .btn-gp {
  width: 2.54rem;
  height: 0.77rem;
  background: url(../image/pop/order-store-gp.png) no-repeat;
  background-size: 100%;
}
.order .btn-list .btn-gp span,
.order .btn-list .btn-ios span
{
  display: inline-block;
  width: 100%;
  height: 100%;
  mask-image: url(../image/pop/order-store-ios.png);
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(../image/pop/order-store-ios.png);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.order .btn-list .btn-gp span::after,
.order .btn-list .btn-ios span::after {
  animation: sg 2s linear infinite;
  background: linear-gradient(120deg, #0000, #0000, #fff6, #0000, #0000);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all .65s;
  width: 100%;
  pointer-events: none;
}

@keyframes sg {
  0% {
    left: -100%;
}
100% {
    left: 100%;
}
}

/* .order .btn-list .btn-gp.overtime {
  background: url(../image/pop/order-store-gp-overtime.png) no-repeat;
  background-size: 100%;
} */

.order .btn-list .btn-twitter {
  position: absolute;
  width: 1.47rem;
  height: 0.53rem;
  background: url(../image/pop/btn-twitter.png) no-repeat;
  background-size: 100%;
  left: 3rem;
}

/* .order .btn-list .btn-twitter.overtime {
  background: url(../image/pop/btn-twitter-overtime.png) no-repeat;
  background-size: 100%;
} */

.order .btn-list > .active::after {
  content: '';
  width: 0.27rem;
  height: 0.27rem;
  background: url(../image/pop/order-reds.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
}

.order .btn-list > .active::before {
  content: '';
  width: 0.74rem;
  height: 0.61rem;
  background: url(../image/pop/order-hands.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.3rem;
  left: 2.3rem;
}

/* .order .btn-list > .over::before {
  display: none;
} */

.contents .ios-content {
  position: absolute;
  width: 4.35rem;
  height: 2.94rem;
  background: url(../image/pop/ios_content.png) no-repeat;
  background-size: 100%;
  top: 1.2rem;
  left: 5.8rem;
}

.contents .gp-content {
  position: absolute;
  width: 4.35rem;
  height: 2.94rem;
  background: url(../image/pop/gp_content.png) no-repeat;
  background-size: 100%;
  top: 1.2rem;
  left: 5.8rem;
}

/* 完成预约弹窗 */
.order-finish .order-bg {
  position: absolute;
  width: 9.09rem;
  height: 7.11rem;
  left: 5rem;
  top: 1.3rem;
}

.order-finish .order-bg.android {
  background: url(../image/pop/finish_and.png) no-repeat;
  background-size: 100%;
}

.order-finish .order-bg.ios {
  background: url(../image/pop/finish_ios.png) no-repeat;
  background-size: 100%;
}

.order-finish .order-bg .close {
  position: absolute;
  width: 0.33rem;
  height: 0.35rem;
  background: url(../image/pop/order-close.png) no-repeat;
  background-size: 100%;
  top: -0.2rem;
  left: 7.5rem;
}

.order-finish .btn-list {
  position: absolute;
  display: flex;
  justify-content: space-around;
  width: 6rem;
  top: 4.55rem;
  left: 1.8rem;
}

.order-finish .btn-list .btn-ios {
  width: 3.07rem;
  height: 0.79rem;
  background: url(../image/pop/ios_store.png) no-repeat;
  background-size: 100%;
}

.order-finish .btn-list .btn-gp {
  width: 3.07rem;
  height: 0.79rem;
  background: url(../image/pop/and_store.png) no-repeat;
  background-size: 100%;
}

.order-finish .btn-list .btn-finish {
  width: 3.07rem;
  height: 0.79rem;
}

.order-finish .btn-list .btn-finish.android {
  background: url(../image/pop/and_done.png) no-repeat;
  background-size: 100%;
}

.order-finish .btn-list .btn-finish.ios {
  background: url(../image/pop/ios_done.png) no-repeat;
  background-size: 100%;
}

/* 活动结束弹窗 */
.activity-end .end-container {
  position: absolute;
  width: 7.15rem;
  height: 6.77rem;
  top: 2rem;
  transform: translateX(-50%);
  background: url(../image/pop/end_bg.png) no-repeat;
  background-size: 100%;
}

/* .activity-end .end-container.end-container.overtime {
  top: 1.5rem;
} */

.activity-end .end-container::after {
  content: '';
  width: 2.10rem;
  height: 1.17rem;
  background: url(../image/pop/star.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 3.3rem;
  left: 0.7rem;
  animation: twinkling 2s ease-in-out infinite;
  pointer-events: none;
}

.activity-end .end-container::before {
  content: '';
  width: 2.10rem;
  height: 1.17rem;
  background: url(../image/pop/star.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 2.7rem;
  left: 3rem;
  animation: twinkling 3s ease-in-out infinite;
  pointer-events: none;
}

.activity-end .end-container.overtime {
  width: 7.85rem;
  height: 6.84rem;
  background: url(../image/pop/end_bg_overtime.png) no-repeat;
  background-size: 100%;
}

.activity-end .end-container .dia-close {
  position: absolute;
  width: 0.43rem;
  height: 0.43rem;
  background: url(../image/pop/order-close.png) no-repeat;
  background-size: 100%;
  left: 7rem;
  top: 0.5rem;
}

.activity-end .end-container .btn-list {
  width: 6rem;
  height: 1rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  top: 4rem;
  left: 50%;
  transform: translateX(-50%);
}

.activity-end .end-container.overtime .btn-list {
  top: 4rem;
}

/* .activity-end .end-container .btn-list a {
  width: 1.69rem;
  height: 0.51rem;
} */

.activity-end .end-container .go-store {
  margin-top: 2.2rem;
  width: 1.79rem;
  height: 0.51rem;
  background: url(../image/pop/go_btn.png) no-repeat;
  background-size: 100%;
}

.store-gp-pc {
  background: url(../image/pop/gp_btn.png) no-repeat;
  background-size: 100%;
}

.store-ios-pc {
  background: url(../image/pop/ios_btn.png) no-repeat;
  background-size: 100%;
}

.store-hw-pc {
  background: url(../image/pop/hw_btn.png) no-repeat;
  background-size: 100%;
}

/* DC引导 */
.order-DC .order-bg{
  position: absolute;
  width: 7.61rem;
  height: 5.96rem;
  top: 1.8rem;
  left: 5.7rem;
  background: url(../image/pop/dc_bg.png) no-repeat;
  background-size: 100%;
}

.dc-btn {
  position: absolute;
  width: 1.79rem;
  height: 0.51rem;
  top: 5rem;
  left: 2.9rem;
  background: url(../image/pop/dc_btn.png) no-repeat;
  background-size: 100%;
}

.order-DC .order-bg .close {
  position: absolute;
  width: 0.43rem;
  height: 0.43rem;
  background: url(../image/pop/order-close.png) no-repeat;
  background-size: 100%;
  top: 0.1rem;
  left: 7.3rem;
}

.order-DC .order-bg .btn-list .btn-ios {
  width: 2.08rem;
  height: 0.57rem;
  background: url(../image/pop/go_btn.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 4.2rem;
  left: 1.8rem;
}
.order-DC .order-bg .btn-list .btn-gp {
  width: 2.08rem;
  height: 0.57rem;
  background: url(../image/pop/go_btn.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 4.2rem;
  left: 5.2rem;
}

.dc-btn::after {
  content: '';
  width: .26rem;
  height: 0.25rem;
  background: url(../image/pop/dc_red.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -0.1rem;
  left: 0.1rem;
}

.dc-btn::before {
  content: '';
  width: .43rem;
  height: 0.38rem;
  background: url(../image/pop/dc_hand.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.25rem;
  left: 1.4rem;
}