@charset "utf-8";

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


/* 一屏一显打开 */
html,
body{
  width: 100%;
  height: 100%;
}

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

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

.notoverflow {
  overflow-x: hidden;
}

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

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

}

.wrap.overPreorder {
  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;
}

.animate__delay-2s {
  animation-delay: 0s;
}

.animate__delay-1s {
  animation-delay: 0.2s;
}

/* 导航栏 */
.head {
  width: 19.20rem;
  height: 1.22rem;
  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;
}

.headOver {
  width: 19.20rem;
  height: 1.22rem;
  position: fixed;
  top: 0;
  background: url(../image/section1/bg-header-over.png) no-repeat;
  background-size: 100%;
  z-index: 9;
  font-size: 0;
}

.nofixed {
  position: absolute;
}

.logo {
  width: 3.39rem;
  height: .71rem;
  background: url('../image/section1/logo.png') no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.17rem;
  left: 0.38rem;
}

.header-ul {
  position: relative;
  width: 10rem;
  display: flex;
  margin-top: 0.05rem;
  vertical-align: middle;
  font-size: 0.242rem;
  font-weight: 500;
  color: #848587;
  height: 0.95rem;
  align-items: center;
  left: 4.3rem;
  justify-content: space-between;
  /* background-color: #8f8f8f;*/
}


.header-ul-down {
  width: 9.81rem;
  left: 4.22rem;
}

.header-ul li {
  height: .95rem;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-ul li::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 1.8rem;
  height: .95rem;
  opacity: 0; 
  background:url(../image/section1/active.png) no-repeat;
  background-size: 100%;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}

.header-ul-down li::before {
  width: 1.8rem;
  height: .95rem;
  opacity: 0; 
  background:url(../image/section1/active-over.png) no-repeat;
  background-size: 100%;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}

/* .header-ul li:hover::before{
  opacity: 1;
} */

.header-ul li:hover{
  color: #db2024;
}

/* pre状态 */
.header-ul li:nth-child(1) {
  width: .9rem;
  position: relative;
}

.header-ul-down li:nth-child(1) {
  width: .9rem;
  /* position: relative; */
}

/* .header-ul li:nth-child(1)::after {
  content: '';
  width: .54rem;
  height: .54rem;
  background: url(../image/section1/header-top.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.22rem;
  left: 0.278rem;
} */

/* .header-ul li:nth-child(1)::before {
  transform: translateX(-110%);
} */


.header-ul li:nth-child(2) {
  width: 1.4rem;
  /* position: relative;
  left: 0rem; */
}

.header-ul-down li:nth-child(2) {
  width: 1.8rem;
  /* position: relative; */
}

/* .header-ul li:nth-child(2)::after {
  content: '';
  width: 1.39rem;
  height: .54rem;
  background: url(../image/section1/header-registration.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.215rem;
  left: 0.19rem;
} */

.header-ul li:nth-child(3) {
  width: 1.8rem;
  /* position: relative;
  left: -0.03rem; */
}

.header-ul-down li:nth-child(3) {
  width: 1.2rem;
  /* position: relative; */
}

/* .header-ul li:nth-child(3)::before{
  width: 2.17rem;
  left: 0rem;
} */

/* .header-ul li:nth-child(3)::after {
  content: '';
  width: .72rem;
  height: .54rem;
  background: url(../image/section1/header-region.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.22rem;
  left: 0.5rem;
} */


.header-ul li:nth-child(4) {
  width: 1.2rem;
  /* position: relative;
  left: -0.04rem; */
}

.header-ul-down li:nth-child(4) {
  width: 1.5rem;
  /* position: relative; */
}
/* .header-ul li:nth-child(4)::before{
  width: 2.17rem;
  left: -0.01rem;
} */

/* .header-ul li:nth-child(4)::after {
  content: '';
  width: 1.13rem;
  height: .54rem;
  background: url(../image/section1/header-char.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.22rem;
  left: 0.3rem;
} */


.header-ul li:nth-child(5) {
  width: 1.5rem;
  /* position: relative;
  left: -.07rem; */
}

/* .header-ul li:nth-child(5)::before{
  width: 2.18rem;
  left: -0.02rem;
} */

/* .header-ul li:nth-child(5)::after {
  content: '';
  width: .90rem;
  height: .68rem;
  background: url(../image/section1/header-story.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.08rem;
  left: 0.44rem;
} */


.header-ul li:nth-child(6) {
  width: 1.8rem;
  position: relative;
  left: -.1rem;
}

/* .header-ul li:nth-child(6)::after {
  content: '';
  width: 1.32rem;
  height: .54rem;
  background: url(../image/section1/header-feature.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.2rem;
  left: 0.31rem;
} */

/* .header-ul li:nth-child(6)::before {
  transform: translateX(40%);
} */


/* 结束 */


/* .header-ul-down li:nth-child(1)::after {
  content: '';
  width: .54rem;
  height: .54rem;
  background: url(../image/section1/header-top.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.22rem;
  left: 0.278rem;
} */

/* .header-ul-down li:nth-child(1)::before {
  transform: translateX(-110%);
} */



/* .header-ul-down li:nth-child(2)::after {
  content: '';
  width: .72rem;
  height: .54rem;
  background: url(../image/section1/header-region.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.22rem;
  left: 0.5rem;
} */



/* .header-ul-down li:nth-child(3)::after {
  content: '';
  width: 1.13rem;
  height: .54rem;
  background: url(../image/section1/header-char.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.22rem;
  left: 0.3rem;
} */




/* .header-ul-down li:nth-child(4)::after {
  content: '';
  width: .90rem;
  height: .68rem;
  background: url(../image/section1/header-story.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.08rem;
  left: 0.44rem;
} */



/* .header-ul-down li:nth-child(5)::after {
  content: '';
  width: 1.32rem;
  height: .54rem;
  background: url(../image/section1/header-feature.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.2rem;
  left: 0.31rem;
} */

/* .header-ul-down li:nth-child(5)::before {
  transform: translateX(40%);
} */

.header-ul-down li:nth-child(6) {
 display: none;
}


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

.header-twitter {
  width: 0.43rem;
  height: 0.43rem;
  background: url(../image/section1/twitter.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 2.85rem;
  top: .32rem;
}

.header-tiktok {
  width: 0.43rem;
  height: 0.43rem;
  background: url(../image/section1/tiktok.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: .32rem;
  right: 2.2rem;
  /* right: 1.68rem; */
}

.fb-login {
  width: 0.43rem;
  height: 0.43rem;
  background: url(../image/section1/facebook.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: .32rem;
  right: .88rem;
  /* right: 0.8rem; */
}

.head .playButton {
  width: .64rem;
  height: .62rem;
  background:url(../image/section1/music-out.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: .22rem;
  right: 0.2rem;
  right: 3.14rem;
}


.head .playButton.paused {
  background:url(../image/section1/music-up.png) no-repeat;
  background-size: 100%;
}

/* Top */
.btn-top {
  width: 1.51rem;
  height: 1.20rem;
  background: url(../image/ben-top.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 3.88rem;
  left: 0.5rem;
}


.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 .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: transparent;
  background: linear-gradient(to bottom, white 33%, #b2e3c3 48%);
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
  font-weight: 600;
}

.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.71rem;
  height: .54rem;
  position: absolute;

}

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

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

.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: 2.37rem;
  height: 5.01rem;
  position: fixed;
  right: 0.15rem;
  top: 12%;
  z-index: 99;
  transition: all 0.3s;
}

.slidebar nav {
  font-size: 0;
  text-align: center;
  position: relative;
  left: 0.22rem;
  top: 0.5rem;
  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.37rem;
  height: 0.55rem;
  background-image: url(../image/slidebar-gp.png);
  top: 2.35rem;
  left: 0.25rem;
  transition: all 0.6s;
}

.slidebar nav a.nav-gp.overtime {
  width: 1.54rem;
  height: 0.68rem;
  top: 2.23rem;
  left: 0.25rem;
  transition: all 0.6s;
  background-image: url(../image/slidebar-gp-overtime.png);
}

.slidebar nav a.nav-as {
  width: 1.55rem;
  height: 0.68rem;
  background-image: url(../image/slidebar-as.png);
  top: 2.75rem;
  left: 0.25rem;
  transition: all 0.6s;
}

.slidebar nav a.nav-as.overtime {
  width: 1.54rem;
  height: 0.67rem;
  top: 2.75rem;
  left: 0.25rem;
  transition: all 0.6s;
  background-image: url(../image/slidebar-as-overtime.png);
}

.slidebar nav a.nav-twitter {
  width: 1.54rem;
  height: 0.67rem;
  background-image: url(../image/slidebar-twitter.png);
  top: 1.7rem;
  left: 0.25rem;
  transition: all 0.6s;
}

.slidebar nav a.nav-twitter.overtime {
  width: 1.54rem;
  height: 0.67rem;
  background-image: url(../image/slidebar-twitter-overtime.png);
  top: 1.7rem;
  left: 0.25rem;
  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;
}

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

.slidebar .star-list li:nth-child(2) {
  left: 1.7rem;
  top: 0.35rem;
  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.6rem;
  top: 1rem;
  animation: twinkling 2s infinite;
}

.slidebar .star-list li:nth-child(5) {
  left: 1.85rem;
  top: 0.7rem;
  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.44rem;
  height: 0.41rem;
  position: absolute;
  left:  10.25rem;
  top: -0.2rem;
  background: url(../image/pop/order-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;
}

.close.over {
  left: 8rem;
  background-size: 100%;
}

/*弹层*/
.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: 7.96rem;
  height: 8.26rem;
  background: url(../image/pop/order-bg.png) no-repeat;
  background-size: 100%;
  left: 5.4rem;
  top: 0.4rem;
}

.order .order-bg.Pre-download {
  width: 7.96rem;
  height: 8.26rem;
  background: url(../image/pop/Pre-download.png) no-repeat;
  background-size: 100%;
  left: 5.4rem;
  top: .4rem;
}

.order .order-bg.overtime {
  width: 7.96rem;
  height: 8.26rem;
  background: url(../image/pop/order-bg-overtime.png) no-repeat;
  background-size: 100%;
  left: 5.4rem;
  top: .4rem;
}

.order-two .order-bg-two.over {
  width: 7.96rem;
  height: 8.26rem;
  background: url(../image/pop/order-bg-over.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: 5.4rem;
  top: .4rem;
}

.order .order-bg .close {
  position: absolute;
  width: 0.44rem;
  height: 0.41rem;
  background: url(../image/pop/order-close.png) no-repeat;
  background-size: 100%;
  top: 0rem;
  left: 8rem;
}

.order .btn-list {
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 7.37rem;
  top: 6.2rem;
  left: 0.5rem;
}

.order-two .btn-list {
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.order .overtime .btn-list {
  top: 6.2rem;
  left: 1.2rem;
  width: 5.7rem;
}

.order-two .over .btn-list {
  top: 6.2rem;
  left: 0.65rem;
  /* width: 4.6rem; */
}




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

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

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

.order .btn-list .btn-gp {
  width: 2.30rem;
  height: .91rem;
  margin-top: 0.2rem;
  background: url(../image/pop/order-store-gp.png) no-repeat;
  background-size: 100%;
}

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

.order-two .btn-list .btn-gp.over {
  width: 2.01rem;
  height: .79rem;
  background: url(../image/pop/order-store-gp-over.png) no-repeat;
  background-size: 100%;
  margin-top: .18rem;
  /* position: absolute;
  left: 5rem;
  top: .5rem; */
}

.order .btn-list .btn-twitter {
  position: absolute;
  width: 2.4rem;
  height: 1.05rem;
  background: url(../image/pop/btn-twitter.png) no-repeat;
  background-size: 100%;
  left: 5.05rem;
  display: none;
}

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

.order-two .btn-list .btn-twitter.over {
  width: 2.4rem;
  height: 1.05rem;
  background: url(../image/pop/btn-twitter-over.png) no-repeat;
  background-size: 100%;
  margin-left: .3rem;
  display: block;
}

.order .order-bg.overtime .btn-list >a:nth-child(1):after {
  content: '';
  width: .28rem;
  height: .28rem;
  background: url(../image/pop/red.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -0.07rem;
  left: -0.06rem;
}

.order .order-bg.overtime .btn-list >a:nth-child(2):after {
  content: '';
  width: .28rem;
  height: .28rem;
  background: url(../image/pop/red.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.15rem;
  left: -0.06rem;
}

/* 热区 */
.hot-block {
  width: 6.6rem;
  height: 3.4rem;
  position: absolute;
  top: 2.6rem;
  left: 0.7rem;
}

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

/* .order .btn-list > .active::before {
  content: '';
  width: .28rem;
  height: .28rem;
  background: url(../image/pop/red.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -0.07rem;
  left: -0.06rem;
} */

.order .btn-list > .over::before {
  display: none;
}
.order .btn-list .btn-gp::after {
  content: '';
  width:.28rem;
  height:.28rem;
  background: url(../image/pop/red.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -0.07rem;
  left: -0.01rem;
}
.order .btn-list .btn-ios::after {
  content: '';
  width: .28rem;
  height: .28rem;
  background: url(../image/pop/red.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.18rem;
  left: -0.03rem;
}
/* 完成预约弹窗 */
.order-finish .order-bg {
  position: absolute;
  width: 7.83rem;
  height: 10.44rem;
  background: url(../image/pop/order-finish-bg.png) no-repeat;
  background-size: 100%;
  left: 5.4rem;
  top: -0.8rem;
}

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

.order-finish .btn-list {
  position: absolute;
  display: flex;
  justify-content: space-around;
  width: 5rem;
  top: 6.1rem;
  left: 0.5rem;
}

.order-finish .btn-list .btn-ios {
  width: 2.25rem;
  height: .99rem;
  background: url(../image/pop/order-store-ios1.png) no-repeat;
  background-size: 100%;
  position: absolute;
  /* top: 0.2rem; */
  left: 2.3rem;
}

.order-finish .btn-list .btn-gp {
  width: 2.01rem;
  height: .79rem;
  background: url(../image/pop/order-store-gp1.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.2rem;
  left: 0.1rem;
}

.order-finish .btn-list .btn-twitter {
  position: absolute;
  width: 2.40rem;
  height: 1.05rem;
  background: url(../image/pop/btn-twitter.png) no-repeat;
  background-size: 100%;
  left: 4.51rem;
  top: -0.03rem;
}
/* .order-finish .btn-list .btn-ios::after {
  content: '';
  width:.28rem;
  height:.28rem;
  background: url(../image/pop/red.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.1rem;
}
.order-finish .btn-list .btn-gp::after {
  content: '';
  width:.28rem;
  height:.28rem;
  background: url(../image/pop/red.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -0.1rem;
}
.order-finish .btn-list .btn-twitter::after {
  content: '';
  width:.28rem;
  height:.28rem;
  background: url(../image/pop/red.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.12rem;
} */

/* 背景设置
*  设置背景图片以及图片大小
*/
.wrap_bg {
  background: url(../image/bg.jpg) no-repeat;
  background-size: 100%;
}