@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1; width: 100%; clear: both;} 
body{width: 100%;height:100%; background: #c497ff; font-size: .12rem;min-width: 1100px!important;  font-family:"MiSans"; color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none !important;}

/* 通用 */
.section{
  padding-bottom: 0.5rem;
}
.title{
  margin-bottom: 0.15rem;
}
.title h2{
  font-size: .46rem; font-weight: bold; letter-spacing: .01rem; display: flex; justify-content: center; align-items: center;
}
.title-bt1{
  position: relative; z-index: 1;
  opacity: 0;
  will-change: transform, opacity;
  transform: translateZ(0);
}
.title-bt2{
  margin-left: -1.8rem;
  opacity: 0;
  will-change: transform, opacity;
  transform: translateZ(0);
}
.bt1animate{
animation: slideInLeft 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.bt2animate{
animation: slideInRight 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.12s forwards;
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-0.6rem) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(.6rem) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
/*banner*/
.banner{
	width: 100%; height: 5.98rem; position: relative; background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0; overflow: hidden; 
}
/* 粉色粒子 */
.ban-particles{
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.ban-particle{
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  background: radial-gradient(circle, #ff69b4 0%, #ff1493 50%, transparent 100%);
  border-radius: 50%;
  opacity: 0;
}
.ban-particle:nth-child(1){ left: 40%; top: 45%; animation: particleExplode 1s ease-out 0s forwards; }
.ban-particle:nth-child(2){ left: 45%; top: 40%; animation: particleExplode 1s ease-out 0.05s forwards; }
.ban-particle:nth-child(3){ left: 50%; top: 45%; animation: particleExplode 1s ease-out 0.1s forwards; }
.ban-particle:nth-child(4){ left: 55%; top: 40%; animation: particleExplode 1s ease-out 0.15s forwards; }
.ban-particle:nth-child(5){ left: 42%; top: 50%; animation: particleExplode 1s ease-out 0.08s forwards; }
.ban-particle:nth-child(6){ left: 58%; top: 48%; animation: particleExplode 1s ease-out 0.12s forwards; }
.ban-particle:nth-child(7){ left: 38%; top: 52%; animation: particleExplode 1s ease-out 0.06s forwards; }
.ban-particle:nth-child(8){ left: 62%; top: 43%; animation: particleExplode 1s ease-out 0.14s forwards; }
.ban-particle:nth-child(9){ left: 48%; top: 55%; animation: particleExplode 1s ease-out 0.09s forwards; }
.ban-particle:nth-child(10){ left: 52%; top: 53%; animation: particleExplode 1s ease-out 0.11s forwards; }
.ban-particle:nth-child(11){ left: 44%; top: 38%; animation: particleExplode 1s ease-out 0.07s forwards; }
.ban-particle:nth-child(12){ left: 56%; top: 36%; animation: particleExplode 1s ease-out 0.13s forwards; }
@keyframes particleExplode {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(var(--tx), var(--ty)) scale(0);
  }
}
.ban-particle:nth-child(1){ --tx: -2rem; --ty: -1rem; }
.ban-particle:nth-child(2){ --tx: 1.5rem; --ty: -1.5rem; }
.ban-particle:nth-child(3){ --tx: 2rem; --ty: 1rem; }
.ban-particle:nth-child(4){ --tx: -1.5rem; --ty: 1.5rem; }
.ban-particle:nth-child(5){ --tx: -2.5rem; --ty: 0.5rem; }
.ban-particle:nth-child(6){ --tx: 2.5rem; --ty: -0.5rem; }
.ban-particle:nth-child(7){ --tx: -1rem; --ty: 2rem; }
.ban-particle:nth-child(8){ --tx: 1rem; --ty: -2rem; }
.ban-particle:nth-child(9){ --tx: -0.5rem; --ty: 1.8rem; }
.ban-particle:nth-child(10){ --tx: 0.5rem; --ty: -1.8rem; }
.ban-particle:nth-child(11){ --tx: -3rem; --ty: -0.8rem; }
.ban-particle:nth-child(12){ --tx: 3rem; --ty: 0.8rem; }
.ban-m{
  display: flex; justify-content: flex-end; align-items: flex-start;
}
.ban-bt{
  margin-top: 1.14rem; margin-right: -0.54rem;
}
.ban-bt1{
  opacity: 0;
  /* animation: titleAppear 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s forwards, titlePulse 1.5s ease-in-out 1.6s infinite; */
  animation: titleAppear 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s forwards;
}
.ban-bt2{
  margin-top: -0.78rem;
  margin-left: -0.33rem;
  opacity: 0;
  /* animation: titleAppear 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1s forwards, titlePulse 1.5s ease-in-out 1.8s infinite; */
  animation: titleAppear 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1s forwards;
}
@keyframes titleAppear {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(0.3rem);
  }
  50% {
    opacity: 1;
    transform: scale(1.1) translateY(-0.1rem);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.ban-ip{
  margin-right: .06rem; margin-top: 1.2rem;
}
.ban-icon1{
  position: absolute; left: .32rem; top: .42rem;
  animation: floatUpDown 3s ease-in-out infinite;
}
.ban-icon2{
  position: absolute; top: 1.05rem; left: -2.4rem;
  animation: floatLeftRight 4s ease-in-out infinite;
}
.ban-icon3{
  position: absolute; bottom: -1.01rem; left: -3.21rem;
  animation: floatDiagonal 3.5s ease-in-out infinite;
}
.ban-icon4{
  position: absolute; top: .3rem; right: .6rem;
  animation: floatUpDown 3s ease-in-out infinite 0.5s;
}
.ban-icon5{
  position: absolute; right: -3.64rem; top: .46rem;
  animation: floatLeftRight 4s ease-in-out infinite 0.8s;
}
.ban-icon6{
  position: absolute; right: -3.45rem; bottom: .47rem;
  animation: floatDiagonal 3.5s ease-in-out infinite 0.3s;
}
@keyframes titlePulse {
  0%, 100% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.03);
    filter: brightness(1.1);
  }
}
@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.8;
  }
  50% {
    transform: translateY(-0.15rem);
    opacity: 1;
  }
}
@keyframes floatLeftRight {
  0%, 100% {
    transform: translateX(0);
    opacity: 0.8;
  }
  50% {
    transform: translateX(.12rem);
    opacity: 1;
  }
}
@keyframes floatDiagonal {
  0%, 100% {
    transform: translate(0, 0);
    opacity: 0.8;
  }
  50% {
    transform: translate(-0.08rem, -0.1rem);
    opacity: 1;
  }
}

/*sec01*/
.sec01{
  background: url(../images/s1_bg.jpg) no-repeat center / cover;
}
.sec01-list {
  width: 12rem;
  height: 3.22rem;
  display: block;
  margin: auto;
  background: url("../images/s1_mbg.png") no-repeat center top / 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-family: "MiSans", sans-serif;
}
.sec01-main .item {
  width: 2.87rem;
  height: 2.82rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
  background: url("../images/s1_list_ibg.png") no-repeat center top / 100%;
  margin: auto 0.04rem;
}
.sec01-main .item .tit {
  width: 100%;
  clear: both;
  margin-top: 0.16rem;
  line-height: 0.3rem;
  font-size: 0.23rem;
  color: #fff;
  padding-bottom: 0.1rem;
  position: relative;
}
.sec01-main .item .tit b {
  font-weight: 700;
  font-size: 0.3rem;
}
.sec01-main .item .tit.tit1{
  font-size: .18rem;
}
.sec01-main .item .tit.tit1 b{
  font-size: .26rem;
}
.sec01-main .item .tit::after {
  position: absolute;
  top: -0.45rem;
  right: 0.2rem;
  animation: moveX1 0.8s linear infinite alternate;
  -o-animation: moveX1 0.8s linear infinite alternate;
  -moz-animation: moveX1 0.8s linear infinite alternate;
  -webkit-animation: moveX1 0.8s linear infinite alternate;
}
.sec01-main .item .tit.tit1::after {
  content: '';
  width: 1.32rem;
  height: 0.48rem;
  display: block;
  background: url("../images/s1_tips1.png") no-repeat center top / 100%;
  right: 0.3rem;
}
.sec01-main .item .tit.tit2::after {
  content: '';
  width: 1.32rem;
  height: 0.45rem;
  display: block;
  background: url("../images/s1_tips2.png") no-repeat center top / 100%;
  right: 0.3rem;
}
.sec01-main .item .tit.tit3::after {
  content: '';
  width: 1.08rem;
  height: 0.45rem;
  display: block;
  background: url("../images/s1_tips3.png") no-repeat center top / 100%;
}
.sec01-main .item .tit.tit4::after {
  content: '';
  width: 1.08rem;
  height: 0.45rem;
  display: block;
  background: url("../images/s1_tips4.png") no-repeat center top / 100%;
}
.sec01-main .item .pic {
  width: 90%; overflow: hidden;
  height: 1.6rem;
  display: block;
}
.sec01-main .item .pic .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec01-main .item .pic .swiper-slide img {
  width: auto;
  height: 1.36rem;
  display: block;
}
.sec01-main .item .btm {
  width: 100%;
  height: 0.66rem;
  clear: both;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.sec01-main .item .btm span {
  font-size: 0.22rem;
  line-height: 1;
  color: #333;
  margin-left: 0.22rem;
}
.sec01-main .item .btm img {
  width: 0.83rem;
  display: block;
  position: absolute;
  top: -0.45rem;
  right: 0.12rem;
  z-index: 3;
}
.sec01-fuli{
  width: 100%; height: 1.59rem; background: url(../images/s1_fuli_bg.png) no-repeat center / 100%; margin: .18rem auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.sec01-fuli img.plan{
  margin-left: .12rem;
  animation: planeFloat 2s ease-in-out infinite;
}
@keyframes planeFloat {
  0%, 100% {
    transform: translateY(0) rotate(-2deg);
  }
  50% {
    transform: translateY(-0.08rem) rotate(2deg);
  }
}
.sec01-fuli a{
  width: 1.45rem; height: 1.45rem; margin-right: .55rem;
  display: inline-block;
  transition: all 0.3s ease;
  transform-origin: center center;
}
.sec01-fuli a:hover{
  transform: scale(1.08);
  filter: drop-shadow(0 .08rem .2rem rgba(255, 100, 50, 0.4));
}
.sec01-fuli a img{
  width: 100%;
}
.sec01-video{
  width: 100%; height: 6.75rem; background: url(../images/s1_video_bg.png) no-repeat center / 100%; padding: .05rem; box-sizing: border-box;
}
.sec01-video .video-box{
  width: 100%; height: 100%;border-radius: .27rem; overflow: hidden;
}

/*sec02*/
.sec02{
  background: url(../images/s2_bg.jpg) no-repeat center center / cover; padding-bottom: .34rem; padding-top: .2rem;
}
.sec02 .s2-nav {
  width: 100%;
  clear: both;
  margin-top: 0.1rem;
}
.sec02 .s2-nav .nav {
  width: 100%;
  clear: both;
  height: 0.8rem;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: #e8f3fb;
  background: -webkit-linear-gradient(#ffd2dc, #fdfafd);
  background: -moz-linear-gradient(#ffd2dc, #fdfafd);
  background: -o-linear-gradient(#ffd2dc, #fdfafd);
  background: linear-gradient(#ffd2dc, #fdfafd);
  border-radius: 0.5rem;
  padding: .04rem;
  box-sizing: border-box;
}
.sec02 .s2-nav .nav span {
  width: 1.91rem;
  height: 0.72rem;
  display: block;
  line-height: 0.72rem;
  font-size: 0.26rem;
  color: #333;
  font-weight: 500;
  border-radius: 0.5rem;
  cursor: pointer;
}
.sec02 .s2-nav .nav span.on {
  background: #fb6b39;
  background: -webkit-linear-gradient(left, #f74117, #ff955b);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f74117, #ff955b);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f74117, #ff955b);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f74117, #ff955b);
  /* 标准的语法 */
  color: #fff;
  font-weight: bold;
}
.sec02 .s2-nav ul {
  width: 100%;
  clear: both;
  background: #9d6ff3;
  background: -webkit-linear-gradient(bottom, #9d6ff3 36%, #c78aff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #9d6ff3 36%, #c78aff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #9d6ff3 36%, #c78aff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #9d6ff3 36%, #c78aff);
  /* 标准的语法 */
  border-radius: 0 0 0.3rem 0.3rem;
  margin-top: -0.38rem;
  padding-top: 0.5rem;
  padding-bottom: .05rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-items: flex-start;
}
.sec02 .s2-nav ul li {
  width: 1.91rem;
  height: 1.62rem;
  margin: 0 0.04rem;
  font-size: 0.16rem;
  line-height: 0.26rem;
  padding-top: .49rem;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  margin-top: -0.4rem;
}
.sec02 .s2-nav ul li.on {
  background: #6b27ea;
  background: -webkit-linear-gradient(#6b27ea, #c68aff00);
  background: -moz-linear-gradient(#6b27ea, #c68aff00);
  background: -o-linear-gradient(#6b27ea, #c68aff00);
  background: linear-gradient(#6b27ea, #c68aff00);
}
.sec02 .s2-nav ul li.on::before {
  content: "";
  width: .1rem;
  height: .08rem;
  position: absolute;
  top: .34rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/s2_jt.png) no-repeat center / 100%;
  display: block;
} 
.sec02 .s2-main {
  width: 100%;
  clear: both;
  margin-top: 0.16rem;
  background: #fffcfc;
  background: -webkit-linear-gradient(#fff9f9, #fff);
  background: -moz-linear-gradient(#fff9f9, #fff);
  background: -o-linear-gradient(#fff9f9, #fff);
  background: linear-gradient(#fff9f9, #fff);
  border-radius: 0.3rem;
  padding: 0.24rem 0 0.3rem;
}
.s2-main-item{
display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-left: 0.15rem;
  box-sizing: border-box;
}
.sec02 .s2-main .item {
  width: 3.66rem;
  height: 3.74rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
  border: solid 0.02rem #eabfa0;
  border-radius: 0.2rem;
  overflow: hidden;
  margin: 0 0.1rem 0.2rem;
}
.sec02 .s2-main .item.itemNull {
  visibility: hidden;
}
.sec02 .s2-main .hide-item {
  display: none;
}
.sec02 .s2-main .item .pic {
  width: 100%;
  height: 2.28rem;
  clear: both;
  display: block;
  overflow: hidden;
}
.sec02 .s2-main .item .pic img {
  width: 100%;
  display: block;
  transition: all 0.5s;
}
.sec02 .s2-main .item .pic:hover img {
  transform: scale(1.1);
}
.sec02 .s2-main .item .tit {
  width: 100%;
  height: 0.57rem;
  clear: both;
  background: #f9dedf;
  background: linear-gradient(90deg, #f9dedf, #fff2f3, #f9dedf);
  font-size: 0.24rem;
  line-height: 0.57rem;
  font-weight: 700;
  color: #333;
}
.sec02 .s2-main .item .btm {
  width: 100%;
  height: 0.89rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: url("../images/s3-bg02.png") no-repeat center top / 100%;
}
.sec02 .s2-main .item .btm .price {
  margin-left: 0.2rem;
  text-align: left;
}
.sec02 .s2-main .item .btm .price span {
  font-size: 0.16rem;
  color: #a1a09e;
}
.sec02 .s2-main .item .btm .price span i {
  text-decoration: line-through;
}
.sec02 .s2-main .item .btm .price .huabei {
  font-size: 0.18rem;
  font-weight: 700;
  color: #000;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sec02 .s2-main .item .btm .price .huabei::before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  display: block;
  background: url("../images/s3-icon01.png") no-repeat center / 100%;
  margin-right: .03rem;
  animation: priceIconPulse 2s ease-in-out infinite;
}
@keyframes priceIconPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
}
.sec02 .s2-main .item .btm .price .huabei em {
  color: #eb3717;
}
.sec02 .s2-main .item .btm .btn {
  width: 1.6rem;
  display: block;
  margin-right: 0.15rem;
}
.sec02 .s2-main .item .btm .btn a {
  width: 1.6rem;
  height: 0.5rem;
  display: block;
  background: url("../images/s3-btn01.png") no-repeat center / 100%;
  font-size: 0.22rem;
  line-height: 0.5rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
  transition: all 0.5s;
  padding-left: 0.5rem;
  box-sizing: border-box;
}
.sec02 .s2-main .item .btm .btn a:hover {
  transform: scale(1.1);
}
.s2-btn{
  width: 2.64rem; height: .7rem; margin: 0 auto; display: block; border-radius: 0.35rem;
  background: #9d6ff3;
  background: -webkit-linear-gradient(bottom, #9d6ff3, #c689ff);
  background: -o-linear-gradient(bottom, #9d6ff3, #c689ff);
  background: -moz-linear-gradient(bottom, #9d6ff3, #c689ff);
  background: linear-gradient(to bottom, #9d6ff3, #c689ff);
}
.s2-btn a{
  width: 100%; height: 100%; display: block; font-size: .3rem; color: #fff; font-weight: bold; display: flex; justify-content: center; align-items: center;
}
.s2-btn a::after{
  content: '';
  width: .27rem;
  height: .27rem;
  background: url(../images/s2_jt2.png) no-repeat center / 100%;
  display: block;
  margin-left: .14rem;
  transition: transform 0.3s ease;
}
.s2-btn.expanded a::after{
  transform: rotate(180deg);
}


/*sec03*/
.sec03{
  background: url(../images/s3_bg.jpg) no-repeat center center / cover;
}
.sec03-main ul{
  background: #fff; border-radius: .3rem; padding: .18rem 0 .14rem; box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sec03-main ul li{
  width: 3.9rem; height: 2.67rem; margin: 0 .02rem .02rem;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
}
.sec03-main ul li:hover{
  transform: translateY(-0.08rem) scale(1.02);
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15);
}
.sec03-main ul li .s3-list-m .pic img{
  animation: s3Float 3s ease-in-out infinite;
}
.sec03-main ul li:nth-child(1) .s3-list-m .pic img{ animation-delay: 0s; }
.sec03-main ul li:nth-child(2) .s3-list-m .pic img{ animation-delay: 0.2s; }
.sec03-main ul li:nth-child(3) .s3-list-m .pic img{ animation-delay: 0.4s; }
.sec03-main ul li:nth-child(4) .s3-list-m .pic img{ animation-delay: 0.6s; }
.sec03-main ul li:nth-child(5) .s3-list-m .pic img{ animation-delay: 0.8s; }
.sec03-main ul li:nth-child(6) .s3-list-m .pic img{ animation-delay: 1s; }
@keyframes s3Float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-0.1rem); }
}
.sec03-main ul li:nth-child(1){
  background: url(../images/s3_lbg1.png) no-repeat center / 100%;
}
.sec03-main ul li:nth-child(2){
  background: url(../images/s3_lbg2.png) no-repeat center / 100%;
}
.sec03-main ul li:nth-child(3){
  background: url(../images/s3_lbg3.png) no-repeat center / 100%;
}
.sec03-main ul li:nth-child(4){
  background: url(../images/s3_lbg4.png) no-repeat center / 100%;
}
.sec03-main ul li:nth-child(5){
  background: url(../images/s3_lbg5.png) no-repeat center / 100%;
}
.sec03-main ul li:nth-child(6){
  background: url(../images/s3_lbg6.png) no-repeat center / 100%;
}
.sec03-main ul li h3{
  width: 1.84rem; height: .48rem; line-height: .48rem; text-align: center; border-radius: .24rem; margin-top: .17rem;
  background: #ff420f;
  background: -webkit-linear-gradient(right, #ff430f00, #ff420f);
  background: -o-linear-gradient(right, #ff430f00, #ff420f);
  background: -moz-linear-gradient(right, #ff430f00, #ff420f);
  background: linear-gradient(to right, #ff430f00, #ff420f);
}
.sec03-main ul li h3 span{
  font-size: .3rem; font-weight: bold; font-family: "YanShiChuangHei"; font-style: italic; display: block;
  background: linear-gradient(to bottom, #fffd45, #fffff7);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec03-main ul li:nth-child(3) h3{
  width: 2.04rem;
}
.sec03-main ul li .s3-list-m{
  display: flex;
  justify-content: flex-start;
  align-items: center;
} 
.sec03-main ul li .s3-list-m .pic{
  width: 2rem; height: 1.64rem; display: flex; justify-content: center; align-items: center;
}
.sec03-main ul li .s3-list-m p span{
  font-size: .2rem; color: #444444; display: flex; justify-content: flex-start; align-items: center; margin: .18rem 0; line-height: 1;
}
.sec03-main ul li .s3-list-m p span::before{
  content: ''; width: .24rem; height: .24rem; background: url(../images/s3_dh.png) no-repeat center / 100%; display: block; margin-right: .06rem;
}
.sec03-main ul li:nth-child(4) .pic{
  width: 1.78rem;
}
.sec03-main ul li:nth-child(1) .pic img{
  margin-top: .16rem; margin-left: .15rem;
}
.sec03-main ul li:nth-child(2) .pic img{
  margin-top: .33rem; margin-left: .15rem;
}
.sec03-main ul li:nth-child(3) .pic img{
  margin-top: .46rem;
  margin-left: .13rem;
}
.sec03-main ul li:nth-child(4) .pic img{
  margin-top: .46rem;
  margin-left: .13rem;
}
.sec03-main ul li:nth-child(5) .pic img{
  margin-top: .21rem;
  margin-left: .13rem;
}
.sec03-main ul li p.lastTxt{
  font-size: .2rem; color: #444444; text-align: center; padding-top: .46rem;
}
.sec03-main a{
  width: 5.3rem; height: .7rem; line-height: .7rem; border-radius: .35rem; display: block; margin: .3rem auto 0; font-size: .3rem; color: #fff; font-weight: bold; box-shadow: inset 0 -0.03rem .05rem #fb2db9;
  background: #fa865e;
  background: -webkit-linear-gradient(right, #fa865e, #f01950);
  background: -o-linear-gradient(right, #fa865e, #f01950);
  background: -moz-linear-gradient(right, #fa865e, #f01950);
  background: linear-gradient(to right, #fa865e, #f01950);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.sec03-main a:hover{
  transform: translateY(-0.03rem) scale(1.02);
  box-shadow: inset 0 -0.03rem .05rem #fb2db9, 0 .08rem .25rem rgba(240, 25, 80, 0.4);
  background: -webkit-linear-gradient(right, #ff9a76, #ff2d6a);
  background: -o-linear-gradient(right, #ff9a76, #ff2d6a);
  background: -moz-linear-gradient(right, #ff9a76, #ff2d6a);
  background: linear-gradient(to right, #ff9a76, #ff2d6a);
}
.sec03-main a::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease;
}
.sec03-main a:hover::before{
  width: 5.5rem;
  height: 5rem;
}

/*sec04*/
.sec04{
  background: url(../images/s4_bg.jpg) no-repeat center center / cover; padding-top: .3rem; padding-bottom: .3rem;
}
.sec04-main{
  width: 100%; background: url(../images/s4_mbg.png) no-repeat center / 100% 100%; box-sizing: border-box; padding: .22rem .4rem;
}
.sec04-main ul li{
  height: 1.64rem; background: #fff; border-radius: .2rem; border: .01rem solid #ff6a5d; box-shadow: 0 .05rem 0 #b8192c; margin: .16rem 0; display: flex; justify-content: flex-start; align-items: center; position: relative;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.sec04-main ul li:hover{
  transform: translateY(-0.06rem) scale(1.01);
  box-shadow: 0 .1rem .2rem rgba(255, 106, 93, 0.3);
}
.sec04-main ul li .s4-tips{
  position: absolute;
  left: 2.32rem;
  top: .26rem;
}
.sec04-main .s4-l-m p{
  animation: pricePulse 2s ease-in-out infinite;
}
.sec04-main .s4-l-m p:nth-child(2){ animation-delay: 0.2s; }
.sec04-main .s4-l-m p:nth-child(3){ animation-delay: 0.4s; }
.sec04-main .s4-l-m p:nth-child(4){ animation-delay: 0.6s; }
.s4-img{
  animation: s4Float 3s ease-in-out infinite;
}
@keyframes pricePulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}
@keyframes s4Float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-0.12rem); }
}
.sec04-main ul li h3{
  width: 3.06rem; height: 100%; line-height: .36rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem 0 0 .2rem; box-shadow: .05rem 0 .15rem #fbb780;
  font-size: .32rem; color: #fff; font-weight: bold; text-shadow: 0 .02rem .04rem #d12a24;
background: #fe9348;
background: -webkit-linear-gradient(bottom, #fe9348, #ec311f);
background: -o-linear-gradient(bottom, #fe9348, #ec311f);
background: -moz-linear-gradient(bottom, #fe9348, #ec311f);
background: linear-gradient(to bottom, #fe9348, #ec311f);
}
.s4-l-m{
  padding-left: .62rem; flex: 1; display: flex; box-sizing: border-box;
}
.s4-l-m p {
  margin-right: .5rem;
}
.s4-l-m p.price3 {
  margin-right: .4rem;
}
.s4-l-m p.price4 {
  margin-right: .28rem;
}
.s4-l-m p.price6 {
  margin-right: .16rem;
}
.s4-l-m p span{
  height: .38rem; line-height: .38rem; background: #ffefde; border-radius: .19rem; font-size: .18rem; color: #b57766; padding: 0 .12rem; display: block; margin-top: .12rem; box-sizing: border-box;
}
.s4-l-m p span.w240{
  width: 2.4rem;
}
.s4-l-m p span.w464{
  width: 4.64rem;
}
.s4-img{
  margin-left: .4rem;
}
.s4-l-m p:last-child{
  margin-right: 0;
}
.s4-b-tips{
  font-size: .18rem; color: #fff;padding: .1rem 0;
}

/*sec05*/
.sec05{
  background: url(../images/s5_bg.jpg) no-repeat center center / cover;
}
.sec05 .sec05-main {
  width: 100%;
  margin-top: 0.11rem;
  display: block;
  background: url("../images/s4_mbg.png") no-repeat center top / 100% 100%;
  border-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-bottom: .15rem;
}
.sec05 .sec05-main h3 {
  font-size: 0.38rem;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  margin: .3rem auto .19rem;
  text-align: center;
}
.sec05 .sec05-main h3 span {
  color: #fbef6d;
}
.sec05 .sec05-main .part {
  width: 11.42rem;
  height: auto;
  min-height: 2rem;
  background: #fff;
  border-radius: 0.2rem;
  margin-bottom: 0.17rem;
  position: relative;
}
.sec05 .sec05-main .part::before {
  content: '';
  width: 0.52rem;
  height: 0.6rem;
  display: block;
  position: absolute;
  top: -0.18rem;
  left: -0.07rem;
  background: url("../images/s5-icon01.png") no-repeat center top / 100%;
}
.sec05 .sec05-main .part.part2 .part-tit {
  background: url("../images/s5_lbt_bg2.png") no-repeat center top / auto 100%;
}
.sec05 .sec05-main .part .part-tit {
  width: 100%;
  clear: both;
  height: 0.56rem;
  display: block;
  background: url("../images/s5_lbt_bg1.png") no-repeat center top / auto 100%;
  margin-top: 0.02rem;
  font-size: 0.26rem;
  font-weight: 500;
  color: #fff;
  line-height: 0.56rem;
}
.sec05 .sec05-main .part .part-tit span {
  color: #fbf6a8;
  font-weight: 700;
}
.sec05 .sec05-main .part .partPic {
  width: 100%;
  clear: both;
  margin: 0.33rem auto 0.45rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.sec05 .sec05-main .part .partPic img {
  height: 1.61rem;
  display: block;
  margin: 0 0.1rem;
}
.sec05 .sec05-main .part .partPic {
  position: relative;
}
/* 流程走线容器 */
.sec05 .sec05-main .part .partPic .flow-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.sec05 .sec05-main .part .partLink {
  width: 100%;
  clear: both;
  padding: 0.18rem 0 0.19rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.sec05 .sec05-main .part .partLink .tit {
  width: 1.03rem;
  height: 1.72rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: #fb6b39;
  background: -webkit-linear-gradient(#ff955b, #f74117);
  background: -moz-linear-gradient(#ff955b, #f74117);
  background: -o-linear-gradient(#ff955b, #f74117);
  background: linear-gradient(#ff955b, #f74117);
  border-radius: 0.24rem;
}
.sec05 .sec05-main .part .partLink .tit span {
  font-size: 0.26rem;
  line-height: .34rem;
  font-weight: 700;
  color: #fff;
  width: .3rem;
  display: block;
}
.sec05 .sec05-main .part .partLink .linkbox {
  width: 9.75rem;
  height: 1.72rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: #fb6b39;
  background: -webkit-linear-gradient(#ff955b, #f74117);
  background: -moz-linear-gradient(#ff955b, #f74117);
  background: -o-linear-gradient(#ff955b, #f74117);
  background: linear-gradient(#ff955b, #f74117);
  border-radius: 0.24rem;
  position: relative;
}
.sec05 .sec05-main .part .partLink .linkbox::before {
  content: '';
  width: 0.01rem;
  height: 1.35rem;
  display: block;
  border-left: dashed 0.02rem #cd2b04;
  position: absolute;
  left: -0.01rem;
  top: 0.18rem;
}
.sec05 .sec05-main .part .partLink .linkbox .kuang {
  width: 9.51rem;
  height: 1.48rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border: solid 0.01rem #feefef;
  border-radius: 0.14rem;
  background: #feefef;
  padding: 0.15rem 0;
  box-sizing: border-box;
}
.sec05 .sec05-main .part .partLink .linkbox .kuang a {
  width: 1.55rem;
  height: 0.36rem;
  display: block;
  background: #fff;
  border-radius: 0.5rem;
  border: solid 0.01rem #f74117;
  font-size: 0.18rem;
  line-height: 0.36rem;
  box-shadow: 0 0 0.21rem rgba(246, 84, 86, 0.1);
  margin: 0.1rem 0.1rem;
  cursor: pointer;
}
.sec05 .sec05-main .part .partLink .linkbox .kuang a:hover {
  background: #fb6b39;
  background: -webkit-linear-gradient(left, #f74117, #ff955b);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f74117, #ff955b);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f74117, #ff955b);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f74117, #ff955b);
  /* 标准的语法 */
  color: #fff;
}
.sec05 .sec05-main .part .partLink .linkbox .kuang span {
  width: 1.93rem;
  height: 0.45rem;
  display: block;
  margin: 0.12rem 0.13rem;
}


/*sec06*/
.sec06{
  background: url(../images/s6_bg.jpg) no-repeat center center / cover; padding-bottom: .35rem; padding-top: .12rem;
}
.sec06-main {
  background: url("../images/s4_mbg.png") no-repeat center top / 100% 100%; box-sizing: border-box;
  padding: .3rem .2rem .3rem; 
}
.s6-t{
  display: flex; justify-content: space-between;
}
.s6-t h3{
  font-size: .32rem; color: #ffffff; font-weight: bold; line-height: .72rem;
}
.s6-t-l{
  width: 7.7rem; height: 5.35rem; background: url("../images/s6_lbg1.png") no-repeat center top / 100% 100%; padding: 0 .22rem 0; box-sizing: border-box;
}
.s6-t-l h3{
  margin-bottom: .22rem;
}
.s6-t-l-m{
  display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;
} 
.s6-item01{
  width: 3.48rem;
}
.s6-img2{
  margin-top: .17rem;
}
.s6-pub-btn{
  width: 2.7rem; height: .78rem; background: url("../images/s6_btn_bg.png") no-repeat center / 100% 100%; display: block; margin: 0 auto; position: relative; z-index: 1;
}
.s6-pub-btn span{
  height: .67rem; font-size: .26rem; font-weight: bold; line-height:.68rem; display: block;
background: linear-gradient(to bottom, #ffffff 45%, #f5cc7e 63%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 .05rem .07rem #e01743);
}
.inviteBtn{
  margin-top: -0.35rem;
  position: relative;
  animation: invitePulse 2s ease-in-out infinite;
}
@keyframes invitePulse {
  0%, 100% {
    transform: scale(1);
    /* box-shadow: 0 .04rem .15rem rgba(255, 107, 107, 0.4); */
  }
  50% {
    transform: scale(1.08);
    /* box-shadow: 0 .08rem .25rem rgba(255, 107, 107, 0.6); */
  }
}
.s6-item02{
  width: 3.6rem; border: .01rem solid #deb2a5; border-radius: .2rem; box-sizing: border-box; padding-top: .18rem;
}
.s6-item02 h4{
  font-size: .3rem; font-weight: bold; line-height: 1; margin-bottom: .13rem;
background: linear-gradient(to bottom, #f30c6b, #2e143a);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.s6-item02 p{
  font-size: .18rem; color: #b57766; line-height: 1;
}
.lot-main{
  width: 100%; height: 2.76rem; border-radius: .2rem; margin-top: .11rem; padding: .14rem .28rem .2rem; box-sizing: border-box;
background: #ff955b;
background: -webkit-linear-gradient(bottom, #ff955b, #f74217);
background: -o-linear-gradient(bottom, #ff955b, #f74217);
background: -moz-linear-gradient(bottom, #ff955b, #f74217);
background: linear-gradient(to bottom, #ff955b, #f74217);
}
.lot-title{
  display: flex; justify-content: center; align-items: center; margin-bottom: .24rem;
}
.lot-title img{
  margin-right: .9rem; display: block;
}
.lot-title a{
  width: 1rem; height: .3rem; line-height: .3rem; border-radius: .15rem; background: #ffefde; font-size: .16rem; color: #b57766;
}
.swiper-slide span{
  font-size: .17rem; color: #fff; line-height: .22rem; font-weight: normal;
}
.swiper-slide img{
  width: 100%; margin-bottom: .1rem;
}
.lotBtn{
  margin-top: .24rem; transition: all .5s;
}
.lotBtn:hover{
  transform: scale(1.08);
}
.s6-t-r{
  width: 3.8rem; height: 5.35rem; background: url("../images/s6_lbg2.png") no-repeat center top / 100% 100%;
}
.s6-t-r h3{
  margin-bottom: .25rem;
}
.s6-t-r-img img{
  margin: 0 .12rem
}
.getCouponBtn{
  margin-top: .25rem; transition: all .5s;
}
.getCouponBtn span{
  display: flex; align-items: center; justify-content: center;
}
.getCouponBtn span i{
  font-size: .16rem; font-weight: normal;
}
.getCouponBtn:hover{
  transform: scale(1.08);
}
.s6-b{
  width: 11.6rem; height: 3.25rem; background: url("../images/s6_bbg.png") no-repeat center top / 100% 100%; margin-top: .08rem; display: flex; justify-content: flex-start;
}
.s6-b-l{
  width: 2.08rem; padding-top: 1.08rem;
}
.s6-b-l h3{
  font-size: .32rem; color: #ffffff; font-weight: bold; line-height: .4rem; text-shadow: 0 .02rem .04rem #d12a24; margin-bottom: .6rem;
}
.s6-b-l span{
  font-size: .16rem; color: #fff; display: block; line-height: 1;
}
.s6-b-r{
  flex: 1;
}
.s6-b-r ul{
  display: flex; justify-content: center; flex-wrap: wrap; padding-top: .17rem;
}
.s6-b-r ul li{
  width: 2.2rem; height: 1.37rem; background: #fff0e1; border-radius: .1rem; margin: 0 .05rem .12rem;  border: .01rem solid #fffbeb;
}
.s6-b-r ul li div{
  display: flex; justify-content: center; align-items: center; height: .88rem;
}

.s6-b-r ul li div span{
  font-size: .18rem; color: #b57766; margin-left: .14rem; text-align: left;
}
.s6-b-r ul li a{
  width: 1.63rem; height: .36rem; line-height: .36rem; background: #f24779; border-radius: .18rem; font-size: .16rem; color: #fff; margin: 0 auto; display: block; transition: all .5s;
}
.s6-b-r ul li a:hover{
  transform: scale(1.08);
}
.s6-b-r ul li a.on{
  background: #fff; color: #f24779;
}

/* sec07 */
.sec07{
  background: url(../images/s7_bg.jpg) no-repeat center center / cover; padding-bottom: .5rem;
}
.sec07-main {
  background: url("../images/s7_mbg.png") no-repeat center top / 100% 100%; box-sizing: border-box;
  padding: .38rem .32rem .3rem; display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec07 .item{
  width: 3.66rem; background: #fff; border-radius: .2rem; margin-bottom: .17rem; padding: .12rem; box-sizing: border-box;
}
.sec07-item-m{
  overflow: hidden; position: relative; border-radius: .14rem;
}
.sec07-item-m h3{
  width: 1.58rem; height: .44rem; line-height: .46rem; background: url(../images/s7_l_bt_bg.png) no-repeat center / 100% 100%; position: absolute; top: 0; left: 0; font-size: .2rem; color: #fff; text-align: left; padding-left: .22rem; box-sizing: border-box; z-index: 9;
}
.sec07-item-m img{
  transition: all .5s; width: 100%;
}
.sec07 .item:hover img{
  transform: scale(1.1);
}
.sec07-item a{
  width: 2.86rem; height: .48rem; line-height: .48rem; font-size: .22rem; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: .23rem; margin: 0 auto; margin-top: .18rem; box-shadow: inset 0 -0.03rem .05rem #fb2db9; transition: all .5s;
background: #f75763;
background: -webkit-linear-gradient(right, #fa865e, #f01950);
background: -o-linear-gradient(right, #fa865e, #f01950);
background: -moz-linear-gradient(right, #fa865e, #f01950);
background: linear-gradient(to right, #fa865e, #f01950);
}
.sec07-item a:hover{
  transform: translateY(-0.05rem);
}
.sec07-item a::before{
  content: ''; width: .33rem; height: .22rem; background: url(../images/s7_icon.png) no-repeat center / 100% 100%; display: block; margin-right: .07rem;
}
.sec07-item a.on{
  box-shadow: 0 0 .07rem #f654577c;
background: #ff5171;
background: -webkit-linear-gradient(right, #ff5171, #7438ff);
background: -o-linear-gradient(right, #ff5171, #7438ff);
background: -moz-linear-gradient(right, #ff5171, #7438ff);
background: linear-gradient(to right, #ff5171, #7438ff);
}
.sec07-item a.on::before{
  display: none;
}
.sec07-item06 img {
  margin-top: .4rem;
}


/* 弹窗 */
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, .8);
  display: none;
}
.mask.show{
  display: block !important;
}
.popup {
  width: 4.6rem;
  z-index: 9;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  -o-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 1;
  transition: all 0.4s ease;
}
.mask.show .popup {
  animation: fadeIn 0.3s ease;
}
.popup .close {
  display: block;
  width: .5rem;
  position: absolute;
  top: -0.68rem;
  right: -0.43rem;
  transform: translateX(-50%);
}
.popup .close img{
  width: 100%;
}
.popup h3 {
  width: 100%;
  height: .84rem;
  line-height: 0.84rem;
  text-align: center;
  font-size: .4rem;
  letter-spacing: .01rem;
  border-radius: .2rem .2rem 0 0;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  background: #ff7725;
  background: -webkit-linear-gradient(bottom, #ff7725, #e10b03 15%);
  background: -o-linear-gradient(bottom, #ff7725, #e10b03 15%);
  background: -moz-linear-gradient(bottom, #ff7725, #e10b03 15%);
  background: linear-gradient(to bottom, #ff7725, #e10b03 15%);
  position: relative;
}
.popup h3::before{
  content: ''; width: 3.36rem; height: .37rem; background: url(../images/popup_bt_i.png) no-repeat center / 100% 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; display: block;
}
.popup-m {
  width: 100%;
  margin: 0 auto;
  border-radius: 0 0 .2rem .2rem;
  padding: .24rem 0 .4rem;
  box-sizing: border-box;
  text-align: center;
  background: #fff1cd;
  background: -webkit-linear-gradient(bottom, #fff1cd, #fff 15%);
  background: -o-linear-gradient(bottom, #fff1cd, #fff 15%);
  background: -moz-linear-gradient(bottom, #fff1cd, #fff 15%);
  background: linear-gradient(to bottom, #fff1cd, #fff 15%);
}
.popup-m p {
  width: 100%;
  text-align: center;
  line-height: 0.36rem;
  margin: 0 auto;
  font-size: .2rem;
  color: #333333;
  text-align: center;
  padding: 0 .2rem;
  box-sizing: border-box;
}
.popup-m ul{
  padding: 0 .5rem;
}
.popup-m ul li{
  width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: .2rem; color: #333; margin-bottom: .1rem;
}
.popup-m ul li p{
  flex: 1; text-align: left; margin: 0; padding: 0;
}
.popup-m ul li span{
  color: #ef4014;
}
.popup-m ul li a{
  width: 1rem; height: .34rem; line-height: .34rem; background: #ffefde; border-radius: .17rem; font-size: .16rem; color: #b57766; border-radius: .17rem;
}
.popup-m .popup-img {
  width: 1.21rem; margin-bottom: -.1rem;
}
.popup-m .popup-img2 {
  width: 1.9rem;
  margin-bottom: .1rem;
}
.popBtn {
  width: 2.2rem; height: .5rem; line-height: 0.5rem; border-radius: .25rem; margin: .3rem auto 0;
  font-size: .24rem; color: #fff; background: #f24779; display: block;
}

.tcbox{ width: 6rem; height: auto; display: block;  position: absolute;
    background: #ff1645;
    background: -webkit-linear-gradient(53deg,#fe4200,#ff1645);
    background: -moz-linear-gradient(53deg,#fe4200,#ff1645);
    background: -o-linear-gradient(53deg,#fe4200,#ff1645);
    background: linear-gradient(53deg,#fe4200,#ff1645);
    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%);
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    border-radius: .35rem;
    margin-top: .8rem;
}

/* 温馨提示 */
/* #notePage{display: block;} */
.noteTxt{
    width: 100%; clear: both; float: left; margin: .53rem auto .35rem;
    text-align: center;
}
.noteTxt img{display: inline-block; margin:0 auto .2rem; height: 2.13rem; }
.noteTxt p{
    font-size: .32rem; line-height: .48rem; color: #333;
    width: 90%; margin: auto 5%;
}

/* 恭喜中奖 */
/*  #drawPage{display: block;} */
#drawPage .popup-m img{
  width: 88%; margin-bottom: .2rem;
}
/* #drawPage .popup-m img.card{width: 4.38rem;} */
#drawPage .popup-m  p{
  padding: 0 .2rem; box-sizing: border-box;
}

/* 中奖列表 */
/* #drawList{display: block;} */
.myGiftlist{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.myGiftlist ul{
    width: 84%;
    /* margin: auto 5%; */
    display: block;
    /* clear: both; */
    font-size: .3rem;
    line-height: 1;
    height: 3rem;
    overflow-y: scroll;
    padding: 0;
    margin: 0 auto;
}
.myGiftlist ul li{
    width: 100%;
    height: .5rem; line-height: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 0;
}
.myGiftlist ul li span{display: block;}
.myGiftlist ul li a{
    width: auto; height: .4rem; display: inline-block; cursor: pointer; display: flex; align-items: center; justify-content: center;
    font-size: .18rem; line-height: .4rem; color: #fff; font-weight: bold; padding: 0 .2rem;
    background: #fd7e46;
    background: -webkit-linear-gradient(90deg,#fca161,#fe5929); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg,#fca161,#fe5929); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg,#fca161,#fe5929); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg,#fca161,#fe5929); /* 标准的语法 */
    border-radius: .5rem;
    border: solid .01rem #fff;
    box-sizing: border-box;
}

/* 填写收货地址 */
/* #addressPage{display: block;} */
.addressbox{
    width: 100%; margin: 0 auto .3rem;
}
.addressbox .tip{
    width: 100%;
}
.addressbox .tip font{
    width: 100%; font-size: .22rem; line-height: .48rem; color: #e94a55; font-weight: bold; text-align: center;
}
.addressbox .tip p{
  font-size: .18rem; line-height:.34rem; margin: 0 .2rem; width: auto;
}

.addressbox ul{
  width: auto; margin: .1rem .2rem 0; padding-left: 0;
}
.addressbox ul li{width: 100%; margin-bottom: .1rem;}
.addressbox ul li.user,.addressbox ul li.phone{
    background: #fff6ed;
    height: .5rem;
    line-height: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius:.1rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
}
.addressbox ul li.region{margin-bottom: .1rem;}
.addressbox ul li.address{
  margin-bottom: 0; display: block;
}
.addressbox ul label{
    font-size: .2rem;color: #333; text-align: left; font-weight: bold;
     margin-right: .1rem;
    white-space: nowrap;
}
.addressbox ul em{color: #ff3f3f;}
.addressbox ul li input{
    width: 100%; height: .5rem;
    background: rgba(255,255,255,.15); font-size: .2rem; line-height: .36rem;
    border: none;
    color: #333;
}
.addressbox ul li.address input{
    width: 90%; padding: 0 .2rem;
    border: solid .01rem #d57916;
    border-radius: .2rem;
    line-height: .5rem; height: .5rem;
    margin-top: .05rem;
}
.address label{
  display: block; width: 100%;
}
.addressbox ul li input#userNames{
  flex: 1;
}
.addressbox ul li input#userPhones{
  flex: 1;
}

.addressbox ul li .form-group{width: 32%; margin-right: 1%;}
.addressbox ul li .form-group:last-child{width: 34%; margin-right: 0;}
.addressbox ul li .form-group span{
  color: #444;font-size: .2rem; display: block; text-align: left;
}
.addressbox ul li select{
    width: 100%; height: .46rem;clear: both;float: left;
    background: rgba(255,255,255,.15);
    font-size: .18rem; line-height: .46rem;color: #444;
    border: solid .01rem #d57916;
    border-radius:.1rem;
}

/* 确认地址 */
/* #surePage{display: block;} */
.sureTxt{width: 100%; margin: 0 auto;}
.sureTxt ul{
    width: auto; margin: 0 .2rem 0 .4rem; padding-left: 0;
}
.sureTxt ul li{font-size: .22rem; line-height: .36rem;margin-bottom: .1rem; width: 100%;}
.sureTxt ul li span{float: left; color:#333; padding-right: .05rem;font-weight: bold;}
.sureTxt ul li p{
    flex: 1;
    font-size: .2rem; line-height: .3rem; color: #444;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    display: block;
    /* font-weight: bold; */
}
/* .sureTxt ul li:last-child p{width: 3.4rem;} */
.sureTxt .zhu{
    width: 100%; clear: both;
    font-size: .2rem; line-height: .36rem; color: #f03d32;
    text-align: center;
}
.editBtn{
    width: 100%;text-align: center;
}
.editBtn a{
  width: 2.2rem;
  height: .5rem;
  line-height: 0.5rem;
  border-radius: .25rem;
  margin: .2rem auto 0;
  font-size: .24rem;
  color: #fff;
  background: #f24779;
  display: block;
}
.editBtn a.btn02{
  width: 2.2rem;
  height: .5rem;
  line-height: 0.5rem;
  border-radius: .25rem;
  margin: .2rem auto 0;
  font-size: .24rem;
  color: #fff;
  background: #8a8a8a;
  display: block;
}

/* 物流信息 */
/* #logisticsPage{display: block;} */
.logistbox{
    width: 100%; margin: .2rem auto .3rem;
    text-align: center;
}
.logistbox img{
  width: 2.27rem; display: inline-block;
}
.logistbox p{
  font-size: .2rem; line-height: .3rem; color: #333; width: 100%; margin-top: .15rem;
}
.logistbox p span{
    color: #e94a55; display: block;
}
/* 点击loading */
/* #loadPage{display: block;} */
.loadingbox{width: 20%; height: 1.8rem; display: block;  text-align: center; position: absolute;
    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%);
}
.loadingbox img{width: 100%; height: auto; display: inline-block; max-width: 1.24rem;}

/* 选择科目 */
/* #select{display: block;} */
#select .popup-m{
  padding: .4rem 0;
}
#select ul{
  padding: 0;
}
#select ul li {
    width: 84%;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: .24rem;
    color: #ff3267;
    text-align: center;
    margin: 0 auto .1rem;
    border: .01rem solid #f894ae;
    text-align: center;
    display: block;
    cursor: pointer;
}
#select ul li.on{
  background: #f24779; color: #fff;
}
#select .selectTips{
  margin-top: 0.2rem; padding: 0 .2rem; box-sizing: border-box;
}

/* 确认选课 */
/* #sureSelect{display: block;} */
#sureSelect .popup-m{
  padding-top: 0.3rem;
}
#sureSelect .sure-tips{
  font-size: .2rem; color: #5b5b5b; line-height: 0.3rem;
}
#sureSelect .sureSelect{
  width: 74%; height: 0.7rem; line-height: 0.7rem; border: .01rem solid #f45e85; border-radius: .1rem; font-size: .26rem; color: #ff3267; font-weight: 600; text-align: center; margin: 0 auto .4rem;
}
.popup-btn-box{
  display: flex; justify-content: center;
}
#sureSelect .popBtn {
  width: 1.75rem;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  display: block;
  margin: 0 .1rem .2rem;
  font-size: .26rem;
  color: #fff;
  border-radius: .5rem;
  background: #ffd7a4;
  background: -webkit-linear-gradient(bottom, #ffd7a4, #ff660e);
  background: -o-linear-gradient(bottom, #ffd7a4, #ff660e);
  background: -moz-linear-gradient(bottom, #ffd7a4, #ff660e);
  background: linear-gradient(to bottom, #ffd7a4, #ff660e);
}


/*侧边悬停*/
.lfNav{position: fixed;width:1.81rem; height:5.74rem; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:14%; left:.2rem;z-index:9999;}
.lfNav .close{position:absolute; top: -0.06rem; right: -0.04rem; height:.3rem; width:.3rem; }
.lfNav .close img{width: 100%;}
.mt185{margin-top: 228px;}
.nav-bg{
	width:1.26rem;
	height: 47px;
	display: block;
	float:left;
	clear:both;
	margin-left: 26px;
	text-align: center;
}
.nav-bg a{
	width:100%;
	height: 100%;
	display: block;
	margin:auto;
	font-size: .18rem;
	/* line-height: 45px; */
	color: #ffe5b0;
	transition: all .5s;
}
.nav-bg a:hover{
	transform: scale(1.15);
}
.nav-bg:last-of-type{
	background: initial;
}
.left_top{width:1.51rem; height:.4rem;display: block;float:left;margin-left:.22rem;margin-top: .1rem;}