@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; width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.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: #fff;}
#footer_bx{clear: both;}

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;}
 
/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
 /* 输入框填充背景 */
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.47rem;width:100%; text-align:center;
	background:url("../images/banner.png") no-repeat center top;
	background-size: auto 100%;
}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 0; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; max-width: 1.68rem;}
.banbox{
	width: 100%; clear: both; float: left; position: relative; height: 7.47rem;
}
.banbox img{z-index: 3;}
.banbox img.banTit{
	width: 8.77rem;float: left; margin-left: 1.115rem; display:block; margin-top: 1.67rem; 
	animation: fangda 0.5s ease-in-out;
	-webkit-animation: fangda 0.5s ease-in-out;
	-moz-animation: fangfa 0.5 ease-in-out;
	-o-animation: fangda 0.5s ease-in-out;
}
.banbox img.banImg{
	position: absolute; bottom: -.95rem; left: 2.56rem;
	width: 6.38rem; display: inline-block;
	animation: upShow 0.8s ease-in-out ;
	-webkit-animation: upShow 0.8s ease-in-out;
	-moz-animation: upShow 0.8s ease-in-out;
	-o-animation: upShow 0.8s ease-in-out;
}
.banGif01{
	position: absolute; top: .64rem; right: -2.52rem; width: 2.92rem;
	animation: scaleUp 1.5s infinite ease-in-out alternate;
	-webkit-animation: scaleUp 1.5s infinite ease-in-out alternate;
}
.banGif02{
	position: absolute; bottom: -.25rem; right: -2.2rem; width: 2.43rem;
	animation: scaleUp 1.5s infinite ease-in-out alternate;
	-webkit-animation: scaleUp 1.5s infinite ease-in-out alternate;
}
.banGif03{
	position: absolute; bottom: -.8rem; left: -2.42rem; width: 2.77rem;
	animation: scaleUp 1.5s infinite ease-in-out alternate;
	-webkit-animation: scaleUp 1.5s infinite ease-in-out alternate;
}
.banGif04{
	position: absolute; top: 3.71rem; right: .77rem; width:1.52rem;
	animation: scaleUp 1.5s infinite ease-in-out alternate;
	-webkit-animation: scaleUp 1.5s infinite ease-in-out alternate;
}
.banGif05{
	position: absolute; top: 1.21rem; left: -1.98rem; width:1.87rem;
	animation: scaleUp 2s infinite ease-in-out alternate;
	-webkit-animation: scaleUp 2s infinite ease-in-out alternate;
}
@keyframes fangda {
    0% {
        -webkit-transform: scale(0.1);
		transform: scale(0.1);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
		transform: scale(1);
        opacity: 1;
    }
}
@keyframes upShow {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes scaleUp{
    0%{transform: translateY(-5px);}
    50%{transform: translateY(5px);}
    100%{transform: translateY(-5px);}
}
@keyframes scaleUp{
    0%{transform: translateY(-5px);}
    50%{transform: translateY(5px);}
    100%{transform: translateY(-5px);}
}


/*section01*/
.sec01{
	width: 100%; clear: both; float: left;min-height: 2rem;
	background: #cf1f36 url("../images/s1-bg.jpg") no-repeat center top;
	position: relative;
}
.sec01::before,.sec01::after{
	content: ''; height: 5.15rem; display: block;
	position: absolute; bottom: 0;
}
.sec01::before{
	width: 3.47rem; left: 0;
    background: url("../images/light-left.png") no-repeat center;
    background-size: 100%;
}
.sec01::after{
	width: 3.39rem; right: 0;
    background: url("../images/light-right.png") no-repeat center;
    background-size: 100%;
}
.sec01 .tit{
	width: 100%; height: 1.4rem; display: inline-block;
	background: url("../images/s1-img01.png") no-repeat center;
    background-size: auto 100%;
	position: relative; z-index: 3;
}
.sec01 .tit h2{
	font-size: .42rem; font-weight: bold; color: #fff; line-height: .9rem;
	width: 100%; clear: both; float: left; margin-top: .37rem;
}
.sec01 .drawbox{
	width: 100%; height: 5.29rem; display: block; float: left;margin-top: -.16rem; position:relative;z-index: 2;
    background: url("../images/s1-img02.png") no-repeat center;
    background-size: auto 100%;
}
.game-goods-list{width: 8.64rem; clear: both; float: left;
	margin-left: 1.2rem; margin-top: 1.12rem;
	overflow: hidden;
}
.game-goods{width: 2.64rem; float: left; margin: auto .12rem;height: 3.28rem;}
.game-goods-ul{position: relative;z-index: 3;} 
.game-goods-ul li{width: 100%; position: relative;}

.sec01 .Operat{
	width: 100%; height: 3.77rem; display: block; float: left; margin-top: -.41rem;
	background: url("../images/s1-img03.png") no-repeat center;
	background-size: auto 100%;
}
.sec01 .Operat .mygift{
	float: left; margin-left: 1.35rem; margin-top: .7rem; width: 1.98rem;
}
.sec01 .Operat .drawBtn{
	float: left; margin-left: .52rem; margin-top: .7rem; width: 4.31rem;
}
.sec01 .Operat .mygift a,.sec01 .Operat .drawBtn a{width: 100%; display: block;}
.sec01 .Operat a img{width: 100%; display: block;}

/* section02 */
.sec02{
	width: 100%; clear: both; float: left;min-height: 2rem; padding-top: .82rem;
	background: #cf1f36;
	position: relative;
}
.s3-main{
	width: 100%; clear: both; float: left; background: #fff;
	border-radius: .3rem;
	margin-bottom: .45rem;
	padding-bottom: .5rem;
}
.s3-main h3{
	width: 100%; height: .85rem; display: block; float: left;  margin-top: -.19rem;
    font-size: .36rem; line-height: .85rem; color: #fff;
    background: url(../images/s2-img01.png) no-repeat center;
    background-size: auto 100%;
}
.s3-rule{
	width: 100%; clear: both; float: left; margin-top: .3rem;
}
.s3-rule ul{
	width: 100%; clear: both; float: left;
}
.s3-rule ul li{
	width: 100%; clear: both; float: left;
}
.s3-rule ul li i{
	width: .28rem; height: .28rem; display: block; float: left; margin-top:.04rem; margin-left: .3rem;
	font-size: .2rem; line-height: .28rem; color: #fff;
	background: #f44c7a;
	background: -webkit-linear-gradient(#f44c7a, #f33c4e); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#f44c7a, #f33c4e); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#f44c7a, #f33c4e); /* Firefox 3.6 - 15 */
	background: linear-gradient(#f44c7a, #f33c4e); /* 标准的语法 */
	border-radius: 50%;
}
.s3-rule ul li p{
	font-size: .22rem; line-height: .36rem; color: #333; text-align: left;
	float: left; margin-left: .1rem;
	width: 10rem;
}
.s3-rule ul li p span{color: #f33c4e;}
.s3-rule ul li ol{
	width: 8.5rem; float: left; margin-left: 1.76rem; margin-top: -.36rem;
}
.s3-rule ul li ol li{
	width: 100%; font-size: .22rem; line-height: .36rem; float: left; text-align: left;
}
.s3-rule ul li ol li.half{width: 50%; float: left; clear: none;}
.s3-rule ul li em{color: #5c101a;}
.s3-rule ul li .txt{
	float: left; margin-left: .6rem;
}
.s3-rule ul li p.secondary{color: #555;}

/*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);
}