@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: #e10000; 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-top: 0.5rem; padding-bottom: .46rem;
}
.title{
  height: 0.9rem; line-height: 0.9rem; margin-bottom: 0.34rem; border-radius: .45rem; border: .01rem solid #fff; display: inline-block;
  background: #fffccd;
  background: -webkit-linear-gradient(bottom, #fffccd, #fff66c);
  background: -o-linear-gradient(bottom, #fffccd, #fff66c);
  background: -moz-linear-gradient(bottom, #fffccd, #fff66c);
  background: linear-gradient(to bottom, #fffccd, #fff66c);
}
.title h2{
  font-size: .48rem; font-weight: bold; color: #ed0101; letter-spacing: .01rem; display: flex; justify-content: center; align-items: center; font-family: "YanShiChuangHei"; font-style: italic; padding: 0 .24rem;
}
.title h2::before{
  content: ''; width: .6rem; height: .24rem; display: block; margin-right: .22rem; display: block;
  background: url(../images/title_icon.png) no-repeat center / 100% 100%;
}
.title h2::after{
  content: ''; width: .6rem; height: .24rem; display: block; margin-left: .22rem; display: block;
  background: url(../images/title_icon.png) no-repeat center / 100% 100%; transform: rotate(180deg);
}

/*banner*/
.banner{
	width: 100%; height: 7.12rem; position: relative;background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0;
}
.banner .wrap{
  position: relative; padding-top: .68rem; box-sizing: border-box;
}
.banner .logo{
  width: 1.95rem; margin-left: .36rem; display: block; margin-bottom: .56rem;
}
.banner .logo img{
  width: 100%;
}
.ban-bt img{
  display: block; position: relative; z-index: 2; opacity: 0;
}
.ban-bt h2 img{
  margin-left: .38rem; margin-bottom: .36rem;
  animation: titlePop 1s ease-out forwards;
}
.ban-bt img.ban-bt2{
  margin-left: .54rem;
  animation: subtitleShake 0.8s ease-out 0.3s forwards;
}
@keyframes titlePop {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes subtitleShake {
  0% {
    transform: translateX(-20px) scale(0.9);
    opacity: 0;
  }
  60% {
    transform: translateX(5px) scale(1.02);
  }
  80% {
    transform: translateX(-3px);
  }
  100% {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}
.ban-r-img{
  position: absolute; right: -0.33rem; top: 1.57rem;
  animation: float 3s ease-in-out infinite;
}
.ban-icon01{
  position: absolute; top: .34rem; left: -1.77rem;
  animation: floatUp 2.5s ease-in-out infinite;
}
.ban-icon02{
  position: absolute; top: 3.47rem; left: -0.18rem;
  animation: pulseScale 2s ease-in-out infinite;
}
.ban-icon03{
  position: absolute; top: 1.61rem; right: 2.59rem;
  animation: float 3s linear infinite;
}
.ban-icon04{
  position: absolute; top: .91rem; right: -0.88rem;
  animation: bounceSoft 1.5s ease-in-out infinite;
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes floatUp {
  0%, 100% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-15px) rotate(5deg); }
}
@keyframes pulseScale {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.1); opacity: 1; }
}
@keyframes spinSlow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes bounceSoft {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.ban-time{
  width: 5.89rem; height: 1.49rem; margin: .25rem auto 0; background: url(../images/ban_time_bg.png) no-repeat center / 100%; position: relative; padding-top: .15rem; box-sizing: border-box;
}
.ban-time .ban-time-img{
  position: absolute; top: -0.09rem; left: -0.13rem;
  animation: alarmSwing 1s ease-in-out infinite;
  transform-origin: bottom center;
}
@keyframes alarmSwing {
  0%, 100% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(8deg);
  }
}
.ban-time h3{
  margin-bottom: .03rem;
}
.ban-time-m{
  display: flex; justify-content: flex-start; align-items: center; padding-left: .45rem; box-sizing: border-box;
}
.ban-time-m .ban-time-tips{
  font-size: .18rem; color: #ffffff; margin-right: .15rem;
}
.ban-time-m .ban-time-content{
  display: flex; align-items: center; font-size: .28rem; font-family: "DingDingJinBuTi"; color: #ffffff; font-weight: normal;
}
.ban-time-m p span{
  width: .81rem;
  height: .9rem;
  line-height: .9rem;
  background: url(../images/ban_time_lbg.png) no-repeat center / 100% 100%;
  display: block;
  font-size: .4rem;
  text-align: center;
  color: #ff3838;
  margin: 0 -0.04rem 0 .02rem;
  box-sizing: border-box;
  letter-spacing: -0.03rem;
  font-weight: bold;
}

/*sec01*/
.sec01{
  background: url(../images/s1_bg.jpg) no-repeat center / cover;
}
.sec-ip{
  width: 1.2rem; height: 1.57rem; position: absolute; top: -0.5rem; left: 1.28rem;
}
.s1-ip{
  width: 1.05rem; position: absolute; top: 0; left: .11rem; z-index: 2; 
  animation: shout 1.5s ease-in-out infinite;
}
.s1-ip-bg{
  width: 100%; bottom: 0; left: 0; position: absolute;
}
@keyframes shout {
  0%, 100% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.03) rotate(-1deg);
  }
  50% {
    transform: scale(0.98) rotate(1deg);
  }
  75% {
    transform: scale(1.02) rotate(-0.5deg);
  }
}
.sec01-main{
  position: relative;
}
.s1-icon{
  position: absolute; top: .08rem; left: -0.38rem; z-index: 888;
}
.sec01-main ul{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec01-main ul li{
  width: 3.83rem; height: 3.25rem; border: .03rem solid #ffffff; padding: .09rem; border-radius: .2rem; background: #ffffff; box-shadow: inset 0 0 .3rem rgba(225, 0, 0, 0.35); box-sizing: border-box; margin-bottom: .3rem;
}
.sec01-main ul li div{
  width: 100%; height: 2.24rem; overflow: hidden; border-radius: .12rem; border: .03rem solid #fff; box-sizing: border-box;
}
.sec01-main ul li img{
  width: 100%; transition: all .5s;
}
.sec01-main ul li:hover div img{
  transform: scale(1.1);
}
.sec01-main ul li h3{
  width: 2.43rem; height: .55rem; line-height: .55rem; border-radius: .25rem; box-shadow: inset 0 0 .15rem #fff; margin: .15rem auto 0; font-size: .24rem; color: #ffffff; font-weight: 600;
  background: #fe1cc0;
  background: -webkit-linear-gradient(right, #fe1cc0, #ff0000);
  background: -o-linear-gradient(right, #fe1cc0, #ff0000);
  background: -moz-linear-gradient(right, #fe1cc0, #ff0000);
  background: linear-gradient(to right, #fe1cc0, #ff0000);
  position: relative;
  overflow: hidden;
}
.sec01-main ul li h3::before{
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
  transform: skewX(-25deg);
}
.sec01-main ul li:hover h3::before{
  animation: sweep 1s ease-in-out;
}
@keyframes sweep {
  0% { left: -100%; }
  100% { left: 100%; }
}
.sec01-main ul li.s1-item03 h3{
  width: 3.33rem;
}
.sec01-main ul li.type02 h3{
  width: auto; height: .74rem; line-height: .27rem; border-radius: .33rem; margin-top: .06rem; display: inline-block; font-size: .22rem; padding: .1rem .22rem 0; box-sizing: border-box;
}
.sec01-main ul li.type03 h3{
   padding: .1rem .14rem 0;
}
.s1-btn{
  width: 5.78rem; height: .66rem; line-height: .66rem; font-size: .32rem; color: #ed0101; font-weight: 600; display: block; margin: 0 auto; border-radius: .33rem; box-shadow: inset 0 0 .15rem #ffffff; margin-top: .06rem;
  background: #fff66b;
  background: -webkit-linear-gradient(right, #fff66b, #fffccd);
  background: -o-linear-gradient(right, #fff66b, #fffccd);
  background: -moz-linear-gradient(right, #fff66b, #fffccd);
  background: linear-gradient(to right, #fff66b, #fffccd);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.s1-btn:hover{
  transform: scale(1.05);
  box-shadow: 0 0 .3rem rgba(255, 246, 107, 0.8), inset 0 0 .15rem #ffffff;
}
.s1-btn::before{
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent);
  transform: skewX(-25deg);
}
.s1-btn:hover::before{
  animation: btnSweep 0.6s ease-in-out;
}
@keyframes btnSweep {
  0% { left: -100%; }
  100% { left: 100%; }
}

/*sec02*/
.sec02{
  background: url(../images/s2_bg.jpg) no-repeat center center / cover;
}
.sec02-main{
  display: flex; justify-content: space-between; 
}
.sec02-main .s2-item{
  width: 5.82rem; height: 4.66rem; background: #fff; border-radius: .2rem; border: .03rem solid #fff; box-sizing: border-box; padding-top: .24rem; box-sizing: border-box; box-shadow: inset 0 0 .3rem #e1000071;
}
.sec02-main .s2-item h3{
  width: 4.29rem; height: .55rem; line-height: .55rem; border: .01rem solid #ffd526; border-radius: .27rem;  font-family: "YanShiChuangHei"; font-style: italic; display: flex; justify-content: flex-start; align-items: center; margin: 0 auto;
  background: #fffde1;
  background: -webkit-linear-gradient(bottom, #fffde1, #fef77a);
  background: -o-linear-gradient(bottom, #fffde1, #fef77a);
  background: -moz-linear-gradient(bottom, #fffde1, #fef77a);
  background: linear-gradient(to bottom, #fffde1, #fef77a);
}
.sec02-main .s2-item h3 span{
  width: 1.83rem; height: .55rem; line-height: .55rem; border-radius: .27rem; font-size: .33rem; color: #ffffff; display: block; box-shadow: inset 0 0 .15rem #fff;
  background: #fe1fb6;
  background: -webkit-linear-gradient(right, #fe1fb6, #ff0a23);
  background: -o-linear-gradient(right, #fe1fb6, #ff0a23);
  background: -moz-linear-gradient(right, #fe1fb6, #ff0a23);
  background: linear-gradient(to right, #fe1fb6, #ff0a23);
}
.sec02-main .s2-item h3 b{
 flex: 1; text-align: left; padding-left: .09rem; box-sizing: border-box;
}
.pub-bt{
  font-size: .33rem; font-weight: bold; font-family: "YanShiChuangHei"; font-style: italic;
  background: linear-gradient(137deg, #fe1fb6 41%, #ff0a23 52%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec02-main .s2-item02 h3{
  width: 4.09rem; 
}
.sec02-main .s2-item02 h3 b{
   padding-left: .16rem;
}
.sec02-main .s2-item img{
  margin-top: -0.05rem;
}
.sec02-main .s2-item01 h4{
  width: 1.65rem; height: .36rem;  display: block; margin-left: .36rem; margin-top: -0.4rem;
  line-height: .36rem; font-size: .23rem; color: #ffffff; text-align: center;
  background: #ff4040;
}
.sec02-main .s2-item01 p{
  font-size: .2rem; color: #221815; text-align: justify; line-height: .28rem;
  margin-top: .05rem;margin-left: .42rem; padding-right: .3rem;
}
.sec02-main .s2-item01 p em{color: #ff4040;}
.pub-btn2{
   border-radius: .34rem; font-size: .33rem; color: #ffffff; display: block;box-shadow: inset 0 0 .15rem #fff;
  margin: -.15rem auto 0;
  font-weight: bold;
  background: #fe1fb6;
  background: -webkit-linear-gradient(right, #fe1fb6, #ff0a23);
  background: -o-linear-gradient(right, #fe1fb6, #ff0a23);
  background: -moz-linear-gradient(right, #fe1fb6, #ff0a23);
  background: linear-gradient(to right, #fe1fb6, #ff0a23);

}
.pub-btn{
  width: 3rem; height: .69rem; line-height: .69rem;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.pub-btn:hover{
  transform: scale(1.08);
  box-shadow: 0 0 .2rem rgba(254, 31, 182, 0.5), 0 0 .6rem rgba(255, 10, 35, 0.5), inset 0 0 .15rem #fff;
}
.active-btn{
  position: relative; transition: all .5s;
  animation: borderGlow 2s ease-in-out infinite;
}
.active-btn:hover{
  transform: scale(1.08);
  background: linear-gradient(135deg, #ff6b9d, #ff1785);
}
@keyframes borderGlow {
  0%, 100% {
    box-shadow: 0 0 .1rem rgba(254, 31, 182, 0.5), inset 0 0 .05rem rgba(255,255,255,0.2);
  }
  50% {
    box-shadow: 0 0 .2rem rgba(254, 31, 182, 0.8), inset 0 0 .1rem rgba(255,255,255,0.3);
  }
}
.pub-btn::before{
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(from 0deg, transparent, rgba(255,255,255,0.3), transparent, rgba(255,255,255,0.3), transparent);
  animation: rotate 3s linear infinite;
}
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.sec02-ip{
  height: 1.54rem; position: absolute; top: -0.42rem; left: .88rem;
}

/*sec03*/
.sec03{
  background: url(../images/s3_bg.jpg) no-repeat center center / cover; padding-bottom: .6rem;
}
.sec03 .sec-box{
  background: #fff; border-radius: .2rem; border: .03rem solid #fff; box-shadow: inset 0 0 .3rem #e1000071; padding-bottom: .3rem;
}
.sec03 .title{
  width: 7.8rem; border-radius: 0 0 .42rem .42rem; margin-bottom: 0;
}
.sec03-ip{
  width: 1.23rem; height: 1.55rem; top: -0.36rem; left: .48rem;
}
.sec03-ip .s1-ip{
  width: 1.62rem; left: -0.27rem;
}
.sec03-main h3{
  display: inline-block;
  margin-bottom: .15rem;
  margin-top: .26rem;
}
.sec03-main table{
  width: 11.31rem; margin: 0 auto;
}
.sec03-main table tr th{
  background: #ff4040; line-height: .64rem; color: #ffffff; font-size: .24rem; font-weight: bold; border-right: .01rem solid #ffbebe;
}
.sec03-main table tr th:nth-child(1){
  border-radius: .05rem 0 0 .05rem;
}
.sec03-main table tr th:last-child{
  border-radius: 0 .05rem .05rem 0 ; border-right: none;
}
.sec03-main table tr td{
  font-size: .22rem; color: #333; line-height: .5rem; border-right: .01rem solid #ffcece; border-bottom: .01rem solid #ffcece;
}
.sec03-main table tr td:last-child{
  border-right: none;
}
.sec03-main table tr td:first-child{
  color: #f50104; font-weight: 600;
}
.sec03-main p{
  font-size: .2rem; color: #333333; line-height: 1; margin: .33rem auto .24rem;
}

/*sec04*/
.sec04{
  background: url(../images/s4_bg.jpg) no-repeat center center / cover; padding-top: 0; padding-bottom: 0;
}
.sec04-main{
  display: flex; justify-content: space-between;
}
.s4-item{
  width: 3.61rem; background: #fff; border: .03rem solid #fff; border-radius: .2rem; box-shadow: inset 0 0 .3rem #e1000071; padding-top: .4rem; padding-bottom: .3rem;
}
.s4-item h3{
  margin-bottom: .2rem; line-height: 1;
}
.s4-item div{
  height: 2.46rem;
}
.s4-item a{
  width: 2.32rem; height: .64rem; line-height: .64rem;
}
.s4-item p{
  font-size: .22rem; color: #221815; line-height: .36rem; padding:  .24rem .45rem 0;
} 




/*sec05*/
.sec05{
  background: url(../images/s5_bg.jpg) no-repeat top center / cover; padding-top: 1.06rem;
}
.sec05 .title{
  width: 4.9rem; border-radius: 0 0 .4rem .4rem;
}
.sec05-main{
  background: #fff;
  border: .03rem solid #fff;
  border-radius: .2rem;
  box-shadow: inset 0 0 .3rem #e1000071;
  padding: .38rem .46rem .2rem;
  box-sizing: border-box;
}
.s5-item h3{
  width: 1.9rem; height: .55rem; line-height: .55rem; display: block; margin: 0; font-size: .24rem; display: flex; justify-content: flex-start; align-items: center; padding-left: .06rem; box-sizing: border-box;
}
.s5-item h3 i{
  width: .42rem; height: .42rem; line-height: .42rem; border-radius: .4rem; display: block; font-size: .22rem; color: #e10000; margin-right: .1rem;
  background: #fffccc;
  background: -webkit-linear-gradient(right, #fffccc, #fff66c);
  background: -o-linear-gradient(right, #fffccc, #fff66c);
  background: -moz-linear-gradient(right, #fffccc, #fff66c);
  background: linear-gradient(to right, #fffccc, #fff66c);
}
.s5-item1{
  display: flex; justify-content: flex-start; align-items: center; margin-bottom: .19rem;
}
.s5-item1 h3{
  margin-right: .28rem;
}
.s5-item p{
  font-size: .19rem; color: #221815; line-height: .31rem; text-align: left;
}
.s5-item2 h3{
  margin-bottom: .12rem;
}

/*侧边悬停*/
.lfNav{position: fixed;width:2.31rem; height:5.35rem; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:14%; left:.2rem;z-index:9999;}
.lfNav .close{position:absolute; top: 15px; right: -0.04rem; height:.3rem; width:.3rem; }
.lfNav .close img{width: 100%;}
.mt185{margin-top: 172px;}
.nav-bg{
	width:1.26rem;
	height: 50px;
	display: block;
	margin-left: 54px;
	text-align: center;
}
.nav-bg a{width:100%; height:.47rem; display: block; margin:auto;
	font-size: .24rem; line-height: .47rem; color: #8d3322; transition: all .5s;
}
.nav-bg a:hover{
	color: #e43b2b; font-weight: bold;
}
.nav-bg:last-of-type{
	background: initial;
}
.left_top{width:1.51rem; height:.4rem;display: block;float:left;margin-left:.22rem;margin-top: .1rem;}


/* 弹窗 */
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, .8);
  display: none;
}
.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;
}
.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-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.3rem;
  margin: 0 auto;
  font-size: .2rem;
  color: #333333;
  text-align: center;
  padding: 0 .2rem;
  box-sizing: border-box;
}
.popup-m img{
  width: 1.1rem; margin-top: 0.1rem;
}
.popBtn {
  width: 2.2rem; height: .5rem; line-height: 0.5rem; border-radius: .25rem; margin: .1rem auto 0; font-size: .24rem; color: #fff; background: #f24779; display: block;
}