@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: #980e13;}
#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:822px; overflow:hidden;width:100%; text-align:center;}
.banner-box p{height: 274px; width: 100%; clear: both; float: left;}
.banner-box p.ban01{background: url(../images/ban01.jpg) no-repeat center top;}
.banner-box p.ban02{background: url(../images/ban02.jpg) no-repeat center top;}
.banner-box p.ban03{background: url(../images/ban03.jpg) no-repeat center top;}
.banner-box .wrap{}
.banner-box .logo{width: auto; position: absolute;left: 15px; top: 80px; cursor: pointer;display: block; width: 225px; height: 53px;}
.banner-box .logo img{width: 100%;}
.banner-box .btn{width: 424px; height: 64px; display: inline-block; position: absolute; top: 432px; left: 338px;}

/* section01 */
.sec01{width: 100%; clear: both; float: left; height: 1008px;
	background: url(../images/s1-bg.jpg) no-repeat center top;
}
.s1-tit{width: 100%; clear: both; float: left; margin-top: 31px; background: url(../images/s1-title01.png) no-repeat center top; height: 137px; position: relative;}
.s1-tit span{background: url(../images/title01.png) no-repeat center top; height: 54px; font: 28px/54px "microsoft yahei";width: 100%; float: left; display: block;
	color: #ffe4cc; position: absolute; top: -31px;
}
.s1-tit h2{font: bold 54px/118px "microsoft yahei"; color: #ffe4cc;}
.s1-tit p{background: url(../images/s1-title02.png) no-repeat center top; height: 75px; width: 100%; font-size: 24px; line-height: 75px; color: #ffe4cc;
	position: absolute; top: 90px;
}
.s1-tit p em{font-weight: bold; font-size: 30px;}
.s1-tit::before{content: '';width: 85px; height: 129px; display: block; background: url(../images/fash.png) no-repeat center; background-size: 100%;
	position: absolute; top: -37px; left: 155px;
}
.s1-cont .rulebtn{float: right; margin-top: -43px; margin-right: 11px; display: block;}
.s1-cont .rulebtn a{width: 176px;height: 42px; display: block; background: url(../images/s1-img03.png) no-repeat center; background-size: 100%;
	font: 24px/42px "microsoft yahei";color: #ffe4cc;
	box-shadow: 0 3px 2px rgba(77,0,9,.32); border-radius: .1rem;
}

/* 九宫格抽奖 */
.page-draw{width: 100%; clear: both; float: left; margin-top: 85px; height:auto; display: block;
	background: url(../images/s1-img01.png) no-repeat center; height: 665px;
}
.page-draw .myGift{width: 750px; height: 50px; clear: both; float: left; margin-top: 36px; margin: 36px 175px 50px;
	background: #ad1a2d;
	background: -webkit-linear-gradient(left, #9c1727 , #c13747); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #9c1727, #c13747); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #9c1727, #c13747); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #9c1727 , #c13747); /* 标准的语法 */
	border-radius: 25px;
}
.page-draw .myGift a{width: 122px; height: 42px; font: 24px/42px "microsoft yahei";  border-radius: .1rem; display: block; margin: auto;
	background: url(../images/s1-img02.png) no-repeat center; color: #ffe4cc;
	float: left; margin: 4px 12px;
}
.page-draw .myGift p{font: 24px/50px "microsoft yahei"; color: #ffe4cc; float: left; text-align: left;}
.page-draw .draw-cont{width: 752px; height: 479px; display: block; margin: auto; clear: both;
	background: url(../images/draw-bg-pc.png) no-repeat center;background-size: 100%;
}
.page-draw .draw-cont .draw{width: 652px; height: auto; float: left; margin: 33px 50px auto; display: block;}
.draw .item{width: 200px; height: 130px; background: url(../images/draw-btn01.png) no-repeat center; background-size: 100% 100%;
	box-shadow: 0 3px 2px rgba(77,0,9,.32); border-radius: .3rem;
}
.draw .item.active { background-image: url(../images/draw-btn02.png); background-size: 100%;}
.draw .draw-btn{display: block;width: 200px; height: 130px; background: url(../images/draw-btn03.png) no-repeat center; background-size: 100%;
	box-shadow: 20% 3px 15px rgba(199,60,76,.25); border-radius: .3rem;
}
.draw .draw-btn.noChance{background: url(../images/draw-btn04.png) no-repeat center; background-size: 100%;}
.draw .img { display: table-cell; width: 100%; height: auto; vertical-align: middle; text-align: center; overflow: hidden; float: left;}
.draw .img img { vertical-align: middle;  display: block;margin: auto;width: 200px;}
.draw .gap{width: 28px;}
.draw .gap-2{height: 11px;}
/* .page-draw .draw-cont{width: 6.66rem; height: 5.78rem; display: block; float: left; margin: 0 .12rem .13rem; background: url(../images/draw-bg01.png) no-repeat center; background-size: 100%;}
.page-draw .draw-cont .draw{width: 5.96rem; height: auto; float: left; margin-left: .34rem; margin-top: .38rem; display: block;}
 */
/* .draw .item{width: 1.96rem; height: 1.61rem; background: url(../images/draw-bg02.png) no-repeat center; background-size: 100% 100%;}
.draw .item.active { background-image: url(../images/draw-bg03.png); background-size: 100%;} */




/* section02 */
.sec02{width: 100%; clear: both; float: left; height: 992px;
	background: url(../images/s2-bg.jpg) no-repeat center top;
}
.s2-tit{width: 100%; clear: both; float: left; margin-top: 31px; background: url(../images/s2-title01.png) no-repeat center top; height: 137px; position: relative;}
.s2-tit span{background: url(../images/title01.png) no-repeat center; height: 54px; font: 28px/54px "microsoft yahei";width: 100%; float: left; display: block;
	color: #ffe4cc; position: absolute; top: -31px;
}
.s2-tit h2{font: bold 54px/118px "microsoft yahei"; color: #ffe4cc;}
.s2-tit p{background: url(../images/s1-title02.png) no-repeat center top; height: 75px; width: 100%; font-size: 24px; line-height: 75px; color: #ffe4cc;
	position: absolute; top: 90px;
}
.s2-tit::before{content: '';width: 85px; height: 129px; display: block; background: url(../images/fash.png) no-repeat center; background-size: 100%;
	position: absolute; top: -37px; left: 100px;
}
.s2-cont{width: 100%; clear: both; float: left; margin-top: 85px; height:auto; display: block;
	background: url(../images/s2-img01.png) no-repeat center; height: 659px;
}
.s2-cont .rulebtn{float: right; margin-top: -43px; margin-right: 11px; display: block;}
.s2-cont .rulebtn a{width: 176px;height: 42px; display: block; background: url(../images/s1-img03.png) no-repeat center; background-size: 100%;
	font: 24px/42px "microsoft yahei";color: #ffe4cc;
	box-shadow: 0 3px 2px rgba(77,0,9,.32); border-radius: .1rem;
}
.s2-cont .mhGift{width: 750px; height: 50px; clear: both; float: left; margin-top: 36px; margin: 36px 175px 5px;
	background: #ad1a2d;
	background: -webkit-linear-gradient(left, #9c1727 , #c13747); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #9c1727, #c13747); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #9c1727, #c13747); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #9c1727 , #c13747); /* 标准的语法 */
	border-radius: 25px;
}
.s2-cont .mhGift a{width: 122px; height: 42px; font: 24px/42px "microsoft yahei";  border-radius: .1rem; display: block; margin: auto;
	background: url(../images/s1-img02.png) no-repeat center; color: #ffe4cc;
	float: left; margin: 4px 12px;
}
.s2-cont .mhGift p{font: 24px/50px "microsoft yahei"; color: #ffe4cc; float: left; text-align: left;}
/* 盲盒抽奖 */
#manghe{width: 100%; clear: both; float: left; background: url(../images/s2-img02.png) no-repeat center bottom; padding-bottom: 11px;}
#manghe li{width: 294px;  font: .32rem/.45rem "microsoft yahei"; height: 200px; display: inline-block; margin: 44px 20px 0; cursor: pointer; position: relative;}
#manghe li img{display: block; margin: auto;}
#manghe li i{background: url(../images/s2-img04.png) no-repeat center; width: 72px; height: 72px; display: block; position: absolute; top: 94px; right: 25px;}
#manghe li span{clear: both; font: 26px/40px "microsoft yahei"; color: #9e1727; margin-top: 7px; padding: 0 23px; height: 40px; display: inline-block;
	background: #fff; border-radius: 20px;
}
#manghe li a.noChance{background: #ccc;}

/* section03 */
.sec03{width: 100%; clear: both; float: left; height: 742px;
	background: url(../images/s3-bg.jpg) no-repeat center top;
}
.s3-tit{width: 100%; clear: both; float: left; margin-top: 31px; background: url(../images/s3-title01.png) no-repeat center top; height: 137px; position: relative;}
.s3-tit span{background: url(../images/title01.png) no-repeat center; height: 54px; font: 28px/54px "microsoft yahei";width: 100%; float: left; display: block;
	color: #ffe4cc; position: absolute; top: -31px;
}
.s3-tit h2{font: bold 54px/118px "microsoft yahei"; color: #ffe4cc;}
.s3-tit::before{content: '';width: 85px; height: 129px; display: block; background: url(../images/fash.png) no-repeat center; background-size: 100%;
	position: absolute; top: -37px; left: 50px;
}
.s3-cont{width: 100%; clear: both; float: left; margin-top: 60px; background: url(../images/s3-img04.png) no-repeat center top; height: 409px;}
.s3-cont ul{float: left;}
.s3-cont ul li{float: left; display: block; margin-right: 7px;}
.s3-cont .ewmbox{float: right; margin-top: 35px; margin-right: 70px;}
.s3-cont .ewmbox img{display: block; margin: auto; width: 192px;}
.s3-cont .ewmbox span{font: 26px/42px "microsoft yahei"; color: #a51b2b;}
/* .s3-cont .txt{width: 100%; clear: both; float: left; margin-top: 12px;}
.s3-cont .txt .left{float: left; margin-left: 80px;}
.s3-cont .txt .left p{font: 20px/30px "microsoft yahei"; color: #333; float: left; text-align: left; clear: both;}
.s3-cont .txt .left p span{color: #a51b2b;}
.s3-cont .txt .right{float: right; margin-right: 85px; font-size: 50px; line-height: 93px;  color: #a51b2b; font-weight: bold;}
.s3-cont .txt .right p span{width: 278px; height: 93px; display: inline-block; background: url(../images/s3-img05.png) no-repeat center; color: #fff; margin-left: 10px;}
 */
.s3-cont p{width: 100%; clear: both; float: left; font-size: 50px; line-height: 93px; margin-top: 12px; color: #a51b2b; font-weight: bold;}
.s3-cont p span{width: 278px; height: 93px; display: inline-block; background: url(../images/s3-img05.png) no-repeat center; color: #fff; margin-left: 10px;}

/* section04 */
.sec04{width: 100%; clear: both; float: left; height: auto;background: url(../images/s4-bg.jpg) no-repeat center top;}
.s4-tit{width: 100%; clear: both; float: left; margin-top: 31px; background: url(../images/s4-title01.png) no-repeat center top; height: 137px; position: relative;}
.s4-tit h2{font: bold 54px/118px "microsoft yahei"; color: #ffe4cc;}
.s4-tit::before{content: '';width: 105px; height: 167px; display: block; background: url(../images/fash02.png) no-repeat center; background-size: 100%;
	position: absolute; top: -37px; right: 50px;
}
.s4-cont{width: 100%; clear: both; float: left; margin-top: 105px; margin-bottom: 60px;}
.s4-cont .part{width: 100%; clear: both; float: left;}
.s4-cont .part01{margin-bottom: 85px; background: url(../images/s4-img02.png) no-repeat center top; height: 387px;}
.s4-cont .part02{background: url(../images/s4-img03.png) no-repeat center top; height: 683px;}
.s4-cont .part h3{height: 79px; width: 100%; clear: both; float: left; margin-top: -37px; font: bold 40px/79px "microsoft yahei";color: #ffe4cc;
	background: url(../images/s4-img01.png) no-repeat center;
}
.s4-cont .cardbox{width: 100%; clear: both; float: left; margin-top: 48px;}
.s4-cont .cardbox a{display: inline-block; margin: 0 80px 50px;}
.s4-cont .cardbox a img{display: block;}

/* section05 */
.sec05{width: 100%; clear: both; float: left; height: 1530px;background: url(../images/s5-bg.jpg) no-repeat center top;}
.sec05 .part{width: 100%; clear: both; float: left;}
.sec05 .part01{margin-top: 30px; height: 660px; width: 100%;
	background: url(../images/s5-img01.png) no-repeat center top;
}
.sec05 .part02{margin-top: 110px; height: 501px; width: 100%;
	background: url(../images/s5-img02.png) no-repeat center top;
}
.sec05 .part h3{height: 92px; width: 100%; clear: both; float: left; margin-top: -30px; font: bold 40px/75px "microsoft yahei";color: #ffe4cc;
	background: url(../images/s5-title.png) no-repeat center;
}
.sec05 .part ul{width: 910px; float: left; margin: 20px 95px auto; font: 20px/35px "microsoft yahei"; color: #333; text-align: left;}
.sec05 .part ul li{width: 100%; clear: both;}
.sec05 .part ul li i{float: left; width: 32px;}
.sec05 .part ul li p{float: left;width: 875px;}
.sec05 .part ul li span,.sec05 .part ul li a{color: #9e1726;}
.sec05 .part ul li .red{float: left; margin-left: 32px; color: #9e1726;}
.sec05 .part .ewmbox{float: left; width: 910px; margin: 36px 95px auto;}
.sec05 .part .ewmbox img{float: left; margin-right: 72px; width: 202px; display: block;}
.sec05 .part .txt{float: left; width: 600px; text-align: left;font: 20px/35px "microsoft yahei";}
.sec05 .part02 .txt{width: 910px; float: left; margin: 20px 95px auto; text-align: left;font: 20px/35px "microsoft yahei";}
.sec05 .part .txt font{ color: #9e1726;}
.sec05 .part .txt p{ clear: both;}
.sec05 .part .txt p b{font-weight: bold;}
.sec05 .part .txt p span{color: #9e1726;}


/*section2*/

/*按钮悬停*/
.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);
}
/*侧边悬停*/
.lfNav{position: fixed;width:220px; height:364px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:18%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:-15px; right:-24px; height:28px; width:28px; }
.mt185{margin-top:58px;}
.nav-bg{width:220px; height:64px; display: block;float:left; clear:both;margin-left:0;margin-bottom:1px;}
.nav-bg a{width:160px; height:64px; display: block; margin:auto;}

.left_top{width:220px; height:48px;display: block;float:left;margin-left:0;}