@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}
i,em{ font-style:normal;}
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} 
body{width: 100%;height:100%;font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #ff4e36;}
#footer_bx{clear: both;}

.nav-bgd,.dv_mn{display:none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}

 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 
/*banner */
.banner-box{position:relative;height:7.6rem;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{}
.banner-box .logo{width: 4.86rem; position: absolute; top: 0; left: 50%; margin-left: -2.43rem; cursor: pointer;display: inline-block;}
.banner-box .logo img{width: 100%;display: inline-block;}

/*section01*/
.sec01{
	width: 100%; height: auto; clear: both; float: left;
	background: url(../images/s1-bg.jpg) no-repeat center top;
	/* background-size: 100%; */
}
.drawbox{
	width: 100%; height: 11.81rem; display: block; margin-top: -.25rem;
	background: url(../images/draw-stage.png) no-repeat center bottom;
	background-size: auto 3.56rem;
}
.draw-zp{
	width: 100%; height: 9.91rem; display: inline-block; float: left;
	background: url(../images/draw-img01.png) no-repeat center bottom;
	background-size: auto 100%;
	position: relative;
}
.draw-zp::before{
	content: ''; width: 100%; height: 9.91rem; display: inline-block;
	background: url(../images/draw-light01.png) no-repeat center bottom;
	background-size: auto 100%;
	position: absolute; top: 0; left: 0; z-index: 2;
}
.draw-zp.light2::before{
	background-image:url(../images/draw-light02.png);
}

.drawbox .draw-zp .turnplate{
	width: 7.77rem; height: 7.77rem; display: inline-block;position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3.885rem;
	margin-top: -3.885rem;
	z-index: 3;
	background: url(../images/draw-img03.png) no-repeat center; background-size: 100%;
}
.drawbox .draw-zp .pointer{width: 2.97rem; height: 3.97rem; display: block;position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1.485rem;
	margin-top: -1.985rem;
	z-index: 4;
	background: url(../images/draw-img02.png) no-repeat center; background-size: 100%;
}
.drawbox .draw-zp .pointer-btn{width: 2.97rem; height: 2.97rem; display: block; border-radius: 50%;
	cursor: pointer;
	position: absolute;left: 50%;top: 50%;z-index: 5;
	margin-left: -1.485rem; 
	margin-top: -1.485rem;
	border-radius: 50%;
}

.drawbox .drawTimes{
	float: left; width: 100%; clear: both;
	margin-top: -.9rem;
	position: relative;
}
.drawbox .drawTimes span{
	width: 3.68rem; height: .8rem; display: inline-block;
	font-size: .34rem; line-height: .8rem; color: #fff;
	background: #e5361e;
	border-radius: .8rem;
	border: solid .02rem #ff897a;
	position: relative;
	z-index: 3;
}


.sec01 .myGift{
	position: fixed; left: 0; bottom: 1rem; display: block; width: 2.8rem; height: auto;
	z-index: 4;
}
.sec01 .myGift a{display: block; width:100%;}
.sec01 .myGift a img{width: 100%; display: inline-block;}
.scaleDraw{
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
}

@-webkit-keyframes scaleDraw{
	0%  {transform: scale(1); }
	25% {transform: scale(1.1);}
	50% {transform: scale(1);}
	75% {transform: scale(1.1);}
	100%{transform: scale(1);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(1); }
	25% {transform: scale(1.1);}
	50% {transform: scale(1);}
	75% {transform: scale(1.1);}
	100%{transform: scale(1);}
}
/* section02 */
.sec02{
	clear: both; float: left; width: 100%;
}
.s2-title{
	width: 100%; clear: both; float: left; height: 1.11rem; margin-top: -.6rem;
	background: url(../images/s2-title-bg.png) no-repeat center top;
	background-size: 100%;
	position: relative;
}
.s2-title img{margin-top: -.6rem; display: inline-block;}
.s2-main{
	width: 100%; height: auto; float: left; margin-top:-.41rem;
	background-color: #e90f23;
	border: solid .06rem #d81819; box-sizing: border-box;
	border-radius: .15rem;
	position: relative;
}
.s2-main .kuang{
	width: 10.54rem; float: left; margin: .17rem;
	background-color: #fc1c31;
	border-radius: .15rem;
	min-height: 1rem;
}
.s2-main .item{
	width: 100%; clear: both; float: left; margin: .7rem auto .5rem;
}

.s2-main .item ul{
	width: 100%; clear: both; float: left;
}
.s2-main .item ul li{
	position: relative;
	width: 2.1rem; margin: 0 .18rem;display: inline-block;
}


.s2-main .item ul li img{
	width: 100%; display: inline-block;
}
.s2-main .item ul li span{
	width:100%; height: .53rem; display: inline-block; margin-top: -.02rem; float: left;
	font-size: .22rem; line-height: .53rem; color: #7f3a22; font-weight: bold;
	background-color: #fde3bc;
	border-radius: .6rem;
	box-shadow: 0 .04rem .18rem #fccd87 inset;
}

.s2-main .item ul li i{
	position: absolute; top: -.2rem; right: -.12rem;
 	font-size: .17rem; color: #fde3bc; font-weight: bold; line-height: .33rem;
	width: 1.02rem; height: .42rem; display: inline-block;
	background: url(../images/s2-tip03.png) no-repeat center;
	background-size: 100%;
}



/* section03 */
.sec03{
	width:100%; clear: both; float: left;
}
.s3-title{
	clear: both; float: left;margin-top: .7rem; width: 100%; margin-bottom: .3rem;
}
.s3-title h2{
	font-size: .56rem; line-height: .8rem; font-weight: bold;color: #fef2df;
	text-shadow: 0 .04rem .05rem #ff1e00;
}
.s3-main{
	width: 100%; clear: both; float: left;
	border: solid 2px #fed1b5;
	border-radius: .4rem;
	box-sizing: border-box;
}
.s3-main ul{
	clear: both; float: left; width: 9.7rem; margin: .7rem .65rem;
	font-size: .24rem; line-height: .36rem; color: #fff; text-align: left;
}
.s3-main ul li{clear: both; width: 100%; float: left; margin-bottom: .15rem; font-size: .22rem;}
.s3-main ul li span{font-size: .3rem; font-weight: bold; color: #fde3bc;}
.s3-main ul li b{font-weight: bold;}

/* section03 */
.sec04{
	width:100%; clear: both; float: left;
}
.s4-title{
	clear: both; float: left;margin-top: .7rem; width: 100%; margin-bottom: .3rem; text-align: left;
}
.s4-title h2{
	font-size: .36rem; line-height: .48rem; font-weight: bold;color: #fef2df;
	text-shadow: 0 .04rem .05rem #ff1e00;
}
.s4-main{
	width: 100%; clear: both; float: left; padding-bottom: .8rem;
}
.s4-main ul li{
	width: 100%; clear: both; float: left; margin-bottom: .2rem;
}
.s4-main ul li .tit{
	width: 100%; clear: both; float: left;
	position: relative;
}
.s4-main ul li .tit font{
	background-color: #ff4e36; padding-right: .2rem; float: left; position: relative;
}
.s4-main ul li .tit span{
	float: left; font-size: .26rem; line-height: .54rem; font-weight: bold; color: #fde3bc;
	background-color: #e90f23; display: block; padding: 0 .3rem;
	border-radius: .3rem;
}
.s4-main ul li .tit:before{
	content: ''; width: 100%; height: 1px; display: block;
	background-color: #e90f23; position: absolute;
	left: 0; top: .28rem;
}

.s4-main ul li .txt{
	width: 100%; clear: both; float: left; margin-top: .1rem; text-align: left;
}
.s4-main ul li .txt p{font-size: .2rem; line-height: .3rem; color: #fff; clear: both; float: left; width: 99%;
	margin-left: 1%;
}
.s4-main ul li .txt b{font-weight: bold;}
/*section2*/

#toTop{
	position: fixed; bottom: .15rem; right: .5rem; width: .6rem;
	height: auto; z-index: 5;
}
#toTop img{width: 100%; opacity: .8; display: inline-block;}
/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}