@charset "utf-8";

html { cursor: default;}  
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}  
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{width:100%;margin:0; padding:0; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #fff;color: #333;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;} 
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

html,body{ background: #040606;}

/*导航*/
.navbox {
	width: 100%;
	height: 100px;
	min-width: 1000px;
	position: fixed;
	top: 0;
	left: 0;
	background: #3a3a3a;
	z-index: 3;
}
.nav {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
}
.logo {
    width: 102px;
    height: 86px;
    margin-right: 76px;
    position: relative;
    top: 7px;
    float: left;
    background: url(../images/logo.png) no-repeat center center;
}
.nav_list{
	float: left;
}
.nav_list a{
	width: 120px;
	height: 72px;
    padding-top: 28px;
	color: #d7d7d7;
	text-align: center;
	font-size: 14px;
	position: relative;
	float: left;
}
.nav_list a span{
	font-size: 12px;
	color: #202020;
	display: block;
}
.nav_list a.on span,.nav_list a:hover span{display: block;}
.nav_list .enter{
	background: #ff9639;
}
.nav_list a b{
	font-weight: normal;
}
.nav_list a:hover{
	color: #fff;
}
.nav_list a:hover span{
	color: #fff;
}
.nav_list a:hover b{
	color: #b25400;
}
.bg {
    width: 100%;
    min-width: 1000px;
    position: relative;
    overflow: hidden;
}
.section1{
	width: 100%;
	height: 685px;
	padding-top: 100px;
	background: url(../images/bg1.jpg) no-repeat center 100px;
	position: relative;
}
.sec_con1{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.down_box{
	width: 425px;
	height: 173px;
	position: absolute;
	top:424px;
	left:195px;
}
.erweima_box{
	width: 156px;
	height: 173px;
	float: left;
	background: #fd8f2d;
	overflow: hidden;
	text-align: center;
}
.erweima{
	width: 146px;
	height: 142px;
	background: #fff;
	margin-top: 5px;
	margin-left: 5px;
	overflow: hidden;
}
.erweima img{
	width: 134px;
	height: 134px;
	margin-top:5px; 
}
.erweima_box p{
	font-size: 14px;
	color: #fff;
	margin-top: 3px;
}
.download{
	width: 257px;
	height: 173px;
	float: right;
}
.app{
	width: 256px;
	height: 82px;
}
.app a{
	display: block;
	width: 256px;
	height: 82px;
	background: url(../images/apple.jpg) no-repeat;
}
.and{
	width: 256px;
	height: 82px;
	margin-top: 8px;
}
.and a{
	display: block;
	width: 256px;
	height: 82px;
	background: url(../images/android.jpg) no-repeat;
}
.section2{
	width: 100%;
	height: 768px;
	background: url(../images/bg2.jpg) no-repeat center;
	position: relative;
}
.wanfa_box{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.wan1{
	width: 255px;
	height: 80px;
	position: absolute;
	top: 167px;
	left: 0;
}
.wan1 a{
	display: block;
	width: 255px;
	height: 80px;
	background: url(../images/wan1.png) no-repeat;
}
.wan1 a:hover{
	background: url(../images/wan1_hover.png) no-repeat;
}
.wan2{
	width: 255px;
	height: 80px;
	background: url(../images/wan2.png) no-repeat;
	position: absolute;
	top: 167px;
	right: 0;
}
.wan2 a{
	display: block;
	width: 255px;
	height: 80px;
	background: url(../images/wan2.png) no-repeat;
}
.wan2 a:hover{
	background: url(../images/wan2_hover.png) no-repeat;
}
.wan3{
	width: 255px;
	height: 80px;
	background: url(../images/wan3.png) no-repeat;
	position: absolute;
	top: 279px;
	left: 40px;
}
.wan3 a{
	display: block;
	width: 255px;
	height: 80px;
	background: url(../images/wan3.png) no-repeat;
}
.wan3 a:hover{
	background: url(../images/wan3_hover.png) no-repeat;
}
.wan4{
	width: 255px;
	height: 80px;
	background: url(../images/wan4.png) no-repeat;
	position: absolute;
	top: 279px;
	right: 60px;
}
.wan4 a{
	display: block;
	width: 255px;
	height: 80px;
	background: url(../images/wan4.png) no-repeat;
}
.wan4 a:hover{
	background: url(../images/wan4_hover.png) no-repeat;
}
.wan5{
	width: 255px;
	height: 80px;
	background: url(../images/wan5.png) no-repeat;
	position: absolute;
	top: 397px;
	left: 110px;
}
.wan5 a{
	display: block;
	width: 255px;
	height: 80px;
	background: url(../images/wan5.png) no-repeat;
}
.wan5 a:hover{
	background: url(../images/wan5_hover.png) no-repeat;
}
.wan6{
	width: 255px;
	height: 80px;
	background: url(../images/wan6.png) no-repeat;
	position: absolute;
	top: 397px;
	right: 130px;
}
.wan6 a{
	display: block;
	width: 255px;
	height: 80px;
	background: url(../images/wan6.png) no-repeat;
}
.wan6 a:hover{
	background: url(../images/wan6_hover.png) no-repeat;
}
.wan7{
	width: 255px;
	height: 80px;
	background: url(../images/wan7.png) no-repeat;
	position: absolute;
	top: 504px;
	left: 350px;
}
.wan7 a{
	display: block;
	width: 255px;
	height: 80px;
	background: url(../images/wan7.png) no-repeat;
}
.wan7 a:hover{
	background: url(../images/wan7_hover.png) no-repeat;
}
.section3{
	width: 100%;
	height: 704px;
	background: url(../images/bg3.jpg) no-repeat center;
	position: relative;
	padding-top: 196px;
}
.libao_box{
	width: 977px;
	padding-left: 23px;
	margin: 0 auto;
	overflow: hidden;
}
.tuichu{
	margin-bottom: 8px;
	display: none;
}
.tuichu p{
	font-size: 16px;
	color: #754924;
}
.tuichu p span{
	color: #fff7af;
	cursor: pointer;
}
.libao{
	width: 501px;
	height: 593px;
	margin-right: 30px;
	float: left;
	background: url(../images/libao_bg.jpg) no-repeat;
	
}
.list{
	width: 342px;
	height: 385px;
	margin: 0 auto;
	margin-top: 78px;
}
.list ul li{
	float: left;
	margin-right: 30px;
	margin-top: 10px;
}
.fu1{
	width: 154px;
	height: 155px;
	background: url(../images/fu1.jpg) no-repeat;
}
.fu2{
	width: 154px;
	height: 155px;
	background: url(../images/fu2.jpg) no-repeat;
}
.fu3{
	width: 154px;
	height: 155px;
	background: url(../images/fu3.jpg) no-repeat;
}
.fu4{
	width: 154px;
	height: 155px;
	background: url(../images/fu4.jpg) no-repeat;
}
.list .last{
	margin-right: 0;
}
.list ul li p{
	font-size: 16px;
	color: #754924;
	text-align: center;
	margin-top: 5px;
}
.lingqu{
	width: 220px;
	height: 55px;
	margin: 0 auto;
	margin-top: 30px;
}
.lingqu a{
	display: block;
	width: 220px;
	height: 55px;
	background: url(../images/lingqu_btn.jpg) no-repeat;
}
.info{
	float: left;
	padding-top: 60px;
}
.info h2{
	font-size: 24px;
	color: #fef0e2;

}
.info p{
	font-size: 18px;
	color: #fef0e2;
}
.time span{
	color: #ffda6c;
	font-weight: bold;
}
.line{
	width: 401px;
	height: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
	background: url(../images/line.png) no-repeat;
}
.shuoming{
	width: 444px;
	margin-top: 38px;

}
.shuoming b{
	color: #ffda6c;
}
.shuoming ul li{
	margin-bottom: 15px;
}
.shuoming span{
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	float: left;
	margin-right: 6px;
	margin-top: 6px;
	text-align: center;
	line-height: 20px;
	background: #754924;
}
.shuoming p{
	width: 418px;
	float: left;
	font-size: 14px;
	line-height: 28px;
}
.section4{
	width: 100%;
	height: 711px;
	background: url(../images/bg4.jpg) no-repeat center;
	position: relative;
}
.duihua{
	position: absolute;
	top: 296px;
	left: 50%;
	margin-left: -93px;
}
.duihua p{
	font-size: 14px;
	color: #754924;
}
.sec4_erwei{
	width: 226px;
	height: 266px;
	background: #f4e6bd;
	position: absolute;
	left: 50%;
	margin-left: -113px;
	bottom: 0;
	text-align: center;
	padding-top: 10px;
}
.wen{
	margin-top: 10px;
}
.wen p{
	font-size: 16px;
	color: #754924;
}
.section5{
	width: 100%;
	height: 826px;
	background: url(../images/bg5.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
}
.tutorial{
	width: 770px;
	height: 475px;
	margin: 0 auto;
	margin-top: 180px;
	position: relative;
	background: #000;
}
#t_video{
	width: 100%;
	height: 100%;
}
/*.t_view{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background:url(../images/video_bot.jpg) no-repeat center center;
}*/
/*玩法详解弹窗*/
.prompt_bg, .prompt_bg2{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 20;
    display: none;
    background: rgba(0,0,0,.6);
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
}
.prompt_bg.on {
    display: block;
    opacity: 1;
}
.prompt_bg2.on {
    display: block;
    opacity: 1;
}
.prompt_which {
    width: 695px;
    height: 447px;
    position: fixed;
    top: 40%;
    margin-left: -348px;
    left: 50%;
    z-index: 30;
    background: url(../images/detail_bg.jpg) no-repeat;
    display: none;
}
.title_tan{
	width: 190px;
	margin: 0 auto;
	margin-top:10px;
	text-align: center;
}
.title_tan h1{
	font-size: 28px;
	color: #855e3d;
	font-weight: bold;
}
.text_w{
	width: 542px;
	height: 256px;
	margin:0 auto;
	margin-top: 104px;
}
.time_tan{
	margin-bottom: 32px;
}
.text_w span{
	font-size:20px;
	color: #595959;
	font-weight: bold;
}
.text_w p{
     font-size: 16px;
}
.close{
	display: block;
	width: 66px;
	height: 66px;
	background: url(../images/close_btn.jpg) no-repeat;
	position: absolute;
	top: 0;
	right: -66px;
    cursor: pointer;
}
.tiaojian{
	margin-top: 10px;
}
.tiaojian h3{
	font-size: 16px;
	color: #595959;
	font-weight: bold;
	margin-top: 5px;
}
.tiaojian p{
	font-size: 12px;
	margin-top: 5px;
}
/*礼包码弹窗*/
.libao_tan{
	width: 501px;
	height: 310px;
	background: url(../images/libao_chuang.jpg) no-repeat;
	position: fixed;
    top: 40%;
    margin-left: -348px;
    left: 44%;
    z-index: 35;
    overflow: hidden;
    display: none;
}
.jihuoma_li{
	width: 374px;
	height: 64px;
	line-height: 64px;
	margin: 0 auto;
	margin-top: 112px;
	background: #ddce9f;
	text-align: center;
}
.jihuoma_li span{
	font-size: 24px;
	color: #e87335;
}
.liclose_btn{
	width: 220px;
	height: 55px;
	margin: 0 auto;
	margin-top: 30px;
}
.liclose_btn a{
	display: block;
	width: 220px;
	height: 55px;
	background: url(../images/liclose_btn.jpg) no-repeat;
}