html,
body {
  width: 100%;
  min-width: 1343px;
  height: 100%;
  font-family: "微软雅黑";
  color: #fff;
  background-color: #08080a;
}
@media screen and (max-width: 1360px) {
  html,
  body {
    width: 1343px;
  }
}
.main{
	position: relative;
}

.move{
	width: 58%;
	background: url(/international/2018/secretshop/image/icon-d.png) no-repeat center 0;
	position: absolute;
	left: 50%;
	margin-left: -28.6%;
  top: 8%;
	background-size: 100%;
	z-index: 10;
}

@-webkit-keyframes move-up {
		0% {
        -webkit-transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(50px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-50px);
    }
}
 
@keyframes move-up {
    0% {
        -webkit-transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(50px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-50px);
    }
}
 
.move-up{
    -webkit-animation: move-up 11s linear infinite;
    animation: move-up 11s linear infinite;
}


@media (min-width: 1360px) and (max-width: 1920px) {
  .move {
    height: 0;
    padding-top: 23%;
  }
}
@media (max-width: 1360px) {
  .move {
    height: 313px;
    padding-top: 0;
  }
}
@media (min-width: 1921px) {
  .move {
    width: 1120px;
    height: 443px;
  }
}

.buy1 {
  display: block;
  width: 181px;
  height: 70px;
  background: url(/international/2018/secretshop/image/icon-buy1.png) no-repeat center;
  font-size: 20px;
  text-align: center;
  line-height: 70px;
  color: #fff;
  font-weight: bold;
  opacity: 0.9;
}
.buy1:hover{
	opacity: 1;
} 

.buy2 {
  background: url(/international/2018/secretshop/image/icon-buy2.png) no-repeat center;
}

.rmb {
  display: inline-block;
  width: 14%;
  height: 72px;
  margin-right: 17px;
  background: url(/international/2018/secretshop/image/icon-m.png) no-repeat center 0;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.rmb2 {
  background: url(/international/2018/secretshop/image/icon-m2.png) no-repeat center 0;
  background-size: 100%;
}
.rmb-p2{
	background: url(/international/2018/secretshop/image/icon-money.png) no-repeat center 0;
  background-size: 100%;
}
section div {
  width: 23.5%;
  position: absolute;
  top: 25.3%;
  left: 50%;
  margin-left: -23.5%;
}
.title {
  margin-bottom: 4%;
}
.des {
  top: 56px;
  margin-bottom: 6%;
  letter-spacing: 1px;
}
.money {
  color: #d7bf49;
  position: relative;
  padding-left: 18%;
  margin-bottom: 24%;
  line-height: 120%;
}
.money-p2{
	color: #ff8a00;
}

@media (min-width: 1360px) and (max-width: 1920px) {
  .rmb {
    width: 14%;
  }
}
@media (max-width: 1360px) {
  .rmb {
    width: 44px;
  }
  .title {
	  font-size: 44px;
	}
	.des{
		font-size: 20px;
	}
	.money{
		font-size: 47px;
		padding-left: 60px;
	}
}
.header {
  width: 100%;
  display: block;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/header-bg.jpg) no-repeat center 0;
  background-size: 100%;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .header {
    height: 0;
    padding-top: 46.5%;
  }
}
@media (max-width: 1360px) {
  .header {
    height: 628px;
    padding-top: 0;
  }
}
@media (min-width: 1921px) {
  .header {
    width: 1920px;
    height: 898px;
  }
}
.sec1 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/sec1-p2.jpg) no-repeat center 0;
  background-size: 100%;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec1 {
    height: 0;
    padding-top: 18% ;
  }
}
@media (max-width: 1360px) {
  .sec1 {
    height: 244px;
    padding-top: 0;
  }
}
@media (min-width: 1921px) {
  .sec1 {
    width: 1920px;
    height: 352px;
  }
}
.sec2-p2 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/sec2-p2.jpg) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec2-p2 {
    height: 0;
    padding-top: 33.9%;
  }
}
@media (max-width: 1360px) {
  .sec2-p2 {
    height: 456px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec2-p2 {
    width: 1920px;
    height: 652px;
  }
}
.sec2-p2 .sec2-con{
	top: 27.3%;
}

.sec3-p2 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/sec3-p2.jpg) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec3-p2 {
    height: 0;
    padding-top: 32.9%;
  }
}
@media (max-width: 1360px) {
  .sec3-p2 {
    height: 442px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec3-p2 {
    width: 1920px;
    height: 632px;
  }
}
.sec3-p2 .sec2-con {
    margin-left: 15.5%;
}
.sec4-p2 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/sec4-p2.jpg) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec4-p2 {
    height: 0;
    padding-top: 32.5%;
  }
}
@media (max-width: 1360px) {
  .sec4-p2 {
    height: 437px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec4-p2 {
    width: 1920px;
    height: 626px;
  }
}

.sec5-p2 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/sec5-p2.jpg) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec5-p2 {
    height: 0;
    padding-top: 32.9%;
  }
}
@media (max-width: 1360px) {
  .sec5-p2 {
    height: 442px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec5-p2 {
    width: 1920px;
    height: 632px;
  }
}
.sec5-p2 .sec2-con {
    margin-left: 15.5%;
}
.sec6-p2 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/sec6-p2.jpg) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec6-p2 {
    height: 0;
    padding-top: 32.6%;
  }
}
@media (max-width: 1360px) {
  .sec6-p2 {
    height: 437px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec6-p2 {
    width: 1920px;
    height: 626px;
  }
}








.sec2 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/bg-sec2.jpg?v=20180821) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec2 {
    height: 0;
    padding-top: 36%;
  }
}
@media (max-width: 1360px) {
  .sec2 {
    height: 487px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec2 {
    width: 1920px;
    height: 697px;
  }
}
.sec3 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/bg-sec32.jpg?v=20180821) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec3 {
    height: 0;
    padding-top: 72.2%;
  }
}
@media (max-width: 1360px) {
  .sec3 {
    height: 972px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec3 {
    width: 1920px;
    height: 1391px;
  }
}
.sec3-con{
	width: 16.5%;
	top: 70.8%;
  left: 50%;
  margin-left: 33%;
}
.sec3-con .money{
	margin-bottom: 33%;
}
.sec3 .title{
	width: 100%;
	position: absolute;
	top: 9%;
	left: 0;
	text-align: center;
}
.sec3-con .money{
	padding-left: 26%;
}
.sec3-con .rmb{
	width: 20%;
}
@media (max-width: 1360px) {
  .sec3-con .rmb{
		width: 44px;
	}
}
.sec3 .des{
	width: 100%;
	position: absolute;
	top: 14%;
	left: 0;
	text-align: center;
}







.clothes{
	width: 100%;
	position: absolute;
	top: 21%;
	left: 0;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .clothes {
    height: 0;
    padding-top: 57%;
  }
}
@media (max-width: 1360px) {
  .clothes {
    height: 779px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .clothes {
    width: 1920px;
    height: 1100px;
  }
}
.clothes a{
	display:block;
	overflow: hidden;
	width: 25%;
	background-size: 65%;
	position: absolute;
	transition: all 0.8s 0.1s;
}
.clothes a:hover{
	transform: scale(1.1); 
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .clothes a {
    height: 0;
    padding-top: 28.5%;
  }
}
@media (max-width: 1360px) {
  .clothes a {
    height: 380px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .clothes a {
    height: 550px;
  }
}
.c1,.c2,.c3,.c4{
	top: 0;
	left: 0;
	background: url(/international/2018/secretshop/image/icon-c1.png) no-repeat center center;
}
.c2{
	left: 25%;
	background: url(/international/2018/secretshop/image/icon-c2.png) no-repeat center center;
}
.c3{
	left: 50%;
	background: url(/international/2018/secretshop/image/icon-c3.png) no-repeat center center;
}
.c4{
	left: 75%;
	background: url(/international/2018/secretshop/image/icon-c4.png) no-repeat center center;
}
.c5,.c6,.c7{
	top: 50%;
	left: 0;
	background: url(/international/2018/secretshop/image/icon-c5.png) no-repeat center center;
}
.c6{
	left: 25%;
	background: url(/international/2018/secretshop/image/icon-c6.png) no-repeat center center;
}
.c7{
	left: 50%;
	background: url(/international/2018/secretshop/image/icon-c7.png) no-repeat center center;
}

.sec4 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/bg-sec4.jpg?v=20180821) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec4 {
    height: 0;
    padding-top: 29%;
  }
}
@media (max-width: 1360px) {
  .sec4 {
    height: 398px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec4 {
    width: 1920px;
    height: 570px;
  }
}
.sec4-con{
	top: 15.3%;
}
.sec5 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/bg-sec5.jpg?v=20180821) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec5 {
    height: 0;
    padding-top: 29.8% ;
  }
}
@media (max-width: 1360px) {
  .sec5 {
    height: 402px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec5 {
    width: 1920px;
    height: 570px;
  }
}
.sec5-con{
	top: 17.3%;
	margin-left: 15.5%;
}
.sec6 {
  width: 100%;
  margin: 0 auto;
  margin-top: -3px;
  background: url(/international/2018/secretshop/image/bg-sec6.jpg?v=20180821) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec6 {
    height: 0;
    padding-top: 39.2% ;
  }
}
@media (max-width: 1360px) {
  .sec6 {
    height: 525px;
    padding-top: 0;
  }
}
@media (min-width: 1921px) {
  .sec6 {
    width: 1920px;
    height: 749px;
  }
}
.sec6 .title {
  color: #000;
}
.sec6 .des{
  color: #000;
}
.sec6 .money{
	color: #7559ff;
}
.sec7 {
  width: 100%;
  margin: 0 auto;
  margin-top: -3px;
  background: url(/international/2018/secretshop/image/bg-sec7.jpg?v=20180821) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec7 {
    height: 0;
    padding-top: 39% ;
  }
}
@media (max-width: 1360px) {
  .sec7 {
    height: 524px;
    padding-top: 0;
  }
}
@media (min-width: 1921px) {
  .sec7 {
    width: 1920px;
    height: 750px;
  }
}
.sec7-con{
	top: 22.3%;
	margin-left: 10.5%;
}
.sec8 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/bg-sec8.jpg?v=20180821) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec8 {
    height: 0;
    padding-top: 39%;
  }
}
@media (max-width: 1360px) {
  .sec8 {
    height: 524px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec8 {
    width: 1920px;
    height: 750px;
  }
}
.sec9 {
  width: 100%;
  margin: 0 auto;
  background: url(/international/2018/secretshop/image/bg-sec9.jpg?v=20180821) no-repeat center 0;
  background-size: 100%;
  position: relative;
}
@media (min-width: 1360px) and (max-width: 1920px) {
  .sec9 {
    height: 0;
    padding-top: 36.5% ;
  }
}
@media (max-width: 1360px) {
  .sec9 {
    height: 495px;
    padding-top: 0 ;
  }
}
@media (min-width: 1921px) {
  .sec9 {
    width: 1920px;
    height: 750px;
  }
}
.sec9-con{
	top: 28.3%;
	margin-left: 15.5%;
}

/*# sourceMappingURL=shop.css.map */