@charset "utf-8";
/*共用代码 */
body {font-family:微软雅黑;}
html{ font-size:calc(100vw/7.5);}
@media screen and (min-width:750px){html{ font-size:100px;}}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li,ul,ol{ list-style:none}
a{ text-decoration:none}
i,em{ font-style:normal;}
.pr{ position: relative}
img{width: 100%;}
.fl{ float: left}
.fr{ float: right}
.ov{ overflow:hidden}
.clear{ clear: both;overflow: initial;}
.tc{ text-align: center}
input{ outline: none}

.patb30{ padding: 0.3rem 0}

.wi{max-width:7.5rem; margin: 0 auto; font-size: 0.24rem; overflow: hidden;background: #f5f5f5;}
.wi img{ vertical-align:bottom}

.wi .ti { padding:4% 0; position: relative; font-size: 0.37rem; color:#7f37a4; text-align: center; line-height:0.4rem;}
.wi .ti i{ color:#525252; text-transform: uppercase; font-size:0.2rem;}

.wi .btn{ text-align: center; display: flex; display: -webkit-flex; justify-content:space-around;}
.wi .btn a{ color: #fff; display: inline-block;line-height: 0.6rem;
	font-size: 0.24rem; background: #7969d7; border-radius: 0.5rem;
	animation: heartBeat 5s infinite; -webkit-animation: heartBeat 5s infinite; 
	background: -webkit-linear-gradient(left, #7968d7 , #69cbe3);
	background: -o-linear-gradient(left, #7968d7 , #69cbe3);
	background: -moz-linear-gradient(left, #7968d7 , #69cbe3);
	background: linear-gradient(left, #7968d7 , #69cbe3); width: 50%;
}

.kv{ position: relative;}
.kv .pagination {width: 100%; position: absolute; bottom:3%; left:0;}
.kv .swiper-pagination-switch {display: inline-block;width: 0.1rem;height: 0.1rem;
  margin: 0 0.05rem;cursor: pointer; border-radius:50%;background: #fff;}
.kv .swiper-active-switch { background: #ffbdb3; }

.wi .gunbox{ width:85%; margin:4% auto 0; padding:2% 5%; overflow:hidden; background:#fff; border-radius: 0.1rem; }
.wi .gunbox strong{ float:left; width:1.16rem; line-height:0.78rem; text-align:right;font-size:0; position: relative;}
.wi .gunbox strong::before{ content: ""; display: block; width:0.21rem; height:0.19rem;
	background: url(../../images/2021/laba2.png) no-repeat; background-size:cover;
	position: absolute; top: 13%;left:32%;
	animation: laba .5s infinite; -webkit-animation: laba .5s infinite;
}
@keyframes laba{
	0%{background: url(../../images/2021/laba1.png) no-repeat; background-size:cover;}
	50%{background: url(../../images/2021/laba2.png) no-repeat; background-size:cover;}
	100%{background: url(../../images/2021/laba1.png) no-repeat; background-size:cover;}
}
.wi .gunbox .uplist{ float:right; width:70%; height:0.78rem;overflow:hidden; position:relative; font-size:0; color:#646060;}
.wi .gunbox .uplist .swiper-slide{ display:inline-block;width:100%; height:0.78rem; box-sizing:border-box;overflow:hidden;}
.wi .gunbox .uplist .swiper-slide a{ display: block; padding-top: 0.08rem}
.wi .gunbox .uplist .swiper-slide .t1{ font-size:0.22rem; height:0.32rem; line-height:0.32rem; color:#333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.wi .gunbox .uplist .swiper-slide .t2{ font-size:0.2rem;  height:0.32rem;line-height:0.32rem; color:#333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.wi .gunbox .uplist .swiper-slide .tx{width:0.6rem; height:0.6rem; font-size:0; 
    border-radius: 50%; overflow: hidden; vertical-align:top; border: 0.03rem solid #e4dbf9; float: left; margin-right: 2%}


.p1 { padding:0.2rem 2%;}
.p1 ul{ display: flex; display: -webkit-flex; justify-content: space-around; flex-wrap: wrap; background: #ffff; padding:5% 0 2%; border-radius: 0.1rem;}
.p1 ul li{ width:25%; text-align: center; position: relative;}
.p1 ul li img{ width:1.3rem; margin:0 auto; border-radius:43%; overflow: hidden;}
.p1 ul li a{ color:#000}
.p1 ul li p{ line-height:0.7rem;}
.p1 ul li .hot{ display: block; width:0.33rem; height: 0.43rem; background: url(../../images/2021/HOT.png) no-repeat; background-size:cover;
	position: absolute; right:8%; top:-5%;
	animation: shake1 4s infinite; -webkit-animation: shake1 4s infinite;
}

.p2{ padding:0 2%;}
.p2 .con{background: #ffff; padding:5% 2%; border-radius: 0.1rem;}
.p2 .tit{ font-size:0.29rem; background: url(../../images/2021/tj.png) no-repeat left center; 
	background-size:0.25rem 0.25rem; padding-left: 7%;}
.p2 .tit a{float: right; color:#525252; display: flex; display: -webkit-flex; align-items: center;}
.p2 .tit a::after{ content: ""; display: block; width:0.2rem; height:0.2rem; border-radius: 50%;
	background: url(../../images/2021/jt.png) no-repeat center #e9cff4; background-size:0.08rem 0.12rem;
}
.p2 ul,.p2 ol{ display: flex; display:-webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.p2 ul{ margin-bottom: 4%;}
.p2 ul li{ width:49%; margin-top:4%;}
.p2 ol li{ width:32%;}


.p3{ padding:0.2rem 2%;}
.p3 .con{background: #ffff; padding:5% 2%; border-radius: 0.1rem;}

#tonglaaa{ position: relative;}
#tonglaaa .spbox{width: 100%;overflow: hidden;}
#tonglaaa .spbox .spadver{ height:2.26rem;}
#tonglaaa .spbox .swiper-slide{ position: relative;}
#tonglaaa .spbox .swiper-slide i{ width:0.85rem; position: absolute; right:17%; top:28%}
#tonglaaa .pagination {width: 70%; position: absolute; bottom:7%; left:0;}
#tonglaaa .swiper-pagination-switch {display: inline-block;width: 0.1rem;height: 0.1rem;
  margin: 0 0.05rem;cursor: pointer; border-radius:50%;background: #fffefe;}
#tonglaaa .swiper-active-switch { background: #ffbdb3; }

.p4{ padding:0 2%;}
.p4 .btn{ padding-top:5%;}
.p4 .sp4{ border-radius: 0.2rem; overflow: hidden;}

.p5{ padding:0.2rem 2% 0}
.p5 .con{ background: #fff; padding:0.2rem 2%; border-radius: 0.1rem;}
.p5 ol { display: flex; display: -webkit-flex; justify-content: space-between; text-align: center; line-height:0.4rem;}
.p5 ol li{ width:30%;}
.p5 ol li.active{ border-bottom: 2px solid #7f37a4;}
.p5 .sp5{ padding:4% 0 0}

.p6{ padding:0.2rem 2%}
.p6 .con{ background: #fff; padding:0.2rem 2%; border-radius: 0.1rem;}
.p6 ol { display: flex; display: -webkit-flex; justify-content: space-between; text-align: center; line-height:0.4rem;}
.p6 ol li{ width:30%;}
.p6 ol li.active{ border-bottom: 2px solid #7f37a4;}
.p6 .sp6{ padding:5% 0 0}

.entrance{}
.entrance a{ display:block; position:relative}
.entrance a .laba{ position:absolute; width:0.55rem; left:2.0rem; top:0.7rem;animation:fingerHandle 2s linear infinite;}
.entrance a .jt{ position:absolute; width:0.27rem; right:0.75rem; top:1rem; z-index:3;animation:shake1 5s linear infinite;}
.circle{position:absolute; top:0.85rem;right:0.8rem;opacity:0;  background-color:#b961e7;width:0.5rem;height:0.5rem;border: 0 solid transparent;border-radius: 50%;}
  .circle:nth-child(1)

  {

     animation:anim 2s linear infinite;

  }

  .circle:nth-child(2)

  {

     animation:anim 2s linear 0.8s infinite;

  }

  .circle:nth-child(3)

  {

     animation:anim 2s linear 1.6s infinite;

  }

  @keyframes anim

  {

      from  {  opacity:1;  transform:scale(0);  }

      to    {  opacity:0;  transform:scale(1.2);  }

  }
  
.foot-fd {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 30px 0;
    color: #000;
	padding-bottom:15%;
}


.wi .pagination {width: 100%; text-align: center;}
.wi .swiper-pagination-switch {display: inline-block;width: 0.1rem;height: 0.1rem;border-radius: 0.1rem;
	margin: 0 0.05rem;cursor: pointer;background: #d2d2d2;}
.wi .swiper-active-switch { background: #7f37a4; width: 0.4rem;}

.sp_zl {
  width:100%;
  padding-top:0.2rem;
  background:url(/newm/i2/images/2021/tbg.jpg) repeat-y;
  background-size:6.4rem 0.1rem;
  height:3.5rem;
  color: #fff;

  text-align: center;
}
.sp_zl .swiper-slide {
  height: 100%;
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.sp_zl .swiper-slide-visible {
  opacity: 0.5;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.sp_zl .swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0.2}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}
@-webkit-keyframes shake1{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(2px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(2px);transform:translateX(2px)}}
@keyframes fingerHandle {
            0% {
                transform: none;
            }
            70% {
                transform: scale3d(.9, .9, .9);
            }
            100% {
                transform: none;
            }
        }
.Topwrap{
	max-width: 7.5rem !important;
	min-width:3.2rem !important;
}
.Topwrap #topKV{
	max-width: 7.5rem !important;
	min-width:3.2rem !important;
}
.SD-Alert{
	max-width: 7.5rem !important;
	min-width:3.2rem !important;
}